@charset "UTF-8"; /* TODO * split out normalize.css to seperate file * split out table styles * split out promo styles * split out fonts * figure out which colors are actually being used * name google material palette colors by name * https://material.io/guidelines/style/color.html#color-color-palette */ /* * Global Variables */ /* *** Z-Nav.css Start * * Desktop navigation view============================================================================ */ /* Genetal settings*/ .z-nav { /*Block rules*/ min-height: 65px; padding: 0px 10px 0px 10px; margin: 50px 0px 20px; /*Main styling color*/ background-color: #212c43; } /* Toggle config rules */ .z-nav__toggle { /*Block rules*/ display: none; float: right; width: 50px; height: 50px; /* Main styling color */ background-color: #7ccbfc; border: solid 1px #7ccbfc; text-decoration: none; overflow: hidden; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .z-nav__toggle.open-menu { /* Main styling color - open state*/ background-color: #f29090; border: 1px solid #f29090; } .menu-icon { /*Block rules*/ display: block; width: 24px; height: 28px; margin: 11px auto 0; } .menu-icon .fa-bars, .menu-icon .fa-times { display: none; } /* List items config rules */ .z-nav__list { float: right; margin: 0; padding: 0; list-style: none; } .z-nav__list .z-nav__item { position: relative; display: block; } .z-nav__list > .z-nav__item { display: block; float: left; min-height: 50px; padding: 0 15px; line-height: 50px; } .z-nav__link { display: block; padding: 7px 0 8px; text-decoration: none; color: #ffffff; } /* Subidiary List items config rules */ .z-nav__list-secondary { display: none; padding: 0 5px; } .z-nav__list-secondary .z-nav__item { width: 100%; padding: 4px 0; border-bottom: 1px solid #1b253b; } .z-nav__list-secondary .z-nav__item:last-child { border: none; } /* helper */ .test-wrapper { margin: 0 40px; } /* *** Media specifity rules=============================================================*/ @media (min-width: 769px) { /* Dropdown init (for desktop)*/ .z-nav__item > .z-nav__list-secondary { /* Positioning */ position: absolute; top: 65px; left: 0; z-index: -1; /* Block rules*/ display: block; width: 140px; padding: 10px; background-color: #85d6de; /* Animation effects */ -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 500ms ease-out 80ms, opacity 500ms ease-out 80ms; -moz-transition: -moz-transform 500ms ease-out 80ms, opacity 500ms ease-out 80ms; transition: transform 500ms ease-out 80ms, opacity 500ms ease-out 80ms; } .z-nav__item:hover > .z-nav__list-secondary { z-index: 50; opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform 500ms ease-out 80ms, opacity 500ms ease-out 80ms; -moz-transition: -moz-transform 500ms ease-out 80ms, opacity 500ms ease-out 80ms; transition: transform 500ms ease-out 80ms, opacity 500ms ease-out 80ms; } .z-nav__toggle-sub { display: none; } } /* Mobile view */ @media (max-width: 768px) { /*for javascript needs (show/hidden interaction)*/ .z-nav__list.z-hide { display: none; } .z-nav__list.z-show { display: block; } .z-nav__list-secondary.z-show { display: block; } .z-nav__list-secondary.z-hide { display: none; } /*end*/ .z-nav { padding: 10px; min-height: 52px; } .z-nav__toggle { display: block; } .z-nav__list { position: absolute; top: 122px; right: 8px; display: none; float: none; min-width: 150px; padding: 0 15px 15px; background: rgba(33, 44, 67, 0.8); } .z-nav__list .z-nav__item { border-bottom: 1px solid #1b253b; } .z-nav__list > .z-nav__item { float: none; padding: 0; } .z-nav__list .z-nav__item:last-child { border: none; } .z-nav__link { padding: 2px 0; } .z-nav__list-secondary { position: static; padding: 0; background: #7ccbfc; } .z-nav__list-secondary .z-nav__item { max-width: 140px; padding: 0 5px; } /* Subnav toggle*/ .z-nav__toggle-sub { display: block; float: right; width: 36px; height: 48px; margin-top: 6px; background: #7ccbfc; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; cursor: pointer; overflow: hidden; } .z-nav__toggle-sub.plus { background: #1b253b; } .z-nav__toggle-sub .fa-plus, .z-nav__toggle-sub .fa-minus { /* Icon setting */ display: block; text-align: center; font-size: 10px; color: #ffffff; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .z-nav__toggle-sub.plus .fa-plus { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .z-nav__toggle-sub.plus .fa-minus { margin-left: 1px; -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); transform: translateY(70px); } .z-nav__toggle-sub .fa-plus { -webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); transform: translateY(-70px); } .z-nav__toggle-sub .fa-minus { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } /* helper */ .test-wrapper { margin: 0; } } /* *** Z-Nav.css Finish */ @font-face { font-family: "Varela Round"; font-style: normal; font-weight: 400; src: local("Varela Round"), local("VarelaRound"), url("../fonts/VarelaRound-Regular.ttf") format("truetype"); } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #FFFF00; color: #000000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } code { background-color: rgba(0, 0, 0, 0.06); padding: 0.2em; font-size: 85%; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.428571429; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; width: 100% \9 ; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; width: 100% \9 ; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #EEEEEE; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } mark, .mark { background-color: #fcf8e3; padding: 0.2em; } .underline { text-decoration: underline; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #424242; } a.text-primary:hover { color: #263238; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #1475CF; } a.text-danger:hover { color: #2B40B5; } .bg-primary { color: #ffffff; background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #EEEEEE; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; text-transform: uppercase; } #bg { background: radial-gradient(ellipse at center, #2A78BE 0%, #020401 100%); height: 600px; } #bg svg { position: absolute; top: 0; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #EEEEEE; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #EEEEEE; border-left: 0; text-align: right; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: " —"; } blockquote:before, blockquote:after { content: ""; } address { font-style: normal; line-height: 1.428571429; } body { font-family: "Open Sans", sans-serif; overflow-x: hidden; } .wrapper { overflow: hidden; } a { color: #1475CF; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } a:hover { color: #616161; text-decoration: none; } a:focus { text-decoration: none; } a:focus, a:active, a:hover { outline: none; } a.anchor { display: block; position: relative; top: -150px; visibility: hidden; } h1, h2, h3, h4, h5, h6 { margin-top: 30px; margin-bottom: 20px; font-family: "Varela Round", sans-serif; color: #424242; } h1 { font-size: 28px; } h2 { font-size: 26px; } h3 { font-size: 24px; line-height: 30px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .smaller-top-space { margin-top: 43px; } p { line-height: 26px; } .p-space { margin-bottom: 30px; } .p-null { margin-bottom: 0; } input:focus, textarea:focus { outline: none; } button:focus { outline: none; } textarea { resize: none; } .btn:hover, .btn:focus { color: #ffffff; } ::-webkit-input-placeholder { opacity: 1 !important; color: #424242; } .footer--contact ::-webkit-input-placeholder, .footer--info ::-webkit-input-placeholder, .contact--icon ::-webkit-input-placeholder { color: #78909C; } .footer--expand ::-webkit-input-placeholder { color: #ffffff; } :-moz-placeholder { opacity: 1; } ::-moz-placeholder { opacity: 1; } .form-error { padding-top: 6px !important; padding-bottom: 3px !important; } .form-error .inv-em + p { margin-top: 0; } .inv-em { width: 100%; color: #424242; } .contact .contact__field.invalid_field { width: 100%; border: 1px solid #2A78BE; } .success { padding-top: 30%; padding-bottom: 20%; font-size: 18px; text-align: center; color: #424242; } .success .success__icon { display: inline-block; padding-top: 30px; width: 80px; height: 80px; font-size: 22px; text-align: center; color: #ffffff; background-color: #8dc63f; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .success .success__lead { display: block; font-size: 22px; padding-top: 30px; padding-bottom: 7px; font-weight: bold; text-transform: uppercase; } ul, ol { color: #424242; margin-bottom: 10px; } /* Spacements */ /* spacement top & bottom */ .m-none { margin: 0 !important; } .m-auto { margin: 0 auto !important; } .m-xs { margin: 5px !important; } .m-sm { margin: 10px !important; } .m-md { margin: 15px !important; } .m-lg { margin: 20px !important; } .m-xl { margin: 25px !important; } .m-xlg { margin: 30px !important; } /* spacement top */ .mt-none { margin-top: 0 !important; } .mt-xs { margin-top: 5px !important; } .mt-sm { margin-top: 10px !important; } .mt-md { margin-top: 15px !important; } .mt-lg { margin-top: 20px !important; } .mt-xl { margin-top: 25px !important; } .mt-xlg { margin-top: 30px !important; } /* spacement bottom */ .mb-none { margin-bottom: 0 !important; } .mb-xs { margin-bottom: 5px !important; } .mb-sm { margin-bottom: 10px !important; } .mb-md { margin-bottom: 15px !important; } .mb-lg { margin-bottom: 20px !important; } .mb-xl { margin-bottom: 25px !important; } .mb-xlg { margin-bottom: 30px !important; } /* spacement left */ .ml-none { margin-left: 0 !important; } .ml-xs { margin-left: 5px !important; } .ml-sm { margin-left: 10px !important; } .ml-md { margin-left: 15px !important; } .ml-lg { margin-left: 20px !important; } .ml-xl { margin-left: 25px !important; } .ml-xlg { margin-left: 30px !important; } /* spacement right */ .mr-none { margin-right: 0 !important; } .mr-xs { margin-right: 5px !important; } .mr-sm { margin-right: 10px !important; } .mr-md { margin-right: 15px !important; } .mr-lg { margin-right: 20px !important; } .mr-xl { margin-right: 25px !important; } .mr-xlg { margin-right: 30px !important; } /* Spacement Padding */ .p-none { padding: 0 !important; } .p-xs { padding: 5px !important; } .p-sm { padding: 10px !important; } .p-md { padding: 15px !important; } .p-lg { padding: 20px !important; } .p-xl { padding: 25px !important; } .p-xlg { padding: 30px !important; } /* spacement top */ .pt-none { padding-top: 0 !important; } .pt-xs { padding-top: 5px !important; } .pt-sm { padding-top: 10px !important; } .pt-md { padding-top: 15px !important; } .pt-lg { padding-top: 20px !important; } .pt-xl { padding-top: 25px !important; } .pt-xlg { padding-top: 30px !important; } /* spacement bottom */ .pb-none { padding-bottom: 0 !important; } .pb-xs { padding-bottom: 5px !important; } .pb-sm { padding-bottom: 10px !important; } .pb-md { padding-bottom: 15px !important; } .pb-lg { padding-bottom: 20px !important; } .pb-xl { padding-bottom: 25px !important; } .pb-xlg { padding-bottom: 30px !important; } /* spacement left */ .pl-none { padding-left: 0 !important; } .pl-xs { padding-left: 5px !important; } .pl-sm { padding-left: 10px !important; } .pl-md { padding-left: 15px !important; } .pl-lg { padding-left: 20px !important; } .pl-xl { padding-left: 25px !important; } .pl-xlg { padding-left: 30px !important; } /* spacement right */ .pr-none { padding-right: 0 !important; } .pr-xs { padding-right: 5px !important; } .pr-sm { padding-right: 10px !important; } .pr-md { padding-right: 15px !important; } .pr-lg { padding-right: 20px !important; } .pr-xl { padding-right: 25px !important; } .pr-xlg { padding-right: 30px !important; } .not-visible { display: none; } .devider { width: 100%; height: 1px; background-color: #dfe6e7; } .devider--double { background: none; border-bottom: 3px double #dfe6e7; } .devider--double-dotted { height: 3px; background: none; border-top: 1px dotted #57687a; border-bottom: 1px dotted #57687a; } .devider--dotted { background: none; border-bottom: 1px dotted #57687a; } .divider--colored { position: relative; } .divider--colored .divider-dot { position: absolute; top: -4px; left: 50%; margin-left: -4px; width: 8px; height: 8px; background: #85d6de; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .divider--colored .divider-dot:before, .divider--colored .divider-dot:after { content: ""; position: absolute; top: 0; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .divider--colored .divider-dot:before { left: -20px; background: #FFD54F; } .divider--colored .divider-dot:after { right: -20px; background: #2A78BE; } .devider--icon { position: relative; } .devider--icon:before { content: ""; position: absolute; top: -14px; left: 50%; width: 29px; height: 29px; margin-left: -14px; background: #85d6de; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .devider--icon:after { content: "\f1d8"; position: absolute; top: 0; left: 50%; margin-left: -6px; margin-top: -8px; font-size: 12px; font-family: FontAwesome; color: #ffffff; } .devider--dark { background-color: rgba(0, 0, 0, 0.2); } .devider-brand { position: relative; margin-top: 0px; border-bottom: 1px solid #dfe6e7; } .devider-brand:before { content: ""; position: absolute; bottom: -1px; left: 50%; width: 80px; height: 3px; margin-left: -40px; background-color: #1475CF; } .devider--top-larger-b { margin-top: 90px; } .devider--top-universal { margin-top: 60px; } .devider--top-larger { margin-top: 80px; } .devider--top-large { margin-top: 50px; } .devider--top-xs { margin-top: 10px; } .devider--top { margin-top: 20px; } .devider--top2x { margin-top: 40px; } .devider--thin { margin-top: 10px; } .devider--middle { margin-top: 30px; } .bottom-universal { margin-bottom: 40px; } .devider--bottom-thin { margin-bottom: 20px; } .devider--bottom-s { margin-bottom: 30px; } .devider--bottom-sm { margin-bottom: 34px; } .devider--bottom-m { margin-bottom: 51px; } .devider--bottom-md { margin-bottom: 64px; } .devider--bottom { margin-bottom: 68px; } .devider--bottom-lg { margin-bottom: 80px; } .devider-color { width: 100%; height: 3px; background-image: url("../images/components/stripe.png"); background-repeat: repeat-x; } .top-space { margin-bottom: 30px; } .bottom-space { margin-top: 30px; } .bottom-space--smaller { margin-top: 60px; } .bottom-space--small { margin-top: 100px; } .bottom-space--uni { margin-top: 90px; } .bottom-space--m { margin-top: 80px; } .bottom-space--md { margin-top: 60px; } .bottom-space--sm { margin-top: 40px; } .present-addition { margin-top: -10px; } .present-addition-lg { margin-top: -20px; } .present-addition-huge { margin-top: -30px; } .color-block { display: block; width: 70px; height: 70px; float: left; margin-bottom: 20px; } .color-primary { background-color: #424242; } .color-secondary { background-color: #85d6de; } .color-warning { background-color: #FFD54F; } .color-danger { background-color: #2A78BE; } .loader, .loader:before, .loader:after { border-radius: 50%; } .loader:before, .loader:after { position: absolute; content: ""; } .loader:before { width: 5.2em; height: 10.2em; background: #424242; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .loader { font-size: 11px; text-indent: -99999em; margin: 20px auto; position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em #ffffff; } .loader:after { width: 5.2em; height: 10.2em; background: #424242; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } .loader--dark { box-shadow: inset 0 0 0 1em #424242; } .loader--dark:after { background: #ffffff; } .loader--dark:before { background: #ffffff; } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .top-scroll { position: fixed; bottom: 50px; right: 5%; z-index: 1000; display: none; width: 48px; height: 48px; padding-top: 2px; font-size: 28px; color: #ffffff; text-align: center; background-color: #1475CF; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; cursor: pointer; } .top-scroll:hover { color: #ffffff; opacity: 0.6; } .top-scroll:focus { color: #ffffff; } .load .thumb { max-width: 100%; border: 1px solid #E0E0E0; } .load .thumb:hover { opacity: 0.5; border: 1px solid #757575; } #thumbs i { color: #212121; font-size: 46px; position: absolute; top: 35%; left: 175px; opacity: 0.8; background-color: #ffffff; line-height: 25px; } #thumbs i:hover { opacity: 0.9; } #thumbs p.title { margin-bottom: 30px; line-height: 130%; margin-top: 10px; } .videoWrapper { position: relative; padding-bottom: 53.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #desc { text-align: center; padding: 15px; background: #F5F5F5; border: 1px solid #E0E0E0; } .full-row { overflow: hidden; margin: -15px; padding-left: 50px; } .column-sm { width: 33.3%; padding: 0 15px; float: left; } .column-lg { width: 66.6%; padding: 0 15px; float: left; } .animationload { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: #ffffff; } .preloader { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; background: #FFD54F; border-radius: 50px; -webkit-animation: preloader 1.5s infinite linear; animation: preloader 1.5s infinite linear; } .preloader:after { position: absolute; width: 80px; height: 80px; border-top: 10px solid #85d6de; border-bottom: 10px solid #85d6de; border-left: 10px solid transparent; border-right: 10px solid transparent; border-radius: 80px; content: ""; top: -15px; left: -15px; -webkit-animation: preloader_after 1.5s infinite linear; animation: preloader_after 1.5s infinite linear; } @-webkit-keyframes preloader { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); background: #85d6de; } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes preloader_after { 0% { border-top: 10px solid #85d6de; border-bottom: 10px solid #85d6de; } 50% { border-top: 10px solid #424242; border-bottom: 10px solid #424242; } 100% { border-top: 10px solid #85d6de; border-bottom: 10px solid #85d6de; } } @keyframes preloader { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); background: #85d6de; } 100% { transform: rotate(360deg); } } @keyframes preloader_after { 0% { border-top: 10px solid #85d6de; border-bottom: 10px solid #85d6de; } 50% { border-top: 10px solid #424242; border-bottom: 10px solid #424242; } 100% { border-top: 10px solid #85d6de; border-bottom: 10px solid #85d6de; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .stage2 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .stage3 { -webkit-animation-delay: 1s; animation-delay: 1s; } .stage4 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUpStart { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate(0, 0); transform: translate3d(0, 100%, 0); } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeInStart { opacity: 0; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .zoomInStart { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .post.zoomIn, .post.zoomIn:hover { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInDownStart { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate(0, 0); transform: translate3d(0, -100%, 0); } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRightStart { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate(0, 0); transform: translate3d(100%, 0, 0); } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeftStart { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate(0, 0); transform: translate3d(-100%, 0, 0); } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInStart { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeftStart { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRightStart { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollInStart { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* General */ [class^=ns-effect-], [class*=" ns-effect-"] { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Individual effects */ /* Scale */ .ns-effect-scale.ns-hide { -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); opacity: 0; } .ns-effect-scale.ns-show { -webkit-animation-name: animScale; animation-name: animScale; } @-webkit-keyframes animScale { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } @keyframes animScale { 0% { opacity: 0; -webkit-transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } } /* Jelly */ .ns-effect-jelly { -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .ns-effect-jelly.ns-hide { -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; } .ns-effect-jelly.ns-show { -webkit-animation-name: animJelly; animation-name: animJelly; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } /* Generated with Bounce.js. Edit at http://goo.gl/6iLZu5 */ @-webkit-keyframes animJelly { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes animJelly { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } /* Bouncy Flip adapted from animate.css by Dan Eden: http://daneden.github.io/animate.css/ */ .ns-effect-bouncyflip { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .ns-effect-bouncyflip.ns-hide { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); transform: perspective(400px) rotate3d(1, 0, 0, -90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .ns-effect-bouncyflip.ns-show { -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); -webkit-transition-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); -webkit-transition-timing-function: ease-out; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg); -webkit-transition-timing-function: ease-in; opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); -webkit-transition-timing-function: ease-out; } 100% { -webkit-transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); transform: perspective(400px) rotate3d(1, 0, 0, -90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); transform: perspective(400px) rotate3d(1, 0, 0, 20deg); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg); transform: perspective(400px) rotate3d(1, 0, 0, -10deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); transform: perspective(400px) rotate3d(1, 0, 0, 5deg); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } /* Expanding Loader */ .ns-effect-exploader { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .ns-effect-exploader .ns-box-inner { position: relative; } .ns-effect-exploader.ns-hide { -webkit-transform: scale3d(0, 0.3, 1); transform: scale3d(0, 0.3, 1); opacity: 1; } .ns-effect-exploader.ns-show { -webkit-animation-name: animLoad; animation-name: animLoad; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } @-webkit-keyframes animLoad { 0% { opacity: 1; -webkit-transform: scale3d(0, 0.3, 1); } 33% { opacity: 1; -webkit-transform: scale3d(0.5, 0.3, 1); } 50% { opacity: 1; -webkit-transform: scale3d(0.6, 0.3, 1); } 80%, 85% { opacity: 1; -webkit-transform: scale3d(1, 0.3, 1); -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); } } @keyframes animLoad { 0% { opacity: 1; -webkit-transform: scale3d(0, 0.3, 1); transform: scale3d(0, 0.3, 1); } 33% { opacity: 1; -webkit-transform: scale3d(0.5, 0.3, 1); transform: scale3d(0.5, 0.3, 1); } 50% { opacity: 1; -webkit-transform: scale3d(0.6, 0.3, 1); transform: scale3d(0.6, 0.3, 1); } 80%, 85% { opacity: 1; -webkit-transform: scale3d(1, 0.3, 1); transform: scale3d(1, 0.3, 1); -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .ns-effect-exploader .box-inner { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); opacity: 0; } .ns-effect-exploader.ns-show .box-inner { -webkit-animation-name: animFadeMove; animation-name: animFadeMove; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } .ns-effect-exploader.stage2 .box-inner { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; } .ns-effect-exploader.stage3 .box-inner { -webkit-animation-delay: 3.4s; animation-delay: 3.4s; } .ns-effect-exploader.stage4 .box-inner { -webkit-animation-delay: 3.9s; animation-delay: 3.9s; } @-webkit-keyframes animFadeMove { 0% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @keyframes animFadeMove { 0% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-1 { width: 8.3333333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-1 { width: 8.3333333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.6666666667%; } .col-md-10 { width: 83.3333333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.6666666667%; } .col-md-7 { width: 58.3333333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.6666666667%; } .col-md-4 { width: 33.3333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.6666666667%; } .col-md-1 { width: 8.3333333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-1 { width: 8.3333333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .panel-body:before, .panel-body:after, .nav:before, .nav:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .panel-body:after, .nav:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .header { min-height: 134px; } .header--dark { background-color: #424242; } .header-fixed { position: fixed; top: 0; left: 0; width: 100%; padding-top: 10px; z-index: 1010; max-height: 152px; background-color: #212121; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .header-line { background-color: rgba(0, 0, 0, 0.15); margin-bottom: 106px; } .header-placement .header-line { margin-bottom: 0; } .fixed-top { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #212121; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); margin-top: -106px; } .header-up { -webkit-transform: translate3d(0, -45px, 0); -moz-transform: translate3d(0, -45px, 0); -ms-transform: translate(0, -45px); transform: translate3d(0, -45px, 0); } .header-down { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); transform: translate3d(0, 0, 0); } .header--slice { padding-top: 0; background-color: #424242; background-image: url(../images/components/promo-primary.png); background-repeat: no-repeat; background-position: 50% 50%; background-attachment: fixed; } .header--slice .fixed-top { top: 0; } .logo { float: left; margin-bottom: 13px; text-decoration: none; position: relative; z-index: 22; width: 194px; padding-top: 10px; } .logo:hover, .logo:focus { text-decoration: none; } .logo img { width: 194px; height: 46px; margin-top: 28px; } .logo .logo__text { padding: 9px 0 9px 65px; margin-top: 26px; margin-bottom: 10px; font: 28px "Varela Round", sans-serif; line-height: 16px; color: #ffffff; background-image: url(../images/logo.png); background-size: 46px; background-repeat: no-repeat; background-position: 0 2px; -webkit-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .logo .logo__slogan { font: 12px "Open Sans", sans-serif; color: #ffffff; } .logo .highlight { color: #FFD54F; } .logo:hover .logo__text { color: #FFD54F; } .logo:hover .logo__slogan { color: #ffffff; } svg .pf0 { fill: #ffffff; } svg .pf1 { fill: #ffffff; } svg .pf2 { fill: #ffffff; } .z-nav__toggle { width: 393px; height: 48px; padding-left: 72px; background-color: transparent; border: none; -webkit-transform: translate3d(371px, 0, 0); -moz-transform: translate3d(371px, 0, 0); -ms-transform: translate(371px, 0); transform: translate3d(371px, 0, 0); -webkit-transition: -webkit-transform 500ms ease 300ms; -moz-transition: -moz-transform 500ms ease 300ms; transition: transform 500ms ease 300ms; } .z-nav__toggle.open-nav { -webkit-transform: translate3d(50px, 0, 0); -moz-transform: translate3d(50px, 0, 0); -ms-transform: translate(50px, 0); transform: translate3d(50px, 0, 0); -webkit-transition: -webkit-transform 500ms ease 400ms; -moz-transition: -moz-transform 500ms ease 400ms; transition: transform 500ms ease 400ms; } .z-nav__toggle.open-nav .menu-text { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; -ms-transition-delay: 800ms; transition-delay: 800ms; } .z-nav__toggle.open-nav .menu-icon { -webkit-transform: translate3d(-24px, 0, 0); -moz-transform: translate3d(-24px, 0, 0); -ms-transform: translate(-24px, 0); transform: translate3d(-24px, 0, 0); -webkit-transition: -webkit-transform 300ms ease 0ms; -moz-transition: -moz-transform 300ms ease 0ms; -ms-transition: -ms-transform 300ms ease 0ms; transition: transform 300ms ease 0ms; } .menu-icon { display: inline-block; width: 48px; height: 48px; margin-top: 0px; background-color: #1475CF; background-image: url(../images/icons/menu-icon.svg); background-size: 48px; background-position: -2px -1px; background-repeat: no-repeat; border: 1px solid #1475CF; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -webkit-transform: translate3d(-72px, 0, 0); -moz-transform: translate3d(-72px, 0, 0); -ms-transform: translate(-72px, 0); transform: translate3d(-72px, 0, 0); -webkit-transition: -webkit-transform 300ms ease 900ms; -moz-transition: -moz-transform 300ms ease 900ms; -ms-transition: -ms-transform 300ms ease 900ms; transition: transform 300ms ease 900ms; } .menu-text { display: block; font-weight: bold; text-transform: uppercase; color: #ffffff; position: absolute; top: 14px; left: 107px; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; -ms-transition-delay: 0ms; transition-delay: 0ms; } .menu-head { width: 100%; height: 100%; margin-top: -53px; background-color: #1475CF; } @media (min-width: 769px) { .header--shop .z-nav { margin-right: 0px; } .z-nav { margin: 0; background: none; position: relative; z-index: 20; margin-right: -30px; } .z-nav .z-nav__item { padding: 0; } .z-nav .z-nav__link { padding: 42px 20px 20px 20px; font: 13px "Open Sans", sans-serif; color: #ffffff; text-shadow: 0px 3px 3px #424242; -webkit-transition: color 300ms ease, background 300ms ease; -moz-transition: color 300ms ease, background 300ms ease; transition: color 300ms ease, background 300ms ease; } .z-nav .z-nav__link:hover, .z-nav .z-nav__link:focus { text-decoration: none; } .z-nav .z-nav__link:hover { color: #ffffff; border-bottom: 6px solid #ffffff; } .z-nav .z-nav__link--simple:hover { color: #85d6de; background-color: transparent; } .z-nav .z-nav__link--active { color: #2A78BE; background-color: transparent; text-shadow: none; } .z-nav__list-secondary .z-nav__item { position: relative; border: none; } .z-nav__list-secondary .z-nav__link { padding: 8px 0 7px 10px; color: #ffffff; } .z-nav__list-secondary .z-nav__link:before { content: "\f111"; position: absolute; top: 15px; left: -5px; font: 5px FontAwesome; color: #424242; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .z-nav__list-secondary .z-nav__link:hover, .z-nav__list-secondary .z-nav__link:hover:before { color: #ffffff; } .z-nav__item .z-nav__list-secondary { top: 103px; width: 210px; padding-top: 27px; padding-bottom: 28px; background-color: #85d6de; } .z-nav__item .z-nav__list-secondary:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-right: 3000px; padding-left: 3000px; margin-left: -3000px; background-color: #12212f; } .z-nav__list.open-nav { -webkit-animation: slide-left 0ms forwards 0ms; /* Safari 4+ */ -moz-animation: slide-left 0ms forwards 0ms; /* Fx 5+ */ animation: slide-left 0ms forwards 0ms; /* IE 10+ */ } .z-nav__list.close-nav { -webkit-animation: slide-right 0ms backwards 0ms; /* Safari 4+ */ -moz-animation: slide-right 0ms backwards 0ms; /* Fx 5+ */ animation: slide-right 0ms backwards 0ms; /* IE 10+ */ } .z-nav__item:hover .z-nav__list-secondary .z-nav__list-secondary { z-index: 0; -webkit-transition: none; -o-transition: none; transition: none; } .z-nav__item:hover .z-nav__list-secondary .z-nav__list-secondary:before { z-index: -1; } .z-nav__list-secondary .z-nav__item .z-nav_nested { background: #85d6de; display: none; position: absolute; z-index: 0; width: 250px; top: 0; left: 0; padding-bottom: 20px; padding-top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translate(-100%, 0); transform: translateX(-100%); } .z-nav__list-secondary .z-nav__link { position: relative; z-index: 20; } .z-nav__list-secondary .z-nav__item:hover .z-nav_nested { display: block; } @-webkit-keyframes slide-left { 0% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes slide-left { 0% { opacity: 1; } 100% { opacity: 1; } } @keyframes slide-left { 0% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes slide-right { 0% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes slide-right { 0% { opacity: 1; } 100% { opacity: 1; } } @keyframes slide-right { 0% { opacity: 1; } 100% { opacity: 1; } } } @media (max-width: 768px) { .z-nav--shop { margin-right: 0px; } .fixed-top { position: static; } .header-up { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header-line { margin-bottom: 0; } .z-nav__toggle { z-index: 1500; position: relative; } .z-nav { position: absolute; top: 0; right: 15px; margin: 15px; background: none; } .z-nav__list { right: -35px; top: 58px; z-index: 100; display: block; width: 310px; padding: 20px 0; background-color: #424242; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .z-nav__list .z-nav__item { border: none; } .z-nav__list .z-nav__link { padding: 0 30px; font-style: normal; } .z-nav__list .z-nav__link:hover { color: #85d6de; } .z-nav__list .z-nav__link:focus { color: #ffffff; text-decoration: none; } .z-nav__list .z-nav__toggle-sub { margin-top: 0; margin-right: 20px; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .z-nav__list .z-nav__toggle-sub .fa { margin-top: -4px; } .z-nav__list .z-nav__toggle-sub .fa-plus:before { content: "\f13a"; font-size: 14px; } .z-nav__list .z-nav__toggle-sub .fa-minus:before { content: "\f139"; font-size: 14px; } .z-nav__link { -webkit-transition: none; -moz-transition: none; transition: none; } .z-nav__toggle-sub.plus { background-color: #424242; } .z-nav__toggle-sub.plus + .z-nav__link { background-color: #424242; } .z-nav__toggle-sub { background-color: #273747; } .z-nav__toggle-sub + .z-nav__link { background-color: #273747; } .z-nav__list-secondary { background-color: #273747; } .z-nav__list-secondary .z-nav__item { max-width: 100%; padding-left: 34px; padding-right: 34px; } .z-nav__list-secondary .z-nav__link { width: 100%; color: #78909C; } .z-nav__list { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .z-nav__list.open-nav { -webkit-animation: slide-left 500ms forwards 400ms; /* Safari 4+ */ -moz-animation: slide-left 500ms forwards 400ms; /* Fx 5+ */ animation: slide-left 500ms forwards 400ms; /* IE 10+ */ -ms-transform: translate(0, 0); } .z-nav__list.close-nav { -webkit-animation: slide-right 500ms backwards 300ms; /* Safari 4+ */ -moz-animation: slide-right 500ms backwards 300ms; /* Fx 5+ */ animation: slide-right 500ms backwards 300ms; /* IE 10+ */ -ms-transform: translate(100%, 0); } .z-nav__list-secondary .z-nav__item .z-nav__toggle-sub { margin-right: -15px; } .z-nav__list-secondary .z-nav__item .z-nav__toggle-sub.plus + .z-nav__link { background-color: #273747; } .z-nav__list-secondary .z-nav__list-secondary { background: #424242; margin-bottom: 10px; } .z-nav__list-secondary .z-nav__list-secondary .z-nav__link { padding: 10px 0 10px 12px; line-height: 21px; } @-webkit-keyframes slide-left { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; } 1% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes slide-left { 0% { -moz-transform: translate3d(100%, 0, 0); opacity: 0; } 1% { opacity: 1; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes slide-left { 0% { transform: translate3d(100%, 0, 0); opacity: 0; } 1% { opacity: 1; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes slide-right { 0% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } 99% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; } } @-moz-keyframes slide-right { 0% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } 99% { opacity: 1; } 100% { -moz-transform: translate3d(100%, 0, 0); opacity: 0; } } @keyframes slide-right { 0% { transform: translate3d(0, 0, 0); opacity: 1; } 99% { opacity: 1; } 100% { transform: translate3d(100%, 0, 0); opacity: 0; } } } .header-fluid { min-height: 110px; background-color: #f3f7f7; } .header-fluid .header__controls { float: right; margin-right: 30px; padding-top: 32px; } .logo--block { display: block; height: 100%; min-height: 110px; width: 245px; padding-top: 8px; padding-left: 30px; margin: 0; background-color: rgba(39, 125, 134, 0.08); -webkit-transition: none; -o-transition: none; transition: none; } .logo--block .logo__text { padding: 10px 0 10px 39px; font-size: 25px; color: #424242; background-image: url("../images/logo-alt.png"); background-size: 29px 29px; } .user { padding-right: 10px; } .user:focus { text-decoration: none; } .user .user__photo { width: 48px; height: 48px; float: left; margin-right: 10px; } .user .user__photo img { max-width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .user .user__name { color: #424242; } .notification { position: relative; display: inline-block; font-size: 18px; color: #424242; padding: 0 10px; } .notification:before { content: ""; position: absolute; top: 0; right: 3px; width: 6px; height: 6px; background-color: #2A78BE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .notification:focus { color: #424242; } .nav-sidebar { position: relative; float: left; width: 245px; background-color: #424242; -webkit-transition: none; -o-transition: none; transition: none; } .nav-sidebar .nav-sidebar__title { padding-top: 35px; padding-bottom: 10px; margin: 0; font: 14px "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; color: #78909C; } .nav-sidebar:before { content: ""; position: fixed; top: 0; left: 0; width: 245px; height: 100%; background-color: #424242; z-index: -1; } .nav-sidebar-container { padding-left: 30px; padding-right: 20px; padding-bottom: 5px; } .navigation { padding-left: 0; list-style: none; } .navigation .navigation__item { font-style: normal; } .navigation .navigation__link { display: block; margin-bottom: 30px; color: #78909C; } .navigation .navigation__link:hover { color: #85d6de; } .navigation .navigation__link:focus { text-decoration: none; } .navigation .fa { padding-right: 20px; } .navigation-toggle { display: none; } .badge { padding: 0 3px; min-width: 30px; font-size: 12px; font-weight: normal; text-align: center; color: #424242; background-color: #85d6de; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .labels { padding-left: 0; padding-bottom: 10px; list-style: none; } .labels .labels__item { margin-bottom: 20px; color: #78909C; font-style: normal; } .labels .fa { padding-right: 20px; font-size: 14px; opacity: 0.9; } .labels .icon--warning { color: #FFD54F; } .labels .icon--danger { color: #2A78BE; } .labels .icon--secondary { color: #85d6de; } .news .news__heading { font-size: 13px; display: block; margin-bottom: -2px; color: #ffffff; } .news .news__heading:hover { color: #85d6de; } .news .news__heading:focus { text-decoration: none; } .news .news__date { margin-bottom: 8px; font-size: 12px; color: #78909C; } .news:last-child { padding-bottom: 20px; } .header--social .header-line { position: relative; background: none; } .header--social .header-line:before { content: ""; position: absolute; bottom: 3px; left: 0; height: 1px; width: 100%; background: rgba(0, 0, 0, 0.15); } .header--social .fixed-top { top: -3px; } .header--social .contact-info { padding-top: 1px; } .header--social .contact-info .contact-info__item { position: relative; padding-right: 29px; margin-left: 31px; display: inline-block; } .header--social .contact-info .contact-info__item:before { content: ""; position: absolute; top: -13px; right: 0; height: 44px; width: 1px; background: rgba(0, 0, 0, 0.15); } .header--social .contact-info .contact-info__item:first-child:after { content: ""; position: absolute; top: -13px; left: -31px; height: 44px; width: 1px; background: rgba(0, 0, 0, 0.15); } .header--social .social--small { float: right; margin-top: -2px; } .header--social .social--small .social__link { height: 28px; width: 28px; padding-top: 5px; } .header--social .social--small .social__icon { font-size: 14px; } .header--block { min-height: 171px; } .header--block .header-line { position: relative; text-align: center; background: none; margin-bottom: 71px; } .header--block .header-line:before { content: ""; position: absolute; bottom: 0; right: 0; height: 1px; width: 100%; background: rgba(0, 0, 0, 0.15); } .header--block .logo img { margin-top: 20px; margin-bottom: 16px; } .header--block .fixed-top { top: 35px; } .header--block .header-up { -webkit-transform: translate3d(0px, -100px, 0px); -moz-transform: translate3d(0px, -100px, 0px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100px, 0px); } .header--block .logo { float: none; display: inline-block; margin-bottom: 10px; } .header--block .logo .logo__text { margin-top: 15px; text-align: left; } @media (min-width: 769px) { .header--block .z-nav { text-align: center; } .header--block .z-nav .z-nav__list { float: none; } .header--block .z-nav .z-nav__list > .z-nav__item { display: inline-block; } .header--block .z-nav .z-nav__list > .z-nav__item > .z-nav__link { position: relative; padding: 24px 45px; } .header--block .z-nav .z-nav__list > .z-nav__item > .z-nav__link:before { content: ""; position: absolute; top: 0; left: 0; height: 68px; width: 1px; background: rgba(0, 0, 0, 0.15); } .header--block .z-nav .z-nav__list > .z-nav__item:first-child > .z-nav__link:before { display: none; } .header--block .z-nav .z-nav__link { text-align: left; } .header--block .z-nav .z-nav__item .z-nav__list-secondary { top: 67px; } .header--block .z-nav .z-nav__item .z-nav__list-secondary .z-nav__list-secondary { top: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .header--block .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 24px 35px; } } @media (min-width: 768px) and (max-width: 991px) { .header--block .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 24px 20px; } } @media (max-width: 768px) { .header { min-height: 1px; } .header--block .header-line { margin-bottom: 0; } .header--block .z-nav { top: 0; margin-top: -86px; } .header--block .header-up { -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .header--block .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 0 30px; } .header--block .fixed-top { margin-top: 65px; position: absolute; } .header--block .fixed-top .z-nav { width: 50px; } } .header--complex { background: #2C3E50; } .header--complex .fixed-top { top: 2px; margin-top: -85px; } .header--complex .header-fixed { background: #2C3E50; } .header--complex .header-line { background: none; margin-bottom: 85px; } .header--complex .header-up { -webkit-transform: translate3d(0px, -66px, 0px); -moz-transform: translate3d(0px, -66px, 0px); -ms-transform: translate(0px, -66px); transform: translate3d(0px, -66px, 0px); } .header--complex .contact-info { margin-top: 11px; padding-top: 1px; margin-right: 34px; } .header--complex .contact-info .contact-info__item { position: relative; padding-right: 29px; margin-left: 31px; display: inline-block; } .header--complex .contact-info .contact-info__item:before { content: ""; position: absolute; top: -13px; right: 0; height: 44px; width: 1px; background: rgba(0, 0, 0, 0.15); } .header--complex .contact-info .contact-info__item:first-child:after { content: ""; position: absolute; top: -13px; left: -31px; height: 44px; width: 1px; background: rgba(0, 0, 0, 0.15); } .header--complex .social--small { float: right; margin-top: 9px; } .header--complex .social--small .social__link { height: 28px; width: 28px; padding-top: 5px; } .header--complex .social--small .social__icon { font-size: 14px; } .header--complex .logo-sm img { height: 36px; margin-top: 6px; width: 101px; } .header--complex .logo-sm .logo__text { margin-top: 5px; margin-bottom: 0; padding-top: 11px; padding-bottom: 11px; padding-left: 46px; font-size: 24px; background-image: url("../images/logo-sm.png"); background-position: 0 0; background-size: 36px auto; } @media (min-width: 769px) { .header--complex .z-nav { padding: 0; margin-left: -20px; } .header--complex .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 31px 20px; } .header--complex .z-nav__list { float: left; } .header--complex .z-nav__item:hover .z-nav__list-secondary { top: 82px; } .header--complex .z-nav__item .z-nav__list-secondary { top: 81px; } .header--complex .z-nav__item .z-nav__list-secondary .z-nav__list-secondary { top: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .header--complex .contact-info { margin-right: 15px; } .header--complex .z-nav { margin-left: -10px; } .header--complex .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 31px 10px; } } @media (max-width: 768px) { .header--complex .header-line { margin-bottom: 0; } .header--complex .z-nav { top: 0; margin-top: -68px; } .header--complex .header-up { -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .header--complex .fixed-top { margin-top: 0; } .header--complex .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 0 30px; } .header--complex .social, .header--complex .contact-info, .header--complex .search { display: none; } .header--complex .fixed-top { margin-top: 64px; position: absolute; } .header--complex .fixed-top .z-nav { width: 50px; } } .header--thin { padding-top: 0; min-height: 69px; } .header--thin .fixed-top { top: 0; margin-top: -10px; } .header--thin .header-line { margin-bottom: 0px; } .header--thin .logo-sm img { height: 36px; margin-top: 16px; width: 101px; } .header--thin .logo-sm .logo__text { margin-top: 15px; margin-bottom: 0; padding-top: 11px; padding-bottom: 11px; padding-left: 46px; font-size: 24px; background-image: url("../images/logo-sm.png"); background-position: 0 0; background-size: 36px auto; } .header--thin .header-up { -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } @media (min-width: 768px) { .header--thin .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 23px 20px; } .header--thin .z-nav__item .z-nav__list-secondary { top: 65px; } .header--thin .z-nav__item .z-nav__list-secondary .z-nav__list-secondary { top: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .header--thin .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 23px 12px; } } @media (max-width: 768px) { .header--thin .header-line { margin-bottom: 0; } .header--thin .z-nav { top: 0; margin-top: -1px; } .header--thin .z-nav .z-nav__list > .z-nav__item > .z-nav__link { padding: 0 30px; } } .place-shrink { overflow-x: hidden; } .header-placement .fixed-top { background: transparent; top: 0; } .header-placement .header-fixed { background: transparent; top: 0; padding-top: 0; } .header-placement .header-up { background-color: #212121; -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .header-placement .scroll-next { background-color: rgba(86, 104, 121, 0.5); } @media (max-width: 768px) { .header-placement .header-fixed { position: absolute; margin-bottom: -104px; } } @media (max-width: 480px) { .header-placement .main-title { font-size: 36px; } .header-placement .main-title-helper { font-size: 22px; } } .header--opacity { background: rgba(243, 247, 247, 0.9); position: fixed; z-index: 250; } .header--opacity .header-fixed { max-height: 100px; } .header--opacity .header-fixed, .header--opacity .fixed-top { background: rgba(243, 247, 247, 0.9); } @media (max-width: 768px) { .header--opacity { width: 100%; } } .header--fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 30; background: none; } @media (max-width: 768px) { .header--fixed { margin-bottom: -155px; position: relative; } } .footer { background-color: #212121; } footer ul { margin-left: 0; padding-left: 0; } footer ul li { list-style-type: none; margin-left: 0; padding: 3px 0; } footer h4 { margin: 5px 0 0 0; } .footer .hbspt-form, .footer .hbspt-form ul { color: #E0E0E0; } #loading-container { text-align: center; } .intent { font-size: 12px; display: inline-block; background-repeat: no-repeat; background-size: 20px 20px; padding-left: 20px; padding-right: 17px; background-position: 0 -1px; } .intent a { -webkit-transition: none; -o-transition: none; transition: none; } .intent a:hover { color: #ffffff; } #intent-reply { background-image: url(../images/icons/reply.svg); } #intent-retweet { padding-right: 14px; background-image: url(../images/icons/retweet.svg); } #intent-fave { padding-right: 0; background-position: 0 -3px; background-image: url(../images/icons/fave.svg); } #intent-reply:hover { background-image: url(../images/icons/reply-null.svg); background-position: 1px -1px; } #intent-retweet:hover { background-image: url(../images/icons/retweet-null.svg); background-position: 0 0; } #intent-fave:hover { background-image: url(../images/icons/fave-null.svg); background-position: 0 -2px; } .copy { margin-top: 50px; padding: 24px 0 28px; font-size: 12px; text-align: center; color: #BDBDBD; border-top: 1px solid rgba(0, 0, 0, 0.15); } .copy a { text-decoration: none; color: #2A78BE; } /* Header */ .large-header { position: relative; width: 100%; overflow: hidden; background-size: cover; background-position: center center; z-index: 1; } .header-placement .large-header { box-shadow: 0px 5px 6px #E0E0E0; } .main-title { position: relative; top: 210px; text-align: right; padding: 0; color: #ffffff; z-index: 100; } .header-placement .main-title h1 { text-transform: uppercase; font-size: 36px; text-shadow: 0px 4px 6px #424242; margin-top: -10px; color: #ffffff; } .header-placement .main-title h2 { width: 50%; text-align: right; font-size: 24px; text-transform: none; text-shadow: 0px 4px 6px #424242; color: #ffffff; float: right; margin: 0; } .header-placement .main-title .btn { margin-top: 20px; box-shadow: 0px 4px 6px #424242; text-shadow: none; float: right; clear: both; } .header-placement .main-title .btn { background-color: #f58320; } .header-placement .main-title .btn:hover { background-color: #da741b; } #large-header { height: 605px; } #google_translate_element { padding: 10px; } .footer--expand { text-align: center; background-image: url(../images/components/footer-stars.png); background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; } .footer--expand .contact-info { padding-top: 5px; padding-bottom: 5px; } .footer--expand .contact-info .contact-info__item { display: inline-block; max-width: 240px; text-align: left; color: #78909C; vertical-align: top; } .footer--expand .contact-info .contact-info__item .fa { color: #ffffff; } .footer--expand .social { padding-top: 23px; } .footer--expand .contact .contact__field { margin-bottom: 30px; color: #ffffff; background-color: #78909C; border-color: transparent; } .footer--expand .contact .contact__field:focus { border-color: #ffffff; } .footer--expand .copy { margin-top: 51px; padding-top: 166px; padding-bottom: 75px; border: none; } .footer--expand .copy--space { position: relative; z-index: 20; background-image: url(../images/components/planet-huge.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: 448px 258px; } .footer--expand .success { color: #ffffff; } .map--fullwidht { width: 100%; height: 300px; } .footer--info { padding-top: 46px; } .footer--info p { color: #78909C; } .footer--info .logo { float: none; } .footer--info .logo img { margin-top: 15px; margin-bottom: 40px; } .footer--info .logo .logo__text { margin-top: 13px; margin-bottom: 26px; } .footer--info .logo .highlight { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .footer--info .logo:hover .highlight { color: #FFD54F; } .footer--info .heading-info { margin-bottom: 9px; } .footer--info .form--name { position: relative; margin-top: 2px; } .footer--info .form--name .form__input { width: 100%; padding: 9px 30px; font-size: 14px; font-style: italic; color: #78909C; background: #2C3E50; border: none; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; box-shadow: none; } .footer--info .form--name .form__submit { position: absolute; top: 7px; right: 20px; font-size: 16px; color: #78909C; background: none; border: none; box-shadow: none; } .footer--info .copy { margin-top: 30px; text-align: left; } .footer--info .navigation { float: right; font-size: 0; font-style: normal; } .footer--info .navigation li { font-size: 12px; display: inline-block; padding: 0 15px; } .footer--info .navigation a:hover { color: #85d6de; } @media (min-width: 768px) and (max-width: 991px) { .footer--info .copy { text-align: center; } .footer--info .navigation { float: none; margin-top: 20px; text-align: center; } } @media (max-width: 768px) { .footer--info .copy { text-align: center; } .footer--info .navigation { float: none; margin-top: 20px; text-align: center; } .footer--info .navigation li { margin-bottom: 10px; } } .footer--contact { padding-top: 48px; } .footer--contact p { color: #78909C; } .footer--contact p + p { margin-top: 26px; } .footer--contact .logo { float: none; } .footer--contact .logo img { margin-top: 15px; margin-bottom: 30px; } .footer--contact .logo .logo__text { margin-top: 13px; margin-bottom: 26px; } .footer--contact .logo .highlight { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .footer--contact .logo:hover .highlight { color: #FFD54F; } .footer--contact .copy { margin-top: 33px; text-align: left; } .footer--contact .contact--dark { margin-bottom: 60px; text-align: left; } .footer--contact .contact--dark .contact__field { margin-bottom: 15px; color: #78909C; background: #2C3E50; border-color: #2C3E50; } .footer--contact .form-container { position: relative; top: 0; background-color: #424242; } .footer--contact .form-error p { color: #424242; } @media (max-width: 768px) { .footer--contact .contact--dark { margin-bottom: 10px; } } .footer--simple .copy { padding: 69px 0 65px 45px; margin-top: 0; text-align: left; font-size: 14px; border: none; background: url("../images/logo-alt.png"); background-repeat: no-repeat; background-position: 0 52%; background-size: 28px 28px; } .footer--simple .navigation { float: right; margin-top: 69px; font-size: 0; font-style: normal; } .footer--simple .navigation li { font-size: 14px; display: inline-block; padding: 0 20px; } .footer--simple .navigation a { color: #78909C; } .footer--simple .navigation a:hover { color: #85d6de; } footer a { color: #E0E0E0; } footer h4 a { color: #ffffff; } @media (min-width: 768px) and (max-width: 991px) { .footer--simple { text-align: center; } .footer--simple .copy { display: inline-block; padding-top: 50px; padding-bottom: 45px; text-align: center; } .footer--simple .navigation { float: none; margin-top: 50px; text-align: center; } } @media (max-width: 768px) { .footer--simple { text-align: center; } .footer--simple .copy { display: inline-block; padding-top: 50px; padding-bottom: 45px; text-align: center; } .footer--simple .navigation { float: none; margin-top: 50px; text-align: center; } .footer--simple .navigation li { margin-bottom: 10px; padding: 0 10px; } } .footer--media { padding-top: 45px; } .footer--media .copy { margin-top: 35px; } .footer--media .heading-info { margin-bottom: 12px; } .footer--media .footer__list { padding-left: 5px; } .footer--media .footer__list li { position: relative; font-style: normal; padding-bottom: 20px; padding-left: 30px; } .footer--media .footer__list li:before { content: "\f111"; position: absolute; left: 0; top: 7px; font: 6px FontAwesome; color: #ffffff; } .footer--media .footer__list a { color: #78909C; } .footer--media .footer__list a:hover { color: #85d6de; } .footer--media .instagram-feed { position: relative; } .footer--media .instagram-feed .media-follow { position: absolute; top: -31px; right: 0; font-size: 11px; font-weight: bold; text-transform: uppercase; } .footer--media .instagram-feed .media-follow:hover { color: #ffffff; } @media (min-width: 992px) and (max-width: 1199px) { .footer--media #instagram { width: 290px !important; } } @media (min-width: 768px) and (max-width: 991px) { .footer--media #instagram { width: 215px !important; } } @media (max-width: 480px) { .footer--media #instagram { width: 290px !important; } } @media (max-width: 360px) { .footer--media #instagram { width: 215px !important; } } .bannercontainer { width: 100%; position: relative; padding: 0; max-height: 580px; overflow: hidden; background-color: #85d6de; } .bannercontainer ul { padding-left: 0; } .bannercontainer ul li { list-style: none; } .brand-circle { position: relative; width: 390px; height: 390px; background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0.8; } .brand-circle:before { content: ""; position: absolute; top: 75px; left: 50%; width: 46px; height: 46px; margin-left: -23px; background-image: url(../images/logo.png); background-size: 46px; background-repeat: no-repeat; } .banner-control { width: 100%; height: 80px; margin-top: -1px; background-color: #85d6de; } .tparrows.default { top: 100% !important; width: 15%; height: 79px; background: none; background-color: rgba(52, 73, 94, 0.1); -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .tparrows.default:hover { background-color: #424242; } .tparrows.default:before { content: ""; position: absolute; top: 24px; font: 30px FontAwesome; color: #ffffff; } .tp-leftarrow.default:before { content: "\f104"; right: 25px; } .tp-rightarrow.default:before { content: "\f105"; left: 25px; } .mobile-full-placeholeder { position: relative; z-index: 50; display: none; text-align: center; height: 450px; background-image: url(http://placehold.it/768x560); } .mobile-full-placeholeder .full-placeholeder__headind { padding-top: 100px; margin-top: 0; margin-bottom: 60px; } .mobile-full-placeholeder .brand-circle { width: 390px; height: 390px; position: absolute; top: 50%; left: 50%; z-index: -1; margin-top: -190px; margin-left: -190px; } .mobile-full-placeholeder .brand-circle:before { top: 70px; } .full-placeholeder--second { background-image: url(http://placehold.it/768x560); background-position: left center; background-size: 768px 560px; } .full-placeholeder--third { background-image: url(http://placehold.it/768x560); background-position: center; background-size: 768px 560px; } .placeholeder-control { display: none; padding: 20px 15px 18px; background-color: #85d6de; } .placeholeder-control .placeholeder-info { color: #ffffff; font-size: 16px; line-height: 20px; text-align: center; } .rsImg { margin-top: 0 !important; margin-left: 0 !important; width: 100% !important; height: 100% !important; } .rsThumbs { position: absolute; bottom: -101px; left: 0; right: 0; text-align: center; } .rsThumbs .rsThumbsContainer { display: inline-block; } .rsThumbs .rsThumb { position: relative; border: 1px solid #85d6de; } .rsThumbs .rsThumb:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #424242; opacity: 0.3; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .rsThumbs .rsThumb:hover:before { opacity: 0; } .royal-line { height: 100px; background-color: #85d6de; } .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { width: 60px; height: 60px; margin-top: -30px; background-color: #85d6de; } .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover { background-color: #424242; } .flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before { content: ""; position: absolute; top: 15px; font: 30px FontAwesome; color: #ffffff; } .flex-direction-nav a.flex-prev { left: -60px; color: #ffffff; } .flex-direction-nav a.flex-prev:before { content: "\f104"; right: 25px; } .flex-direction-nav a.flex-next { right: -60px; color: #ffffff; } .flex-direction-nav a.flex-next:before { content: "\f105"; left: 25px; } .leftside-arrow, .rightside-arrow { position: absolute; top: 50%; z-index: 30; display: block; margin-top: -30px; font-size: 30px; color: #ffffff; background-color: #85d6de; border: 1px solid #85d6de; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; cursor: pointer; } .leftside-arrow:hover, .rightside-arrow:hover { color: #ffffff; background-color: #424242; border-color: #424242; } .leftside-arrow .slide-preview, .rightside-arrow .slide-preview { position: absolute; top: -21px; -webkit-transition: -webkit-transform 300ms 300ms; transition: transform 300ms 300ms; -webkit-perspective: 1000px; perspective: 1000px; } .leftside-arrow .img-arrow, .rightside-arrow .img-arrow { height: 100px; border: 1px solid #424242; } .leftside-arrow .arrow-heading, .rightside-arrow .arrow-heading { display: block; padding: 9px 20px; font-size: 14px; font-weight: bold; color: #ffffff; background-color: #424242; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 300ms; transition: transform 300ms; } .leftside-arrow .fa, .rightside-arrow .fa { -webkit-transition: -webkit-transform 300ms; transition: transform 300ms; } .leftside-arrow:hover .slide-preview, .rightside-arrow:hover .slide-preview { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .leftside-arrow:hover .arrow-heading, .rightside-arrow:hover .arrow-heading { -webkit-transition-delay: 700ms; transition-delay: 700ms; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .leftside-arrow { left: 0; padding: 5px 26px 10px 22px; } .leftside-arrow .slide-preview { left: -1px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .leftside-arrow:hover .fa { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .rightside-arrow { right: 0; padding: 5px 22px 10px 26px; } .rightside-arrow .slide-preview { right: -1px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .rightside-arrow:hover .fa { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } #thumbs { margin-bottom: 20px; } .thumbs { padding-left: 0; margin-top: 3px; font-size: 0; text-align: center; list-style: none; } .thumbs li { display: inline-block; margin-left: 3px; margin-bottom: 3px; } .thumbs .thumb { display: inline-block; max-width: 118px; border: 5px solid #dfe6e7; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .thumbs .thumb img { max-width: 100%; } .thumbs .thumb:hover { border: 5px solid #424242; } .thumbs--full { margin-left: -3px; margin-right: -3px; } .thumbs--full .thumb { max-width: 100%; } .thumbs--full li { width: 32.1%; float: left; } .block--full { padding-left: 0; padding-right: 0; } .contact { margin-bottom: 20px; text-align: center; } .contact .contact__field { width: 100%; padding: 9px 30px; margin-bottom: 10px; font-size: 14px; font-style: italic; color: #424242; background: none; border: none; border: solid 1px #dfe6e7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; box-shadow: none; } .contact .contact__field:focus { border-color: #424242; } .contact .contact__area { min-height: 200px; } .contact .btn-submit { padding-left: 24px; padding-right: 24px; } .select-box { display: none; } .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; margin-bottom: 20px; background-color: #ffffff; } .bootstrap-select { position: relative; background: none; border: solid 1px #dfe6e7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .bootstrap-select .selectpicker { padding: 10px 30px; font: 14px "Open Sans", sans-serif; font-style: italic; color: #424242; -webkit-transition: none; -o-transition: none; transition: none; } .bootstrap-select .selectpicker:hover, .bootstrap-select .selectpicker:focus, .bootstrap-select .selectpicker:active { background-color: #ffffff; outline: none !important; box-shadow: none; } .bootstrap-select .filter-option { padding-top: 2px; padding-bottom: 2px; } .bootstrap-select.btn-group .dropdown-menu { z-index: 200; } .bootstrap-select .dropdown-menu { top: 37px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .bootstrap-select .dropdown-menu li { border-bottom: 1px solid #dfe6e7; } .bootstrap-select .dropdown-menu li:last-child { border-bottom: 1px solid transparent; } .bootstrap-select .dropdown-menu li > a { padding-top: 9px; padding-bottom: 13px; } .bootstrap-select .dropdown-menu li.selected > a, .bootstrap-select .dropdown-menu li > a:hover { position: relative; background-color: #85d6de; } .bootstrap-select .dropdown-menu li.selected > a:before, .bootstrap-select .dropdown-menu li > a:hover:before { content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background-color: #85d6de; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .bootstrap-select .dropdown-menu li.selected > a:after, .bootstrap-select .dropdown-menu li > a:hover:after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #85d6de; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .bootstrap-select.open { border-color: #424242; } .bootstrap-select.open .selectpicker.btn-default { background-color: #ffffff; } .bootstrap-select.btn-group .selectpicker .caret { right: 28px; display: inline-block; margin-top: -6px; border: none; } .bootstrap-select.btn-group .selectpicker .caret:before { content: "\f107"; position: absolute; top: 1px; left: 7px; font-family: FontAwesome; font-size: 14px; font-style: normal; color: #424242; } .select--sm { width: 125px; } .select--sm .selectpicker { padding: 1px 18px 3px; font-size: 12px; } .select--sm .dropdown-menu { min-height: 1px !important; top: 23px; } .select--sm .dropdown-menu li > a { padding-top: 1px; padding-bottom: 3px; } .select--widget { position: absolute; top: 13px; right: 20px; } .form-control label { margin-bottom: 10px; } .radio label, .checkbox label { position: relative; display: block; padding-left: 28px; margin-right: 15px; font-size: 14px; font-style: italic; color: #616161; cursor: pointer; } .radio { margin-top: 23px; } .radio input[type=radio] { display: none; } .radio input[type=radio] + label:before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 10px; position: absolute; left: 1px; bottom: 3px; border: 1px solid #dfe6e7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .radio input[type=radio]:checked + label:before { content: ""; background-image: url("../images/icons/radio-check.svg"); background-size: 54px 14px; background-position: 0 50%; background-repeat: no-repeat; } .checkbox input[type=checkbox] { display: none; } .checkbox input[type=checkbox] + label:before { content: ""; display: inline-block; top: 4px; width: 14px; height: 14px; margin-right: 10px; position: absolute; left: 0; bottom: 3px; border: 1px solid #dfe6e7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .checkbox input[type=checkbox]:checked + label:before { content: ""; background-image: url("../images/icons/radio-check.svg"); background-size: 54px 14px; background-position: -13px 50%; background-repeat: no-repeat; } .radio--dark input[type=radio] + label:before { border: none; background-color: #424242; } .radio--dark input[type=radio]:checked + label:before { background-position: -28px 50%; } .checkbox--dark input[type=checkbox] + label:before { border: none; background-color: #424242; } .checkbox--dark input[type=checkbox]:checked + label:before { background-position: -39px 50%; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #F5F5F5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #cccccc; } .breadcrumb > .active { color: #777777; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #2B40B5; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #424242; background-color: #B0BEC5; border-color: #cccccc; color: #424242 !important; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #424242; background-color: #90A4AE; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } .btn-default .badge { color: #ffffff; background-color: #333333; } .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #ffffff; } .btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } .hs-button.primary { background-color: #1475CF; color: #ffffff; border: none; } form.hs-form .inputs-list { list-style: none; padding: 5px 0px; font-size: 10pt; } form.hs-form .inputs-list .hs-input { margin-right: 10px; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .hs_submit { margin-top: 10px; } .hs_email input { width: 90%; color: #000; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #F5F5F5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #dddddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #333333; background-color: #F5F5F5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading .badge { color: #F5F5F5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #428bca; } .panel-primary > .panel-heading .badge { color: #428bca; background-color: #ffffff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #EEEEEE; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #EEEEEE; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #EEEEEE #EEEEEE #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #F5F5F5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #428bca; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; vertical-align: middle; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #F5F5F5; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #F5F5F5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .heading { margin: 25px 0 24px; font: 20px "Varela Round", sans-serif; color: #424242; } .heading--section { margin: 35px 0 34px; } .heading--section-separate { margin: 55px 0 34px; } .heading--section-short { margin: 24px 0 34px; } .heading--section-list { margin: 32px 0 34px; } .heading--first { margin-top: 0; } .heading--start { margin: 74px 0 34px; } .heading--separate { margin: 57px 0 14px; } .heading--lagre { margin: 77px 0 24px; } .heading--small { margin-bottom: 24px; } .heading--smaller { margin-bottom: 16px; } .heading--sm { margin-top: 20px; } .heading-middle { margin-top: 30px; } .heading--center { margin-top: 45px; } .heading--md { margin-top: 50px; } .heading--lg { margin-top: 55px; } .heading--empty { margin-bottom: 5px; } .heading-info { margin: 25px 0 18px; font-size: 18px; font-family: "Open Sans", sans-serif; color: #FFFFFF; } .block-title { position: relative; padding: 34px 0 31px; margin-top: 0; margin-bottom: 40px; font: 28px "Varela Round", sans-serif; text-align: center; color: #424242; border-bottom: 1px solid #dfe6e7; } .block-title:before { content: ""; position: absolute; bottom: -1px; left: 50%; width: 80px; height: 3px; margin-left: -40px; background-color: #78909C; } .block-title--left { text-align: left; } .block-title--left:before { left: 0; margin-left: 0; } .block-title--simple { padding-top: 54px; padding-bottom: 21px; margin-bottom: 0; border: none; } .block-title--simple:before { display: none; } .block-title--inverse { color: #ffffff; } .block-title--bottom { margin-bottom: 60px; } .block-title--bottom-l { margin-bottom: 80px; } .block-title--top-larger { margin-top: 40px; } .block-title--top-large-m { margin-top: 70px; } .block-title--top-large { margin-top: 60px; } .block-title--top-large-s { margin-top: 50px; } .block-title--top-middle { margin-top: 40px; } .block-title--top-s { margin-top: 10px; } .block-title--bottom-s { margin-bottom: 10px; } .sub-header { margin-bottom: 12px; font-size: 16px; font-family: "Open Sans", sans-serif; font-style: italic; font-weight: bold; color: #424242; } .sub-header--simple { font-style: normal; margin-top: 10px; margin-bottom: 2px; } .heading-helper { margin: 24px 0; font: 18px "Open Sans", sans-serif; font-weight: bold; } .heading-helper--thin { margin-top: 0; } .heading-helper--bottom { margin-bottom: 10px; } .heading-helper--large { font-size: 22px; text-transform: uppercase; text-align: center; } .heading-helper--sm { font-size: 14px; text-transform: uppercase; } .heading-helper--markered { position: relative; overflow: hidden; padding: 26px 0 26px 30px; } .heading-helper--markered:before { content: "\f10c"; position: absolute; top: 27px; left: 0; width: 16px; height: 16px; padding-top: 3px; padding-left: 4px; font: 9px FontAwesome; color: #ffffff; background-color: #85d6de; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .heading-helper--markered-first { margin-top: 9px; } .header-oneline { float: left; margin-top: -2px; margin-right: 15px; } .heading-cascade { margin-top: 0; margin-bottom: 36px; font-size: 48px; line-height: 44px; color: #000000; } .heading-cascade .heading-cascade__step { display: block; font-size: 24px; color: #85d6de; } .heading-cascade--danger .heading-cascade__step { color: #2B40B5; } .heading-cascade--large { padding-top: 14px; text-transform: uppercase; font-size: 30px; line-height: 38px; margin-bottom: 28px; } .heading-cascade--large .heading-cascade__step { text-transform: none; font-size: 22px; } .heading-simple { padding: 23px 0; margin: 0; font-size: 28px; text-align: center; } .heading-marker { position: relative; margin: 0; margin-top: 46px; margin-bottom: 20px; padding-bottom: 30px; font: 14px "Open Sans", sans-serif; font-weight: bold; font-style: italic; text-align: center; color: #85d6de; } .heading-marker:before { content: ""; position: absolute; bottom: 0px; left: 50%; margin-left: -11px; width: 0; height: 0; border-style: solid; border-width: 13px 11px 0 11px; border-color: #85d6de transparent transparent transparent; } .alert { display: none; } .alert-visible { display: block; } .accordion-wrapper { min-height: 635px; } .btn-wrapper { margin-bottom: 20px; } .btn-present-sm { margin-top: 10px; } .form-wrapper { padding-right: 50px; } .btn-wrapper { text-align: center; } .contact-info { padding-top: 5px; margin-bottom: 10px; } .contact-info .contact-info__item { position: relative; padding-right: 25px; padding-left: 20px; font-size: 12px; color: #BDBDBD; } .contact-info .fa-location-arrow { position: absolute; top: 0; left: 0; font-size: 16px; } .contact-info .fa-mobile { position: absolute; top: -1px; left: 0; font-size: 20px; } .contact-info .fa-envelope { position: absolute; top: 2px; left: 0; font-size: 12px; } .social ul, ol.social { padding-left: 0; margin-bottom: 0; padding-top: 3px; } .social .social__item { display: inline-block; margin-right: 8px; list-style: none; text-align: center; } .social .social__link { display: block; width: 30px; height: 30px; padding-top: 5px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .social .social__icon { font-size: 16px; color: rgba(255, 255, 255, 0.85); } .social .social__icon:hover { opacity: 1; color: #2A78BE; } .breadcrumb { float: right; margin-top: -54px; background: none; } .breadcrumb a { font-size: 12px; color: #424242; text-decoration: none; font-style: normal; } .breadcrumb .active { font-size: 12px; font-style: normal; color: #424242; } .breadcrumb > li + li:before { content: "|"; padding-right: 6px; padding-left: 3px; color: #424242; } .accordion .panel { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; } .accordion .panel-heading { position: relative; padding: 0; color: #424242; background-color: transparent; } .accordion .panel-heading .marker { position: absolute; top: 0; left: 0; display: block; height: 100%; } .accordion .panel-heading .marker__close { position: absolute; top: 50%; left: 0; display: none; } .accordion .panel-heading .marker__open { position: absolute; top: 50%; left: 0; display: inline-block; } .accordion .panel-heading .collapsed .marker__close { display: inline-block; } .accordion .panel-heading .collapsed .marker__open { display: none; } .accordion a:hover, .accordion a:focus { text-decoration: none; } .accordion .accordion-link { display: block; padding: 10px 15px; } .accordion .panel-body { line-height: 26px; } .accordion .panel-heading + .panel-collapse .panel-body { border-top: none; } .accordion-link .step__number { position: absolute; top: 12px; right: 35px; font-size: 54px; color: #ffffff; } .accordion-link.collapsed .step__number { color: #E0E0E0; } .accordion-link.collapsed:hover .step__number { color: #ffffff; } .alert { position: relative; margin-bottom: 10px; padding: 34px 35px 33px 77px; color: #424242; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .alert .alert-market { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 100%; } .alert .fa { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -11px; font-size: 22px; text-align: center; color: #ffffff; } .alert .fa-times { margin-top: -6px; font-size: 12px; color: #424242; } .alert .close { position: absolute; top: 50%; right: 12px; margin-top: -10px; width: 20px; height: 20px; background: none; border: none; } .icon { margin-top: 8px; font-size: 24px; color: #424242; } .icon .icon__item { margin-bottom: 5px; } .icon-present .icon__item { padding-top: 18px; margin-right: 40px; } .icon-present.icon--shape { margin-top: 42px; } .icon-present.icon--shape .icon__item { margin-right: 0; } .icon-present.icon--border { margin-top: 49px; } .icon-present.icon--border .icon__item { margin-right: 0; } .livicon { display: inline-block; line-height: inherit; vertical-align: middle; height: 18px !important; } .icon--animate .icon__item { padding-top: 0; display: inline-block; } .icon-present.icon--animate .icon__item { margin-right: 15px; } .icon-present.icon--shape.icon--animate .icon__item { margin-right: 0; } .image-container { position: relative; } .image-container img { max-width: 100%; } .image-container--max { max-width: 262px; } .icon-present.icon--border.icon--animate .icon__item { margin-right: 0; } .link { font-weight: bold; color: #85d6de; border-bottom: 3px solid #85d6de; } .link:hover { color: #85d6de; opacity: 0.6; } .link:focus { color: #85d6de; text-decoration: none; } .link-sample { margin-right: 70px; } .link--top { display: inline-block; margin-top: 15px; } .list-ordered { padding-left: 15px; margin-bottom: 30px; font-weight: bold; } .list-ordered span { font-weight: normal; } .list-ordered li { padding-bottom: 20px; padding-left: 10px; } .list { padding-left: 15px; margin-top: -5px; margin-bottom: 30px; } .list > li { position: relative; padding-bottom: 20px; padding-left: 10px; list-style: none; } .list li:before { content: "\f10c"; position: absolute; left: -15px; top: 5px; font-size: 9px; font-family: FontAwesome; font-style: normal; } .promo { padding: 32px 15px; text-align: center; background-color: #EEEEEE; } .promo .promo__heading { padding: 22px 0; margin: 0; font-size: 22px; font-family: "Open Sans", sans-serif; font-weight: bold; color: #424242; text-transform: uppercase; } .promo .promo__btn { margin-bottom: 18px; padding-left: 20px; padding-right: 20px; } .promo-present { margin-bottom: 30px; } .pager { position: relative; } .pager .pager__next, .pager .pager__prev { position: absolute; top: 38px; z-index: 20; display: block; width: 60px; height: 60px; padding-top: 21px; padding-left: 11px; color: #ffffff; font-weight: bold; text-transform: uppercase; background-color: #85d6de; border: none; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .pager .pager__next:hover, .pager .pager__prev:hover { background-color: #424242; } .pager .pager__prev { left: 0; } .pager .pager__next { right: 0; } .share { display: block; margin-bottom: 20px; } .share .share__item { color: #ffffff; margin-bottom: 10px; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .share .share__item:hover { opacity: 0.6; } .share .fa { margin-right: 11px; font-size: 16px; } .share .share__item--twitter { background-color: #55acee; } .share .share__item--facebook { background-color: #3b5998; } .share .share__item--gplus { background-color: #dd4b39; } .share .share__item--pinterest { background-color: #cc2127; } .share .share__item--linkedin { background-color: #0976b4; } .share--large .share__item { display: inline-block; padding: 10px 36px 10px 33px; margin-right: 6px; font-size: 14px; } .share--large .fa { margin-right: 8px; } .share--small .share__item { display: inline-block; padding: 7px 9px 8px; margin-right: 4px; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .share--small .share__item--empty { padding: 7px 3px 8px 12px; } .share--small .fa { margin-right: 8px; font-size: 14px; } .share-present { margin-top: 20px; } /** Social Button CSS **/ .socialize { text-align: center; padding: 25px 0; } .socialize h4 { margin-top: 15px; } .share-btn { display: inline-block; color: #ffffff; border: none; padding: 0.5em; width: 4em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); outline: none; text-align: center; margin: 10px 5px; } .share-btn:hover { color: #EEEEEE; } .share-btn:active { position: relative; top: 2px; box-shadow: none; color: #e2e2e2; outline: none; } .share-btn.twitter { background: #55acee; } .share-btn.google-plus { background: #dd4b39; } .share-btn.reddit { background: #ff5700; } .share-btn.stumbleupon { background: #EB4823; } .share-btn.facebook { background: #3B5998; } .share-btn.linkedin { background: #4875B4; } .share-btn.email { background: #444444; } .table { font-size: 14px; color: #424242; } .table-responsive { border: none; } .table-present { margin-bottom: 30px; } .col-width { width: 33%; } .col-sm-width { width: 16.6666666667%; } .col-wide { width: 50%; } .col-small { width: 10%; } .col-middle { width: 30%; } .col-width-one { width: 40%; } .col-width-two { width: 60%; } .col-third { width: 40%; } .col-thin { width: 20%; } .tabs .nav-tabs { border-color: #dfe6e7; } .tabs .tab-content { padding: 30px 30px 7px; color: #616161; border: 1px solid #dfe6e7; border-top: none; } .tabs .tab-content p { margin-bottom: 24px; line-height: 26px; } .tabs .nav-tabs a { padding: 13px 25px 16px; font-size: 13px; font-weight: bold; font-style: normal; text-transform: uppercase; color: #616161; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tabs .nav-tabs a:hover, .tabs .nav-tabs a:focus { color: #424242; background-color: transparent; border-color: transparent; } .tabs .nav-tabs .active a, .tabs .nav-tabs .active a:hover, .tabs .nav-tabs .active a:focus { color: #424242; background-color: #E0E0E0; border-color: transparent; } .testimonial .testimonial__images { width: 80px; height: 80px; float: left; margin-right: 20px; } .testimonial .testimonial__images img { max-width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonial .testimonial__info { margin-bottom: 28px; font-size: 12px; color: #2A78BE; } .testimonial .testimonial__text { font-size: 14px; font-style: italic; line-height: 26px; color: #424242; } .tooltip { z-index: 300; } .tooltip-link { display: inline-block; font-size: 16px; font-weight: bold; color: #616161; } .tooltip.top .tooltip-arrow { border-top-color: #424242; } .tooltip .tooltip-inner { padding: 6px 10px 4px; background-color: #424242; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .sequence { text-align: center; } .sequence .sequence__item { position: relative; display: inline-block; text-align: center; float: left; padding-bottom: 50px; } .sequence .sequence__step { display: inline-block; width: 70px; height: 70px; padding-top: 13px; font: 36px "Varela Round", sans-serif; text-align: center; color: #424242; background-color: #78909C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sequence .sequence__info { position: absolute; top: 93px; left: 50%; display: block; font-size: 18px; font-weight: bold; color: #78909C; background-position: 0 95%; background-repeat: repeat-x; } .sequence .sequence__item--active .sequence__step { color: #78909C; background-color: #424242; } .sequence .sequence__item--active .sequence__info { color: #424242; } .sequence .sequence__separator { float: left; margin-top: 30px; font-size: 0; } .sequence .sequence__devider { display: inline-block; width: 7px; height: 7px; margin: 0 8px; background-color: #78909C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sequence .sequence__color--one { background-color: #78909C; } .sequence .sequence__color--two { background-color: #424242; } .sequence .sequence__color--three { background-color: #78909C; } .sequence .sequence__color--four { background-color: #78909C; } .sequence .sequence__color--one1 { background-color: #78909C; } .sequence .sequence__color--one2 { background-color: #78909C; } .sequence .sequence__color--one3 { background-color: #78909C; } .sequence .sequence__color--two1 { background-color: #424242; } .sequence .sequence__color--two2 { background-color: #424242; } .sequence .sequence__color--two3 { background-color: #424242; } .sequence .sequence__color--two4 { background-color: #7cc6cf; } .sequence .sequence__color--two5 { background-color: #71b2be; } .sequence .sequence__color--two6 { background-color: #639ba9; } .sequence .sequence__color--three1 { background-color: #3c576b; } .sequence .sequence__color--three2 { background-color: #486d7e; } .sequence .sequence__color--three3 { background-color: #568493; } .sequence .sequence__color--three4 { background-color: #495063; } .sequence .sequence__color--three5 { background-color: #665a69; } .sequence .sequence__color--three6 { background-color: #886671; } .sequence .sequence__color--four1 { background-color: #e88787; } .sequence .sequence__color--four2 { background-color: #cb7d80; } .sequence .sequence__color--four3 { background-color: #ab7279; } .sequence--colored .sequence__item { width: 70px; height: 70px; padding-top: 20px; text-align: center; background-color: #424242; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sequence--colored .sequence__item .fa { font-size: 30px; color: #ffffff; } .sequence--colored .sequence__item--first { background-color: #FFD54F; } .sequence--colored .sequence__item--second { background-color: #85d6de; } .sequence--colored .sequence__item--third { background-color: #424242; } .sequence--colored .sequence__item--fourth { background-color: #2A78BE; } .sequence--colored .livicon { margin-top: -8px; } .sequence__info-null { margin-left: -28px; } .sequence__info-one { margin-left: -41px; } .sequence__info-two { margin-left: -53px; } .sequence__info-three { margin-left: -30px; } .sequence__info-four { margin-left: -60px; } .sequence__info-five { margin-left: -28px; } .sequence-wrapper { display: inline-block; } .sequence-present { margin-bottom: 48px; } .link-list .link-list__wrapper { list-style: none; } .link-list .link-list__item { display: inline-block; padding: 10px 0; color: #616161; font-style: normal; } .link-list .link-list__item:hover { color: #85d6de; } .link-list .link-list__item:focus { text-decoration: none; } .link-list .link-list__header { position: relative; padding-left: 40px; margin-top: 0; margin-bottom: 22px; font-size: 18px; font-family: "Open Sans", sans-serif; font-weight: bold; color: #85d6de; } .link-list .link-list__header:before { content: ""; position: absolute; top: -3px; left: 5px; font-size: 24px; font-family: FontAwesome; color: #85d6de; } .link-list .link-list__header--home:before { content: "\f015"; } .link-list .link-list__header--about:before { content: "\f007"; } .link-list .link-list__header--blog:before { content: "\f15c"; } .link-list .link-list__header--service:before { content: "\f085"; } .link-list .link-list__header--additional:before { content: "\f055"; } .link-list .link-list__header--header:before { content: "\f1dc"; } .link-list .link-list__header--footer:before { content: "\f1b0"; } .link-list--space { margin-bottom: 62px; } .blockquote { position: relative; margin: 36px 0 34px; padding: 38px 200px 70px 82px; font-size: 30px; line-height: 36px; font-style: italic; color: #424242; border: none; background-color: #dfe6e7; } .blockquote .blockquote__devider { position: relative; } .blockquote .blockquote__devider:before { content: ""; position: absolute; top: 23px; right: 0; width: 100%; height: 1px; background-color: #424242; } .blockquote .blockquote__author { position: relative; display: inline-block; float: right; padding-right: 72px; padding-left: 20px; margin-top: 12px; font-size: 14px; font-weight: 800; text-align: right; color: #424242; background-color: #dfe6e7; } .blockquote .blockquote__author:before { content: ""; } .blockquote:before { content: ""; position: absolute; top: 0; right: 18px; width: 10px; height: 100%; background-color: #ffffff; } .text-widget { margin: -8px 0; } .gallery-item { position: relative; margin-bottom: 30px; } .gallery-item .gallery-item__heading { padding-top: 25%; margin: 0; font-size: 16px; font-weight: bold; color: #ffffff; } .gallery-item .gallery-item__author { margin-bottom: 21px; font-size: 12px; color: #bac3cd; } .gallery-item .btn { padding-left: 34px; padding-right: 34px; } .gallery-item .btn:focus { background-color: #FFD54F; } .gallery-item .gallery-item__info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: #424242; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; opacity: 0; } .gallery-item:hover .gallery-item__info { -webkit-transform: translate(18px, 18px); -moz-transform: translate(18px, 18px); -ms-transform: translate(18px, 18px); transform: translate(18px, 18px); opacity: 1; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } .desktop-middle .gallery-item__heading { padding-top: 20%; } .desktop-small .gallery-item__heading { padding-top: 20%; } .desktop-small .btn { padding: 7px 17px 8px; } .similar-object { padding-top: 33px; padding-bottom: 60px; margin-top: 46px; background-color: #85d6de; } .about { padding-top: 115px; padding-bottom: 165px; margin-bottom: -1px; background-image: url(http://placehold.it/1108x1260); background-repeat: no-repeat; background-size: 554px 630px; background-position: 100% 100%; overflow: hidden; -wekit-transition: background 1000ms ease-in; -moz-transition: background 1000ms ease-in; transition: background 1000ms ease-in; } .image--border-hover { position: relative; overflow: hidden; } .image--border-hover:before { content: ""; position: absolute; top: -5%; left: -5%; width: 110%; height: 110%; border: 5px solid #BDBDBD; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; opacity: 0; } .testimonial-block { background-image: url("../images/testimonial.jpg"); background-size: cover; background-position: center; background-attachment: fixed; } .testimonial-wrap { padding-left: 0; list-style: none; font-style: normal; } .testimonial-wrap .testimonial { max-width: 360px; margin: 0 15px; padding-top: 20px; padding-bottom: 20px; padding-right: 40px; float: left; } .testimonial-wrap .testimonial__author { padding-top: 18px; margin-bottom: 0; } .testimonial-wrap .testimonial__info { margin-bottom: 20px; } .testimonial-area { margin-top: 62px; } .testimonial-area .testimonial { margin-bottom: 30px; } .mCSB_dragger { min-width: 50px; height: 11px !important; margin-top: 3px; background-color: #85d6de; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color 300ms ease-in; -o-transition: background-color 300ms ease-in; transition: background-color 300ms ease-in; } .mCSB_dragger:before { content: ""; display: block; width: 100%; height: 100%; background-image: url(../images/icons/three-lines.svg); background-repeat: no-repeat; background-position: center; background-size: 12px 11px; z-index: 18; } .mCSB_dragger:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; z-index: 12; } .mCSB_dragger:hover { background-color: #424242; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar { display: none; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 3px; background-color: #424242; } .person-wrap { background-image: url(http://placehold.it/1920x623); background-repeat: no-repeat; background-size: cover; background-position: center; } .person { overflow: hidden; margin-top: 20px; padding-bottom: 80px; } .person .person__image { float: left; margin: 0 50px; border: 6px solid #ffffff; } .person .person__name { padding-top: 59px; margin: 0; margin-bottom: -3px; font: 36px "Open Sans", sans-serif; font-weight: bold; } .person .person__position { margin-bottom: 26px; font-size: 16px; color: #2A78BE; } .short-text { margin-top: 95px; margin-bottom: 45px; text-align: center; } .short-text h4 { margin-top: 0; font: 14px "Open Sans", sans-serif; font-weight: bold; } .info-text { margin-top: -8px; } .join { padding-bottom: 10px; margin-top: 20px; text-align: center; } .join .join__image { max-width: 100%; width: 872px; height: 171px; } .join .join__additional { position: relative; display: inline-block; margin-top: 6px; margin-bottom: 144px; font: 50px "Georgia", serif; font-style: italic; color: #424242; } .join .join__additional:before { content: ""; position: absolute; top: 32px; left: -255px; width: 240px; height: 1px; background-color: #424242; } .join .join__additional:after { content: ""; position: absolute; top: 32px; right: -255px; width: 240px; height: 1px; background-color: #424242; } .join p { text-align: left; margin-bottom: 26px; } .vacancy { padding: 30px 5px 40px 80px; margin-bottom: 30px; background-color: #f3f7f7; } .vacancy .vacancy__heading { position: relative; padding: 4px 0 4px 27px; margin: 0; margin-left: -60px; font: 18px "Open Sans", sans-serif; font-weight: bold; } .vacancy .vacancy__heading:before { content: "\f10c"; position: absolute; top: 10px; left: 0; width: 16px; height: 16px; padding-top: 3px; padding-left: 4.5px; font: 9px FontAwesome; color: #ffffff; background-color: #85d6de; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .vacancy .vacancy__subheading { margin: 0; padding: 25px 0; font: 14px "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; } .vacancy .vacancy__btn { margin-top: 30px; } .vacancy .list { margin-bottom: 0; } .vacancy .list .last-item { padding-bottom: 5px; } .map { width: 100%; } .map--large { height: 842px; margin-top: 1px; margin-bottom: 1px; } .map--standart { height: 582px; } .map--thin { height: 340px; } .map--simple { height: 480px; } .map--small { width: 300px; height: 200px; } .map--left { float: left; margin-right: 38px; margin-bottom: 10px; } .map--right { float: right; margin-left: 38px; margin-bottom: 10px; } .map--wide { height: 400px; margin-bottom: 20px; } .content-block { position: relative; z-index: 40; } .form-container { position: absolute; top: 125px; left: 0; width: 100%; background-color: #ffffff; } .form-container .form-container__slogan { padding: 33px 20px; font-weight: bold; font-style: italic; color: #424242; background-image: url(../images/icons/arrow-smooth.svg); background-repeat: no-repeat; background-size: 100px 30px; background-position: 80% 65%; } .form-container-inner { padding: 30px 25px 22px; } .form-handler { padding: 59px 110px 0; min-height: 582px; } .bordered-container { border: 10px solid #424242; } .service-step { padding-bottom: 40px; } .service-step .service-step__line { padding-bottom: 80px; } .service-step .service-step__line--last { padding-bottom: 20px; } .service-step .service-step__info { position: relative; z-index: 22; } .service-step .service-step__number { position: absolute; top: -31px; left: 3px; z-index: -1; font: 140px "Varela Round", sans-serif; color: #dfe6e7; } .service-step .service-step__heading { margin: 0; padding: 36px 0 15px; font-size: 28px; } .service-step .service-step__descript { padding-left: 195px; padding-right: 55px; margin-bottom: 0; } .service { padding-bottom: 32px; } .service .icon { float: left; margin-right: 25px; } .service .icon .icon__item { margin-left: 5px; margin-right: 5px; } .service .icon .fa-dashboard { padding-top: 17px; padding-left: 2px; } .service .service__heading { padding: 25px 0 35px; margin: 0; font: 18px "Open Sans", sans-serif; font-weight: bold; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .service .service__link:focus { text-decoration: none; } .service .service__link:hover .service__heading { color: #78909C; } .service-container { padding-bottom: 74px; } .service-image { max-width: 521px; padding-top: 35px; margin: 0 auto; } .service-image img { max-width: 100%; } .sequence-service { text-align: left; padding: 30px 0; } .question-wrapper { background-color: #E0E0E0; } .question-wrapper .contact__field { background-color: #ffffff; border: 1px solid transparent; } .question-inner { padding: 10px 26px 30px; } .content-dashboard { padding-left: 275px; padding-right: 30px; width: 100%; padding-bottom: 80px; } .relative-element { position: relative; } .advert { display: block; max-width: 250px; margin-bottom: 30px; } .advert img { max-width: 100%; } .advert--last { margin-bottom: 0; } .adv { display: block; margin-top: 30px; } .adv img { max-width: 100%; } .adv--sm { margin-right: auto; margin-left: auto; max-width: 360px; } .nav-additional { margin-top: 8px; padding-left: 0; list-style: none; } .nav-additional .nav-additional__item { font-weight: bold; } .nav-additional .nav-additional__link { position: relative; display: block; padding: 34px 20px 33px; margin-bottom: 3px; font-size: 14px; color: #424242; background-color: #dfe6e7; } .nav-additional .nav-additional__link:hover { background-color: #85d6de; } .nav-additional .nav-additional__link--active { padding-left: 42px; background-color: #85d6de; } .nav-additional .nav-additional__link--active:before { content: "\f104"; position: absolute; top: 37px; left: 21px; font: 14px FontAwesome; color: #424242; } .error { text-align: center; background-color: #424242; background-image: url(../images/components/error-stars.png); background-repeat: no-repeat; background-position: center center; } .error .wrapper { position: relative; } .error .error__main { width: 494px; height: 199px; margin-top: 458px; } .error .error__heading { margin-top: 15px; margin-bottom: 7px; font-size: 32px; font-family: "Open Sans", sans-serif; font-weight: 300; color: #78909C; } .error .error__info { color: #78909C; } .error .error__back { position: relative; display: inline-block; margin-top: 150px; margin-bottom: 188px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #ffffff; z-index: 30; } .error .error__back:hover { color: #85d6de; } .error .error__back:before { content: ""; position: absolute; top: 40px; left: -4px; width: 120px; height: 23px; } .cirle { position: absolute; top: 50%; left: 50%; margin: auto; background-color: rgba(223, 230, 231, 0.02); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .cirle--lagre { width: 1080px; height: 1080px; margin-top: -540px; margin-left: -540px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 400ms ease-out 500ms; -moz-transition: -moz-transform 400ms ease-out 500ms; transition: transform 400ms ease-out 500ms; } .cirle--middle { width: 893px; height: 893px; margin-top: -446px; margin-left: -446px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 400ms ease-out 300ms; -moz-transition: -moz-transform 400ms ease-out 300ms; transition: transform 400ms ease-out 300ms; } .cirle--small { width: 576px; height: 576px; margin-top: -288px; margin-left: -288px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 400ms ease-out 100ms; -moz-transition: -moz-transform 400ms ease-out 100ms; transition: transform 400ms ease-out 100ms; } .cirle-zoom { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .comming { padding-top: 187px; padding-bottom: 26px; text-align: center; background-color: #424242; background-image: url(http://placehold.it/1720x1320); background-repeat: no-repeat; background-size: cover; background-position: center; } .comming .comming__header { margin: 0; font-family: "Open Sans", sans-serif; font-size: 46px; font-weight: bold; text-transform: uppercase; color: #ffffff; } .comming .comming__header-start { display: block; margin-bottom: 8px; font-size: 30px; } .comming .comming__describe { font: 30px "Georgia", serif; font-style: italic; color: #ffffff; } .couter { margin-top: 135px; margin-bottom: 355px; font-size: 0; } .couter .timer-input { display: none; } .couter .timer-wrap { width: 185px; margin: 0 15px 20px; display: inline-block; background: rgba(254, 211, 127, 0.1); border-bottom: 5px solid #FFD54F; } .couter .timer-wrap--hour { background: rgba(133, 214, 222, 0.1); border-bottom: 5px solid #85d6de; } .couter .timer-wrap--min { background: rgba(255, 255, 255, 0.1); border-bottom: 5px solid #ffffff; } .couter .timer-wrap--sec { background: rgba(254, 143, 140, 0.1); border-bottom: 5px solid #2A78BE; } .couter .digits { display: block; margin-top: 34px; margin-bottom: -6px; font-family: "Open Sans", sans-serif; font-size: 80px; font-weight: bold; text-transform: uppercase; color: #ffffff; } .couter .digits-label { margin-bottom: 18px; font: 30px "Georgia", serif; font-style: italic; color: #ffffff; } .feature { margin-right: 30px; } .feature .feature__image img { max-width: 100%; } .feature .feature__image--page { padding-top: 10px; } .feature .feature__image--page img { max-width: 241px; } .feature .feature__image--responsive img { max-width: 295px; } .feature .feature__image--clock { padding-top: 13px; padding-bottom: 7px; padding-left: 100px; } .feature .feature__image--clock img { max-width: 160px; } .feature .feature__heading { margin: 68px 0 18px; font: 18px "Open Sans", sans-serif; font-weight: bold; color: #424242; } .number-container { padding-bottom: 60px; background-color: #85d6de; } .number-container .stat--shape { border-color: #ffffff; } .number-container .stat--shape:after, .number-container .stat--shape:before { background-color: #ffffff; } .special { min-height: 385px; padding-top: 47px; background-color: #85d6de; text-align: center; background-image: url(../images/components/browser.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: 580px 238px; } .special .special__text { font-size: 16px; color: #ffffff; font-style: italic; } .special .special-inner { position: relative; } .special .special-inner:before { content: "{"; position: absolute; top: 50%; left: 25px; margin-top: -100px; font: 200px "Varela Round", sans-serif; color: rgba(255, 255, 255, 0.2); margin-right: 13px; } .special .special-inner:after { content: "}"; position: absolute; top: 50%; right: 25px; margin-top: -100px; font: 200px "Varela Round", sans-serif; color: rgba(255, 255, 255, 0.2); margin-left: 13px; } .subscribe-container { padding-top: 115px; text-align: center; } .subscribe-container .subscribe-moto { font: 28px "Varela Round", sans-serif; color: #424242; } .subscribe-container .subscribe-moto__add { font-size: 18px; display: block; } .pricing-section { padding-bottom: 34px; text-align: center; background-color: #424242; } .pricing-section p { color: #ffffff; } .start-block { position: relative; padding-top: 347px; padding-bottom: 560px; text-align: center; } .start-block .start-block__moto { padding-bottom: 34px; margin: 0; font: 26px "Open Sans", sans-serif; font-style: italic; color: #FFD54F; } .start-block .start-block__heading { margin: 0; font: 52px "Open Sans", sans-serif; line-height: 52px; font-weight: bold; text-transform: uppercase; color: #ffffff; text-shadow: 3px 4px rgba(0, 0, 0, 0.15); } .scroll-next { position: absolute; bottom: 30px; left: 50%; width: 42px; height: 66px; margin-left: -21px; background-color: #566879; background-image: url(../images/icons/mouse.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 30px 30px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; z-index: 20; } .text-plus { text-align: center; padding-top: 30px; padding-bottom: 83px; } .text-plus .text-plus__heading { margin: 0; margin-bottom: 6px; font: 30px "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; color: #a8aeb3; } .text-plus .text-plus__info { margin: 0; font-size: 22px; font-style: italic; color: #a8aeb3; } .scroll-link { cursor: pointer; } .top-block { margin-top: 1500px; } .image-holder--info { padding-top: 18px; } .image-holder--info img { max-width: 100%; } #pp-nav { position: absolute; top: 50%; } #pp-nav li, .pp-slidesNav li { margin: 18px 5px; } #pp-nav li a, .pp-slidesNav li a { width: 18px; height: 18px; border: 2px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #pp-nav span, .pp-slidesNav span { border: none; width: 8px; height: 8px; top: 3px; left: 3px; } #pp-nav li .active span, .pp-slidesNav .active span { background-color: #ffffff; } .tips .tips__heading { position: relative; z-index: 20; padding-left: 16px; margin-top: 6px; margin-bottom: 21px; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: bold; } .tips .tips__heading:before { content: ""; position: absolute; top: -4px; left: 0; z-index: -1; width: 30px; height: 30px; background: #85d6de; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tips .tips__heading .start-sumbol { color: #ffffff; } .tips .tips__text { color: #424242; } .tips .tips__list { padding-top: 6px; padding-left: 18px; font-style: normal; } .tips .tips__list li { padding-left: 8px; } .tips .tips__list li + li { padding-top: 20px; } .form-error--line { width: 100%; padding-top: 20px !important; padding-bottom: 22px !important; } .form-error--line .inv-em { display: inline; margin: 0 3px; } .z-nav--shop { margin-right: 185px; } .about--alt { background-image: url("http://placehold.it/754x1052"); background-position: 5% 100%; background-repeat: no-repeat; background-size: 377px 526px; padding-bottom: 158px; padding-top: 150px; } .about--alt .btn--minimal-container-info { margin-top: 9px; } .about--alt .btn--minimal { padding-top: 13px; padding-bottom: 11px; } .block--normalize { padding-top: 27px; padding-bottom: 18px; } .about--animate { background-position: 100% 300px; } .about--animate-alt { background-position: 5% 300px; } .contact-info--list { padding-top: 1px; } .contact-info--list .contact-info__item { display: block; padding-right: 0; padding-left: 45px; margin-bottom: 20px; font-size: 16px; } .contact-info--list .fa { color: #ffffff; } .contact-info--list .fa-location-arrow { top: 3px; left: 9px; font-size: 16px; } .contact-info--list .fa-mobile { top: -2px; left: 10px; font-size: 22px; } .contact-info--list .fa-envelope { position: absolute; top: 4px; left: 8px; font-size: 14px; } .contact-info--list .fa-skype { position: absolute; top: 3px; left: 5px; font-size: 18px; } .contact-info--primary { padding: 36px 0 40px 32px; } .contact-info--primary .contact-info__item { margin-right: 40px; padding-left: 38px; font-size: 14px; color: #424242; } .contact-info--primary .fa-location-arrow { top: 2px; left: 9px; font-size: 16px; } .contact-info--primary .fa-mobile { top: 0px; left: 10px; font-size: 22px; } .contact-info--primary .fa-envelope { top: 2px; left: 8px; font-size: 14px; } .contact-info--primary .fa-skype { position: absolute; top: -1px; left: 0px; font-size: 20px; } .contact-info--full { padding-top: 0; background-color: #85d6de; margin-bottom: 0; } .contact-info--full .contact-info__item { display: block; float: left; width: 24.7%; min-height: 260px; padding-left: 90px; padding-top: 100px; } .contact-info--full .contact-info__heading { font-size: 16px; font-weight: bold; color: #ffffff; } .contact-info--full .fa { font-size: 40px; color: #ffffff; position: absolute; left: 30px; top: 100px; } .contact-info--full span { display: block; font-size: 14px; color: #424242; } .contact-info--full .contact-info__item + .contact-info__item { border-left: 1px solid #ffffff; } .contact-info--full .fa-envelope { top: 105px; font-size: 36px; } .contact-info--stack { padding-top: 18px; padding-bottom: 16px; } .contact-info--stack .contact-info__heading { color: #424242; font-weight: bold; text-transform: uppercase; padding-bottom: 4px; } .contact-info--stack .contact-info__item { display: block; padding-left: 35px; padding-bottom: 20px; } .contact-info--stack .fa { position: absolute; top: 2px; left: 0; font-size: 16px; color: #424242; } .contact-info--stack .fa-envelope { font-size: 14px; } .contact-info--stack .fa-skype { top: 3px; } .accordion--blocks .panel + .panel { margin-top: 3px; } .accordion--blocks .panel-heading .marker__close { left: 22px; margin-top: -5px; font-size: 9px; } .accordion--blocks .panel-heading .marker__open { left: 22px; margin-top: -5px; font-size: 9px; } .accordion--blocks .accordion-link.collapsed { background-color: transparent; border: 1px solid #dfe6e7; color: #424242; } .accordion--blocks .accordion-link.collapsed:hover { background: #424242; border: 1px solid #424242; color: #ffffff; } .accordion--blocks .accordion-link { display: block; padding: 35px 15px 36px 48px; background: #424242; border: 1px solid #424242; color: #ffffff; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .accordion--blocks .panel-title { font-family: "Open Sans", sans-serif; font-size: 14px; font-style: italic; font-weight: bold; } .accordion--blocks .panel-body { padding: 32px 0 32px 40px; margin-bottom: 37px; border-bottom: 1px solid #424242; } .accordion--stack .panel { background-color: #fcfcfc; } .accordion--stack .panel:nth-child(odd) { background-color: #F5F5F5; } .accordion--stack .panel + .panel { margin-top: -1px; } .accordion--stack .panel-heading .marker__close { left: 36px; margin-top: -10px; font-size: 20px; } .accordion--stack .panel-heading .marker__open { left: 36px; margin-top: -10px; font-size: 20px; } .accordion--stack .accordion-link.collapsed { color: #424242; } .accordion--stack .accordion-link.collapsed:hover { color: #85d6de; } .accordion--stack .accordion-link { display: block; padding: 40px 15px 43px 78px; color: #85d6de; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .accordion--stack .panel-title { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: bold; } .accordion--stack .panel-body { padding: 0px 15px 52px 40px; margin-top: -8px; } .acoordion--smooth .panel + .panel { margin-top: 10px; } .acoordion--smooth .panel-heading .marker { width: 50px; height: 100%; color: #ffffff; background: #424242; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .acoordion--smooth .panel-heading .collapsed .marker { background: #dfe6e7; color: #424242; } .acoordion--smooth .panel-heading .marker__close, .acoordion--smooth .panel-heading .marker__open { top: 50%; left: 50%; margin-top: -7px; margin-left: -5px; } .acoordion--smooth .panel-heading .accordion-link { padding: 16px 15px 17px; font-size: 14px; font-weight: 600; font-family: "Open Sans", sans-serif; border: 1px solid transparent; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding-left: 75px; } .acoordion--smooth .panel-heading .collapsed.accordion-link { border: 1px solid #dfe6e7; font-weight: 600; } .acoordion--smooth .panel-body { padding-left: 75px; padding-top: 5px; color: #424242; } .accordion--offer .panel + .panel { margin-top: 3px; } .accordion--offer .panel-heading .accordion-link { background: #78909C; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; color: #ffffff; padding: 27px 15px 25px 48px; } .accordion--offer .panel-heading .collapsed.accordion-link { background: #dfe6e7; color: #424242; } .accordion--offer .panel-heading .marker { font-size: 10px; } .accordion--offer .panel-heading .marker__close, .accordion--offer .panel-heading .marker__open { margin-top: -5px; left: 25px; } .accordion--offer .panel-body { padding-left: 40px; padding-right: 35px; border: 1px solid #dfe6e7; border-top: none; } .accordion--offer .panel-body .panel-body__title { padding-top: 7px; margin-bottom: -6px; font-family: Georgia, serif; font-size: 16px; font-weight: bold; font-style: italic; color: #85d6de; } .accordion--offer .panel-body .btn-accordione { margin-top: 22px; margin-bottom: 20px; padding: 18px 35px 15px; } .accordion--offer .panel-body .time-couter { padding-bottom: 14px; } .accordion--offer .panel-body .digits { color: #424242; font: 26px "Open Sans", sans-serif; font-weight: bold; padding: 0 13px; } .accordion--offer .panel-body .digits:first-child { padding-left: 0; } .accordion--offer .panel-body .timer-wrap { position: relative; display: inline-block; } .accordion--offer .panel-body .timer-wrap:before { content: ":"; position: absolute; top: 0; left: -12px; color: #424242; font: 26px "Open Sans", sans-serif; font-weight: bold; } .accordion--offer .panel-body .timer-wrap:first-child:before { display: none; } .accordion--offer .panel-body .digits-label, .accordion--offer .panel-body .timer-input { display: none; } .alert .alert__link { display: block; font-weight: bold; text-transform: uppercase; } .alert ul { color: #424242; font-style: normal; padding: 30px 0 5px 65px; margin-bottom: 0; } .alert ul li { padding-left: 14px; padding-bottom: 20px; } .alert-success { background-color: rgba(141, 198, 63, 0.3); } .alert-success .alert-market { background-color: #8dc63f; } .alert-success .alert__link { color: #8dc63f; } .alert-info { background-color: #E0E0E0; } .alert-info .alert-market { background-color: #BDBDBD; } .alert-info .alert__link { color: #85d6de; } .alert-danger { background-color: #facbcd; } .alert-danger .alert-market { background-color: #ed5258; } .alert-danger .alert__link { color: #ed5258; } .alert-warning { background-color: #FFECB3; } .alert-warning .alert-market { background-color: #FFD54F; } .alert-warning .alert__link { color: #FFD54F; } .alert--simple { padding: 25px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .alert--simple .alert__link { margin-top: 6px; } .alert--simple .close { top: 4px; right: 4px; margin-top: 0; } .alert--border { padding: 25px 20px 25px 60px; background-color: transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .alert--border .alert__link { margin-top: 6px; } .alert--border .close { top: 4px; right: 4px; margin-top: 0; } .alert--border .alert-market { background-color: transparent; } .alert--border .alert-market .fa { top: 33px; margin-top: 0; } .alert--border.alert-success { border: 1px solid #8dc63f; } .alert--border.alert-success .alert-market .fa, .alert--border.alert-success .close .fa { color: #8dc63f; } .alert--border.alert-info { border: 1px solid #85d6de; } .alert--border.alert-info .alert-market .fa, .alert--border.alert-info .close .fa { color: #85d6de; } .alert--border.alert-danger { border: 1px solid #ed5258; } .alert--border.alert-danger .alert-market .fa, .alert--border.alert-danger .close .fa { color: #ed5258; } .alert--border.alert-warning { border: 1px solid #FFD54F; } .alert--border.alert-warning .alert-market .fa, .alert--border.alert-warning .close .fa { color: #FFD54F; } .alert--extend { padding: 0; margin-bottom: 30px; } .alert--extend .alert-market { position: relative; width: 100%; padding: 13px 50px 14px; color: #ffffff; font-weight: bold; } .alert--extend .alert-market .fa { left: 18px; color: #ffffff; text-align: left; } .alert--extend .close { margin-top: 0; top: 13px; right: 18px; } .alert--extend .close .fa { color: #ffffff; right: auto; left: auto; } .alert--full { padding: 0; } .alert--full .box-inner { padding: 34px 35px 33px 77px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; } .btn { font: 18px "Varela Round", sans-serif; line-height: 100% !important; display: inline-block; border: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; } .btn-info { background-color: #01579B; } .btn-info:hover, .btn-info:focus { background-color: #01579B; box-shadow: none; } .btn-warning { background-color: #FFD54F; } .btn-warning:hover, .btn-warning:focus { background-color: #e6bf73; box-shadow: none; } .btn-primary { background-color: #424242; color: #ffffff; } .btn-primary:hover, .btn-primary:focus { background-color: #263238; box-shadow: none; } .btn-danger { background-color: #1475CF; color: #ffffff; } .btn-danger:hover, .btn-danger:focus { background-color: #2B40B5; box-shadow: none; } .btn-success { background-color: #81b536; } .btn-success:hover, .btn-success:focus { background-color: #6c992e; box-shadow: none; } .btn-general { background-color: #4886c5; } .btn-general:hover, .btn-general:focus { background-color: #3d72a6; box-shadow: none; color: #ffffff; } .btn--decorated { position: relative; z-index: 20; padding: 15px 37px 12px 37px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: #ffffff; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } .btn--decorated:before { content: ""; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 50%; background-color: rgba(0, 0, 0, 0.05); -webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px; } .btn--decorated:hover { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } .btn--minimal { position: relative; z-index: 20; padding: 11px 34px 9px; margin: -2px; background: none; overflow: hidden; } .btn--minimal:before { content: ""; position: absolute; width: 101%; height: 0; top: 50%; left: 50%; background: #ffffff; opacity: 0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0); -moz-transform: translateX(-50%) translateY(-50%) translateZ(0); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) translateZ(0); -webkit-transition: all ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; z-index: -1; -webkit-backface-visibility: hidden; } .btn--minimal:hover:before { height: 97%; opacity: 1; } .btn-rect { font: 14px "Open Sans", sans-serif; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); } .btn-rect .fa { margin-right: 10px; } .btn-rect:hover, .btn-rect:focus { -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -3px rgba(0, 0, 0, 0.1); } .btn--minimal-rect { font: 14px "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn--minimal-rect .fa { margin-right: 10px; } .btn--minimal-rect:before { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-lg { padding: 17px 53px 15px 53px; } .btn-lg-rect { padding: 17px 42px 18px 42px; font-weight: bold; } .btn-lg-bordered { padding: 13px 49px 11px 49px; } .btn-lg-rect-bordered { padding: 13px 38px 14px 38px; } .btn-sm { font-size: 12px; color: #ffffff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .btn-sm:hover { opacity: 0.5; } .btn-sm-rect { font: 10px "Open Sans", sans-serif; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn--minimal-sm { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .btn--minimal-sm:hover { opacity: 1; } .btn--minimal-sm:before { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .btn-inverse.btn-info { color: #85d6de; } .btn-inverse.btn-info:before { background-color: #73b9bf; } .btn-inverse.btn-warning { color: #FFD54F; } .btn-inverse.btn-warning:before { background-color: #e6bf73; } .btn-inverse.btn-primary { color: #424242; } .btn-inverse.btn-primary:before { background-color: #222e3d; } .btn-inverse.btn-danger { color: #2A78BE; } .btn-inverse.btn-danger:before { background-color: #2A78BE; } .btn-inverse.btn-success { color: #81b536; } .btn-inverse.btn-success:before { background-color: #6c992e; } .btn-inverse.btn-general { color: #4886c5; } .btn-inverse.btn-general:before { background-color: #3d72a6; } .btn-inverse:hover { background: transparent; color: #ffffff; } .btn-inverse:focus { background: transparent; } .btn-container { display: inline-block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 6px solid transparent; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; } .btn-container-rect { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-container-sm { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border: 2px solid transparent; } .btn-container-info { border-color: #85d6de; } .btn-container-info:hover { border-color: #73b9bf; } .btn-container-warning { border-color: #FFD54F; } .btn-container-warning:hover { border-color: #e6bf73; } .btn-container-primary { border-color: #424242; } .btn-container-primary:hover { border-color: #222e3d; } .btn-container-danger { border-color: #2A78BE; } .btn-container-danger:hover { border-color: #2A78BE; } .btn-container-success { border-color: #81b536; } .btn-container-success:hover { border-color: #6c992e; } .btn-container-general { border-color: #4886c5; } .btn-container-general:hover { border-color: #3d72a6; } .btn-present { padding-top: 20px; } .btn-present .btn { margin-right: 23px; margin-bottom: 20px; } .btn-present-container { font-size: 0; } .btn-present-container .btn-container { margin-right: 23px; margin-bottom: 20px; } .btn-present-sm { font-size: 0; } .btn-present-sm .btn { margin-right: 10px; margin-bottom: 15px; } .btn-present-container-sm { font-size: 0; } .btn-present-container-sm .btn-container { margin-right: 10px; margin-bottom: 15px; } .icon--strips .icon__item { position: relative; display: inline-block; width: 60px; height: 60px; padding-top: 19px; margin: 0 10px 5px; text-align: center; background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .icon--strips .icon__item:after { content: ""; position: absolute; top: -7px; left: -7px; z-index: -1; width: 74px; height: 74px; background-image: url(../images/components/icons-bg.png); background-size: 74px; background-repeat: no-repeat; } .icon--circle .icon__item { background-color: #9e9e9e; display: inline-block; width: 60px; height: 60px; padding-top: 19px; margin: 0 7px 5px; text-align: center; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .icon--rect .icon__item { display: inline-block; width: 60px; height: 60px; padding-top: 19px; margin: 0 2px 5px; text-align: center; color: #ffffff; background-color: #85d6de; } .icon--shape { font-size: 36px; color: #ffffff; } .icon--shape .icon__item { width: 125px; height: 125px; padding-top: 46px; margin-bottom: 10px; text-align: center; background-color: #85d6de; background-image: url(../images/components/brand-circle.png); background-repeat: no-repeat; background-size: 107px 110px; background-position: 9px 8px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .icon--border { font-size: 36px; } .icon--border .icon__item { width: 110px; height: 110px; margin-bottom: 10px; padding-top: 28px; text-align: center; border: 10px solid #85d6de; } .icon--border .icon__item--secondary { color: #85d6de; } .icon--border .icon__item--warning { color: #FFD54F; } .icon--border .icon__item--danger { color: #2A78BE; } .icon--strips.icon--animate .icon__item { padding-top: 5px; } .icon--circle.icon--animate .icon__item { padding-top: 4px; } .icon--rect.icon--animate .icon__item { padding-top: 6px; } .icon--shape.icon--animate .icon__item { padding-top: 22px; } .icon--border.icon--animate .icon__item { padding-top: 3px; } .image-container--border-inner:before { content: ""; position: absolute; top: 5%; right: 5%; bottom: 5%; left: 5%; width: 90%; height: 90%; border: 5px solid rgba(255, 255, 255, 0.5); } .image-container--border-small:before { top: 10%; right: 10%; bottom: 10%; left: 10%; width: 80%; height: 80%; } .image-container--fading:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .image-container--fading .image-container__info { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -28px; font-size: 28px; line-height: 28px; font-weight: 300; text-align: center; text-transform: uppercase; color: #424242; } .image-container--describe .image-container__info { min-height: 70px; background-color: #85d6de; } .image-container--describe .image-container__info .image-container__info-main { display: block; padding-top: 11px; padding-bottom: 2px; font-size: 16px; font-weight: bold; text-align: center; color: #424242; } .image-container--describe .image-container__info .image-container__info-more { display: block; font-size: 12px; text-align: center; color: #424242; } .image-container--empty { padding: 20px; border: 1px solid #dfe6e7; } .image-container--expository { padding: 5px; background-color: #424242; } .image-container--expository .image-container__info { padding: 16px 22px 10px; } .image-container--expository .image-container__info .image-container__info-main { display: block; font-size: 16px; line-height: 20px; padding-bottom: 3px; font-weight: bold; color: #ffffff; } .image-container--expository .image-container__info .image-container__info-more { display: block; font-size: 12px; color: #bac3cd; } .image-container--border img { border: 1px solid #dfe6e7; } .image-container--border-huge img { border: 5px solid #dfe6e7; } .link--title { font-size: 18px; color: #424242; border-bottom: none; } .link--title:hover { color: #85d6de; opacity: 1; } .link--person { font-size: 18px; color: #2A78BE; border-bottom: none; } .link--person:hover { color: #424242; opacity: 1; } .link--tab { font-size: 18px; color: #424242; background-image: url(../images/components/link-underline.svg); background-repeat: repeat-x; background-position: 0 100%; border-bottom: none; } .link--tab:hover { color: #85d6de; background-image: url(../images/components/link-underline-hover.svg); background-repeat: repeat-x; background-position: 0 100%; opacity: 1; } .list--sign li:before { content: "\f138"; top: 3px; font-size: 12px; } .list--ckeck { font-style: normal; color: #616161; } .list--ckeck li:before { content: "\f00c"; top: 1px; font-size: 14px; } .list--arrow { font-style: normal; color: #616161; } .list--arrow li:before { content: "\f178"; top: 1px; font-size: 14px; } .list--expanded { margin-bottom: 0; } .list--expanded li:before { display: none; } .list--expanded .list__step { float: left; margin-top: -6px; margin-right: 40px; margin-bottom: 15px; font-size: 48px; font-family: "Varela Round", sans-serif; font-style: normal; color: #85d6de; } .list--expanded .list__heading { margin: 0 0 8px; font: 18px "Open Sans", sans-serif; font-style: normal; font-weight: bold; } .list--expanded .list__content { line-height: 26px; color: #616161; margin-bottom: 6px; } .list--expanded--thin .list__heading { margin-bottom: 2px; } .list--expanded--thin .list__content { margin-bottom: 0; } .list--marker .list__item:before { top: 4px; width: 16px; height: 16px; padding-top: 2px; padding-left: 4px; line-height: 12px; color: #ffffff; background-color: #85d6de; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .list--marker .list__item:hover:before { opacity: 0.5; } .list--marker .list__item:hover .list__link { opacity: 0.5; } .list--marker .list__link { padding-left: 4px; font-size: 16px; color: #616161; font-style: normal; } .list--definition { padding-left: 0; } .list--definition .list__item { padding-left: 0; color: #616161; font-style: normal; } .list--definition .list__item:before { display: none; } .list--definition .list__item-head { font-weight: bold; color: #424242; } .list.list--bordered { margin-bottom: 72px; border: 1px solid #dfe6e7; padding: 33px 10px 0px 37px; } .list.list--bordered li { padding-bottom: 40px; } .list.list--bigger li { padding-bottom: 40px; } .promo--space { margin-bottom: 0; } .promo--border { background-color: transparent; border: 10px solid #424242; padding: 22px 0; margin: 10px 0; } .promo--border-full { background-color: transparent; border: 10px solid #424242; padding: 22px 90px; text-align: left; overflow: hidden; } .promo--border-full .promo__text { width: 70%; float: left; } .promo--border-full .promo__heading { padding: 17px 0 6px; font-weight: 600; text-transform: none; } .promo--border-full .promo__info { margin-bottom: 17px; font-size: 14px; font-style: italic; line-height: 26px; color: #616161; } .promo--border-full .promo__btn { float: right; margin-top: 33px; } .promo--secondary { background-color: #2A78BE; border-top: 2px solid #00897B; border-bottom: 2px solid #00897B; } .promo--divider { background-color: #F5F5F5; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .promo--secondary .promo__heading { padding: 0; padding-bottom: 2px; font: 24px "Varela Round", sans-serif; font-weight: normal; text-transform: none; color: #ffffff; } .promo--secondary .promo__describe { padding-bottom: 2px; font: 40px "Varela Round", sans-serif; line-height: 40px; color: #424242; } .promo--secondary .promo__btn { padding-left: 39px; padding-right: 39px; margin-bottom: 8px; } .promo--primary { background-color: #424242; background-image: url(../images/components/promo-primary.png); background-repeat: no-repeat; background-position: 50% 50%; background-attachment: fixed; } .promo--primary .promo__heading { padding: 0; padding-bottom: 2px; font: 24px "Varela Round", sans-serif; font-weight: normal; text-transform: none; color: #FFD54F; } .promo--primary .promo__describe { padding-bottom: 2px; font: 40px "Varela Round", sans-serif; line-height: 40px; color: #ffffff; } .promo--primary .promo__btn { padding-left: 39px; padding-right: 39px; margin-bottom: 8px; } .promo--brand { padding: 38px 0; background-color: #85d6de; background-image: url(../images/components/promo-brand.jpg); background-size: 1600px 206px; background-repeat: no-repeat; background-position: 50% 50%; } .promo--brand .promo__heading { padding-top: 25px; padding-bottom: 4px; font: 60px "Varela Round", sans-serif; line-height: 60px; color: #ffffff; font-weight: normal; text-transform: none; } .promo--brand .promo__info { font: 24px "Varela Round", sans-serif; color: #ffffff; } .promo--brand .promo__info .mark { color: #424242; background-color: transparent; } .promo--clean { margin-bottom: 0; } .promo--parallax { background-color: #424242 !important; background: url(http://placehold.it/1920x1160); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 70%; } .promo--parallax .promo__heading { padding: 0; padding-bottom: 2px; padding-top: 60px; font: 24px "Varela Round", sans-serif; font-weight: normal; text-transform: none; color: #ffffff; } .promo--parallax .promo__describe { padding-bottom: 17px; font: 40px "Varela Round", sans-serif; line-height: 40px; color: #ffffff; } .promo--parallax .promo__btn { margin-bottom: 53px; } .promo--parallax .btn-apple { position: relative; margin: 0 13px 15px; } .promo--parallax .btn-apple .btn { padding-left: 66px; padding-right: 40px; } .promo--parallax .btn-apple:before { width: 30px; height: 30px; content: ""; position: absolute; top: 3px; left: 32px; z-index: 30; background: url(../images/icons/apple.svg); background-size: 30px 30px; background-repeat: no-repeat; } .promo--parallax .btn-apple:hover:before { background: url(../images/icons/apple-dark.svg); } .promo--parallax .btn-android { position: relative; margin: 0 13px 15px; } .promo--parallax .btn-android .btn { padding-left: 59px; padding-right: 28px; } .promo--parallax .btn-android:before { width: 30px; height: 30px; content: ""; position: absolute; top: 3px; left: 20px; z-index: 30; background: url(../images/icons/android.svg); background-size: 30px 30px; background-repeat: no-repeat; } .promo--parallax .btn-android:hover:before { background: url(../images/icons/android-dark.svg); } .promo--video { position: relative; overflow: hidden; } .promo--video:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 73, 94, 0.6); z-index: 5; } .promo--video .promo__heading { position: relative; z-index: 10; padding: 0; padding-bottom: 2px; padding-top: 60px; font: 24px "Varela Round", sans-serif; font-weight: normal; text-transform: none; color: #FFD54F; } .promo--video .promo__describe { position: relative; z-index: 10; padding-bottom: 17px; font: 40px "Varela Round", sans-serif; line-height: 40px; color: #ffffff; } .promo--video .promo__btn { position: relative; z-index: 10; padding-left: 39px; padding-right: 39px; margin-bottom: 73px; } .promo--video .media-element { position: absolute; top: -80%; left: 0; width: 100%; } @media (max-width: 1199px) { .promo--video .media-element { top: -30%; } } @media (max-width: 993px) { .promo--video .media-element { top: 0; } } @media (max-width: 640px) { .promo--video .media-element { width: 160%; margin-left: -30%; } } @media (max-width: 640px) { .promo--video .media-element { width: 240%; margin-left: -70%; } } .btn-null { border-color: #ffffff; } .btn-null:hover { border-color: #ffffff; } .btn-null .btn { padding-top: 13px; padding-bottom: 11px; color: #ffffff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .btn-null .btn:before, .btn-null .btn:after { background: #ffffff; } .btn-null .btn:hover { color: #000000; } .promo--canvas-continer { margin-bottom: 10px; } .promo--canvas { position: relative; overflow: hidden; margin-bottom: 0; background: url(http://placehold.it/1920x345); background-repeat: no-repeat; background-position: 50% 50%; } .promo--canvas #demo-canvas { position: absolute; top: 0; left: 0; } .promo--canvas:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(254, 211, 127, 0.6); z-index: 5; } .promo--canvas .promo__heading { position: relative; z-index: 10; padding: 0; padding-bottom: 2px; padding-top: 60px; font: 24px "Varela Round", sans-serif; font-weight: normal; text-transform: none; color: #ffffff; } .promo--canvas .promo__describe { position: relative; z-index: 10; padding-bottom: 17px; font: 40px "Varela Round", sans-serif; line-height: 40px; color: #ffffff; } .promo--canvas .promo__btn { position: relative; z-index: 10; padding-left: 45px; padding-right: 45px; margin-top: 10px; margin-bottom: 63px; } .promo--space { margin-bottom: 0; padding-bottom: 70px; padding-top: 74px; } .social--primary .social__link { background-color: #424242; } .social--primary .social__icon { color: #ffffff; } .social--secondary .social__link { background-color: #85d6de; } .social--secondary .social__icon { color: #ffffff; } .social--empty .social__link { padding-top: 7px; background-color: transparent; border: 3px solid #424242; } .social--rect .social__link { background-color: #424242; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .social--rect .social__icon { color: #ffffff; } .social--rect-empty .social__link { padding-top: 7px; background-color: transparent; border: 3px solid #424242; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .social--soft { max-width: 450px; margin-bottom: 68px; } .social--soft .social__link { background-color: #d7dde0; } .social--colored .social__icon { color: #ffffff; } .social--colored .social__link--twitter { background-color: #55acee; } .social--colored .social__link--facebook { background-color: #3b5998; } .social--colored .social__link--gplus { background-color: #dd4b39; } .social--colored .social__link--pinterest { background-color: #cc2127; } .social--colored .social__link--tumblr { background-color: #35465c; } .social--colored .social__link--linkedin { background-color: #0976b4; } .social--colored .social__link--youtube { background-color: #e52d27; } .social--colored .social__link--github { background-color: #4183c4; } .social--colored .social__link--flickr { background-color: #ff0084; } .social--colored .social__link--vimeo { background-color: #1ab7ea; } .social--colored .social__link--dribbble { background-color: #ea4c89; } .social--colored .social__link--stumbleupon { background-color: #eb4924; } .social--colored .social__link--instagram { background-color: #3f729b; } .social--colored .social__link--soundcloud { background-color: #ff8800; } .social--colored .social__link--behance { background-color: #1769ff; } .social--colored .social__link--vine { background-color: #00b488; } .social--neutral { display: inline-block; margin-left: 10px; margin-right: 10px; } .social--neutral .social__item { margin-right: 2px; } .social--neutral .social__link { padding-top: 4px; width: 28px; height: 28px; background-color: #dfe6e7; } .social--neutral .social__icon { font-size: 14px; } .table--vertical thead > tr { background-color: #BDBDBD; } .table--vertical thead > tr > th { padding: 20px 30px; } .table--vertical tbody > tr > td { border: none; padding: 19px 10px 19px 60px; } .table--vertical .vertical-heading { background-color: #E0E0E0; font-weight: bold; } .table--vertical tbody > tr > .vertical-heading { padding-left: 50px; } .table--vertical tr { background-color: #F5F5F5; } .table--vertical tr:nth-child(even) { background-color: #fcfcfc; } .table--wide { color: #757575; } .table--wide thead { background-color: #E0E0E0; border: 2px solid #E0E0E0; border-bottom: 3px solid #ffffff; } .table--wide tbody { border: 3px solid #dfe6e7; border-top: none; } .table--wide thead > tr > th { padding: 13px 20px 15px 20px; color: #424242; border: none; } .table--wide tbody > tr > td { padding: 14px 15px 13px 15px; border: 1px solid #E0E0E0; vertical-align: middle; } .table--wide .table__wait { color: #85d6de; } .table--wide .table__wait .fa { margin-right: 20px; } .table--wide .table__done { color: #8dc63f; } .table--wide .table__done .fa { margin-right: 20px; } .table--wide .table__error { color: #ed5258; } .table--wide .table__error .fa { margin-right: 20px; } .table--wide .btn { padding-left: 12px; padding-right: 12px; } .table--target { font-size: 12px; color: #616161; } .table--target thead tr { background-color: #BDBDBD; } .table--target tr { background-color: #EEEEEE; } .table--target tr:nth-child(even) { background-color: #FAFAFA; } .table--target tbody > tr > td { border: none; vertical-align: middle; line-height: 1.7; padding: 30px 20px; } .table--target thead > tr > th { font-weight: normal; border: none; padding: 30px 20px; font-size: 14px; color: #424242; } .table--target tbody th { background-color: #ffffff; border: 1px solid #ddd; } .table--target .table-main { font-weight: bold; text-transform: uppercase; } .table--target .table__category { display: block; padding-bottom: 2px; font-size: 14px; color: #424242; } .table--target .table__category-author { color: #616161; } .table--target .table__category-photo { width: 48px; height: 48px; float: left; margin-top: -2px; margin-right: 23px; } .table--target .table__category-photo img { max-width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .table--target .table__category-photo--markered { position: relative; } .table--target .table__category-photo--markered:before { content: ""; position: absolute; top: -5px; right: -3px; width: 20px; height: 20px; background-color: #424242; background-image: url(../images/icons/star.svg); background-repeat: no-repeat; background-size: 13px 13px; background-position: 50% 0; border: 3px solid #F5F5F5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .table--target .table__date { display: block; line-height: 10px; } .table--space { margin-top: 10px; } .table--mod tbody > tr > td { padding: 27px 20px; } .col-wide-md { width: 55%; } .col-wide-lg { width: 68%; } .tabs--vertical .nav-tabs { width: 165px; float: left; overflow: hidden; border: none; } .tabs--vertical .tab-content { min-height: 292px; margin-left: 164px; border-top: 1px solid #dfe6e7; } .tabs--vertical .nav-tabs > li { float: none; } .tabs--vertical .nav-tabs a { margin-right: 0; } .tabs--minimal .nav-tabs { padding-left: 10px; } .tabs--minimal .tab-content { padding-left: 0; padding-right: 0; border: none; } .tabs--minimal .nav-tabs a { font-size: 18px; text-transform: none; border-bottom: 3px solid transparent; } .tabs--minimal .nav-tabs .active a, .tabs--minimal .nav-tabs .active a:hover, .tabs--minimal .nav-tabs .active a:focus { background-color: transparent; border-bottom: 3px solid #85d6de; } .tabs--minimal-vertical .nav-tabs { width: 165px; float: left; padding-left: 10px; border: none; } .tabs--minimal-vertical .tab-content { padding-top: 0; padding-bottom: 0; margin-left: 164px; border: none; border-left: 1px solid #dfe6e7; } .tabs--minimal-vertical .nav-tabs > li { float: none; } .tabs--minimal-vertical .nav-tabs a { margin-right: 0; font-size: 18px; text-transform: none; border-right: 3px solid transparent; } .tabs--minimal-vertical .nav-tabs .active a, .tabs--minimal-vertical .nav-tabs .active a:hover, .tabs--minimal-vertical .nav-tabs .active a:focus { background-color: transparent; border-right: 3px solid #85d6de; } .testimonial--centered { padding: 40px 20px 22px; border: 1px solid #dfe6e7; text-align: center; } .testimonial--centered .testimonial__images { display: inline-block; float: none; margin-right: 0; } .testimonial--centered .testimonial__author { padding-top: 12px; } .testimonial--centered .testimonial__info { margin-bottom: 16px; } .testimonial--border { padding: 36px 15px 18px; border: 5px solid #dfe6e7; text-align: center; } .testimonial--border .testimonial__images { position: relative; display: inline-block; float: none; margin-right: 0; } .testimonial--border .testimonial__images img { border: 5px solid #dfe6e7; } .testimonial--border .testimonial__images:before { content: "“"; position: absolute; top: -38px; left: -65px; font-size: 120px; color: #616161; opacity: 0.1; } .testimonial--border .testimonial__images:after { content: "”"; position: absolute; top: -38px; right: -65px; font-size: 120px; color: #616161; opacity: 0.1; } .testimonial--border .testimonial__author { padding-top: 12px; color: #424242; } .testimonial--border .testimonial__info { margin-bottom: 16px; color: #424242; } .testimonial--border .testimonial__text { font-style: normal; color: #616161; } .testimonial--string { padding: 78px 30px 31px; position: relative; background-color: #FFD54F; } .testimonial--string:before { content: "“"; position: absolute; top: 0px; left: 30px; font-size: 80px; font-weight: bold; font-style: italic; color: #424242; } .testimonial--string .testimonial__text { font-size: 16px; line-height: 18px; padding: 4px 0; } .testimonial--string .testimonial__author { font-size: 14px; color: #424242; font-weight: 800; font-style: italic; } .testimonial--string .testimonial__info { color: #424242; font-style: italic; font-size: 14px; } .testimonial--string.testimonial--short { padding-top: 58px; padding-bottom: 21px; } .testimonial--string.testimonial--short:before { top: -10px; } .testimonial--string.testimonial--short .testimonial__text { margin-bottom: 0; } .testimonial--string.testimonial--short .testimonial__author { padding-top: 12px; } .testimonial--danger { background-color: #2A78BE; } .testimonial--secondary { background-color: #85d6de; } .tooltip--secondary + .tooltip.top .tooltip-arrow { border-top-color: #85d6de; } .tooltip--secondary + .tooltip .tooltip-inner { background-color: #85d6de; } .tooltip--bordered + .tooltip.top .tooltip-arrow { border-top-color: transparent; } .tooltip--bordered + .tooltip .tooltip-inner { position: relative; color: #424242; background-color: #ffffff; border: 1px solid #424242; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .tooltip--bordered + .tooltip .tooltip-inner:after, .tooltip--bordered + .tooltip .tooltip-inner:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip--bordered + .tooltip .tooltip-inner:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 5px; margin-left: -5px; } .tooltip--bordered + .tooltip .tooltip-inner:before { border-color: rgba(52, 73, 94, 0); border-top-color: #424242; border-width: 6px; margin-left: -6px; } .tooltip--shadow + .tooltip.top .tooltip-arrow { border-top-color: transparent; } .tooltip--shadow + .tooltip .tooltip-inner { position: relative; color: #000000; background-color: #dfe6e7; border: solid 1px #ccd7d8; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.75); } .tooltip--shadow + .tooltip .tooltip-inner:after, .tooltip--shadow + .tooltip .tooltip-inner:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tooltip--shadow + .tooltip .tooltip-inner:after { border-color: rgba(223, 230, 231, 0); border-top-color: #dfe6e7; border-width: 5px; margin-left: -5px; } .tooltip--shadow + .tooltip .tooltip-inner:before { border-color: rgba(204, 215, 216, 0); border-top-color: #ccd7d8; border-width: 6px; margin-left: -6px; } .blockquote--empty { padding-left: 262px; padding-right: 300px; background-color: #ffffff; } .blockquote--empty:before { display: none; } .blockquote--empty:after { content: "“"; position: absolute; top: 89px; left: 150px; font-size: 120px; font-weight: bold; font-style: italic; color: #424242; } .blockquote--empty .blockquote__author { padding-right: 212px; background-color: #ffffff; } .blockquote--strong { padding-left: 75px; padding-right: 75px; padding-top: 93px; font-size: 38px; } .blockquote--strong:before, .blockquote--strong:after { display: none; } .blockquote--strong .blockquote__line { font-size: 30px; display: block; margin-bottom: 21px; line-height: 32px; } .blockquote--strong .blockquote__line strong { font-size: 38px; font-weight: 800; } .blockquote--strong .blockquote__author { padding-right: 47px; padding-top: 5px; } .blockquote--strong .blockquote__devider:before { top: 28px; } .subscribe--thin { padding-top: 15px; padding-bottom: 18px; } .subscribe--thin .submit-control { width: 100%; } .subscribe--thin .subscribe__field { width: 100%; max-width: 100%; } .subscribe--empty { background-color: transparent; padding: 0; float: right; } .subscribe--empty .subscribe__btn { line-height: 18px !important; color: #ffffff; } .subscribe--empty .subscribe__field { border: 1px solid #dfe6e7; min-width: 315px; } .gallery-full { width: 102.1%; } .gallery-full .gallery__image { position: relative; } .gallery-full .gallery__image:before { content: ""; position: absolute; top: -5%; left: -5%; width: 110%; height: 110%; border: 5px solid #424242; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; opacity: 0; } .gallery-full .image-container__info, .gallery-full .image-container__info-main, .gallery-full .image-container__info-more { position: relative; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .gallery-full .gallery-item { overflow: hidden; display: block; margin-bottom: 3px; margin-right: 3px; width: 240px; } .gallery-full .gallery-item:hover .image-container__info { background-color: #424242; } .gallery-full .gallery-item:hover .image-container__info-main { color: #ffffff; } .gallery-full .gallery-item:hover .image-container__info-more { color: #ffffff; } .gallery-full .gallery-item:hover .gallery__image:before { top: 0; left: 0; width: 100%; height: 100%; opacity: 1; } .opposite-block { position: relative; padding-left: 100px; } .opposite-block:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #dfe6e7; } .opposite-block .heading-helper { text-align: right; margin-bottom: 54px; } .opposite-block .stat { display: inline-block; margin-right: 25px; } .opposite-block .stat--additional { margin-right: 70px; } .opposite-block .stat--clean { margin-right: 0px; } .opposite-block .stat-row { padding-bottom: 50px; } .service--large-present { padding-bottom: 0px; } .service--large-present .icon { margin-right: 35px; margin-bottom: 20px; } .service--large-present .service__heading { padding: 11px 0 15px; } .service--colored-large .icon { margin-top: 0; margin-right: 0; } .service--colored-large .icon .icon__item { margin: 0; } .service--colored-large .icon--border { position: relative; z-index: 21; } .service--colored-large .icon--border:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 220px 200px; background-position: 50% 0; z-index: -1; opacity: 0.05; } .service--colored-large .icon--border .icon__item { width: 263px; height: 263px; padding-top: 76px; font-size: 100px; } .service--colored-large .icon--cloud:before { background-image: url(../images/icons/cloud--decorated.svg); } .service--colored-large .icon--users:before { background-image: url(../images/icons/users-decorated.svg); } .service--colored-large .icon--rocket:before { background-image: url(../images/icons/rocket-decorated.svg); } .service--colored-large .icon--desktop:before { background-image: url(../images/icons/desktop-decorated.svg); } .service--colored-large .service__info { min-height: 263px; padding-left: 30px; background-color: #85d6de; overflow: hidden; } .service--colored-large .service__heading { padding-top: 62px; padding-bottom: 25px; color: #ffffff; font-weight: bold; } .service--colored-large .service__link:hover .service__heading { color: #ffffff; } .service--colored-large p { color: #424242; } .service--reverse { text-align: right; } .service--reverse .service__info { padding-left: 0; padding-right: 30px; margin-right: 263px; } .service--reverse .icon { float: right; margin-top: -263px; } .service-step--single { margin-top: 82px; } .service-step--single .service-step__heading { padding-bottom: 65px; } .service-step__info--bottom { margin-bottom: 73px; } .promo-space { margin-top: 42px; margin-left: 30px; } .service-line { padding-bottom: 40px; background-color: #424242; } .service-line .service__title { margin-top: 66px; color: #ffffff; text-align: center; } .service-line .service__heading { padding-top: 2px; padding-bottom: 20px; color: #ffffff; } .service-line p { color: #78909C; } .service-line .icon { float: none; margin: 0; } .i-desktop { position: relative; display: block; width: 55px; height: 55px; z-index: 20; } .i-desktop img { background-color: #424242; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .i-desktop:before { content: ""; position: absolute; top: 0; z-index: -1; left: 10px; display: block; background-image: url(../images/icons/desktop.svg); background-size: 55px 55px; background-repeat: no-repeat; width: 55px; height: 55px; opacity: 0.1; } .i-desktop:after { content: ""; position: absolute; top: 0; z-index: -1; left: 20px; display: block; background-image: url(../images/icons/desktop.svg); background-size: 55px 55px; background-repeat: no-repeat; width: 55px; height: 55px; opacity: 0.08; } .i-desktop .icon-helper { display: block; background-image: url(../images/icons/desktop.svg); background-size: 55px 55px; background-repeat: no-repeat; width: 55px; height: 55px; position: absolute; top: 0; left: 30px; z-index: -1; opacity: 0.06; } .i-desktop .icon-helper:before { content: ""; position: absolute; top: 0; z-index: -1; left: 10px; display: block; background-image: url(../images/icons/desktop.svg); background-size: 55px 55px; background-repeat: no-repeat; width: 55px; height: 55px; opacity: 0.6; } .i-desktop .icon-helper:after { content: ""; position: absolute; top: 0; z-index: -1; left: 20px; display: block; background-image: url(../images/icons/desktop.svg); background-size: 55px 55px; background-repeat: no-repeat; width: 55px; height: 55px; opacity: 0.3; } .test-btn { padding: 17px 26px 15px; } .question { margin-bottom: 0; } .btn-support { margin-top: 23px; padding: 17px 54px 15px !important; } .btn-huge { padding: 17px 64px 15px !important; } .breadcrumb--nav { margin-top: 0; margin-bottom: 0; } .breadcrumb--nav a { color: rgba(255, 255, 255, 0.85); } .breadcrumb--nav a:hover { color: #B2DFDB; } .breadcrumb--nav > li + li:before { color: rgba(255, 255, 255, 0.45); } .select--size { width: 260px; margin-top: -54px; } .select--thin .selectpicker { font-size: 12px; padding: 2px 18px 4px; } .bootstrap-select .dropdown-menu { top: 21px; } .select--simple .bootstrap-select .dropdown-menu { top: 37px; } .separate-block { border-right: 1px solid #dfe6e7; } .checkbox--strict label { padding-left: 25px; margin-bottom: 4px; font-style: normal; color: #616161; } .checkbox--strict input[type=checkbox] + label:before { bottom: 6px; } .link--check { display: inline-block; padding-left: 0 2px; margin-top: 12px; margin-bottom: 8px; } .link--check .fa { margin-right: 8px; } .contact--check { padding-right: 50px; margin-top: 8px; margin-bottom: 0; } .contact--check .contact__field { padding: 6px 30px; height: 40px; } .contact--check .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { margin-bottom: 10px; } .contact--check .bootstrap-select .dropdown-menu { top: 37px; } .contact--thin { padding: 10px 0 10px; margin-bottom: 0; } .contact--thin .contact__field { margin-bottom: 0; font-size: 12px; padding: 0px 20px; height: 24px; } .table-info { width: 100%; vertical-align: middle; } .col-section-sm { width: 40%; } .col-section-lg { width: 60%; } .table--short { width: 100%; } .table--short td { padding-left: 55px; font-size: 16px; color: #424242; padding-top: 8px; padding-bottom: 9px; } .table--max { width: 50%; } .col-half { width: 50%; } .col--dark { background-color: rgba(0, 0, 0, 0.03); } .col--light { background-color: rgba(255, 255, 255, 0.1); } .col-width { width: 25%; } .sub-header--side { text-align: right; } .choose-info { text-align: center; max-width: 360px; margin: 0 auto; } .contact--choose { max-width: 310px; margin: 13px auto 50px; } .contact--choose .contact__btn { margin-top: 42px; } .contact--choose .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { margin-bottom: 10px; } .contact--choose .bootstrap-select .dropdown-menu { top: 37px; } .table--cut { max-width: 330px; margin: 0 auto; } .checkout__sum--large { margin-top: 10px; margin-bottom: 41px; font-size: 30px; text-transform: uppercase; } .btn--facebook { min-width: 200px; margin: 0 5px; background-color: #3b5998; } .btn--facebook .fa { margin-right: 20px; } .btn--facebook:hover { color: #ffffff; } .btn--twitter { min-width: 200px; margin: 0 5px; background-color: #00acee; } .btn--twitter .fa { margin-right: 12px; } .btn--twitter:hover, .btn--twitter:focus { color: #ffffff; } .footer--cut { text-align: center; } .footer--cut .heading-info { padding-top: 35px; margin-bottom: 7px; } .footer--cut .contact-info { padding-top: 5px; padding-bottom: 5px; } .footer--cut .contact-info .contact-info__item { color: #78909C; } .footer--cut .contact-info .contact-info__item .fa { color: #ffffff; } .footer--cut .copy { margin-top: 26px; padding-bottom: 23px; border: none; } .contact--clean { margin-bottom: 0; } .contact--icon .heading-helper { margin-top: 8px; } .contact--icon .contact__field { font-size: 11px; font-weight: 600; font-style: normal; text-transform: uppercase; color: #c2cbcc; } .contact--icon .contact__field { padding-top: 12px; padding-bottom: 10px; } .contact--icon .contact__area { padding-top: 16px; } .contact--icon .contact__field-container { position: relative; } .contact--icon .contact__field-container:before { content: ""; position: absolute; top: 10px; right: 20px; font-size: 12px; font-family: FontAwesome; color: #c2cbcc; } .contact--icon .contact__field--name:before { content: "\f007"; } .contact--icon .contact__field--email:before { content: "\f0e0"; top: 11px; } .contact--icon .contact__field--area:before { content: "\f040"; top: 14px; } .contact--full { text-align: center; } .contact--full .heading-helper--left { margin-bottom: 24px; } .contact--full .btn { display: block; } .heading-helper--left { text-align: left; margin-top: 8px; margin-bottom: 14px; } .list.list--top-line { margin-top: 0; margin-bottom: 60px; } .pagination { position: relative; } .pagination .pagination__block { display: block; width: 100%; text-align: center; border: 1px solid #dfe6e7; } .pagination .pagination__item { display: inline-block; padding: 17px 16px 16px; font-size: 18px; font-weight: 600; color: #34495e; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .pagination .pagination__item:hover, .pagination .pagination__item.active-page { color: #85d6de; } .pagination .pagination__item:focus { text-decoration: none; } .pagination--rect .pagination__block { border: none; margin-bottom: 20px; } .pagination--rect .pagination__item { background-color: #E0E0E0; padding-left: 25px; padding-right: 25px; margin-right: 10px; } .pagination--rect .pagination__item:hover, .pagination--rect .pagination__item.active-page { color: #ffffff; background-color: #1475CF; } .video-container--large { padding-bottom: 62% !important; } .short-text--uni { margin-top: 55px; } .subscribe--huge { margin-top: 28px; float: none; } .subscribe--huge .subscribe__field { min-width: 700px; padding: 13px 175px 15px 30px; font-size: 14px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .subscribe--huge .subscribe__field:focus { border-color: #424242; } .subscribe--huge .subscribe__btn { width: 165px; padding-top: 18px; padding-bottom: 14px; font-size: 18px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; z-index: 20; } .subscribe--huge .subscribe__btn:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background-color: rgba(0, 0, 0, 0.04); -webkit-border-radius: 0 0 25px 0; -moz-border-radius: 0 0 25px 0; border-radius: 0 0 25px 0; z-index: -1; } .subscribe--huge .subscribe__btn:hover { background-color: #7bc6cd; } .service--center { padding-top: 12px; text-align: center; } .service--center .icon { float: none; margin-right: 0; } .service--center .service__heading { padding-top: 14px; padding-bottom: 17px; } .special--empty { background-image: none; } .special-images { max-width: 507px; max-height: 173px; margin-top: 20px; margin-bottom: 28px; } .btn--space { margin-top: 59px; margin-bottom: 81px; } .short-contact { padding-top: 105px; padding-bottom: 84px; margin-bottom: 15px; background-image: url(../images/components/promo-primary.png); background-repeat: no-repeat; background-position: 50% 50%; background-attachment: fixed; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .short-contact .short-contact__text { display: block; font: 24px "Varela Round", sans-serif; color: #FFD54F; } .short-contact .short-contact__tel { display: block; margin-top: -3px; margin-bottom: 5px; font: 40px "Varela Round", sans-serif; color: #ffffff; } .service-shot { background-color: #85d6de; font-size: 0; text-align: center; overflow: hidden; padding-top: 10px; padding-bottom: 10px; } .service-shot .service-shot__item { display: inline-block; background-repeat: no-repeat; margin: 0 60px; padding: 15px 0 9px; } .service-shot .service-shot__name { font-size: 18px; font-weight: bold; color: #424242; } .service-shot .service-shot__item--track { padding-left: 99px; background-image: url(../images/icons/track.svg); background-position: -14px -6px; } .service-shot .service-shot__item--quality { padding-left: 52px; background-image: url(../images/icons/quality.svg); background-position: -33px -6px; } .service-shot .service-shot__item--support { padding-left: 63px; background-image: url(../images/icons/support.svg); background-position: -30px -3px; } .short-contact-container { background-color: #424242; text-align: center; } .short-contact-container .short-contact { padding-top: 44px; padding-bottom: 47px; margin-bottom: 0; border: none; } .brand-container { text-align: center; } .brand-container img { margin: 9px 20px 6px; max-height: 40px; } .similar-object--large { padding-top: 93px; padding-bottom: 120px; margin-top: 120px; } .similar-object--wide { margin-top: 115px; padding-top: 93px; padding-bottom: 120px; } .similar-object--wide .image-container--fading:before { background: transparent; } .similar-object--wide .image-container--fading .image-container__info { position: relative; top: 0; left: 0; display: block; padding: 15px 0 17px; margin-top: 0; text-align: center; font-size: 16px; background: rgba(255, 255, 255, 0.6); } .testimonial-block--home { padding-bottom: 20px; } .share--counter .share__item { min-width: 70px; } .share--counter .share__counter { left: 50%; margin-left: -31px; } .bottom-space--large { padding-bottom: 102px; } .sequence--clickable .sequence__item { cursor: pointer; } .sequence__text { display: none; } .sequence__text.research { display: block; } .sequence--progress { padding-bottom: 40px; position: relative; overflow: hidden; text-align: center; } .sequence--progress .sequence-wrapper { display: block; } .sequence--progress:before { content: ""; height: 1px; width: 100%; position: absolute; top: 35px; left: 0; background: #dfe6e7; z-index: -1; } .sequence--progress .sequence__item { display: inline-block; float: none; width: 71px; height: 71px; padding-top: 22px; font-size: 18px; font-weight: 600; color: #ffffff; background: #424242; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sequence--progress .sequence__item--success { background: #85d6de; } .sequence--progress .sequence__item--success .sequence__info { color: #85d6de; } .sequence--progress .sequence__item--disable { background: #dfe6e7; } .sequence--progress .sequence__item--disable .sequence__info { color: #dfe6e7; } .sequence--progress .sequence__item--start { float: left; } .sequence--progress .sequence__item--finish { float: right; } .sequence--progress .sequence__item--position { margin: 0 17%; } .sequence--progress .sequence__item--current { position: relative; } .sequence--progress .sequence__item--current:before { content: ""; position: absolute; top: 34px; left: 0; width: 1170px; height: 3px; margin-left: -1170px; background: #85d6de; z-index: -1; } .sequence--progress .sequence__info { background: none; top: 83px; } .sequence--progress .sequence__item--active .sequence__info { background: none; } .sequence--progress-alt .sequence__item--success { background: #ffffff; border: 1px solid #424242; color: #424242; } .sequence--progress-alt .sequence__item--success .sequence__info { color: #424242; } .sequence--progress-alt .sequence__item--disable { background: #ffffff; border: 1px solid #dfe6e7; color: #424242; } .sequence--progress-alt .sequence__item--disable .sequence__info { color: #424242; } .sequence--progress-alt .sequence__item--current { position: relative; } .sequence--progress-alt .sequence__item--current:before { top: 34px; height: 1px; background: #424242; } .sequence--progress-commerce .sequence__item { color: #424242; background: #dfe6e7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; } .sequence--progress-commerce .sequence__item .livicon { margin-top: -5px; } .sequence--progress-commerce .sequence__item--active { color: #ffffff; background: #85d6de; } .sequence--progress-commerce .sequence__item--active:before { display: none; } .sequence--progress-commerce .sequence__item--active .livicon svg path { fill: #ffffff; } .sequence--progress-commerce .sequence__info { font-size: 12px; text-transform: uppercase; font-weight: 600; top: 83px; width: 200px; margin-left: -100px; } .sequence--progress-commerce .sequence__item--start .sequence__info { margin-left: -97px; } .icon--circle.icon--animate-service .icon__item { padding-top: 5px; padding-left: 2px; } .icon--circle.icon--animate-service .icon__item--top { padding-top: 7px; } .icon--animate-contact { float: left; margin-top: 0; margin-right: 10px; font-size: 10px; } .contact-info--primary .contact-info__item--sm { padding-left: 3px !important; display: inline-block; } .mark--special { background: none; } .empty-box { position: relative; z-index: -1; } .empty-box:before { content: ""; position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; background: #424242; } .tab_content h2 { clear: both; } .partner-info { float: left; padding: 20px; border-radius: 5px; width: 275px; font-size: 14px; } .partner-info:hover { background-color: #F5F5F5; } .partner-info address a, .partner-info .phone a { color: #424242; } ul.tabs, ul.types { list-style-type: none; padding-left: 0px; } ul.tabs li, ul.types li { padding: 2px 0; } ul.tabs li label, ul.types li label { margin-left: 10px; } ul.tabs li input, ul.types li input { float: left; } .partner-links { padding-top: 30px; } .download-sha256 { font-size: 75%; color: #616161; padding: 3px 0; line-height: 150%; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } body.overlay-layer:after { z-index: 5000; } .cd-quick-view { z-index: 5001; border: 5px solid transparent; transition: border 500ms ease-out; } .cd-quick-view.add-content { border: 5px solid #dfe6e7; } .cd-item-info { padding: 0; } .cd-close { top: 2px; right: -4px; } .cd-close:before, .cd-close:after { width: 11px; height: 3px; background-color: #424242; } .present-heading { margin-top: 45px; text-transform: none; } .present-devider { margin-top: 52px; margin-bottom: 55px; } .present-devider-full { margin-top: 42px; margin-bottom: 20px; } .present-devider-last { margin-bottom: 0; } canvas#demo-canvas { position: absolute; top: 38px; } #map-legend { font-family: Arial, sans-serif; background: #ffffff; padding: 5px; margin: 10px; border: 1px solid #000000; } #map-legend h3 { margin: 0; font-size: 12px; text-align: center; } #map-legend img { vertical-align: middle; max-width: 20px; } ul.sort-source { list-style: none; padding-left: 0; } ul.sort-source > li.country-list, ul.sort-source > li.model-list { cursor: pointer; border-bottom: 1px solid #ededed; padding: 10px 0 10px; line-height: 20px; font-size: 18px; } ul.sort-source > li.country-list > a:hover, ul.sort-source > li.country-list > a, ul.sort-source > li.model-list > a:hover, ul.sort-source > li.model-list > a { text-decoration: none; } ul.sort-source > li.country-list > ul { list-style: none; padding-left: 25px; font-size: 14px; padding-top: 5px; } ul.sort-source > li.country-list > ul > li { padding: 2px 0; } ul.sort-source > li.country-list > ul > li > a { color: #777; text-decoration: none; } ul.sort-source > li.country-list > ul > li > a:hover { text-decoration: none; color: #0088cc; } /* Team List */ ul.team-list { list-style: none; margin: 0; padding: 0; font-size: 12px; } ul.team-list .team-item { margin-bottom: 35px; } ul.team-list .team-item .thumb-info-social-icons { margin: 0 10px; } table.product-table > tbody > tr > th { vertical-align: middle; } .thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #ffffff; border: 1px solid #DDD; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p { line-height: 20px; margin: 0 0 8px; padding: 10px; display: block; } .thumb-info-social-icons { border-top: 1px dotted #DDD; margin: 0; padding: 15px 5px; display: block; } .thumb-info-social-icons a { background: #CCC; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .thumb-info-social-icons a:hover { text-decoration: none; } .thumb-info-social-icons a span { display: none; } .thumb-info-social-icons a i { color: #ffffff; font-size: 0.9em; font-weight: normal; } #callout-banner { background-color: #00BBF2; color: #ffffff; text-align: center; padding: 15px; font-size: 1.4em; } #callout-banner.closed { display: none; } @media (max-width: 760px) { #callout-banner { padding: 15px; font-size: 1em; margin-bottom: 25px; } } @media (min-width: 1921px) { .twitter-section, .promo--parallax, .promo--canvas { background-size: cover; } } @media (min-width: 992px) and (max-width: 1199px) { .start-block { padding-top: 220px; padding-bottom: 320px; } .tparrows.default { width: 10%; } .link-sample { margin-right: 50px; } .sequence .sequence__devider { margin: 0 5px; } .blockquote { padding-right: 75px; } .desktop-middle .gallery-item__heading { padding-top: 20%; } .desktop-small .gallery-item__heading { padding-top: 13%; } .opposite-block .stat--additional { margin-right: 20px; } .form-handler { padding: 59px 90px 0; } .contact-info--primary .contact-info__item { margin-right: 0; padding-left: 30px; } .service-step .service-step__descript { padding-left: 115px; } .service--colored-large .service__heading { padding-top: 42px; } .table--short td { padding-left: 40px; } .subscribe--huge .subscribe__field { min-width: 640px; } .tags-line .tags-line__title { margin-right: 35px; } .service-shot .service-shot__item { margin: 0 50px; } .subscribe-line .subscribe__field { min-width: 510px; } .header-line--shop + .fixed-top .z-nav .z-nav__link { padding: 42px 10px; } .header-line--shop + .fixed-top .z-nav .z-nav__list-secondary .z-nav__link { padding: 8px 0 7px 10px; } .promo--canvas { background-size: 2000px 400px; } .contact-info--full .contact-info__item { padding-left: 70px; } .contact-info--full .fa { left: 20px; } .sequence--progress .sequence__item--position { margin: 0 15%; } } @media (min-width: 991px) and (max-width: 1100px) { .column-sm { width: 50%; } .column-lg { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .start-block { padding-top: 220px; padding-bottom: 320px; } .column-sm { width: 50%; } .column-lg { width: 100%; } .z-nav--shop { margin-right: 25px; } .dashboard-timetable .wijchart-axis-label { display: none; } .dashboard-timetable .wijchart-axis-label:nth-child(2n) { display: block; } .contact-info .contact-info__item { padding-right: 10px; } .z-nav { margin-right: -18px; } .z-nav .z-nav__link { padding-left: 5px; padding-right: 5px; } .brand-circle { width: 290px; height: 290px; } .tparrows.default { width: 10%; } .image-container { margin-bottom: 20px; } .link-sample { margin-right: 15px; } .promo--border-full .promo__text { width: 60%; } .table--wide tbody > tr > td.table__done, .table--wide tbody > tr > td.table__wait, .table--wide tbody > tr > td.table__error { padding-left: 10px; padding-right: 10px; } .testimonial { margin-bottom: 20px; } .sequence .sequence__devider { margin: 0 2px; } .link-list { margin-bottom: 60px; } .icon--strips .icon__item { margin-bottom: 25px; } .thumbs .thumb { max-width: 100px; } .present-addition { margin-top: 20px; } .blockquote { padding-right: 50px; padding-left: 52px; } .submit-control { width: 100%; } .blockquote { padding-left: 82px; } .blockquote--empty:after { left: 0px; } .desktop-middle .gallery-item__heading, .desktop-small .gallery-item__heading { padding-top: 10%; font-size: 14px; } .desktop-middle .btn, .desktop-small .btn { padding: 10px 21px 7px; font-size: 16px; } .about { background-position: 150% 100%; } .about--alt { background-position: 0% 100%; } .opposite-block .stat { display: block; } .opposite-block .stat-row { padding-bottom: 0; } .form-handler { padding: 59px 50px 0; } .contact-info--primary .contact-info__item { display: inline-block; margin-bottom: 15px; } .service-step .service-step__descript { padding-left: 35px; } .header-fluid .header__controls { padding-top: 0; } .thumbs--full .thumb { max-width: 100%; } .thumbs--full li { width: 31.5%; } .subscribe--empty { float: none; } .table--short td { padding-left: 20px; } .table--product tbody > tr > td { padding-left: 12px; padding-right: 12px; } .table--cut { max-width: 245px; } .blockquote--strong { padding-left: 5px; padding-right: 5px; } .opposite-block { padding-left: 45px; } .service--large-present .icon { margin-right: 18px; } .feature .feature__image--page img { max-width: 181px; } .feature .feature__image--responsive img { max-width: 221px; } .feature .feature__image--clock { padding-left: 60px; } .feature .feature__image--clock img { max-width: 120px; } .feature .feature__heading { margin-top: 30px; } .special .special-inner:before, .special .special-inner:after { display: none; } .sub-header--mobile { float: left; margin-top: -34px; margin-right: 40px; margin-bottom: 40px; overflow: hidden; } .share--top { margin-top: 106px; margin-bottom: 0; } .testimonial-block--home { padding-bottom: 110px; } .tags-line { text-align: center; padding-bottom: 2px; } .tags-line .tags-line__title { margin-right: 0; margin-bottom: 15px; display: block; float: none; } .tags--bordered .tags__link { margin-bottom: 20px; } .service-shot .service-shot__item { margin: 0 15px; } .subscribe-line .subscribe-line__info { display: block; text-align: center; } .subscribe-line .subscribe { float: none !important; } .subscribe-line .subscribe__field { min-width: 100%; } .service--reflow .icon { float: none; display: inline-block; } .service--reflow .service__heading { display: inline-block; } .footer--expand .contact-info .contact-info__item { max-width: 200px; margin-right: 5px; } .table--target .table__date { line-height: 16px; } .table--target .table__category-photo { margin-bottom: 20px; } .table--wide tbody > tr > td { padding: 19px 7px 18px; } .heading-mobile { margin-top: 30px; } .promo--canvas { background-size: 2000px 400px; } .contact-info--full .contact-info__item { padding-left: 50px; } .contact-info--full .fa { left: 5px; } .sequence--progress .sequence__item--position { margin: 0 13%; } } @media (min-width: 768px) and (max-width: 840px) { .column-specific { width: 65%; } .column-lg { width: 100%; } .laptop--mobile { padding-left: 20px !important; } } @media (max-width: 768px) { .empty-box:before { display: none; } .header-fixed { position: relative; } .fixed-top { margin-top: 0; } .slide--phone .slide__heading { top: 25%; font-size: 36px; } .slide--phone .slide__image { display: none; } .slide--phone .slide__btn { position: absolute; bottom: 15%; left: 0; right: 0; text-align: center; } .slide--phone .slide__btn .btn { padding-left: 12px; padding-right: 12px; } .slide--text .slide__heading { top: 17%; left: 35%; } .slide--text .slide__heading-sub { top: 26%; left: 35%; font-size: 36px; } .slide--text .slide__info { top: 42%; left: 35%; color: #424242; font-size: 12px; line-height: 18px; } .slide--text .link { top: 80%; left: 35%; } .slide--circle .brand-circle { top: -20px; margin-left: -130px; } .slide--circle .slide__heading { top: 33%; font-size: 36px; } .slide--circle .slide__heading-sub { top: 46%; font-size: 20px; } .slide--circle .slide__btn { top: 63%; } .start-block { padding-top: 130px; padding-bottom: 330px; } .rocket-container { top: -45px; } .rocket-container.small-left { top: 30px; } .rocket-container.small-right { top: 30px; } .header-line--shop { margin-bottom: 0; } } @media (max-width: 768px) { .z-nav { margin-right: 15px; } .z-nav .z-nav__link { padding: 0 30px; } .z-nav--shop { margin-right: 0; } } @media (max-width: 767px) { .z-nav__list-secondary .z-nav__item { padding-left: 19px; } .column-sm { width: 100%; } .column-lg { width: 100%; } .cut-section { padding-right: 15px; } .prevent { display: none; } .contact-info .contact-info__item { padding-right: 5px; } .form-wrapper { padding-right: 0; } .icon-present.icon--strips { margin-top: 20px; margin-bottom: 20px; margin-left: 0; } .icon-present .icon__item { margin-bottom: 10px; } .icon-present.icon--shape { margin-top: 35px; } .icon-present.icon--border { margin-top: 20px; } .mobile-icon { margin-left: 35px; } .image-container { margin-bottom: 20px; } .link-sample { display: inline-block; margin-bottom: 20px; margin-right: 40px; } .table--wide tbody > tr > td.table__done, .table--wide tbody > tr > td.table__wait, .table--wide tbody > tr > td.table__error { padding-left: 10px; padding-right: 10px; } .testimonial { margin-bottom: 20px; } .sequence .sequence__item { display: block; float: none; } .sequence .sequence__separator { float: none; margin-top: 0; } .sequence .sequence__devider { display: block; margin: 5px 30px; } .brand-circle { width: 260px; height: 260px; } .brand-circle:before { top: 50px; } .tparrows.default { width: 8%; } .link-list { margin-bottom: 60px; } .icon--strips .icon__item { margin-bottom: 20px; } .table--target { margin-top: 15px; } .testimonial-first { padding-top: 0; } .present-addition { margin-top: 20px; } .blockquote { padding-right: 30px; padding-left: 32px; } .blockquote--empty:after { font-size: 80px; top: 15px; left: 0; } .submit-control { width: 100%; } .subscribe .subscribe__field { min-width: 100%; width: 100%; } .heading-mobile { margin-top: 30px; } .gallery-item { max-width: 555px; margin-right: auto; margin-left: auto; } .desktop-middle .gallery-item__heading, .desktop-small .gallery-item__heading { padding-top: 25%; } .desktop-middle .btn, .desktop-small .btn { padding: 15px 34px 12px; } .image-container--border-small:before { top: 5%; right: 5%; bottom: 5%; left: 5%; width: 90%; height: 90%; } .gallery-full .image-container { margin-bottom: 0; } .pager .pager__next, .pager .pager__prev { top: 120px; } .block-title--bottom { margin-bottom: 100px; } .blockquote--strong { padding-top: 18px; } .about { background: none; padding-top: 55px; padding-bottom: 55px; } .opposite-block { padding-left: 15px; } .opposite-block .heading-helper { text-align: left; } .form-container { left: 20px; } .bordered-container { margin-bottom: 20px; } .contact-info--primary { padding-left: 20px; } .contact-info--primary .contact-info__item { display: block; margin-bottom: 20px; text-align: left; } .contact-info--primary .contact-info__item .fa-skype { left: 5px; } .service-step .service-step__descript { padding-bottom: 40px; padding-left: 115px; } .service-step .image-container { margin-left: auto; margin-right: auto; } .service--large-present { min-height: 360px; display: block; overflow: hidden; text-align: center; } .service--large-present .icon { float: none; margin-right: 0; } .devider--top-larger-b { margin-top: 50px; } .promo-space { margin-left: 0; } .service { text-align: center; } .service .icon { float: none; display: inline-block; } .service .service__heading { display: inline-block; } .logo--block { width: 100%; min-height: 60px; text-align: center; } .logo--block .logo__text { display: inline-block; margin-top: 10px; margin-bottom: 16px; } .header-fluid { min-height: 195px; } .header-fluid .header__controls { padding-top: 10px; } .header-fluid .header__controls .user { display: block; overflow: hidden; } .nav-sidebar { position: absolute; top: 0; left: -245px; z-index: 200; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 500ms ease-in; -moz-transition: -moz-transform 500ms ease-in; transition: transform 500ms ease-in; } .nav-sidebar.navigation-open { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .navigation-toggle { display: block; position: absolute; top: 15px; left: 0; width: 40px; height: 40px; z-index: 500; padding-top: 4px; font-size: 21px; text-align: center; color: #ffffff; background-color: #85d6de; -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); -webkit-transition: background-color 300ms ease-in, -webkit-transform 300ms ease-in; -moz-transition: background-color 300ms ease-in, -moz-transform 300ms ease-in; transition: background-color 300ms ease-in, transform 300ms ease-in; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .navigation-toggle:hover { color: #ffffff; background-color: #424242; } .navigation-toggle:focus { color: #ffffff; } .navigation-toggle.navigation-open { -webkit-transform: translateX(190px); -moz-transform: translateX(190px); -ms-transform: translateX(190px); transform: translateX(190px); } .navigation-toggle.navigation-open { background-color: #424242; } .content-dashboard { padding-left: 15px; padding-right: 15px; } .full-row { padding-left: 0; } .separate-block { overflow: hidden; border-right: none; border-bottom: 1px solid #dfe6e7; padding-bottom: 30px; } .thumbs--full { max-width: 360px; margin-left: auto; margin-right: auto; overflow: hidden; } .thumbs--full .thumb { max-width: 100%; } .thumbs--full li { width: 32.5%; } .mobile--devider { margin-top: 0; } .subscribe--empty { float: none; margin-top: 10px; } .contact--check { padding-right: 0px; } .sub-header--side { text-align: left; padding-top: 20px; } .btn--facebook, .btn--twitter { margin-bottom: 15px; } .footer--cut .contact-info { padding-left: 0; } .footer--cut .contact-info .contact-info__item { max-width: 300px; margin-left: auto; margin-right: auto; } .price-container, .testimonial, .vacancy, .accordion, .question-wrapper, .shopping-result { margin-left: 10%; margin-right: 10%; } .promo--border-full { padding-left: 35px; padding-right: 35px; } .list.list--bigger li { padding-bottom: 20px; } .special .special-inner:before, .special .special-inner:after { display: none; } .service--center .icon { display: block; } .sub-header--mobile { float: left; margin-top: -34px; margin-right: 40px; margin-bottom: 40px; overflow: hidden; } .share--top { margin-top: 106px; margin-bottom: 0; } .testimonial-block--home { padding-bottom: 110px; } .subscribe-line .subscribe-line__info { display: block; text-align: center; } .subscribe-line .subscribe { float: none !important; } .subscribe-line .subscribe__field { min-width: 100%; } .laptop--mobile { padding-left: 20px !important; } .footer--expand .contact-info { margin-top: -30px; padding-left: 0; } .footer--expand .contact-info .contact-info__item { display: block; max-width: 240px; margin-left: auto; margin-right: auto; text-align: center; } .table--target .table__category-photo { float: none; } .breadcrumb > li + li:before { padding-left: 0; padding-right: 0; } .z-nav__link { -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .service--colored-large .icon { float: left; } .service--colored-large .service__info { text-align: left; } .service--reverse .icon { float: right; } .service--reverse .service__info { text-align: right; } .header-fluid { min-height: 250px; } .header-fluid .header__controls { float: none; text-align: center; } .footer--contact .form-container { left: 0; width: 100%; } .scroll-slide { padding: 0 15px; } .scroll-slide .scroll-slide__heading { margin-top: -80px; } #pp-nav { margin-top: -25px !important; } .tips__item { padding-bottom: 30px; } .promo--canvas { background-size: 2100px 500px; } .contact-info--full .contact-info__item { padding-left: 20px; padding-top: 85px; } .contact-info--full .fa { position: relative; top: 0; left: 0; } .map--thin { margin-top: 60px; } .cd-quick-view { display: none; } .sequence--progress .sequence-wrapper { display: inline-block; } .sequence--progress .sequence__item--position { margin: 0; } .sequence--progress:before { height: 700px; width: 1px; top: 0px; left: 50%; } .sequence--progress .sequence__item--current:before { display: none; } .sequence--progress .sequence__item { margin: 100px 30px 0; } .sequence--progress .sequence__item:first-child { margin-top: 0; } } @media (max-width: 640px) { .start-block { padding-top: 50px; padding-bottom: 190px; } .start-block .start-block__heading { font-size: 30px; line-height: 38px; } .start-block .start-block__moto { font-size: 20px; padding-bottom: 14px; } .devider-color--onepage { position: relative; z-index: 20; padding-bottom: 90px; margin-bottom: -90px; background-color: #ffffff; } .breadcrumb--nav { display: none; } .hidden-lower { display: none; } .promo--border-full .promo__text { width: 100%; } .table--vertical tbody > tr > .vertical-heading { padding-left: 20px; } .table--vertical tbody > tr > td { padding-left: 20px; } .tabs .nav-tabs a { padding-left: 15px; padding-right: 15px; } .banner-control { display: none; } .royal-line { display: none; } .mobile-full-placeholeder, .placeholeder-control { display: block; } .slide-info { padding: 0 50px; } .leftside-arrow:hover .slide-preview { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .leftside-arrow:hover .fa { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .rightside-arrow:hover .slide-preview { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .rightside-arrow:hover .fa { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .heading-info--mobile { margin-top: 45px; } .form-handler { padding: 59px 60px 0; } .service--large-present { min-height: 410px; } .service--colored-large .icon--border .icon__item { width: 240px; height: 240px; } .service--colored-large .service__info { padding-left: 20px; min-height: 240px; } .service--colored-large .service__heading { padding-top: 42px; } .service--reverse .service__info { padding-left: 0; padding-right: 20px; min-height: 240px; margin-right: 240px; } .service--reverse .icon { margin-top: -240px; } .table--max { width: 100%; } .link--shopping { float: none; margin-top: 10px; } .login .checkbox { margin-left: 0px; } .error .error__main { width: 247px; height: 99px; } .error .error__back { margin-top: 210px; } .price-container, .testimonial, .vacancy, .accordion, .question-wrapper, .shopping-result { margin-left: 0; margin-right: 0; } .special { background-size: 290px 119px; } .one-column-lg { width: 100%; } .form-container { position: relative; top: 0; left: 0; } .form-container .form-container__slogan { display: none; } .contact-info--full .contact-info__item { width: 49.7%; padding-left: 10%; } .contact-info--full .contact-info__item + .contact-info__item { border: none; } .contact-info--full .contact-info__item:nth-child(2), .contact-info--full .contact-info__item:nth-child(4) { border-left: 1px solid #ffffff; } .contact-info--full .contact-info__item:nth-child(3), .contact-info--full .contact-info__item:nth-child(4) { border-top: 1px solid #ffffff; } .contact-info--full .fa { position: relative; top: 0; left: 0; } .tabs-style-iconbox nav ul li a { overflow: hidden; } .tabs-style-circle nav li::before { margin: -40px 0 0 -40px; width: 80px; height: 80px; } } @media (max-width: 520px) { .header-fluid .header__controls { float: none; padding-top: 20px; padding-left: 30px; padding-bottom: 20px; } .header-fluid .header__controls .user .user__name { display: block; padding-top: 13px; } .social--neutral { display: block; margin-top: 10px; margin-left: 0; } .share--large .fa { display: block; } } @media (max-width: 480px) { .one-column { width: 100%; margin-left: 0; } .btn-sm { margin-bottom: 20px; } .pagination .mobile-small { display: none; } .promo--border-full { padding-left: 50px; padding-right: 50px; } .tabs .nav-tabs a { padding-left: 10px; padding-right: 10px; } .tabs--minimal .nav-tabs a, .tabs--minimal-vertical .nav-tabs a { font-size: 14px; } .tabs--vertical .nav-tabs, .tabs--minimal-vertical .nav-tabs { width: 110px; } .tabs--vertical .tab-content, .tabs--minimal-vertical .tab-content { margin-left: 109px; } .slide-info { padding: 0 15px; } .link-list--last { margin-bottom: 0; } .carousel-sides { max-height: 360px; } .thumbs .thumb { max-width: 80px; } .header-oneline { margin-bottom: 40px; } .gallery-item .gallery-item__heading { padding-top: 22%; font-size: 14px; } .gallery-item .btn { padding: 10px 21px 7px; font-size: 16px; } .testimonial-wrap .testimonial { max-width: 295px; } .opposite-block .stat-row { padding-bottom: 0; } .opposite-block .stat { display: block; } .form-container { width: 90%; left: 5%; right: 5%; } .form-handler { padding: 59px 20px 0; } .service-step .service-step__descript { padding-left: 25px; } .service--colored-large { max-width: 240px; margin-right: auto; margin-left: auto; } .service--colored-large .icon--border { float: none; } .service--reverse .service__info { margin-right: 0; } .service--reverse .icon { margin-top: 0px; } .widget--message .widget__time { top: 5px; right: 25px; } .select--size { margin-top: 0; margin-bottom: 20px; float: none !important; } .thumbs--full .thumb { max-width: 100%; } .thumbs--full li { width: 31.5%; } .table--short td { padding-left: 30px; } .accordion-link .step__number { font-size: 34px; right: 10px; top: 5px; } .table--cut { max-width: 265px; } .service--large-present { min-height: 100%; } .form-container .form-container__slogan { background-position: 80% 100%; } .footer--cut .contact-info .contact-info__item { max-width: 100%; } .sub-header--mobile { float: left; margin-top: -100px; margin-right: 0; margin-bottom: 0; overflow: hidden; } .share--top { margin-top: 156px; margin-bottom: 0; } .short-contact .short-contact__text { font-size: 18px; } .short-contact .short-contact__tel { font-size: 30px; } .service-shot .service-shot__item { margin-left: 10px; margin-right: 10px; } .service .icon { display: block; margin-right: 0; } .service--colored-large .service__info { padding-left: 10px; padding-right: 10px; text-align: center; } .service-line .icon { text-align: center; } .service-line .icon i { display: inline-block; } #pp-nav { margin-top: 0px !important; } #pp-nav li, .pp-slidesNav li { margin: 10px 5px; } #pp-nav li a, .pp-slidesNav li a { width: 13px; height: 13px; } #pp-nav span, .pp-slidesNav span { width: 5px; height: 5px; top: 2px; left: 2px; } .promo--canvas { background-size: 2200px 550px; } .contact-info--full .contact-info__item { padding-left: 5%; } .tooltip-classic .tooltip-content { width: 260px; margin-left: -130px; } .tooltip-classic .tooltip-content img { float: none; margin: 0 auto; } .tooltip-box .tooltip-content { width: 260px; margin-left: -130px; } .tooltip-line .tooltip-content { width: 260px; margin-left: -130px; } } @media (max-width: 420px) { .heading-cascade--danger .heading-cascade__step { display: none; } } @media (max-width: 320px) { .start-block { padding-top: 50px; padding-bottom: 190px; background-position: 50% 230px; } .start-block .start-block__heading { font-size: 30px; line-height: 38px; } .start-block .start-block__moto { font-size: 20px; padding-bottom: 14px; } .z-nav__toggle { width: 323px; margin-right: 70px; } .z-nav__toggle.open-nav { -webkit-transform: translate3d(120px, 0, 0); -moz-transform: translate3d(120px, 0, 0); -ms-transform: translate3d(120px, 0, 0); transform: translate3d(120px, 0, 0); } .z-nav__list { width: 240px; } .z-nav__list .z-nav__link { padding: 0 20px; } .z-nav__list-secondary .z-nav__link { padding: 0 0 20px 5px; line-height: 30px; } .promo--border-full { padding-left: 30px; padding-right: 30px; } .promo--brand { background-size: cover; } .tabs--vertical .nav-tabs, .tabs--minimal-vertical .nav-tabs { width: 100%; float: none; } .tabs--vertical .tab-content, .tabs--minimal-vertical .tab-content { margin-left: 0; } .nav-tabs > li { float: none; } .breadcrumb { float: none; margin-top: -18px; padding-left: 0; padding-right: 0; } .pager .pager__next, .pager .pager__prev { top: 150px; } .blockquote--strong { padding-left: 12px; padding-right: 12px; } .heading-cascade .heading-cascade__step { line-height: 26px; } .special .btn { margin-bottom: 25px; } .special .btn--space { margin-bottom: 81px; } } /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ .product-table table, .product-table thead, .product-table tbody, .product-table th, .product-table td, .product-table tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .product-table thead tr { position: absolute; top: -9999px; left: -9999px; } .product-table tbody > tr { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .product-table tbody > tr:nth-child(odd) > td { border-bottom: 1px solid #ddd; } .product-table tbody > tr > td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } .product-table tbody > tr > td:last-child { padding-left: 0; } .product-table tbody > tr > td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ .product-table tbody > tr > td:nth-of-type(1):before { content: "BEST USED FOR:"; font-weight: bold; padding: 5px; } .product-table tbody > tr > td:nth-of-type(2):before { content: "PROCESSOR:"; font-weight: bold; padding: 5px; } .product-table tbody > tr > td:nth-of-type(3):before { content: "RAM:"; font-weight: bold; padding: 5px; } .product-table tbody > tr > td:nth-of-type(4):before { content: "STORAGE OPTIONS:"; font-weight: bold; padding: 5px; } .product-table tbody > tr > td:nth-of-type(5):before { content: "PORTS:"; font-weight: bold; padding: 5px; } .product-table tbody > tr > td:nth-of-type(6):before { content: "POWER:"; font-weight: bold; padding: 5px; } } /*# sourceMappingURL=style1.css.map */