Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
recollation
/
css
:
style copy.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
@charset "UTF-8"; /* * @package Style * @description This package holds all common style declarations * of the site */ @-webkit-keyframes sprite-animation { from { background-position: 0 0; } } @keyframes sprite-animation { from { background-position: 0 0; } } /* * @section Normalize * * @description Resets default browser styling * * @link http://github.com/necolas/normalize.css * @license MIT license - http://opensource.org/licenses/MIT * @version 3.0.3 * @revision 1.0 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, textarea { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: top; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, time, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } table { border-collapse: collapse; border-spacing: 0; } button, input, textarea, select { display: inline-block; -webkit-appearance: none; outline: none; color: inherit; overflow: visible; background-color: transparent; box-shadow: none; border-radius: 0; } button, input[type='button'], input[type='submit'] { cursor: pointer; } /* * @bugfix input text-overflow padding ignore * @affected lt IE11 */ .lt-ie11 input { border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom-left-radius: 1px !important; } *, *:before, *:after { box-sizing: border-box; } a, a[href^="tel:"], a[href^="callto:"] { font: inherit; color: inherit; text-decoration: none; } a:focus, a[href^="tel:"]:focus, a[href^="callto:"]:focus { outline: none; } img { max-width: 100%; height: auto; } a, button, input { transition: .3s all ease; } /* * @section Page Layouts * @description This section holds style declarations of all * included page layouts */ .page { overflow: hidden; } /* * @subsection Boxed Layout */ html.boxed body { background: #444; } html.boxed .page { background: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); max-width: 1920px; margin-left: auto; margin-right: auto; } /* * @section TM Grid System * * @description A powerful and flexible css flex grid system * * @author Evgeniy Gusarov * @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a * @version 1.0.0 */ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; min-width: 300px; max-width: 480px; } @media (min-width: 768px) { .container { max-width: 750px; } } @media (min-width: 992px) { .container { max-width: 970px; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 30px; padding-right: 30px; max-width: 2048px; } .row { margin-left: -15px; margin-right: -15px; } [class*='col-'] { padding-left: 15px; padding-right: 15px; } html.lt-ie10 * + [class*='col-'], html.lt-ie10 * + .row, * + [class*='col-'], * + .row { margin-top: 30px; } html.lt-ie10 .row-no-gutter, .row-no-gutter { margin-left: 0; margin-right: 0; } html.lt-ie10 .row-no-gutter > [class*='col'], .row-no-gutter > [class*='col'] { padding-left: 0; padding-right: 0; } html.lt-ie10 .row-no-gutter > * + [class*='col'], .row-no-gutter > * + [class*='col'] { margin-top: 0; } @media (min-width: 480px) { * + [class*='col-xs-'] { margin-top: 0; } .row { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row > [class*='col'] { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .row-xs-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .row-xs-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .row-xs-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .row-xs-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .row-xs-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .row-xs-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-xs { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .row-xs-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .row-xs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-xs-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .col-xs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-xs-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-xs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .row > .col-xs-preffix-0 { margin-left: 0%; } .row > .col-xs-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .row > .col-xs-preffix-1 { margin-left: 8.33333%; } .row > .col-xs-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .row > .col-xs-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .row > .col-xs-preffix-2 { margin-left: 16.66667%; } .row > .col-xs-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .row > .col-xs-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .row > .col-xs-preffix-3 { margin-left: 25%; } .row > .col-xs-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .row > .col-xs-4 { -webkit-flex-basis: 33.33334%; -ms-flex-preferred-size: 33.33334%; flex-basis: 33.33334%; max-width: 33.33334%; } .row > .col-xs-preffix-4 { margin-left: 33.33333%; } .row > .col-xs-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .row > .col-xs-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .row > .col-xs-preffix-5 { margin-left: 41.66667%; } .row > .col-xs-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .row > .col-xs-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .row > .col-xs-preffix-6 { margin-left: 50%; } .row > .col-xs-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .row > .col-xs-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .row > .col-xs-preffix-7 { margin-left: 58.33333%; } .row > .col-xs-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .row > .col-xs-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .row > .col-xs-preffix-8 { margin-left: 66.66667%; } .row > .col-xs-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .row > .col-xs-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .row > .col-xs-preffix-9 { margin-left: 75%; } .row > .col-xs-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .row > .col-xs-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .row > .col-xs-preffix-10 { margin-left: 83.33333%; } .row > .col-xs-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .row > .col-xs-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .row > .col-xs-preffix-11 { margin-left: 91.66667%; } .row > .col-xs-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .row > .col-xs-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .row > .col-xs-preffix-12 { margin-left: 100%; } .row > .col-xs-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } } @media (min-width: 768px) { * + [class*='col-sm-'] { margin-top: 0; } .row-sm-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .row-sm-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .row-sm-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .row-sm-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .row-sm-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .row-sm-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-sm { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .row-sm-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .row-sm-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-sm-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .col-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-sm-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-sm-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .row > .col-sm-preffix-0 { margin-left: 0%; } .row > .col-sm-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .row > .col-sm-preffix-1 { margin-left: 8.33333%; } .row > .col-sm-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .row > .col-sm-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .row > .col-sm-preffix-2 { margin-left: 16.66667%; } .row > .col-sm-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .row > .col-sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .row > .col-sm-preffix-3 { margin-left: 25%; } .row > .col-sm-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .row > .col-sm-4 { -webkit-flex-basis: 33.33334%; -ms-flex-preferred-size: 33.33334%; flex-basis: 33.33334%; max-width: 33.33334%; } .row > .col-sm-preffix-4 { margin-left: 33.33333%; } .row > .col-sm-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .row > .col-sm-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .row > .col-sm-preffix-5 { margin-left: 41.66667%; } .row > .col-sm-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .row > .col-sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .row > .col-sm-preffix-6 { margin-left: 50%; } .row > .col-sm-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .row > .col-sm-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .row > .col-sm-preffix-7 { margin-left: 58.33333%; } .row > .col-sm-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .row > .col-sm-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .row > .col-sm-preffix-8 { margin-left: 66.66667%; } .row > .col-sm-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .row > .col-sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .row > .col-sm-preffix-9 { margin-left: 75%; } .row > .col-sm-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .row > .col-sm-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .row > .col-sm-preffix-10 { margin-left: 83.33333%; } .row > .col-sm-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .row > .col-sm-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .row > .col-sm-preffix-11 { margin-left: 91.66667%; } .row > .col-sm-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .row > .col-sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .row > .col-sm-preffix-12 { margin-left: 100%; } .row > .col-sm-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } } @media (min-width: 992px) { * + [class*='col-md-'] { margin-top: 0; } .row-md-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .row-md-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .row-md-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .row-md-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .row-md-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .row-md-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-md { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .row-md-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .row-md-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-md-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .col-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-md-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-md-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .row > .col-md-preffix-0 { margin-left: 0%; } .row > .col-md-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .row > .col-md-preffix-1 { margin-left: 8.33333%; } .row > .col-md-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .row > .col-md-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .row > .col-md-preffix-2 { margin-left: 16.66667%; } .row > .col-md-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .row > .col-md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .row > .col-md-preffix-3 { margin-left: 25%; } .row > .col-md-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .row > .col-md-4 { -webkit-flex-basis: 33.33334%; -ms-flex-preferred-size: 33.33334%; flex-basis: 33.33334%; max-width: 33.33334%; } .row > .col-md-preffix-4 { margin-left: 33.33333%; } .row > .col-md-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .row > .col-md-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .row > .col-md-preffix-5 { margin-left: 41.66667%; } .row > .col-md-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .row > .col-md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .row > .col-md-preffix-6 { margin-left: 50%; } .row > .col-md-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .row > .col-md-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .row > .col-md-preffix-7 { margin-left: 58.33333%; } .row > .col-md-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .row > .col-md-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .row > .col-md-preffix-8 { margin-left: 66.66667%; } .row > .col-md-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .row > .col-md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .row > .col-md-preffix-9 { margin-left: 75%; } .row > .col-md-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .row > .col-md-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .row > .col-md-preffix-10 { margin-left: 83.33333%; } .row > .col-md-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .row > .col-md-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .row > .col-md-preffix-11 { margin-left: 91.66667%; } .row > .col-md-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .row > .col-md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .row > .col-md-preffix-12 { margin-left: 100%; } .row > .col-md-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } } @media (min-width: 1200px) { * + [class*='col-lg-'] { margin-top: 0; } .row-lg-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .row-lg-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .row-lg-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .row-lg-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .row-lg-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .row-lg-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .row-lg { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .row-lg-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .row-lg-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-lg-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .col-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .col-lg-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .col-lg-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .row > .col-lg-preffix-0 { margin-left: 0%; } .row > .col-lg-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .row > .col-lg-preffix-1 { margin-left: 8.33333%; } .row > .col-lg-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .row > .col-lg-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .row > .col-lg-preffix-2 { margin-left: 16.66667%; } .row > .col-lg-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .row > .col-lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .row > .col-lg-preffix-3 { margin-left: 25%; } .row > .col-lg-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .row > .col-lg-4 { -webkit-flex-basis: 33.33334%; -ms-flex-preferred-size: 33.33334%; flex-basis: 33.33334%; max-width: 33.33334%; } .row > .col-lg-preffix-4 { margin-left: 33.33333%; } .row > .col-lg-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .row > .col-lg-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .row > .col-lg-preffix-5 { margin-left: 41.66667%; } .row > .col-lg-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .row > .col-lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .row > .col-lg-preffix-6 { margin-left: 50%; } .row > .col-lg-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .row > .col-lg-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .row > .col-lg-preffix-7 { margin-left: 58.33333%; } .row > .col-lg-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .row > .col-lg-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .row > .col-lg-preffix-8 { margin-left: 66.66667%; } .row > .col-lg-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .row > .col-lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .row > .col-lg-preffix-9 { margin-left: 75%; } .row > .col-lg-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .row > .col-lg-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .row > .col-lg-preffix-10 { margin-left: 83.33333%; } .row > .col-lg-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .row > .col-lg-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .row > .col-lg-preffix-11 { margin-left: 91.66667%; } .row > .col-lg-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .row > .col-lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .row > .col-lg-preffix-12 { margin-left: 100%; } .row > .col-lg-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } } html.lt-ie10 .row > .col-xs-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie10 .row > .col-xs-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie10 .row > .col-xs-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie10 .row > .col-xs-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie10 .row > .col-xs-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie10 .row > .col-xs-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie10 .row > .col-xs-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie10 .row > .col-xs-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie10 .row > .col-xs-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie10 .row > .col-xs-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie10 .row > .col-xs-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie10 .row > .col-xs-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie10 .row > .col-sm-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie10 .row > .col-sm-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie10 .row > .col-sm-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie10 .row > .col-sm-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie10 .row > .col-sm-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie10 .row > .col-sm-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie10 .row > .col-sm-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie10 .row > .col-sm-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie10 .row > .col-sm-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie10 .row > .col-sm-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie10 .row > .col-sm-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie10 .row > .col-sm-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie10 .row > .col-md-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie10 .row > .col-md-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie10 .row > .col-md-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie10 .row > .col-md-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie10 .row > .col-md-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie10 .row > .col-md-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie10 .row > .col-md-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie10 .row > .col-md-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie10 .row > .col-md-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie10 .row > .col-md-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie10 .row > .col-md-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie10 .row > .col-md-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie10 .row > .col-lg-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie10 .row > .col-lg-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie10 .row > .col-lg-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie10 .row > .col-lg-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie10 .row > .col-lg-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie10 .row > .col-lg-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie10 .row > .col-lg-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie10 .row > .col-lg-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie10 .row > .col-lg-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie10 .row > .col-lg-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie10 .row > .col-lg-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie10 .row > .col-lg-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie10 .row > [class*="col-xs-preffix-"], html.lt-ie10 .row > [class*="col-sm-preffix-"], html.lt-ie10 .row > [class*="col-md-preffix-"], html.lt-ie10 .row > [class*="col-lg-preffix-"] { margin-left: auto; } /* * @section Icon Fonts * @description This section holds all icon fonts stored in template */ /** * Title: Arrows Flaticon Pack * Author: Icons8 * Source: http://www.flaticon.com/packs/arrows * License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/) */ @font-face { font-family: "arrows"; src: url("../fonts/arrows.eot"); src: url("../fonts/arrows.eot#iefix") format("embedded-opentype"), url("../fonts/arrows.woff") format("woff"), url("../fonts/arrows.ttf") format("truetype"), url("../fonts/arrows.svg") format("svg"); font-weight: normal; font-style: normal; } .arrows-ico, [class^="arrows-"]:before, [class*=" arrows-"]:before, [class^="arrows-"]:after, [class*=" arrows-"]:after { font-family: "arrows"; font-size: inherit; font-weight: 700; font-style: normal; } .arrows-collapse3:before { content: "\e000"; } .arrows-down44:before { content: "\e001"; } .arrows-down45:before { content: "\e002"; } .arrows-expand22:before { content: "\e003"; } .arrows-left126:before { content: "\e004"; } .arrows-left127:before { content: "\e005"; } .arrows-left128:before { content: "\e006"; } .arrows-left129:before { content: "\e007"; } .arrows-next15:before { content: "\e008"; } .arrows-previous11:before { content: "\e009"; } .arrows-right103:before { content: "\e00a"; } .arrows-right104:before { content: "\e00b"; } .arrows-right105:before { content: "\e00c"; } .arrows-right106:before { content: "\e00d"; } .arrows-right107:before { content: "\e00e"; } .arrows-thin35:before { content: "\e00f"; } .arrows-thin36:before { content: "\e010"; } .arrows-up76:before { content: "\e011"; } .arrows-up77:before { content: "\e012"; } .arrows-up78:before { content: "\e013"; } /** * Title: Continuous Flaticon Pack * Author: Roy and Co * Source: http://www.flaticon.com/packs/continuous * License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/) */ @font-face { font-family: "fl-continuous"; src: url("../fonts/fl-continuous.eot"); src: url("../fonts/fl-continuous.eot#iefix") format("embedded-opentype"), url("../fonts/fl-continuous.woff") format("woff"), url("../fonts/fl-continuous.ttf") format("truetype"), url("../fonts/fl-continuous.svg") format("svg"); font-weight: normal; font-style: normal; } .fl-continuous-ico, [class^="fl-continuous-"]:before, [class*=" fl-continuous-"]:before, [class^="fl-continuous-"]:after, [class*=" fl-continuous-"]:after { font-family: 'fl-continuous'; font-size: inherit; font-weight: 400; font-style: normal; } .fl-continuous-camera84:before { content: "\e000"; } .fl-continuous-clock101:before { content: "\e001"; } .fl-continuous-document163:before { content: "\e002"; } .fl-continuous-electrocardiogram:before { content: "\e003"; } .fl-continuous-envelope42:before { content: "\e004"; } .fl-continuous-folder242:before { content: "\e005"; } .fl-continuous-folder244:before { content: "\e006"; } .fl-continuous-house150:before { content: "\e007"; } .fl-continuous-key174:before { content: "\e008"; } .fl-continuous-magnifying-glass:before { content: "\e009"; } .fl-continuous-padlock45:before { content: "\e00a"; } .fl-continuous-pin55:before { content: "\e00b"; } .fl-continuous-plane17:before { content: "\e00c"; } .fl-continuous-refresh63:before { content: "\e00d"; } .fl-continuous-right-arrow2:before { content: "\e00e"; } .fl-continuous-screen50:before { content: "\e00f"; } .fl-continuous-shopping-cart:before { content: "\e010"; } .fl-continuous-speech-bubble:before { content: "\e011"; } .fl-continuous-user160:before { content: "\e012"; } /** * @section Font Awesome 4.5.0 by - - @fontawesome * @author @davegandy * @see http://fontawesome.io * @license Font: SIL OFL 1.1, CSS: MIT License */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.5.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } [class*='fa-']:before { font-weight: 400; font-family: 'FontAwesome'; } /* * @section Main Styles * @description This section holds template default elements style declarations */ html { font-size: 60px; } @media (min-width: 768px) and (max-width: 991px) { html { font-size: 70px; } } @media (min-width: 992px) and (max-width: 1199px) { html { font-size: 80px; } } @media (min-width: 1200px) { html { font-size: 100px; } } html .old-ie { display: none; } html.lt-ie11 .old-ie { display: block; } body { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.7; -webkit-text-size-adjust: none; color: #5a5a5a; background: #fff; } @media (min-width: 768px) and (max-width: 991px) { body { font-size: 18px; } } @media (min-width: 992px) { body { font-size: 15px; line-height: 22px; } } /* * @subsection Typography * @description Describes default font settings for basic html elements and * css classes */ h1, h2, h3, h4, h5, h6, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 { display: block; color: #303334; font-weight: 500; } h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover, .heading-1 a:focus, .heading-1 a:hover, .heading-2 a:focus, .heading-2 a:hover, .heading-3 a:focus, .heading-3 a:hover, .heading-4 a:focus, .heading-4 a:hover, .heading-5 a:focus, .heading-5 a:hover, .heading-6 a:focus, .heading-6 a:hover { color: #81bc00; border-bottom: 2px solid; } h1, .heading-1 { font-size: 38px; line-height: 1.33; } @media (min-width: 768px) { h1, .heading-1 { font-size: 40px; line-height: 1.16; } } h1 > .heading-2, .heading-1 > .heading-2 { margin-bottom: 0.33rem; } h2, .heading-2 { font-size: 30px; line-height: 1.5; letter-spacing: 0.08em; text-transform: uppercase; } h2 mark, .heading-2 mark { padding: 5px 60px; } @media (min-width: 768px) { h2, .heading-2 { font-size: 32px; line-height: 1.32; letter-spacing: 0.36em; } } .heading-2-variant-1 { letter-spacing: 0.19em; font-weight: 400; } h3, .heading-3 { font-size: 30px; line-height: 1.5; } @media (min-width: 768px) { h3, .heading-3 { font-size: 45px; line-height: 1.37; } } h4, .heading-4 { font-size: 26px; } @media (min-width: 768px) { h4, .heading-4 { font-size: 34px; line-height: 1.47; } } h5, .heading-5 { font-size: 22px; } @media (min-width: 768px) { h5, .heading-5 { font-size: 24px; line-height: 1.66; } } h6, .heading-6 { font-size: 30px; font-weight: 400; } @media (min-width: 768px) { h6, .heading-6 { font-size: 24px; line-height: 1.5; } } h7, .heading-7 { font-size: 24px; line-height: 30px; font-weight: 400; } @media (min-width: 768px) { h7, .heading-7 { font-size: 18px; line-height: 24px; line-height: 1.5; } } p, .list, .contact-info { font-weight: 300; } p a:hover, .list a:hover, .contact-info a:hover { color: #81bc00; } address a:hover { color: #81bc00; } mark { display: inline-block; padding: 5px; color: #FFF; background: #81bc00; } em { color: #81bc00; } small, .small { display: block; font-size: 0.675em; line-height: 1.643em; text-transform: uppercase; letter-spacing: 0.34em; } .big { font-size: 1.2em; } time { font-size: 20px; font-weight: 400; } time:before { padding-right: 8px; } hr { height: 3px; width: 79px; display: inline-block; padding: 0; border: none; background: #81bc00; } /* * @section Main Layout * @description This section holds class declarations for elements indent creation */ /* * @subsection Offsets * @description Describes vertical indentation between the elements */ * + h6 { margin-top: 15px; } @media (min-width: 768px) { * + h6 { margin-top: 35px; } } * + p { margin-top: 15px; } * + address { margin-top: 30px; } * + .btn { margin-top: 67px; } * + .responsive-tabs { margin-top: 30px; } @media (min-width: 992px) { * + .responsive-tabs { margin-top: 49px; } } * + .copyright { margin-top: 30px; } @media (min-width: 992px) { * + .copyright { margin-top: 109px; } } * + .inline-list { margin-top: 30px; } @media (min-width: 992px) { * + .inline-list { margin-top: 80px; } } * + .rd-mailform { margin-top: 90px; } * + .terms-list, .terms-list + p { margin-top: 30px; } @media (min-width: 768px) { * + .terms-list, .terms-list + p { margin-top: 80px; } } * + .btn-group { margin-top: 1rem; } * + .row { margin-top: 40px; } @media (min-width: 992px) { * + .row { margin-top: 64px; } } .container + .container { margin-top: 100px; } * + .container-fluid { margin-top: 66px; } * + .offset-1 { margin-top: 40px; } @media (min-width: 992px) { * + .offset-1 { margin-top: 85px; } } * + .offset-2 { margin-top: 40px; } @media (min-width: 992px) { * + .offset-2 { margin-top: 62px; } } @media (min-width: 992px) { * + .offset-3 { margin-top: 109px; } } * + .offset-4 { margin-top: 36px; } @media (min-width: 992px) { * + .offset-5 { margin-top: 25px; } } time + h6 { margin-top: 12px; } img + h6 { margin-top: 10px; } @media (min-width: 992px) { img + h6 { margin-top: 45px; } } h6 + .marked-list { margin-top: 12px; } h2 + h4 { margin-top: 1rem; } @media (min-width: 768px) { hr + h6 { margin-top: 61px; } } .icon + p { margin-top: 30px; } .flow-offset-1 > * + * { margin-top: 30px; } @media (min-width: 480px) { html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-child(n) { margin-top: 0; } } @media (min-width: 480px) { html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8.col-xs-preffix-2 { margin-top: 30px; } } @media (min-width: 768px) { html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n) { margin-top: 0; } } @media (min-width: 768px) { html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8.col-sm-preffix-2 { margin-top: 30px; } } @media (min-width: 992px) { html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n) { margin-top: 0; } } @media (min-width: 992px) { html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-md-8.col-md-preffix-2 { margin-top: 30px; } } @media (min-width: 1200px) { html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n) { margin-top: 0; } } @media (min-width: 1200px) { html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8.col-lg-preffix-2 { margin-top: 30px; } } .flow-offset-2 > * + * { margin-top: 60px; } @media (min-width: 480px) { html:not(.lt-ie10) .flow-offset-2 > .col-xs-1:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-2:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-3:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-4:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-5:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-6:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-7:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-8:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-9:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-10:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-11:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-xs-12:nth-child(n) { margin-top: 0; } } @media (min-width: 480px) { html:not(.lt-ie10) .flow-offset-2 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-2 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-2 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-2 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-2 > .col-xs-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-2 > .col-xs-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-2 > .col-xs-8.col-xs-preffix-2 { margin-top: 60px; } } @media (min-width: 768px) { html:not(.lt-ie10) .flow-offset-2 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-sm-12:nth-child(n) { margin-top: 0; } } @media (min-width: 768px) { html:not(.lt-ie10) .flow-offset-2 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-2 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-2 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-2 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-2 > .col-sm-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-2 > .col-sm-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-2 > .col-sm-8.col-sm-preffix-2 { margin-top: 60px; } } @media (min-width: 992px) { html:not(.lt-ie10) .flow-offset-2 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-md-12:nth-child(n) { margin-top: 0; } } @media (min-width: 992px) { html:not(.lt-ie10) .flow-offset-2 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-2 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-2 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-2 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-2 > .col-md-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-2 > .col-md-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-2 > .col-md-8.col-md-preffix-2 { margin-top: 60px; } } @media (min-width: 1200px) { html:not(.lt-ie10) .flow-offset-2 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-2 > .col-lg-12:nth-child(n) { margin-top: 0; } } @media (min-width: 1200px) { html:not(.lt-ie10) .flow-offset-2 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-2 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-2 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-2 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-2 > .col-lg-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-2 > .col-lg-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-2 > .col-lg-8.col-lg-preffix-2 { margin-top: 60px; } } .flow-offset-3 > * + * { margin-top: 22px; } @media (min-width: 480px) { html:not(.lt-ie10) .flow-offset-3 > .col-xs-1:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-2:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-3:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-4:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-5:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-6:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-7:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-8:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-9:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-10:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-11:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-xs-12:nth-child(n) { margin-top: 0; } } @media (min-width: 480px) { html:not(.lt-ie10) .flow-offset-3 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-3 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-3 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-3 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-3 > .col-xs-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-3 > .col-xs-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-3 > .col-xs-8.col-xs-preffix-2 { margin-top: 22px; } } @media (min-width: 768px) { html:not(.lt-ie10) .flow-offset-3 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-sm-12:nth-child(n) { margin-top: 0; } } @media (min-width: 768px) { html:not(.lt-ie10) .flow-offset-3 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-3 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-3 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-3 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-3 > .col-sm-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-3 > .col-sm-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-3 > .col-sm-8.col-sm-preffix-2 { margin-top: 22px; } } @media (min-width: 992px) { html:not(.lt-ie10) .flow-offset-3 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-md-12:nth-child(n) { margin-top: 0; } } @media (min-width: 992px) { html:not(.lt-ie10) .flow-offset-3 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-3 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-3 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-3 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-3 > .col-md-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-3 > .col-md-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-3 > .col-md-8.col-md-preffix-2 { margin-top: 22px; } } @media (min-width: 1200px) { html:not(.lt-ie10) .flow-offset-3 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-3 > .col-lg-12:nth-child(n) { margin-top: 0; } } @media (min-width: 1200px) { html:not(.lt-ie10) .flow-offset-3 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-3 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-3 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-3 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-3 > .col-lg-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-3 > .col-lg-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-3 > .col-lg-8.col-lg-preffix-2 { margin-top: 22px; } } .container .rd-navbar-search-results .result-item + .result-item { margin-top: 30px; } /* * @subsection Postfix * @description Describes instant right margin classes */ /* * @subsection Prefix * @description Describes instant left margin classes */ /* * @subsection Insets * @description Describes instant padding classes */ .inset-1 { padding-top: 10px; } @media (min-width: 992px) { .inset-2 { padding-right: 55px; } } .inset-3 { padding-top: 14px; } @media (min-width: 992px) { .inset-4 { padding-right: 95px; } } /* * @subsection Well * @description Describes section inner indents */ .well-xs { padding-top: 50px; padding-bottom: 50px; } .well-sm { padding-top: 45px; padding-bottom: 55px; } @media (min-width: 768px) { .well-sm { padding-top: 87px; padding-bottom: 1.05rem; } } .well-sm--inset-1 { padding-bottom: 0; } @media (min-width: 1200px) { .well-sm--inset-2 { padding-bottom: 1.45rem; } } @media (min-width: 1200px) { .well-sm--inset-3 { padding-bottom: 97px; } } @media (min-width: 1200px) { .well-sm--inset-4 { padding-top: 70px; padding-bottom: 97px; } } .well-md { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 992px) { .well-md { padding-top: 1.4rem; padding-bottom: 1.38rem; } } .well-lg { padding-top: 1.2rem; padding-bottom: 1.2rem; } .well-xl { padding-top: 100px; padding-bottom: 100px; } @media (min-width: 1200px) { .well-xl { padding-top: 3.1rem; padding-bottom: 2.68rem; } } @media (min-width: 1200px) { .well-xl--inset-1 { padding-bottom: 3.33rem; } } /* * @section Helpers * @description This section holds various helper classes for * conditional page styling */ .round { border-radius: 50%; } .bg-overlay:after { content: ''; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-color: rgba(57, 57, 57, 0.28); z-index: 2; } .bg-overlay2:after { content: ''; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-color: rgba(56, 53, 60, 0.48); z-index: 2; } .copyright span { position: relative; } .copyright span:after { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; transform: translateY(-100%); margin-left: 3px; background-color: #686d6e; } .z-index { position: relative; z-index: 9; } .ie-11 .rd-parallax-layer[data-url] { top: 0; bottom: 0; } .ie-11 .well-sm { padding-top: 217px; } /* * @subsection Colors */ html body .page .text-primary { color: #81bc00; } /* * @subsection Backgrounds */ .bg-primary { background: #81bc00; } .bg-primary, .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-primary .heading-1, .bg-primary .heading-2, .bg-primary .heading-3, .bg-primary .heading-4, .bg-primary .heading-5, .bg-primary .heading-6 { color: #fff; } .bg-primary hr { background: #81bc00; } .bg-primary .marked-list li:before { color: #fff; } .bg-primary .marked-list li a:hover { color: #fff; text-decoration: underline; } .bg-primary .icon-primary { color: #81bc00; } .bg-primary a { color: #fff; } .bg-primary a:hover { color: #fff; } .bg-primary .inline-list a:hover { color: inherit; } .bg-primary .btn-primary { background-color: #fff; color: #303334; border: 2px solid #fff; } .bg-primary .btn-primary:hover { color: #fff; background-color: transparent; border: 2px solid #fff; } .bg-primary p a:hover, .bg-primary .list a:hover, .bg-primary .terms-list a:hover { color: #fff; text-decoration: underline; } .bg-greyscale { background-color: #303334; } .bg-header { background-color: #000; } .bg-image { background-size: cover; } .bg-image-1 { background-image: url("../images/bg-image01.jpg"); } .bg-image-2 { background-image: url("../images/bg-image02.jpg"); } .bg-image-3 { background-image: url("../images/bg-image03.jpg"); } .bg-image-4 { background-image: url("../images/bg-image04.jpg"); } .bg-image-news { background-image: url("../images/news-bkg.jpg"); } /* * @subsection Parallax */ .rd-parallax .btn-primary { background-color: #81bc00; color: #fff; border-color: #81bc00; } .rd-parallax .btn-primary:hover { background-color: transparent; } .rd-parallax, .rd-parallax h1, .rd-parallax h2, .rd-parallax h3, .rd-parallax h4, .rd-parallax h5, .rd-parallax h6, .rd-parallax .heading-1, .rd-parallax .heading-2, .rd-parallax .heading-3, .rd-parallax .heading-4, .rd-parallax .heading-5, .rd-parallax .heading-6 { color: #fff; } .rd-parallax h6 { color: #81bc00; } /* * @subsection Floating System */ .pull-left { float: left; } .pull-none { float: none; } .pull-right { float: right; } @media (min-width: 480px) { .pull-xs-left { float: left; } .pull-xs-none { float: none; } .pull-xs-right { float: right; } } @media (min-width: 768px) { .pull-sm-left { float: left; } .pull-sm-none { float: none; } .pull-sm-right { float: right; } } @media (min-width: 992px) { .pull-md-left { float: left; } .pull-md-none { float: none; } .pull-md-right { float: right; } } @media (min-width: 1200px) { .pull-lg-left { float: left; } .pull-lg-none { float: none; } .pull-lg-right { float: right; } } /* * @subsection Text Alignment */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } @media (min-width: 480px) { html:not(.lt-ie10) .text-xs-left { text-align: left; } html:not(.lt-ie10) .text-xs-center { text-align: center; } html:not(.lt-ie10) .text-xs-right { text-align: right; } } @media (min-width: 768px) { html:not(.lt-ie10) .text-sm-left { text-align: left; } html:not(.lt-ie10) .text-sm-center { text-align: center; } html:not(.lt-ie10) .text-sm-right { text-align: right; } } @media (min-width: 992px) { html:not(.lt-ie10) .text-md-left { text-align: left; } html:not(.lt-ie10) .text-md-center { text-align: center; } html:not(.lt-ie10) .text-md-right { text-align: right; } } @media (min-width: 1200px) { html:not(.lt-ie10) .text-lg-left { text-align: left; } html:not(.lt-ie10) .text-lg-center { text-align: center; } html:not(.lt-ie10) .text-lg-right { text-align: right; } } /* * @subsection Text Styling */ .text-italic { font-style: italic; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .text-thin { font-weight: 100; } .text-light { font-weight: 300; } .text-regular { font-weight: 400; } .text-medium { font-weight: 500; } .text-sbold { font-weight: 600; } .text-bold, strong { font-weight: 700; } .text-ubold { font-weight: 900; } .text-uppercase { text-transform: uppercase; } /** * @subsection Animate.css * * @description A bunch of cool, fun, and cross-browser animations * for you to use. * * @author Daniel Eden * @link http://daneden.me/animate * @license MIT license - http://opensource.org/licenses/MIT */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } /** * Bounce Keyframes Animation */ @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /** * Flas Keyframes Animation */ @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /** * Pulse Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } /** * RubberBand Keyframes Animation */ @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } /** * Shake Keyframes Animation */ @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } /** * Swing Keyframes Animation */ @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } /** * Tada Keyframes Animation */ @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /** * Wobble Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } /** * BounceIn Keyframes Animation */ @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * BounceInDown Keyframes Animation */ @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /** * BounceInLeft Keyframes Animation */ @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } /** * BounceInRight Keyframes Animation */ @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } /** * BounceInUp Keyframes Animation */ @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /** * BounceOut Keyframes Animation */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * BounceOutDown Keyframes Animation */ @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } /** * BounceOutLeft Keyframes Animation */ @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } /** * BounceOutRight Keyframes Animation */ @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } /** * BounceOutUp Keyframes Animation */ @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /** * FadeIn Keyframes Animation */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /** * FadeInDown Keyframes Animation */ @-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); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /** * FadeInDownBig Keyframes Animation */ @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } /** * FadeInLeft Keyframes Animation */ @-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); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /** * FadeInLeftBig Keyframes Animation */ @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } /** * FadeInRight Keyframes Animation */ @-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); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /** * FadeInRightBig Keyframes Animation */ @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } /** * FadeInUp Keyframes Animation */ @-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); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /** * FadeInUpBig Keyframes Animation */ @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } /** * FadeOut Keyframes Animation */ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /** * FadeOutDown Keyframes Animation */ @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /** * FadeOutDownBig Keyframes Animation */ @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } /** * FadeOutLeft Keyframes Animation */ @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } /** * FadeOutLeftBig Keyframes Animation */ @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } /** * FadeOutRight Keyframes Animation */ @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /** * FadeOutRightBig Keyframes Animation */ @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } /** * FadeOutUp Keyframes Animation */ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /** * FadeOutUpBig Keyframes Animation */ @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } /** * Flip Keyframes Animation */ @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } /** * FlipInX Keyframes Animation */ @-webkit-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; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); 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; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } /** * FlipInY Keyframes Animation */ @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } /** * FlipOutX Keyframes Animation */ @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } /** * FlipOutY Keyframes Animation */ @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * LightSpeedIn Keyframes Animation */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /** * LightSpeedOut Keyframes Animation */ @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /** * RotateIn Keyframes Animation */ @-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; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } /** * RotateInDownLeft Keyframes Animation */ @-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; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /** * RotateInDownRight Keyframes Animation */ @-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; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /** * RotateInUpLeft Keyframes Animation */ @-webkit-keyframes rotateInUpLeft { 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 rotateInUpLeft { 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; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /** * RotateInUpRight Keyframes Animation */ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /** * RotateOut Keyframes Animation */ @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } /** * RotateOutDownLeft Keyframes Animation */ @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } /** * RotateOutDownRight Keyframes Animation */ @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } /** * RotateOutUpLeft Keyframes Animation */ @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } /** * RotateOutUpRight Keyframes Animation */ @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } /** * Hinge Keyframes Animation */ @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /** * RollIn Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-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); -ms-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; -ms-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /** * RollOut Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /** * ZoomIn Keyframes Animation */ @-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; } } @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; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } /** * ZoomInDown Keyframes Animation */ @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } /** * ZoomInLeft Keyframes Animation */ @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } /** * ZoomInRight Keyframes Animation */ @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } /** * ZoomInUp Keyframes Animation */ @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /** * ZoomOut Keyframes Animation */ @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } /** * ZoomOutDown Keyframes Animation */ @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } /** * ZoomOutLeft Keyframes Animation */ @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } /** * ZoomOutRight Keyframes Animation */ @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } /** * ZoomOutUp Keyframes Animation */ @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } /** * SlideInDown Keyframes Animation */ @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } /** * SlideInLeft Keyframes Animation */ @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } /** * SlideInRight Keyframes Animation */ @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } /** * SlideInUp Keyframes Animation */ @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /** * SlideOutDown Keyframes Animation */ @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } /** * SlideOutLeft Keyframes Animation */ @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } /** * SlideOutRight Keyframes Animation */ @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } /** * SlideOutUp Keyframes Animation */ @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* * @section Components * @description This section holds all elements style declarations of template */ /* * @subsection Box */ /* * @subsection Box */ .box__left { padding-bottom: 30px; } .box__right { padding-top: 30px; } .box-rtl { direction: rtl; } .box-rtl > .box__left { padding-right: 0; padding-left: 30px; } .box-rtl > .box__right { padding-right: 30px; padding-left: 0; } .box-ltr { direction: ltr; } .box-group, .box-group-outer > * { display: -ms-flexbox; display: -webkit-flex; display: flex; } .box > .box__left img, .box > .box__right img { max-width: none; } .box > .box__left, .box > .box__right, .box > .box__body { padding: 0; direction: ltr; display: table-cell; vertical-align: top; } .box > .box__left { padding-right: 30px; padding-bottom: 0; } .box > .box__right { padding-left: 30px; padding-top: 0; } @media (min-width: 480px) { html:not(.lt-ie10) .box-xs > .box__left img, html:not(.lt-ie10) .box-xs > .box__right img { max-width: none; } html:not(.lt-ie10) .box-xs > .box__left, html:not(.lt-ie10) .box-xs > .box__right, html:not(.lt-ie10) .box-xs > .box__body { display: table-cell; vertical-align: top; } html:not(.lt-ie10) .box-xs > .box__left { padding-right: 30px; padding-bottom: 0; } html:not(.lt-ie10) .box-xs > .box__right { padding-left: 30px; padding-top: 0; } html:not(.lt-ie10) .box-xs-clear > .box__left img, html:not(.lt-ie10) .box-xs-clear > .box__right img { max-width: 100%; } html:not(.lt-ie10) .box-xs-clear > .box__left, html:not(.lt-ie10) .box-xs-clear > .box__right, html:not(.lt-ie10) .box-xs-clear .box__body { padding: 0; display: block; vert-align: top; } html:not(.lt-ie10) .box-xs-clear > .box__left { padding-bottom: 30px; } html:not(.lt-ie10) .box-xs-clear > .box__right { padding-top: 30px; } html:not(.lt-ie10) .box-xs-rtl { direction: rtl; } html:not(.lt-ie10) .box-xs-rtl > .box__left { padding-right: 0; padding-left: 30px; } html:not(.lt-ie10) .box-xs-rtl > .box__right { padding-right: 30px; padding-left: 0; } html:not(.lt-ie10) .box-xs-ltr { direction: ltr; } html:not(.lt-ie10) .box-xs-ltr > .box__left { padding-right: 30px; padding-left: 0; } html:not(.lt-ie10) .box-xs-ltr > .box__right { padding-right: 0; padding-left: 30px; } } @media (min-width: 768px) { html:not(.lt-ie10) .box-sm > .box__left img, html:not(.lt-ie10) .box-sm > .box__right img { max-width: none; } html:not(.lt-ie10) .box-sm > .box__left, html:not(.lt-ie10) .box-sm > .box__right, html:not(.lt-ie10) .box-sm > .box__body { display: table-cell; vertical-align: top; } html:not(.lt-ie10) .box-sm > .box__left { padding-right: 30px; padding-bottom: 0; } html:not(.lt-ie10) .box-sm > .box__right { padding-left: 30px; padding-top: 0; } html:not(.lt-ie10) .box-sm-clear > .box__left img, html:not(.lt-ie10) .box-sm-clear > .box__right img { max-width: 100%; } html:not(.lt-ie10) .box-sm-clear > .box__left, html:not(.lt-ie10) .box-sm-clear > .box__right, html:not(.lt-ie10) .box-sm-clear .box__body { padding: 0; display: block; vert-align: top; } html:not(.lt-ie10) .box-sm-clear > .box__left { padding-bottom: 30px; } html:not(.lt-ie10) .box-sm-clear > .box__right { padding-top: 30px; } html:not(.lt-ie10) .box-sm-rtl { direction: rtl; } html:not(.lt-ie10) .box-sm-rtl > .box__left { padding-right: 0; padding-left: 30px; } html:not(.lt-ie10) .box-sm-rtl > .box__right { padding-right: 30px; padding-left: 0; } html:not(.lt-ie10) .box-sm-ltr { direction: ltr; } html:not(.lt-ie10) .box-sm-ltr > .box__left { padding-right: 30px; padding-left: 0; } html:not(.lt-ie10) .box-sm-ltr > .box__right { padding-right: 0; padding-left: 30px; } } @media (min-width: 992px) { html:not(.lt-ie10) .box-md > .box__left img, html:not(.lt-ie10) .box-md > .box__right img { max-width: none; } html:not(.lt-ie10) .box-md > .box__left, html:not(.lt-ie10) .box-md > .box__right, html:not(.lt-ie10) .box-md > .box__body { display: table-cell; vertical-align: top; } html:not(.lt-ie10) .box-md > .box__left { padding-right: 30px; padding-bottom: 0; } html:not(.lt-ie10) .box-md > .box__right { padding-left: 30px; padding-top: 0; } html:not(.lt-ie10) .box-md-clear > .box__left img, html:not(.lt-ie10) .box-md-clear > .box__right img { max-width: 100%; } html:not(.lt-ie10) .box-md-clear > .box__left, html:not(.lt-ie10) .box-md-clear > .box__right, html:not(.lt-ie10) .box-md-clear .box__body { padding: 0; display: block; vert-align: top; } html:not(.lt-ie10) .box-md-clear > .box__left { padding-bottom: 30px; } html:not(.lt-ie10) .box-md-clear > .box__right { padding-top: 30px; } html:not(.lt-ie10) .box-md-rtl { direction: rtl; } html:not(.lt-ie10) .box-md-rtl > .box__left { padding-right: 0; padding-left: 30px; } html:not(.lt-ie10) .box-md-rtl > .box__right { padding-right: 30px; padding-left: 0; } html:not(.lt-ie10) .box-md-ltr { direction: ltr; } html:not(.lt-ie10) .box-md-ltr > .box__left { padding-right: 30px; padding-left: 0; } html:not(.lt-ie10) .box-md-ltr > .box__right { padding-right: 0; padding-left: 30px; } } @media (min-width: 1200px) { html:not(.lt-ie10) .box-lg > .box__left img, html:not(.lt-ie10) .box-lg > .box__right img { max-width: none; } html:not(.lt-ie10) .box-lg > .box__left, html:not(.lt-ie10) .box-lg > .box__right, html:not(.lt-ie10) .box-lg > .box__body { display: table-cell; vertical-align: top; } html:not(.lt-ie10) .box-lg > .box__left { padding-right: 30px; padding-bottom: 0; } html:not(.lt-ie10) .box-lg > .box__right { padding-left: 30px; padding-top: 0; } html:not(.lt-ie10) .box-lg-clear > .box__left img, html:not(.lt-ie10) .box-lg-clear > .box__right img { max-width: 100%; } html:not(.lt-ie10) .box-lg-clear > .box__left, html:not(.lt-ie10) .box-lg-clear > .box__right, html:not(.lt-ie10) .box-lg-clear .box__body { padding: 0; display: block; vert-align: top; } html:not(.lt-ie10) .box-lg-clear > .box__left { padding-bottom: 30px; } html:not(.lt-ie10) .box-lg-clear > .box__right { padding-top: 30px; } html:not(.lt-ie10) .box-lg-rtl { direction: rtl; } html:not(.lt-ie10) .box-lg-rtl > .box__left { padding-right: 0; padding-left: 30px; } html:not(.lt-ie10) .box-lg-rtl > .box__right { padding-right: 30px; padding-left: 0; } html:not(.lt-ie10) .box-lg-ltr { direction: ltr; } html:not(.lt-ie10) .box-lg-ltr > .box__left { padding-right: 30px; padding-left: 0; } html:not(.lt-ie10) .box-lg-ltr > .box__right { padding-right: 0; padding-left: 30px; } } .box .box__middle, html:not(.lt-ie10) .box .box__middle, .box-xs .box__middle, html:not(.lt-ie10) .box-xs .box__middle, .box-sm .box__middle, html:not(.lt-ie10) .box-sm .box__middle, .box-md .box__middle, html:not(.lt-ie10) .box-md .box__middle, .box-lg .box__middle, html:not(.lt-ie10) .box-lg .box__middle { vertical-align: middle; } .box .box__bottom, html:not(.lt-ie10) .box .box__bottom, .box-xs .box__bottom, html:not(.lt-ie10) .box-xs .box__bottom, .box-sm .box__bottom, html:not(.lt-ie10) .box-sm .box__bottom, .box-md .box__bottom, html:not(.lt-ie10) .box-md .box__bottom, .box-lg .box__bottom, html:not(.lt-ie10) .box-lg .box__bottom { vertical-align: bottom; } /* * @subsection Quote */ blockquote { position: relative; } blockquote::before { content: '\f10d'; position: absolute; font-size: 72px; font-family: "FontAwesome"; color: rgba(255, 255, 255, 0.2); top: 0; line-height: 1; left: 0; } /* * @subsection Pricing Box */ /* * @subsection Breadcrumbs */ /* * @subsection Post */ /* * @subsection List */ .list li + li { margin-top: 10px; } /* * @subsection Inline List */ .inline-list { -webkit-transform: translateY(-30px); transform: translateY(-30px); margin-bottom: -30px; margin-left: -45px; } .inline-list > li { display: inline-block; margin-top: 30px; margin-left: 45px; padding: 5px 14px; font-size: 10px; text-transform: uppercase; transition: .3s; letter-spacing: 0.36em; } .inline-list > li:hover { background-color: #fff; color: #5a585d; } .inline-list > li a:after { display: none; } /* * @subsection Marked List */ .marked-list { text-align: left; } .marked-list > li { position: relative; padding-left: 30px; } .marked-list > li:before { content: "\e008"; position: absolute; left: 0; top: 50%; font-weight: 400; font-size: 0.675em; font-family: "arrows"; color: #81bc00; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .marked-list > li + li { margin-top: 8px; } .marked-list > li > a:hover { color: #81bc00; } /* * @subsection Index List */ .index-list { counter-reset: li; } .index-list > li > .index-list__counter:before { content: counter(li, decimal-leading-zero) ""; counter-increment: li; font-size: 76px; font-weight: 400; letter-spacing: 0.36em; } .index-list > * + * { margin-top: 30px; } @media (min-width: 480px) { html:not(.lt-ie10) .index-list > .col-xs-1:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-2:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-3:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-4:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-5:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-6:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-7:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-8:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-9:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-10:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-11:nth-child(n), html:not(.lt-ie10) .index-list > .col-xs-12:nth-child(n) { margin-top: 0; } } @media (min-width: 480px) { html:not(.lt-ie10) .index-list > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .index-list > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .index-list > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .index-list > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .index-list > .col-xs-6:nth-child(n + 3), html:not(.lt-ie10) .index-list > .col-xs-12:nth-child(n + 2), html:not(.lt-ie10) .index-list > .col-xs-8.col-xs-preffix-2 { margin-top: 30px; } } @media (min-width: 768px) { html:not(.lt-ie10) .index-list > .col-sm-1:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-2:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-3:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-4:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-5:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-6:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-7:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-8:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-9:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-10:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-11:nth-child(n), html:not(.lt-ie10) .index-list > .col-sm-12:nth-child(n) { margin-top: 0; } } @media (min-width: 768px) { html:not(.lt-ie10) .index-list > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .index-list > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .index-list > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .index-list > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .index-list > .col-sm-6:nth-child(n + 3), html:not(.lt-ie10) .index-list > .col-sm-12:nth-child(n + 2), html:not(.lt-ie10) .index-list > .col-sm-8.col-sm-preffix-2 { margin-top: 30px; } } @media (min-width: 992px) { html:not(.lt-ie10) .index-list > .col-md-1:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-2:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-3:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-4:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-5:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-6:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-7:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-8:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-9:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-10:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-11:nth-child(n), html:not(.lt-ie10) .index-list > .col-md-12:nth-child(n) { margin-top: 0; } } @media (min-width: 992px) { html:not(.lt-ie10) .index-list > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .index-list > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .index-list > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .index-list > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .index-list > .col-md-6:nth-child(n + 3), html:not(.lt-ie10) .index-list > .col-md-12:nth-child(n + 2), html:not(.lt-ie10) .index-list > .col-md-8.col-md-preffix-2 { margin-top: 30px; } } @media (min-width: 1200px) { html:not(.lt-ie10) .index-list > .col-lg-1:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-2:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-3:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-4:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-5:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-6:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-7:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-8:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-9:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-10:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-11:nth-child(n), html:not(.lt-ie10) .index-list > .col-lg-12:nth-child(n) { margin-top: 0; } } @media (min-width: 1200px) { html:not(.lt-ie10) .index-list > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .index-list > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .index-list > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .index-list > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .index-list > .col-lg-6:nth-child(n + 3), html:not(.lt-ie10) .index-list > .col-lg-12:nth-child(n + 2), html:not(.lt-ie10) .index-list > .col-lg-8.col-lg-preffix-2 { margin-top: 30px; } } /* * @subsection Ordered List */ .ordered-list > li { padding-left: 20px; list-style-type: decimal; } /* * @subsection Terms List */ .terms-list > dt + dd { margin-top: 20px; } .terms-list > dd + dt { margin-top: 35px; } @media (min-width: 768px) { .terms-list > dd + dt { margin-top: 80px; } } /* * @subsection Contact Info */ .contact-info dl dt, .contact-info dl dd { display: inline-block; } .contact-info dl dt:after { content: ':'; } .contact-info dl dt { min-width: 80px; } /* * @subsection Counter */ /* * @subsection Thumb */ .isotope-item { width: 100%; } .thumb { position: relative; display: inline-block; overflow: hidden; width: 99.9999%; } .thumb > img { width: 100%; } .thumb__overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(50, 50, 50, 0.5); opacity: 0; text-align: center; transition: .3s all ease; } .thumb__overlay > * { vertical-align: middle; -webkit-transform: translateY(30px); transform: translateY(30px); transition: .3s all ease; } .thumb__overlay:before { content: '\f055'; display: inline-block; font-family: 'FontAwesome'; font-size: 50px; position: absolute; left: 50%; top: 50%; color: #81bc00; opacity: 0; transition: .6s; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .thumb:hover .thumb__overlay { opacity: 1; } .thumb:hover .thumb__overlay:before { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .thumb:hover .thumb__overlay > * { -webkit-transform: translateY(0); transform: translateY(0); } .thumb__overlay2 { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(50, 50, 50, 0.5); opacity: 0; text-align: center; transition: .3s all ease; } .thumb__overlay2 > * { vertical-align: middle; -webkit-transform: translateY(30px); transform: translateY(30px); transition: .3s all ease; } .thumb__overlay2:before { content: ''; display: inline-block; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; position: absolute; left: 50%; top: 50%; color: #fff; opacity: 0; transition: .6s; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .thumb:hover .thumb__overlay2 { opacity: 1; } .thumb:hover .thumb__overlay2:before { opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .thumb:hover .thumb__overlay2 > * { -webkit-transform: translateY(0); transform: translateY(0); } /* * @subsection Link */ .link { display: inline-block; } /* * @subsection Video */ .video { position: relative; padding-bottom: 59.64912%; } .video > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* * @subsection Buttons */ .btn { display: inline-block; text-align: center; white-space: nowrap; max-width: 100%; border-style: solid; overflow: hidden; text-overflow: ellipsis; border-radius: 40px; cursor: pointer; transition: .3s all ease; } .btn:before { float: left; vertical-align: middle; } .btn-xs { border-width: 2px; padding: 16px; font-size: 11px; } .btn-xs:before { font-size: 18.51573px; padding-right: 10px; } .btn-sm { border-width: 2px; padding: 22px; font-size: 13px; } .btn-sm:before { font-size: 17.95886px; padding-right: 10px; } .btn-md { border-width: 2px; padding: 24px 55px; font-size: 14px; } .btn-md:before { font-size: 19.76867px; padding-right: 10px; } .btn-lg { border-width: 2px; padding: 27px 75px; font-size: 14px; } .btn-lg:before { font-size: 34.38635px; padding-right: 20px; } .btn-xl { border-width: 2px; padding: 32px; font-size: 18px; } .btn-xl:before { font-size: 32.88978px; padding-right: 20px; } .btn-default { color: #323232; background: transparent; border-color: #ebebeb; } .btn-default:hover { background: #ebebeb; } .btn-default:active { background: #dedede; border-color: #dedede; } .btn-primary { color: #81bc00; background: transparent; border-color: #81bc00; } .btn-primary:hover, .btn-primary:active { background: #81bc00; color: #fff; } .btn.fa-facebook { color: #fff; background: #4569ae; border-color: #4569ae; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.11); } .btn.fa-facebook:hover, .btn.fa-facebook:active { background: #3e5e9c; border-color: #3e5e9c; } .btn.fa-facebook:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0.12); } .btn.fa-facebook:active { box-shadow: 0 0 0 rgba(0, 0, 0, 0.12); } .btn.fa-twitter { color: #fff; background: #5ea9dd; border-color: #5ea9dd; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.11); } .btn.fa-twitter:hover, .btn.fa-twitter:active { background: #499ed9; border-color: #499ed9; } .btn.fa-twitter:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0.12); } .btn.fa-twitter:active { box-shadow: 0 0 0 rgba(0, 0, 0, 0.12); } .btn.fa-pinterest { color: #fff; background: #cb2027; border-color: #cb2027; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.11); } .btn.fa-pinterest:hover, .btn.fa-pinterest:active { background: #b51d23; border-color: #b51d23; } .btn.fa-pinterest:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0.12); } .btn.fa-pinterest:active { box-shadow: 0 0 0 rgba(0, 0, 0, 0.12); } .btn-group { -webkit-transform: translateY(-30px); transform: translateY(-30px); margin-bottom: -30px; margin-left: -30px; } .btn-group .btn { margin-top: 30px; margin-left: 30px; } /* * @subsection Icons */ .icon { display: inline-block; text-align: center; } @media (min-width: 992px) { .icon-mod-1 { height: 104px; } } .icon-xs { line-height: 66px; font-size: 66px; border-width: 2px; } .icon-sm { line-height: 66px; font-size: 72px; border-width: 2px; } .icon-md { line-height: 79px; font-size: 76px; border-width: 2px; } .icon-lg { line-height: 86px; font-size: 66px; border-width: 2px; color:#81bc00; } @media (min-width: 1200px) { .icon-lg { font-size: 80px; } } .icon-xl { line-height: 104px; border-width: 2px; font-size: 80px; } @media (min-width: 1200px) { .icon-xl { font-size: 100px; } } .icon-xl-variant-1 { padding-left: 75px; position: relative; } .icon-xl-variant-1:before { font-size: 52px; position: absolute; left: 15px; top: 9px; } @media (min-width: 1200px) { .icon-xl-variant-1:before { font-size: 72px; left: 0; } } .icon-default { color: #303334; border-color: transparent; } .icon-primary { color: #81bc00; border-color: #81bc00; } a.icon-primary:hover { background: #fff; } .icon-xs.fa-facebook, .icon-sm.fa-facebook, .icon-md.fa-facebook, .icon-lg.fa-facebook, .icon-xl.fa-facebook { color: #FFF; background: #3B579D; } .icon-xs.fa-facebook:hover, .icon-sm.fa-facebook:hover, .icon-md.fa-facebook:hover, .icon-lg.fa-facebook:hover, .icon-xl.fa-facebook:hover { background: #344d8a; } .icon-xs.fa-twitter, .icon-sm.fa-twitter, .icon-md.fa-twitter, .icon-lg.fa-twitter, .icon-xl.fa-twitter { color: #FFF; background: #5EA9DD; } .icon-xs.fa-twitter:hover, .icon-sm.fa-twitter:hover, .icon-md.fa-twitter:hover, .icon-lg.fa-twitter:hover, .icon-xl.fa-twitter:hover { background: #499ed9; } .icon-xs.fa-google-plus, .icon-sm.fa-google-plus, .icon-md.fa-google-plus, .icon-lg.fa-google-plus, .icon-xl.fa-google-plus { color: #FFF; background: #DF4A32; } .icon-xs.fa-google-plus:hover, .icon-sm.fa-google-plus:hover, .icon-md.fa-google-plus:hover, .icon-lg.fa-google-plus:hover, .icon-xl.fa-google-plus:hover { background: #d63a21; } /* * @section Extensions * @description This section holds some of style declarations for necessary * scripts */ /* * @subsection RD Navbar * * @description Describes style declarations for RD Navbar extension * * @author Evgeniy Gusarov * @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a * @version 2.0.0 */ @-webkit-keyframes rd-navbar-slide-down { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes rd-navbar-slide-down { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes rd-navbar-slide-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes rd-navbar-slide-up { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } /* * @subsection General Styles */ .rd-navbar-wrap, .rd-navbar, .rd-navbar-brand, .rd-navbar-slogan, .rd-navbar-dropdown, .rd-navbar-megamenu, .rd-navbar-collapse-items, .brand-name, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-search-form-input, .rd-navbar-search-form-submit, .rd-navbar-search-toggle, .rd-navbar-live-search-results, .rd-navbar-search-form { transition: .3s all ease; } .rd-navbar { display: none; background: #81bc00; } @media (min-width: 768px) { .rd-navbar { background: transparent; } } .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #303334; display: none; } .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before { content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #303334; backface-visibility: hidden; border-radius: 2px; } .rd-navbar-toggle span { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rd-navbar-toggle span:before, .rd-navbar-toggle span:after { -webkit-transform-origin: 1.71429px center; transform-origin: 1.71429px center; -webkit-transform-origin: 1.71429px center; transform-origin: 1.71429px center; } .rd-navbar-toggle.active span { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-brand { position: relative; background-color:transparent; } @media (min-width: 768px) { .rd-navbar-brand { padding: 52px 20px 58px 20px; } } @media (min-width: 1200px) { .rd-navbar-brand { margin-left:none; } } .rd-navbar-brand .brand-name { color: #303334; font-size: 60px; line-height: 70px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .rd-navbar-brand .brand-name span:nth-child(2) { font-size: 20px; letter-spacing: 0.2em; } @media (min-width: 768px) { .rd-navbar-brand .brand-name span:nth-child(2) { position: absolute; background-color: #81bc00; left: 50%; top: 50%; padding: 0 20px; line-height: 1; transform: translate(-50%, -50%); } } .rd-navbar-collapse-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #5a585d; display: none; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -3px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { position: absolute; width: 6px; height: 6px; line-height: 6px; text-align: center; background: #5a585d; left: 50%; margin-left: -3px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { content: ''; } .rd-navbar-collapse-toggle span:before { bottom: 100%; margin-bottom: 3px; } .rd-navbar-collapse-toggle span:after { top: 100%; margin-top: 3px; } .rd-navbar-collapse-toggle.active span { -webkit-transform: scale(0.7); transform: scale(0.7); } .rd-navbar-collapse-toggle.active span:before { -webkit-transform: translateY(18px); transform: translateY(18px); } .rd-navbar-collapse-toggle.active span:after { -webkit-transform: translateY(-18px); transform: translateY(-18px); } .rd-navbar-dropdown { display: none; } .rd-navbar-megamenu { display: none; } .rd-navbar-search-toggle { display: inline-block; font: 400 18px/36px "FontAwesome"; } .rd-navbar-search-toggle, .rd-navbar-search-toggle:before, .rd-navbar-search-toggle:after { text-align: center; width: 36px; height: 36px; } .rd-navbar-search-toggle:before, .rd-navbar-search-toggle:after { position: absolute; left: 0; top: 0; } .rd-navbar-search-toggle:before { content: '\f002'; transition: .3s all ease; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .rd-navbar:not(.rd-navbar-fixed) .rd-navbar-search-toggle:after { content: '\f00d'; transition: .3s all ease; -webkit-transform: scale(0) rotate(-90deg); transform: scale(0) rotate(-90deg); } .rd-navbar:not(.rd-navbar-fixed) .rd-navbar-search-toggle.active:before { -webkit-transform: scale(0) rotate(90deg); transform: scale(0) rotate(90deg); } .rd-navbar:not(.rd-navbar-fixed) .rd-navbar-search-toggle.active:after { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .rd-navbar-fixed .rd-navbar-search-toggle, .rd-navbar-fixed .rd-navbar-search-toggle:before { width: 48px; line-height: 48px; } .rd-navbar-search-form-submit { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #5a585d; text-align: center; font-size: 24px; } .rd-navbar-search-form-submit:before { content: "\f002"; font-weight: 400; font-family: "FontAwesome"; } .rd-navbar-search-form-submit.active { -webkit-transform: scale(0.7); transform: scale(0.7); } .rd-navbar-search-form-input { display: block; } .rd-navbar-live-search-results { position: absolute; left: 4px; right: 4px; padding: 16px 8px 8px; top: 100%; font-size: 16px; line-height: 34px; color: #333; background: #FFF; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); opacity: 0; visibility: hidden; text-align: left; z-index: 998; } .rd-navbar-live-search-results .search-quick-result { padding-left: 8px; font-size: 14px; line-height: 30px; color: #757575; } .rd-navbar-live-search-results .search_list { margin-top: 4px; font-size: 16px; line-height: 30px; } .rd-navbar-live-search-results .search_list li + li { margin-top: 2px; } .rd-navbar-live-search-results .search_list .search_list li + li:last-child { margin-top: 8px; border-top: 1px solid #EBEBEB; padding-top: 7px; } .rd-navbar-live-search-results .search_link { display: block; padding: 8px; color: #757575; border-radius: 2px; } .rd-navbar-live-search-results .search_link:hover { background: #F7F7F7; } .rd-navbar-live-search-results .search_link p { margin-top: 0; font-size: 14px; display: none; } .rd-navbar-live-search-results .search_title { color: #212121; font-weight: 400; } .rd-navbar-live-search-results .search_submit { display: block; text-align: center; padding: 8px; font-weight: 700; color: #81bc00; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .rd-navbar-live-search-results .search_submit:hover { background: #F7F7F7; } .rd-navbar-live-search-results.active { visibility: visible; opacity: 1; } @media (min-width: 1200px) { .rd-navbar-live-search-results .search_link p { display: block; } } .rd-navbar-live-search-results { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .rd-navbar-live-search-results.active { -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar--has-sidebar body { padding-left: 270px; } .rd-navbar--is-stuck { box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); background-color: #000; padding-top: 15px; padding-bottom: 15px; } .rd-navbar--is-stuck .rd-navbar-brand { padding: 0px 20px 0px 20px; } .rd-navbar--is-stuck.rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar--is-stuck.rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar--is-stuck.rd-navbar-fullwidth .rd-navbar-nav > li.active > a, .rd-navbar--is-stuck.rd-navbar-fullwidth .rd-navbar-nav > li.active > a { color: #5a585d; } .rd-navbar--is-stuck.rd-navbar-static .rd-navbar-nav > li a:hover, .rd-navbar--is-stuck.rd-navbar-static .rd-navbar-nav > li a:hover, .rd-navbar--is-stuck.rd-navbar-fullwidth .rd-navbar-nav > li a:hover, .rd-navbar--is-stuck.rd-navbar-fullwidth .rd-navbar-nav > li a:hover { background-color: #fff; color: #81bc00; } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar.rd-navbar--is-stuck.rd-navbar--loading { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* * @subsection Hybrid Styles */ .rd-navbar-static, .rd-navbar-sidebar, .rd-navbar-fullwidth { position: relative; z-index: 10; } .rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-sidebar .rd-navbar-search-form-input, .rd-navbar-fullwidth .rd-navbar-search-form-input { display: block; } .rd-navbar-static .rd-navbar-search-form-input input, .rd-navbar-sidebar .rd-navbar-search-form-input input, .rd-navbar-fullwidth .rd-navbar-search-form-input input { display: block; width: 100%; padding: 7px 40px 7px 18px; height: 48px; font-size: 16px; line-height: 34px; color: #5a585d; background: #81bc00; } .rd-navbar-static .rd-navbar-search-form-submit, .rd-navbar-sidebar .rd-navbar-search-form-submit, .rd-navbar-fullwidth .rd-navbar-search-form-submit { position: absolute; top: 0; right: 0; } .rd-navbar-static:after, .rd-navbar-fullwidth:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; } .rd-navbar-static .rd-navbar-brand, .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-brand, .rd-navbar-fullwidth .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-search-toggle { position: relative; z-index: 2; } .rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-fullwidth .rd-navbar-nav-wrap { padding-right: 20px; padding-left: 20px; } .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a { display: block; padding: 5px 15px; font-size: 12px; line-height: 20px; letter-spacing: 0.35em; text-transform: uppercase; } .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover { background: #81bc00; } .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { color: #81bc00; background: transparent; } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > ul, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > ul { box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu li, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu li { font-size: 10px; line-height: 30px; } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu { opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); transform: translateY(30px); } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.focus > .rd-navbar-dropdown { display: block; } .rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner { position: relative; max-width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner { padding-right: 15px; } } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown { display: block; position: absolute; text-align: left; margin-top: 22px; left: 50%; margin-left: -81.5px; width: 163px; background: #81bc00; z-index: 5; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown { background: #81bc00; padding: 23px 0; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown { padding: 15px 0px; position: absolute; top: -15px; left: 100%; margin-left: 5px; width: 187px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown > li > a { padding: 3px 22px 4px; text-transform: none; } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a { display: block; padding: 3px 30px; font-size: 14px; font-weight: 400; text-transform: none; color: #fff; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover { color: #81bc00; background: #fff; } .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a { color: #81bc00; background: #fff; } .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu { display: table; position: absolute; text-align: left; right: 15px; left: 15px; border-spacing: 31px 25px; table-layout: fixed; width: 100%; margin-top: 10px; max-width: 100%; background: #303334; z-index: 4; } .rd-navbar-static .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu > li { position: relative; display: table-cell; } .rd-navbar-static .rd-navbar-megamenu > li > p, .rd-navbar-fullwidth .rd-navbar-megamenu > li > p { font-weight: 400; text-transform: uppercase; color: #fff; } .rd-navbar-static .rd-navbar-megamenu > li > ul, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul { padding: 8px 9px; } .rd-navbar-static .rd-navbar-megamenu > li > ul li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul li + li { margin-top: 5px; } .rd-navbar-static .rd-navbar-megamenu > li > ul a, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a { display: inline-block; color: #5a585d; background: transparent; } .rd-navbar-static .rd-navbar-megamenu > li > ul a:hover, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a:hover { color: #81bc00; background: transparent; } .rd-navbar-static .rd-navbar-megamenu > li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li + li { padding-left: 10px; } .rd-navbar-static .rd-navbar-megamenu > li + li:before, .rd-navbar-fullwidth .rd-navbar-megamenu > li + li:before { content: ''; position: absolute; top: 30px; bottom: 30px; width: 1px; right: 100%; margin-right: 17px; background: #424648; } .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-clone { display: none; -webkit-transform: translateY(-110%); transform: translateY(-110%); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck { -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar-static .rd-navbar-search-form, .rd-navbar-fullwidth .rd-navbar-search-form { visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; padding: 5px 15px; z-index: 1; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .rd-navbar-static .rd-navbar-search-form:before, .rd-navbar-fullwidth .rd-navbar-search-form:before { position: absolute; content: ''; top: 0; left: 50%; bottom: 0; width: 5000px; -webkit-transform: translate(-50%); transform: translate(-50%); } .rd-navbar-static .rd-navbar-search-form:before, .rd-navbar-fullwidth .rd-navbar-search-form:before { right: 100%; } .rd-navbar-static .rd-navbar-search-form:after, .rd-navbar-fullwidth .rd-navbar-search-form:after { left: 100%; } .rd-navbar-static .rd-navbar-search-form:before, .rd-navbar-fullwidth .rd-navbar-search-form:before { background: #f6f6f6; box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.11); } .rd-navbar-static .rd-navbar-search-form-submit, .rd-navbar-fullwidth .rd-navbar-search-form-submit { right: 15px; margin-top: 5px; -webkit-transform: scale(0.7); transform: scale(0.7); } .rd-navbar-static .rd-navbar-search-form-input, .rd-navbar-fullwidth .rd-navbar-search-form-input { position: relative; } .rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-search-toggle { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #303334; } .rd-navbar-static .rd-navbar-search-toggle:hover, .rd-navbar-fullwidth .rd-navbar-search-toggle:hover { color: #81bc00; } .rd-navbar-static .rd-navbar-search.active .rd-navbar-search-form, .rd-navbar-fullwidth .rd-navbar-search.active .rd-navbar-search-form { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); } .rd-navbar-static .rd-navbar-live-search-results, .rd-navbar-fullwidth .rd-navbar-live-search-results { top: calc(100% + 56px); z-index: 0; } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 999; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-collapse, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-collapse, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-collapse, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-collapse { display: none; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > li > a { padding: 8px 10px 8px; } .rd-navbar-static .rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar--has-dropdown { position: relative; } .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-clone { display: block; position: fixed; top: 0; left: 0; right: 0; } .rd-navbar-fixed .rd-navbar-collapse-toggle, .rd-navbar-sidebar .rd-navbar-collapse-toggle { display: inline-block; z-index: 1; } .rd-navbar-fixed .rd-navbar-collapse-items, .rd-navbar-sidebar .rd-navbar-collapse-items { position: absolute; width: 260px; padding: 25px 15px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); color: #5a585d; background: #81bc00; font-size: 16px; line-height: 34px; } .rd-navbar-fixed .rd-navbar-collapse-items li > *, .rd-navbar-sidebar .rd-navbar-collapse-items li > * { vertical-align: middle; } .rd-navbar-fixed .rd-navbar-collapse-items li + li, .rd-navbar-sidebar .rd-navbar-collapse-items li + li { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-collapse-items .icon, .rd-navbar-fixed .rd-navbar-collapse-items a, .rd-navbar-sidebar .rd-navbar-collapse-items .icon, .rd-navbar-sidebar .rd-navbar-collapse-items a { display: inline-block; font-size: 16px; line-height: 30px; } .rd-navbar-fixed .rd-navbar-collapse-items .icon, .rd-navbar-fixed .rd-navbar-collapse-items a[class*="fa"]:before, .rd-navbar-sidebar .rd-navbar-collapse-items .icon, .rd-navbar-sidebar .rd-navbar-collapse-items a[class*="fa"]:before { display: inline-block; width: 30px; height: 30px; padding-right: 5px; } .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar { position: fixed; width: 270px; height: 100%; left: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 16px; line-height: 34px; color: #5a585d; background: #81bc00; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); z-index: 998; padding: 10px 4px; } .rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after, .rd-navbar-sidebar:before, .rd-navbar-sidebar:after { content: ''; display: block; height: 56px; } .rd-navbar-fixed .rd-navbar-nav::-webkit-scrollbar, .rd-navbar-sidebar::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav::-webkit-scrollbar-thumb, .rd-navbar-sidebar::-webkit-scrollbar-thumb { background: #81bc00; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav::-webkit-scrollbar-track, .rd-navbar-sidebar::-webkit-scrollbar-track { background: #81bc00; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav p, .rd-navbar-sidebar .rd-navbar-nav p { font-weight: 700; color: #303334; padding: 5px 40px 5px 15px; } .rd-navbar-fixed .rd-navbar-nav p > a, .rd-navbar-sidebar .rd-navbar-nav p > a { display: block; color: #5a585d; margin: -5px -40px -5px -15px; font-weight: 400; padding: 5px 40px 5px 15px; } .rd-navbar-fixed .rd-navbar-nav p > a:hover, .rd-navbar-sidebar .rd-navbar-nav p > a:hover { color: #81bc00; background: #fff; text-decoration: none; } .rd-navbar-fixed .rd-navbar-nav li, .rd-navbar-sidebar .rd-navbar-nav li { position: relative; } .rd-navbar-fixed .rd-navbar-nav li li > a, .rd-navbar-sidebar .rd-navbar-nav li li > a { padding-left: 20px; } .rd-navbar-fixed .rd-navbar-nav li > a, .rd-navbar-sidebar .rd-navbar-nav li > a { position: relative; display: block; padding: 5px 40px 5px 15px; } .rd-navbar-fixed .rd-navbar-nav li > a:first-letter, .rd-navbar-sidebar .rd-navbar-nav li > a:first-letter { text-transform: uppercase; } .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-sidebar .rd-navbar-nav li.active > a { color: #5a585d; background: #f2f2f2; } .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li > a:hover, .rd-navbar-sidebar .rd-navbar-nav li.focus > a, .rd-navbar-sidebar .rd-navbar-nav li > a:hover { color: #81bc00; background: #fff; } .rd-navbar-fixed .rd-navbar-nav li + li, .rd-navbar-fixed .rd-navbar-nav li > img + a, .rd-navbar-fixed .rd-navbar-nav li > a + a, .rd-navbar-fixed .rd-navbar-nav li > a + ul, .rd-navbar-sidebar .rd-navbar-nav li + li, .rd-navbar-sidebar .rd-navbar-nav li > img + a, .rd-navbar-sidebar .rd-navbar-nav li > a + a, .rd-navbar-sidebar .rd-navbar-nav li > a + ul { margin-top: 4px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a { padding-left: 20px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown ul > li > a, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown ul > li > a { padding-left: 25px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu > .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu > .rd-navbar-megamenu, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu > .rd-navbar-dropdown { display: none; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu.focus > .rd-navbar-megamenu, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-submenu.focus > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-navbar-search-form-submit, .rd-navbar-sidebar .rd-navbar-search-form-submit { -webkit-transform: scale(0.7); transform: scale(0.7); } /* * Static Layout */ .rd-navbar-static { display: block; } .rd-navbar-static .rd-navbar-panel, .rd-navbar-static .rd-navbar-nav-wrap { display: table-cell; vertical-align: middle; } .rd-navbar-static .rd-navbar-panel { text-align: left; min-width: 300px; } .rd-navbar-static .rd-navbar-nav-wrap { width: 100%; text-align: right; } .rd-navbar-static .rd-navbar-nav { margin-left: -28px; } .rd-navbar-static .rd-navbar-nav > li { display: inline-block; margin-left: 10px; } .rd-navbar-static .rd-navbar-static--visible { display: block; } .rd-navbar-static .rd-navbar-static--hidden { display: none; } /* * Fullwidth Layout */ .rd-navbar-fullwidth { display: block; } .rd-navbar-fullwidth .rd-navbar-inner { padding-right: 0; padding-left: 0; } .rd-navbar-fullwidth .rd-navbar-panel { text-align: center; padding: 40px 0; } .rd-navbar-fullwidth .rd-navbar-nav-wrap { position: relative; } .rd-navbar-fullwidth .rd-navbar-nav-wrap .rd-navbar-megamenu { left: 0; right: 0; } .rd-navbar-fullwidth .rd-navbar-search-toggle { right: 0; } .rd-navbar-fullwidth .rd-navbar-nav { width: 100%; display: table; table-layout: fixed; } .rd-navbar-fullwidth .rd-navbar-nav > li { display: table-cell; } .rd-navbar-fullwidth .rd-navbar-nav > li > a { display: block; text-align: center; padding: 20px; } .rd-navbar-fullwidth.rd-navbar--is-stuck { -webkit-transform: translateY(-120px); transform: translateY(-120px); } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel { display: none; } .rd-navbar-fullwidth .rd-navbar-fullwidth--visible { display: block; } .rd-navbar-fullwidth .rd-navbar-fullwidth--hidden { display: none; } /* * Fixed Layout */ html.rd-navbar-fixed-linked body { padding-top: 56px; } .rd-navbar-fixed { display: block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; display: inline-block; width: calc(100% - 56px); padding: 0 0 0 16px; } .rd-navbar-fixed .rd-navbar-brand .brand-name { display: inline-block; font-size: 20px; line-height: 48px; } .rd-navbar-fixed .rd-navbar-brand .brand-name span:nth-child(2) { padding: 0; left: 0; line-height: inherit; position: relative; transform: translate(0, 0); } .rd-navbar-fixed .rd-navbar-brand .brand-slogan { display: none; } .rd-navbar-fixed .rd-navbar-panel { display: block; position: fixed; left: 0; top: 0; right: 0; padding: 10px; height: 123px; color: #5a585d; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); z-index: 999; } .rd-navbar-fixed .rd-navbar-panel:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-collapse { right: 4px; z-index: 1000; } .rd-navbar-fixed .rd-navbar-collapse-items { top: 100%; right: 0; margin-top: 8px; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; } .rd-navbar-fixed .rd-navbar-collapse.active .rd-navbar-collapse-items { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar-fixed .rd-navbar-search-form, .rd-navbar-fixed .rd-navbar-search-toggle { right: 4px; } .rd-navbar-fixed .rd-navbar-search-form, .rd-navbar-fixed .rd-navbar-search .rd-navbar-live-search-results { position: fixed; margin-right: 0; margin-left: auto; } .rd-navbar-fixed .rd-navbar-search .rd-navbar-live-search-results { top: 56px; } .rd-navbar-fixed .rd-navbar-search-form { top: 0; left: 56px; height: 56px; z-index: 1000; } .rd-navbar-fixed .rd-navbar-search-form-input { padding: 8px 0; visibility: hidden; opacity: 0; height: 56px; background: #81bc00; transition: .3s all ease; z-index: 1; } .rd-navbar-fixed .rd-navbar-search-form-input input { display: block; width: 100%; padding: 0 48px 0 20px; height: 40px; font-size: 16px; line-height: 34px; color: #5a585d; background: #81bc00; } .rd-navbar-fixed .rd-navbar-search-form-submit { position: absolute; top: 4px; right: 0; opacity: 0; visibility: hidden; } .rd-navbar-fixed .rd-navbar-search-toggle.active { opacity: 0; visibility: hidden; } .rd-navbar-fixed .rd-navbar-search.active .rd-navbar-search-form-input, .rd-navbar-fixed .rd-navbar-search.active .rd-navbar-search-form-submit { opacity: 1; visibility: visible; } @media (min-width: 992px) { .rd-navbar-fixed .rd-navbar-search-form, .rd-navbar-fixed .rd-navbar-search .rd-navbar-live-search-results { max-width: 340px; } .rd-navbar-fixed .rd-navbar-search .rd-navbar-live-search-results { right: 4px; } } @media (min-width: 480px) { .rd-navbar-fixed .rd-navbar-search .rd-navbar-brand .brand-name { font-size: 24px; } } .rd-navbar-fixed .rd-navbar-nav { -webkit-transform: translateX(-270px); transform: translateX(-270px); } .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover { color: #81bc00; background: #fff; } .rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle:hover { cursor: pointer; color: #666; } .rd-navbar-fixed .rd-navbar-nav li .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li .rd-navbar-megamenu { transition: .3s all ease; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-navbar-nav li.opened > a { background: #fff; color: #81bc00; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle { position: absolute; top: 17px; right: 0; margin-top: -17.5px; width: 55px; height: 44px; font: 400 10px "FontAwesome"; line-height: 40px; text-align: center; transition: 0.4s all ease; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after { content: '\f078'; } .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-search-toggle { position: fixed; top: 4px; height: 48px; z-index: 1000; } .rd-navbar-fixed.active .rd-navbar-nav { -webkit-transform: translateX(0); transform: translateX(0); } @media (max-width: 1199px) { .rd-navbar-fixed.rd-navbar--on-search .brand-name { opacity: 0; visibility: hidden; -webkit-transform: scale(0.7); transform: scale(0.7); } } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed.rd-navbar--is-clone .rd-navbar-panel { -webkit-transform: translateY(-110%); transform: translateY(-110%); } .rd-navbar-fixed.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel { -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } /* * Sidebar Layout */ html.rd-navbar-sidebar-linked body { padding-left: 270px; } .rd-navbar-sidebar { display: block; } .rd-navbar-sidebar .rd-navbar-nav li:hover > a, .rd-navbar-sidebar .rd-navbar-nav li:hover > a:hover, .rd-navbar-sidebar .rd-navbar-nav li.focus > a, .rd-navbar-sidebar .rd-navbar-nav li.focus > a:hover { color: #81bc00; background: #fff; } .rd-navbar-sidebar .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-sidebar .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle:hover, .rd-navbar-sidebar .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle:hover { cursor: pointer; background: #FFF; color: #666; } .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-nav li .rd-navbar-megamenu { transition: .3s all ease; } .rd-navbar-sidebar .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-nav li.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-sidebar .rd-navbar-nav li.opened > a { background: #fff; color: #81bc00; } .rd-navbar-sidebar .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle { color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-submenu-toggle { position: absolute; top: 22px; right: 11px; margin-top: -17.5px; width: 32px; height: 32px; font: 400 10px "FontAwesome"; line-height: 32px; text-align: center; border-radius: 50%; transition: 0.4s all ease; background: rgba(0, 0, 0, 0.1); } .rd-navbar-sidebar .rd-navbar-submenu-toggle::after { content: '\f078'; } .rd-navbar-sidebar .rd-navbar-brand { text-align: center; margin-bottom: 28px; padding: 10%; } .rd-navbar-sidebar .rd-navbar-brand .brand-name { font-size: 47px; } .rd-navbar-sidebar .rd-navbar-search { position: relative; margin-bottom: 10px; } .rd-navbar-sidebar .rd-navbar-search-toggle { display: none; } .rd-navbar-sidebar .rd-navbar-search label { display: block; } .rd-navbar-sidebar .rd-navbar-search.active .rd-navbar-search-form-input { opacity: 1; visibility: visible; } .rd-navbar-sidebar .rd-navbar-live-search-results { -webkit-transform: translateY(30px); transform: translateY(30px); } .rd-navbar-sidebar .rd-navbar-live-search-results.active { -webkit-transform: translateY(0); transform: translateY(0); } .rd-navbar-sidebar .rd-navbar-live-search-results .search_link p { display: none; } .rd-navbar-sidebar .rd-navbar-collapse-items { top: 0; left: 0; padding-top: 45px; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; visibility: hidden; } .rd-navbar-sidebar .rd-navbar-collapse { position: absolute; top: 4px; left: 4px; display: inline-block; z-index: 1; } .rd-navbar-sidebar .rd-navbar-collapse.active .rd-navbar-collapse-items { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .rd-navbar-sidebar .rd-navbar-sidebar--visible { display: block; } .rd-navbar-sidebar .rd-navbar-sidebar--hidden { display: none; } /* * @subsection Page boxed layout style redeclaration * * @description Redefines navbar style inside boxed layout * * @see ../modules/_page-layouts.scss */ html.boxed.rd-navbar--has-sidebar body { padding-left: 300px; padding-right: 30px; } html.boxed .rd-navbar--is-clone { max-width: 1920px; margin-left: auto; margin-right: auto; } /* * @subsection RD Mail Form * * @description Describes style declarations for RD Mail Form extension * * @author Evgeniy Gusarov * @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a * @version 1.1.2 */ .rd-mailform { position: relative; text-align: left; margin-left: auto; margin-right: auto; } .rd-mailform fieldset { border: none; } .rd-mailform fieldset > .row + .row { margin-top: 30px; } .rd-mailform .btn-primary { background-color: #81bc00; color: #fff; border-color: #81bc00; } .rd-mailform .btn-primary:hover { background-color: #fff; color: #81bc00; } .rd-mailform label { position: relative; display: block; width: 100%; margin-top: 37px; } .rd-mailform label:first-child { margin-top: 0; } .rd-mailform label input, .rd-mailform label select { height: 74px; } .rd-mailform label input, .rd-mailform label select, .rd-mailform label textarea { display: block; width: 100%; margin: 0; -webkit-appearance: none; font-size: 15px; padding: 19px 60px; line-height: 34px; color: #5a585d; background: none; border: 1px solid #5a585d; border-radius: 40px; } .rd-mailform label input:-moz-placeholder, .rd-mailform label select:-moz-placeholder, .rd-mailform label textarea:-moz-placeholder { color: #5a585d; opacity: 1; } .rd-mailform label input::-webkit-input-placeholder, .rd-mailform label select::-webkit-input-placeholder, .rd-mailform label textarea::-webkit-input-placeholder { color: #5a585d; opacity: 1; } .rd-mailform label input::-moz-placeholder, .rd-mailform label select::-moz-placeholder, .rd-mailform label textarea::-moz-placeholder { color: #5a585d; opacity: 1; } .rd-mailform label input:-ms-input-placeholder, .rd-mailform label select:-ms-input-placeholder, .rd-mailform label textarea:-ms-input-placeholder { color: #5a585d; opacity: 1; } .rd-mailform label textarea { resize: vertical; overflow: auto; min-height: 74px; height: 331px; max-height: 496.5px; } @media (min-width: 768px) { .rd-mailform label { margin-top: 30px; } } /* * MF Controls */ * + .mfControls { margin-top: 97px; } .mfControls { padding-left: 15px; } @media (min-width: 768px) { .mfControls { padding-left: 0; } } @-webkit-keyframes fout { 0% { -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } 100% { -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); } } @keyframes fout { 0% { -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } 100% { -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); } } /* * MF Placeholder */ .mfPlaceHolder { cursor: text; position: absolute; left: 0; top: 0; padding: 19px 60px; font-weight: inherit; font-size: 15px; line-height: 34px; color: #5a585d; opacity: 1; transition: .2s all ease; } *:-webkit-autofill ~ .mfPlaceHolder { opacity: .4; } .mfPlaceHolder.state-1 { opacity: .0; } *:-webkit-autofill ~ .mfPlaceHolder { display: none; } .mfInput.filled .mfPlaceHolder.state-1 { display: none; } /* * MF Validation */ .mfValidation { position: absolute; top: 0; padding-left: 60px; right: 30px; color: #f00; font-weight: inherit; font-size: 9px; line-height: 20px; opacity: 0; visibility: hidden; z-index: 997; pointer-events: none; transition: .3s all ease; } .mfValidation.show { opacity: 1; visibility: visible; } .mfValidation.hide, .mfValidation.valid { opacity: 0; visibility: hidden; } /* * MF Submit */ .mfInfo, .mfProgress { position: fixed; left: 15px; bottom: 15px; padding: 17px; height: 54px; color: #FFF; background: #111; border-radius: 40px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); line-height: 20px; font-size: 13px; transition: .3s all ease; opacity: 0; visibility: hidden; -webkit-transform: translateY(83px); transform: translateY(83px); z-index: 999; } .mfInfo .loader, .mfProgress .loader { display: inline-block; position: relative; margin-right: 16px; } .mfInfo .loader, .mfInfo .loader:before, .mfInfo .loader:after, .mfProgress .loader, .mfProgress .loader:before, .mfProgress .loader:after { width: 20px; height: 20px; line-height: 20px; } .mfInfo .loader:before, .mfInfo .loader:after, .mfProgress .loader:before, .mfProgress .loader:after { content: ''; position: absolute; top: 0; left: 0; } .mfInfo .loader:before, .mfProgress .loader:before { -webkit-animation: mfLoader 1.1s infinite linear; animation: mfLoader 1.1s infinite linear; border: 2px solid #FFF; border-top-color: transparent; border-radius: 50%; opacity: 1; visibility: visible; transition: .3s all ease; } .mfInfo .loader:after, .mfProgress .loader:after { opacity: 0; visibility: hidden; font-weight: 400; font-family: "FontAwesome"; font-size: 20px; transition: .6s all ease; -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); } .mfInfo.fail, .mfProgress.fail { background: #F34234; } .mfInfo.fail .loader:after, .mfProgress.fail .loader:after { content: '\f00d'; } .mfInfo.success, .mfProgress.success { background: #2E7D32; } .mfInfo.success .loader:after, .mfProgress.success .loader:after { content: '\f00c'; } .mfInfo.fail .loader:before, .mfInfo.success .loader:before, .mfProgress.fail .loader:before, .mfProgress.success .loader:before { opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); } .mfInfo.fail .loader:after, .mfInfo.success .loader:after, .mfProgress.fail .loader:after, .mfProgress.success .loader:after { opacity: 1; visibility: visible; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .mfInfo.fail, .mfInfo.success, .mfInfo.sending, .mfProgress.fail, .mfProgress.success, .mfProgress.sending { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } @media (min-width: 768px) { .mfInfo, .mfProgress { bottom: 24px; left: 50%; -webkit-transform: translate(-50%, 83px); transform: translate(-50%, 83px); } .mfInfo.fail, .mfInfo.success, .mfInfo.sending, .mfProgress.fail, .mfProgress.success, .mfProgress.sending { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @-webkit-keyframes mfLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mfLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* * MF Icon */ .mfInput[data-add-icon] input, .mfInput[data-add-icon] .mfPlaceHolder { padding-right: 44px; } .mfIcon { position: absolute; text-align: center; top: 25px; right: 10px; width: 24px; height: 24px; line-height: 24px; color: #323232; font: 400 20px/24px "FontAwesome"; } .mfIcon span:before, .mfIcon span:after { position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -10px; transition: .4s all ease-in-out; } .mfIcon span:before { content: ""; } .mfIcon span:after { content: ""; -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); -webkit-animation: zoom-out 0.4s ease-in-out 1 forwards; animation: zoom-out 0.4s ease-in-out 1 forwards; } .mfIcon.state-1:after { content: ""; position: absolute; bottom: -1px; width: 0; height: 1px; background: #323232; -webkit-animation: line 1.2s 0.4s infinite; animation: line 1.2s 0.4s infinite; } .mfIcon.state-1 span:before { -webkit-transform: scale(0) rotate(90deg); transform: scale(0) rotate(90deg); } .mfIcon.state-1 span:after { -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); -webkit-animation: zoom-in-state-1 .4s ease-in-out 1 forwards, anim-1 1.2s .3s infinite, anim-2 .6s .3s infinite; animation: zoom-in-state-1 .4s ease-in-out 1 forwards, anim-1 1.2s .3s infinite, anim-2 .6s .3s infinite; } .mfIcon.state-2 span:before { content: ""; -webkit-transform: scale(0) rotate(90deg); transform: scale(0) rotate(90deg); } .mfIcon.state-2 span:after { -webkit-transform: scale(1) rotate(-210deg); transform: scale(1) rotate(-210deg); -webkit-animation: zoom-in-state-2 .4s ease-in-out 1 forwards, anim-3 .6s .4s infinite; animation: zoom-in-state-2 .4s ease-in-out 1 forwards, anim-3 .6s .4s infinite; } @-webkit-keyframes anim-1 { 0% { left: 50%; } 100% { left: 90%; } } @keyframes anim-1 { 0% { left: 50%; } 100% { left: 90%; } } @-webkit-keyframes anim-2 { 0% { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 25% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 50% { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 75% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } } @keyframes anim-2 { 0% { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 25% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 50% { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 75% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } } @-webkit-keyframes anim-3 { 0% { -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } 50% { -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; } 100% { -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } } @keyframes anim-3 { 0% { -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } 50% { -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; } 100% { -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } } @-webkit-keyframes zoom-out { 0% { -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } 100% { -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } } @keyframes zoom-out { 0% { -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } 100% { -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } } @-webkit-keyframes zoom-in-state-1 { 0% { -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } 100% { -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } } @keyframes zoom-in-state-1 { 0% { -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } 100% { -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } } @-webkit-keyframes zoom-in-state-2 { 0% { -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); } 100% { left: 50%; -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); } } @keyframes zoom-in-state-2 { 0% { -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); } 100% { left: 50%; -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); } } @-webkit-keyframes line { 0% { left: 40%; } 100% { left: 40%; width: 40%; } } @keyframes line { 0% { left: 40%; } 100% { left: 40%; width: 40%; } } .mfInput input[name='phone'] ~ .mfIcon span:before, .mfInput select[name='phone'] ~ .mfIcon span:before, .mfInput textarea[name='phone'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='email'] ~ .mfIcon span:before, .mfInput select[name='email'] ~ .mfIcon span:before, .mfInput textarea[name='email'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='name'] ~ .mfIcon span:before, .mfInput select[name='name'] ~ .mfIcon span:before, .mfInput textarea[name='name'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='date'] ~ .mfIcon span:before, .mfInput select[name='date'] ~ .mfIcon span:before, .mfInput textarea[name='date'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='guests'] ~ .mfIcon span:before, .mfInput select[name='guests'] ~ .mfIcon span:before, .mfInput textarea[name='guests'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='message'] ~ .mfIcon, .mfInput select[name='message'] ~ .mfIcon, .mfInput textarea[name='message'] ~ .mfIcon { display: none; } .mfInput input:-webkit-autofill ~ .mfIcon span:before, .mfInput textarea:-webkit-autofill ~ .mfIcon span:before { color: #2D2D2D; } /* * MF Select */ .mfSelect { position: relative; } .mfSelect select { padding: 0px 1px 1px 0; z-index: -9999999; border: medium none; } .mfSelect .dropdown { position: absolute; top: 100%; left: 0; width: 100%; padding-top: 5px; padding-bottom: 5px; margin-top: 15px; max-height: 300px; opacity: 0; visibility: hidden; border: 1px solid #888; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.11); transition: .3s all ease-in-out; outline: none; -webkit-appearance: none; font-weight: inherit; line-height: 34px; border: 1px solid #5a5a5a; background: #fff; color: #5a5a5a; border-radius: 4px; z-index: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } .mfSelect .dropdown .option { position: relative; z-index: 1; text-transform: none; cursor: pointer; padding: 10px 15px; overflow: hidden; transition: .4s all ease-in-out; transition-delay: .2s; font-size: 16px; line-height: 30px; } .mfSelect .dropdown .option.selected { background: #f2f2f2; color: #5a585d; } .mfSelect .dropdown .option:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #81bc00; opacity: 0; z-index: -1; transition: .4s all ease-in-out; -webkit-transform: translate(-20%, -50%); transform: translate(-20%, -50%); } .mfSelect .dropdown .option:before { content: '\f00c'; position: absolute; display: inline-block; left: 15px; color: #fff; font: 400 20px "FontAwesome"; line-height: inherit; transition: .4s all ease-in-out; -webkit-transform: scale(0) rotate(-60deg); transform: scale(0) rotate(-60deg); } .mfSelect .dropdown .option:hover { color: #fff; padding-left: 40px; transition-delay: 0s; } .mfSelect .dropdown .option:hover:before { transition-delay: .15s; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .mfSelect .dropdown .option:hover:after { width: 500px; height: 500px; opacity: 1; } .mfSelect .dropdown:before { content: ''; position: absolute; bottom: 100%; left: 14px; width: 0; height: 0; border-style: solid; border-width: 0 7px 8px 7px; border-color: transparent transparent #5a5a5a transparent; } .mfSelect .dropdown:after { content: ''; position: absolute; bottom: 100%; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #FFF transparent; } .mfSelect .value { cursor: pointer; transition: .4s all ease-in-out; font-size: 15px; padding: 19px 60px; line-height: 34px; color: #5a585d; background: none; border: 1px solid #5a585d; border-radius: 40px; } .mfSelect .value:before, .mfSelect .value:after { position: absolute; right: 12px; top: 25px; width: 24px; height: 24px; font: 400 20px "FontAwesome"; line-height: 24px; color: #323232; text-align: center; transition: .4s all ease; } .mfSelect .value:before { content: '\f0c9'; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .mfSelect .value:after { content: '\f107'; font-size: 24px; -webkit-transform: rotate(-180deg) scale(0); transform: rotate(-180deg) scale(0); } .mfSelect.show .dropdown { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .mfSelect.show .value { background: #fff; color: #5a585d; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); } .mfSelect.show .value:before, .mfSelect.show .value:after { color: #5a585d; } .mfSelect.show .value:before { -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .mfSelect.show .value:after { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } /* * MF Datepicker */ .mfDatePicker { position: absolute; top: 100%; left: 0; width: 270px; margin-top: 15px; padding: 10px 15px; opacity: 0; z-index: 1; visibility: hidden; box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0px rgba(0, 0, 0, 0.11); transition: .3s all ease-in-out; -webkit-transform: translateY(20px); transform: translateY(20px); background: #323232; color: #fff; border-radius: 4px; border: 1px solid #323232; } .mfDatePicker:before { content: ''; position: absolute; bottom: 100%; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #323232 transparent; } .mfDatePicker table { text-align: center; border-collapse: separate; border-spacing: 3px; font-size: 12px; } .mfDatePicker table th { font-weight: 700; text-transform: uppercase; font-size: 14px; } .mfDatePicker table td { width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; transition: .3s all ease; border-radius: 50%; } .mfDatePicker table td:hover { color: #323232; background: #ebebeb; } .mfDatePicker table td.dp-offset { color: #c6bbba; } .mfDatePicker table td.dp-today { color: #323232; background: #fff; } .mfDatePicker table td.dp-selected { color: #fff; background: #81bc00; } .mfDatePicker_title { font-size: 16px; line-height: 30px; } .mfDatePicker_next, .mfDatePicker_prev { font: 400 22px "FontAwesome"; line-height: inherit; text-align: center; color: #fff; cursor: pointer; } .mfDatePicker_next:hover, .mfDatePicker_prev:hover { color: #81bc00; } .mfDatePicker_panel { text-align: center; padding: 0 2px; line-height: 30px; } .mfDatePicker_next { float: right; } .mfDatePicker_next:before { content: '\f105'; } .mfDatePicker_prev { float: left; } .mfDatePicker_prev:before { content: '\f104'; } .mfDatePicker_panel + table { margin-top: 5px; } .mfDatePicker.open { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } /* * @subsection RD Google Map * * @description Describes style declarations for RD Google Map extension * * @author Evgeniy Gusarov * @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a * @version 1.0.0 */ .rd-google-map { color: #333; } .rd-google-map__model { height: 300px; } .rd-google-map__model img { max-width: none !important; } @media (min-width: 480px) { .rd-google-map__model { height: 300px; } } @media (min-width: 768px) { .rd-google-map__model { height: 537px; } } .rd-google-map__locations { display: none; } /* * @subsection RD Parallax * * @description Describes style declarations for RD Parallax extension * * @author Evgeniy Gusarov * @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a * @version 3.6.4 */ .rd-parallax-inner { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); clip: rect(0, auto, auto, 0); } .rd-parallax-layer[data-type="media"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; } .rd-parallax-layer[data-type="media"] iframe { width: 100%; height: 100%; } .rd-parallax-layer[data-type="html"] { z-index: 9; } .rd-parallax-layer[data-url] { -webkit-background-size: cover; background-size: cover; background-position: center center; } .rd-parallax .rd-parallax-layer-holder:after { content: ''; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-color: rgba(57, 57, 57, 0.68); z-index: 0; } .rd-parallax-swiper { z-index: 1 !important; } /* * @subsection ToTop * @license MIT license - http://opensource.org/licenses/MIT * @version 1.0.0 */ .ui-to-top { font-size: 67px; line-height: 67px; color: #81bc00; position: fixed; right: 15px; bottom: 15px; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; -webkit-transform: translateY(140px); transform: translateY(140px); } .ui-to-top:hover { color: #323232; text-decoration: none; } .ui-to-top.active { -webkit-transform: translateY(0); transform: translateY(0); } .mobile .ui-to-top, .tablet .ui-to-top { display: none !important; } @media (min-width: 480px) { .ui-to-top { right: 40px; bottom: 40px; } } /* * @subsection Easy Responsive Tabs * * @description Describes style declarations for Easy Responsive Tabs extension * * @author Samson Onna * @link samson3d@gmail.com * @version 1.0.0 */ .resp-tabs-list li { cursor: pointer; } .resp-tabs-list li:hover, .resp-tabs-list li.resp-tab-active { color: #323232; background: #fff; } .resp-accordion { display: none; } .resp-tab-content { display: none; } .resp-tab-content-active { display: flex !important; flex-wrap: wrap; } .responsive-tabs-default .resp-tabs-list { display: none; word-spacing: -4px; margin-bottom: -1px; border-bottom: 2px solid; } .responsive-tabs-default .resp-accordion, .responsive-tabs-default .resp-tabs-list > li { display: inline-block; word-spacing: normal; padding: 10px 20px; background: #81bc00; border-top-left-radius: 4px; border-top-right-radius: 4px; text-transform: uppercase; text-align: center; cursor: pointer; transition: .3s all ease; } .responsive-tabs-default .resp-accordion:hover, .responsive-tabs-default .resp-accordion.resp-tab-active, .responsive-tabs-default .resp-tabs-list > li:hover, .responsive-tabs-default .resp-tabs-list > li.resp-tab-active { color: #323232; background: #fff; } .responsive-tabs-default .resp-accordion.resp-tab-active, .responsive-tabs-default .resp-tabs-list > li.resp-tab-active { border-bottom-color: transparent; } .responsive-tabs-default .resp-accordion { display: block; border-radius: 0; } .responsive-tabs-default .resp-tab-content { display: none; padding: 20px; color: #323232; } .responsive-tabs-variant-2 { overflow: hidden; } .responsive-tabs-variant-2 .resp-tab-content-active { display: block !important; } .responsive-tabs-variant-2 .resp-tabs-list { display: none; border-bottom: 2px solid #fff; } .responsive-tabs-variant-2 .resp-tabs-list > li { position: relative; display: inline-block; } .responsive-tabs-variant-2 .resp-tabs-list > li.resp-tab-active:before, .responsive-tabs-variant-2 .resp-tabs-list > li.resp-tab-active:after { display: block; } .responsive-tabs-variant-2 .resp-tabs-list > li.resp-tab-active > .btn { border-bottom-color: transparent; } .responsive-tabs-variant-2 .resp-tabs-list > li.resp-tab-active > .btn.btn-default:hover { background: transparent; } .responsive-tabs-variant-2 .resp-tabs-list > li.resp-tab-active > .btn.btn-primary { border-color: #393939; } .responsive-tabs-variant-2 .resp-tabs-list > li.resp-tab-active > .btn:hover { color: inherit; background: transparent; } .responsive-tabs-variant-2 .resp-tabs-list > li > .btn { border: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: none; color: #5a5a5a; } .responsive-tabs-variant-2 .resp-tabs-list > li > .btn:hover { transition: .3s all ease; } .responsive-tabs-variant-2 .resp-tabs-list > li:before, .responsive-tabs-variant-2 .resp-tabs-list > li:after { content: ''; display: none; position: absolute; width: 5000px; bottom: 0; } .responsive-tabs-variant-2 .resp-tabs-list > li:before { right: 100%; margin-right: -2px; } .responsive-tabs-variant-2 .resp-tabs-list > li:after { left: 100%; margin-left: -2px; } .responsive-tabs-variant-2 .btn-default { color: #fff; } .responsive-tabs-variant-2 .btn-default:hover { color: #323232; background: transparent; } .responsive-tabs-variant-2 .resp-accordion { display: block; } .responsive-tabs-variant-2 .resp-accordion.resp-tab-active .btn-default { color: #323232; } .responsive-tabs-variant-2 .resp-accordion > .btn { display: block; } .responsive-tabs-variant-2 .resp-tab-content { display: none; padding-top: 50px; } .responsive-tabs-variant-2 .resp-tab-content + .resp-accordion { margin-top: 10px; } @media (min-width: 768px) { .responsive-tabs:not(.resp-easy-accordion) .resp-accordion { display: none; } .responsive-tabs:not(.resp-easy-accordion) .resp-tabs-list { display: block; } } /** * @subsection Swiper 3.1.7 * @description Most modern mobile touch slider and framework with * hardware accelerated transitions * @author Vladimir Kharlampidi * @see http://www.idangero.us/swiper/ * @licesne MIT License */ .swiper-container { height: 91vh; margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { display: none; position: absolute; top: 60.5%; height: 38px; line-height: 38px; font-size: 30px; text-align: center; margin-top: -23px; z-index: 10; cursor: pointer; opacity: .6; color: #fff; } .swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; } @media (min-width: 768px) { .swiper-button-prev, .swiper-button-next { display: block; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev { left: 10.5%; } @media (min-width: 1700px) { .swiper-button-prev { left: 36.5%; } } .swiper-button-next { right: 10.5%; } @media (min-width: 1700px) { .swiper-button-next { right: 36.5%; } } /* Pagination Styles */ .swiper-pagination { display: block; position: absolute; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.5; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 20px; left: 0; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Cube */ .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Scrollbar */ .swiper-scrollbar { position: relative; -ms-touch-action: none; } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; bottom: 0; z-index: 50; height: 3px; width: 100%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #81bc00; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-slide > .vide__body, .swiper-slide > .parallax_cnt { height: 100%; } .swiper-slide { white-space: nowrap; } .swiper-slide:not(.vide):not(.rd-parallax):before, .swiper-slide .parallax_cnt:before, .swiper-slide .vide__body:before { content: ''; display: inline-block; height: 50%; } .swiper-slide-caption { font-size: 10px; text-transform: uppercase; letter-spacing: 0.25em; display: inline-block; width: 100%; max-height: 100%; vertical-align: middle; white-space: normal; color: #fff; text-align: center; position: absolute; top: 54%; left: 0; z-index: 3; } @media (min-width: 768px) { .swiper-slide-caption { top: 59%; } } .swiper-slide-caption * + .btn { margin-top: 1rem; } .swiper-slide-caption p { display: none; } .swiper-slide, .swiper-slide h1, .swiper-slide h2, .swiper-slide h3, .swiper-slide h4, .swiper-slide h5, .swiper-slide h6, .swiper-slide .heading-1, .swiper-slide .heading-2, .swiper-slide .heading-3, .swiper-slide .heading-4, .swiper-slide .heading-5, .swiper-slide .heading-6 { color: #fff; } @media (min-width: 768px) { .swiper-slide-caption p { display: block; } } /* * @subsection Magnific Popup */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: auto; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* * @section Page Header * @description This section holds specific style redeclarations for some * of common elements in page header */ .page-header { position: relative; } .page-header, .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6, .page-header .heading-1, .page-header .heading-2, .page-header .heading-3, .page-header .heading-4, .page-header .heading-5, .page-header .heading-6 { color: #fff; } .page-header .rd-navbar-wrap-variant-1 { position: absolute; top: 0; left: 0; width: 100%; } .page-header .rd-navbar-brand .brand-name { color: #fff; } .page-header .swiper-slider h2 { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); z-index: 2; font-family: "Ubuntu", sans-serif; width: 100%; text-align: center; } @media (min-width: 768px) { .page-header .swiper-slider h2 { top: 51%; } } .page-header .swiper-slider .btn { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } @media (min-width: 768px) { .page-header .swiper-slider .btn { top: 65%; } } .page-header .swiper-slider .btn-primary { border-color: #fff; color: #fff; background-color: transparent; } .page-header .swiper-slider .btn-primary:hover { border-color: #81bc00; color: #81bc00; } /* * @section Page Content * @description This section holds specific style redeclarations for some * of common elements in page content */ .desktop .page-content { min-height: 100vh; } /* * @section Page Footer * @description This section holds specific style redeclarations for some * of common elements in page footer */ .page-footer .fl-continuous-ico, .page-footer [class^="fl-continuous-"]::before, .page-footer [class*=" fl-continuous-"]::before, .page-footer [class^="fl-continuous-"]::after, .page-footer [class*=" fl-continuous-"]::after { font-weight: 700; } #insta-wrap{width:100%;max-width:1300px;margin:0 auto;display:block;height:auto;background-color:transparent;padding:2em;font-family:"proxima-nova", sans-serif}#insta-wrap .header{width:100%;display:inline-block;text-align:center;color:#999;padding:0;margin:0 0 1em 0;font-weight:500;letter-spacing:2px}#insta-wrap .follow{display:inline-block;width:100%;margin-top:1em;color:#fff;text-align:center;font-style:italic}#insta-wrap .follow a{color:#fff;text-align:center;width:inherit}#insta-wrap .follow a:hover{color:#000}#insta-wrap #instafeed{width:inherit}#insta-wrap #instafeed a{display:inline-block;width:20%;padding:0 1%}#insta-wrap #instafeed a img{display:inherit;width:100%;opacity:1}#insta-wrap #instafeed a img:hover{opacity:0.8}