Difference between revisions of "Team:Vilnius-Lithuania-OG/testukas"

Line 1: Line 1:
−
 
+
<!DOCTYPE html>
 
<html dir="ltr" lang="en-US">
 
<html dir="ltr" lang="en-US">
 
<head>
 
<head>
Line 13: Line 13:
  
 
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" rel="stylesheet" type="text/css" />
 
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" rel="stylesheet" type="text/css" />
 +
</html>
  
 +
{{Vilnius-Lithuania-OG/css/bootstrap.css}}
 +
{{Vilnius-Lithuania-OG/style.css}}
 +
{{Vilnius-Lithuania-OG/css/swiper.css}}
 +
{{Vilnius-Lithuania-OG/css/dark.css}}
 +
{{Vilnius-Lithuania-OG/css/font-icons.css}}
 +
{{Vilnius-Lithuania-OG/css/animate.css}}
 +
{{Vilnius-Lithuania-OG/css/magnific-popup.css}}
  
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/bootstrap.css" type="text/css" />
+
{{Vilnius-Lithuania-OG/css/responsive.css}}
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/style.css" type="text/css" />
+
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/swiper.css" type="text/css" />
+
 
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/dark.css" type="text/css" />
+
{{Vilnius-Lithuania-OG/css/solar.css}}
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/font-icons.css" type="text/css" />
+
{{Vilnius-Lithuania-OG/css/animate2.css}}
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/animate.css" type="text/css" />
+
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/magnific-popup.css" type="text/css" />
+
  
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/responsive.css" type="text/css" />
+
{{Vilnius-Lithuania-OG/css/custom.css}}
−
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
<html>
  
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/solar.css"/>
 
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/animate2.css"/>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
−
<script src="js/custom.js"></script>
 
−
<link rel="stylesheet" href="https://2018.igem.org/Template:Vilnius-Lithuania-OG/css/custom.css"/>
 
 
<!-- Document Title
 
<!-- Document Title
 
============================================= -->
 
============================================= -->
Line 1,091: Line 1,093:
 
-->
 
-->
 
 
−
<script src="https://2018.igem.org/Template:Vilnius-Lithuania-OG/js/jquery.js"></script>
+
<script src="https://2017.igem.org/Template:Vilnius-Lithuania/js/jquery.js"></script>
−
<script src="https://2018.igem.org/Template:Vilnius-Lithuania-OG/js/custom.js"></script>  
+
<script src="https://2017.igem.org/Template:Vilnius-Lithuania/js/custom.js"></script>  
  
  
  
−
<script src="https://2018.igem.org/Template:Vilnius-Lithuania-OG/js/plugins.js"></script>
+
<script src="https://2017.igem.org/Template:Vilnius-Lithuania/js/plugins.js"></script>
  
 
<!-- Footer Scripts
 
<!-- Footer Scripts
 
============================================= -->
 
============================================= -->
−
<script src="https://2018.igem.org/Template:Vilnius-Lithuania-OG/js/functions.js"></script>
+
<script src="https://2017.igem.org/Template:Vilnius-Lithuania/js/functions.js"></script>
−
<script  src="https://2018.igem.org/Template:Vilnius-Lithuania-OG/js/vanvas.js"></script>
+
<script  src="https://2017.igem.org/Template:Vilnius-Lithuania/js/vanvas.js"></script>
 
    
 
    
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:37, 13 October 2018

<!DOCTYPE html>

/*! * Bootstrap v4.1.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #71dd8a; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #efa2a9; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #80bdff; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-appearance: none; appearance: none; } .custom-range::-webkit-slider-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-appearance: none; appearance: none; } .custom-range::-moz-range-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; appearance: none; } .custom-range::-ms-thumb:focus { outline: none; box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #0062cc; } .badge-secondary { color: #fff; background-color: #6c757d; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #545b62; } .badge-success { color: #fff; background-color: #28a745; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #1e7e34; } .badge-info { color: #fff; background-color: #17a2b8; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #117a8b; } .badge-warning { color: #212529; background-color: #ffc107; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #212529; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #dc3545; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #bd2130; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #343a40; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #1d2124; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover, .close:focus { color: #000; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* ---------------------------------------------------------------- - Basic - Typography - Basic Layout Styles - Helper Classes - Sections - Columns & Grids - Flex Slider - Swiper Slider - Top Bar - Header - Logo - Primary Menu - Mega Menu - Top Search - Top Cart - Sticky Header - Page Menu - Side Header - Side Panel - Slider - Page Title - Content - Portfolio - Blog - Shop - Events - Shortcodes - Countdown - Buttons - Promo Boxes - Featured Boxes - Process Steps - Styled Icons - Toggles - Accordions - Tabs - Side Navigation - FAQ List - Clients - Testimonials - Team - Pricing Boxes - Counter - Animated Rounded Skills - Skills Bar - Dropcaps & Highlights - Quotes & Blockquotes - Text Rotater - Owl Carousel - Overlays - Forms - Google Maps - Heading Styles - Divider - Magazine Specific Classes - Go To Top - Error 404 - Landing Pages - Preloaders - Toastr Notifications - Footer - Widgets - Tag Cloud - Links - Testimonial & Twitter - Quick Contact Form - Newsletter - Twitter Feed - Navigation Tree - Wedding - Bootstrap Specific - Cookie Notification - Stretched Layout - Page Transitions - Youtube Video Backgrounds ---------------------------------------------------------------- */ /* ---------------------------------------------------------------- Bootstrap Adjustments -----------------------------------------------------------------*/ @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 750px; } } @media (min-width: 992px) { .container { max-width: 970px; } } @media (min-width: 1200px) { .container { max-width: 1000px; } } body, .dropdown-menu { font-size: 0.875rem; } /* ---------------------------------------------------------------- Basic -----------------------------------------------------------------*/ .vraperis{ overflow:hidden; position:relative; background-color: #FFF; } dl, dt, dd, ol, ul, li { margin: 0; padding: 0; } .clear { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; } ::selection { background: #1ABC9C; color: #FFF; text-shadow: none; } ::-moz-selection { background: #1ABC9C; /* Firefox */ color: #FFF; text-shadow: none; } ::-webkit-selection { background: #1ABC9C; /* Safari */ color: #FFF; text-shadow: none; } :active, :focus { outline: none !important; } /* ---------------------------------------------------------------- Typography -----------------------------------------------------------------*/ body { line-height: 1.5; color: #555; font-family: 'Lato', sans-serif; } a { text-decoration: none !important; color: #1ABC9C; } a:hover { color: #222; } a img { border: none; } img { max-width: 100%; } iframe { border: none !important; } /* ---------------------------------------------------------------- Basic Layout Styles -----------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 600; line-height: 1.5; margin: 0 0 30px 0; font-family: 'Raleway', sans-serif; } h5, h6 { margin-bottom: 20px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h4 { font-weight: 600; } h5, h6 { font-weight: bold; } h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) { color: #1ABC9C; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom: 30px; } small { font-family: 'Lato', sans-serif; } /* ---------------------------------------------------------------- Helper Classes -----------------------------------------------------------------*/ .uppercase { text-transform: uppercase !important; } .lowercase { text-transform: lowercase !important; } .capitalize { text-transform: capitalize !important; } .nott { text-transform: none !important; } .tright { text-align: right !important; } .tleft { text-align: left !important; } .fright { float: right !important; } .fleft { float: left !important; } .fnone { float: none !important; } .ohidden { position: relative; overflow: hidden !important; } #wrapper { position: relative; float: none; width: 1220px; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); } .line, .double-line { clear: both; position: relative; width: 100%; margin: 60px 0; border-top: 1px solid #EEE; } .line.line-sm { margin: 30px 0; } span.middot { display: inline-block; margin: 0 5px; } .double-line { border-top: 3px double #E5E5E5; } .emptydiv { display: block !important; position: relative !important; } .allmargin { margin: 50px !important; } .leftmargin { margin-left: 50px !important; } .rightmargin { margin-right: 50px !important; } .topmargin { margin-top: 50px !important; } .bottommargin { margin-bottom: 50px !important; } .clear-bottommargin { margin-bottom: -50px !important; } .allmargin-sm { margin: 30px !important; } .leftmargin-sm { margin-left: 30px !important; } .rightmargin-sm { margin-right: 30px !important; } .topmargin-sm { margin-top: 30px !important; } .bottommargin-sm { margin-bottom: 30px !important; } .clear-bottommargin-sm { margin-bottom: -30px !important; } .allmargin-lg { margin: 80px !important; } .leftmargin-lg { margin-left: 80px !important; } .rightmargin-lg { margin-right: 80px !important; } .topmargin-lg { margin-top: 80px !important; } .bottommargin-lg { margin-bottom: 80px !important; } .clear-bottommargin-lg { margin-bottom: -80px !important; } .nomargin {margin: 0 !important; } .noleftmargin { margin-left: 0 !important; } .norightmargin { margin-right: 0 !important; } .notopmargin { margin-top: 0 !important; } .nobottommargin { margin-bottom: 0 !important; } .header-stick { margin-top: -50px !important; } .content-wrap .header-stick { margin-top: -80px !important; } .footer-stick { margin-bottom: -50px !important; } .content-wrap .footer-stick { margin-bottom: -80px !important; } .noborder { border: none !important; } .noleftborder { border-left: none !important; } .norightborder { border-right: none !important; } .notopborder { border-top: none !important; } .nobottomborder { border-bottom: none !important; } .noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; } .col-padding { padding: 60px; } .nopadding { padding: 0 !important; } .noleftpadding { padding-left: 0 !important; } .norightpadding { padding-right: 0 !important; } .notoppadding { padding-top: 0 !important; } .nobottompadding { padding-bottom: 0 !important; } .noabsolute { position: relative !important; } .noshadow { box-shadow: none !important; } .notextshadow { text-shadow: none !important; } .hidden { display: none !important; } .nothidden { display: block !important; } .inline-block { float: none !important; display: inline-block !important; } .center { text-align: center !important; } .divcenter { position: relative !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } .bgcolor, .bgcolor #header-wrap { background-color: #1ABC9C !important; } .color { color: #1ABC9C !important; } .border-color { border-color: #1ABC9C !important; } .nobg { background: none !important; } .nobgcolor { background-color: transparent !important; } .t300 { font-weight: 300 !important; } .t400 { font-weight: 400 !important; } .t500 { font-weight: 500 !important; } .t600 { font-weight: 600 !important; } .t700 { font-weight: 700 !important; } .ls0 { letter-spacing: 0px !important; } .ls1 { letter-spacing: 1px !important; } .ls2 { letter-spacing: 2px !important; } .ls3 { letter-spacing: 3px !important; } .ls4 { letter-spacing: 4px !important; } .ls5 { letter-spacing: 5px !important; } .noheight { height: 0 !important; } .nolineheight { line-height: 0 !important; } .font-body { font-family: 'Lato', sans-serif; } .font-primary { font-family: 'Raleway', sans-serif; } .font-secondary { font-family: 'Crete Round', serif; } .bgicon { display: block; position: absolute; bottom: -60px; right: -50px; font-size: 210px; color: rgba(0,0,0,0.1); } .imagescale, .imagescalein { display: block; overflow: hidden; } .imagescale img, .imagescalein img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; transition: all 1s ease; } .imagescale:hover img { -webkit-transform: scale(1); transform: scale(1); } .imagescalein img { -webkit-transform: scale(1); transform: scale(1); } .imagescalein:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .grayscale { filter: brightness(80%) grayscale(1) contrast(90%); -webkit-filter: brightness(80%) grayscale(1) contrast(90%); -moz-filter: brightness(80%) grayscale(1) contrast(90%); -o-filter: brightness(80%) grayscale(1) contrast(90%); -ms-filter: brightness(80%) grayscale(1) contrast(90%); transition: 1s filter ease; -webkit-transition: 1s -webkit-filter ease; -moz-transition: 1s -moz-filter ease; -ms-transition: 1s -ms-filter ease; -o-transition: 1s -o-filter ease; } .grayscale:hover { filter: brightness(100%) grayscale(0); -webkit-filter: brightness(100%) grayscale(0); -moz-filter: brightness(100%) grayscale(0); -o-filter: brightness(100%) grayscale(0); -ms-filter: brightness(100%) grayscale(0); } /* MOVING BG - TESTIMONIALS */ .bganimate { -webkit-animation:BgAnimated 30s infinite linear; -moz-animation:BgAnimated 30s infinite linear; -ms-animation:BgAnimated 30s infinite linear; -o-animation:BgAnimated 30s infinite linear; animation:BgAnimated 30s infinite linear; } @-webkit-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-moz-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-ms-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @-o-keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } @keyframes BgAnimated { from {background-position:0 0;} to {background-position:0 400px;} } .input-block-level { display: block; width: 100% !important; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vertical-middle { height: auto !important; left: 0; max-width: none !important; z-index: 2; } .vertical-middle + .video-wrap { z-index: 1 !important; } .magnific-max-width .mfp-content { max-width: 800px; } /* ---------------------------------------------------------------- Sections -----------------------------------------------------------------*/ .section { position: relative; margin: 60px 0; padding: 60px 0; background-color: #F9F9F9; overflow: hidden; } .parallax { background-color: transparent; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; overflow: hidden; } .mobile-parallax, .video-placeholder { background-size: cover !important; background-attachment: scroll !important; background-position: center center !important; } .section .container { z-index: 2; } .section .container + .video-wrap { z-index: 1; } .revealer-image { position: relative; bottom: -100px; transition: bottom .3s ease-in-out; -webkit-transition: bottom .3s ease-in-out; -o-transition: bottom .3s ease-in-out; } .section:hover .revealer-image { bottom: -50px; } /* ---------------------------------------------------------------- Columns & Grids -----------------------------------------------------------------*/ .col_full { width: 100%; } .col_half, .postcontent.bothsidebar { width: 48%; } .col_one_third { width: 30.63%; } .col_two_third { width: 65.33%; } .col_one_fourth, .sidebar { width: 22%; } .col_three_fourth, .postcontent { width: 74%; } .col_one_fifth { width: 16.8%; } .col_two_fifth { width: 37.6%; } .col_three_fifth { width: 58.4%; } .col_four_fifth { width: 79.2%; } .col_one_sixth { width: 13.33%; } .col_five_sixth { width: 82.67%; } body.stretched .container-fullwidth { position: relative; padding: 0 60px; width: 100%; } .postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; } .col_full { clear: both; float: none; margin-right: 0; } .postcontent.col_last, .sidebar.col_last { float: right; } .col_last { margin-right: 0 !important; clear: right; } /* ---------------------------------------------------------------- Flex Slider -----------------------------------------------------------------*/ .fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img { position: relative; display: block; width: 100%; height: auto; overflow: hidden; -webkit-backface-visibility: hidden; } .fslider { min-height: 32px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; border: none; } .slider-wrap, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;} .flexslider {position: relative;margin: 0; padding: 0;} .flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;} .flexslider .slider-wrap img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slider-wrap {display: block;} * html .slider-wrap {height: 1%;} .no-js .slider-wrap > .slide:first-child {display: block;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-nav { position: absolute; z-index: 10; text-align: center; top: 14px; right: 10px; margin: 0; } .flex-control-nav li { float: left; display: block; margin: 0 3px; width: 10px; height: 10px; } .flex-control-nav li a { display: block; cursor: pointer; text-indent: -9999px; width: 10px !important; height: 10px !important; border: 1px solid #FFF; border-radius: 50%; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .flex-control-nav li:hover a, .flex-control-nav li a.flex-active { background-color: #FFF; } /* ---------------------------------------------------------------- Top Bar -----------------------------------------------------------------*/ #top-bar { position: relative; border-bottom: 1px solid #EEE; height: 45px; line-height: 44px; font-size: 13px; } #top-bar .col_half { width: auto; } /* Top Links ---------------------------------*/ .top-links { position: relative; float: left; } .top-links ul { margin: 0; list-style: none; } .top-links ul li { float: left; position: relative; height: 44px; border-left: 1px solid #EEE; } .top-links ul li:first-child, .top-links ul ul li { border-left: 0 !important; } .top-links li > a { display: block; padding: 0 12px; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 44px; color: #666; } .top-links li i { vertical-align: top; } .top-links li i.icon-angle-down { margin: 0 0 0 5px !important; } .top-links li i:first-child { margin-right: 3px; } .top-links li.full-icon i { top: 2px; font-size: 14px; margin: 0; } .top-links li:hover { background-color: #EEE; } .top-links ul ul, .top-links ul div.top-link-section { display: none; pointer-events: none; position: absolute; z-index: 210; line-height: 1.5; background: #FFF; border: 0; top: 44px; left: 0; width: 140px; margin: 0; border-top: 1px solid #1ABC9C; border-bottom: 1px solid #EEE; box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); } .top-links li:hover ul, .top-links li:hover div.top-link-section { pointer-events: auto; } .top-links ul ul li { float: none; height: 36px; border-top: 1px solid #F5F5F5; border-left: 1px solid #EEE; } .top-links ul ul li:hover { background-color: #F9F9F9; } .top-links ul ul li:first-child { border-top: none !important; border-left: 1px solid #EEE; } .top-links ul ul a { height: 36px; line-height: 36px; font-size: 12px; } .top-links ul ul img { display: inline-block; position: relative; top: -1px; width: 16px; height: 16px; margin-right: 4px; } .top-links ul ul.top-demo-lang img { top: 4px; width: 16px; height: 16px; } .top-links ul div.top-link-section { padding: 25px; left: 0; width: 280px; } .fright .top-links ul div.top-link-section, .top-links.fright ul div.top-link-section { left: auto; right: 0; } /* Top Social -----------------------------------------------------------------*/ #top-social, #top-social ul { margin: 0; } #top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text { display: block; position: relative; float: left; width: auto; overflow: hidden; height: 44px; line-height: 44px; } #top-social li { border-left: 1px solid #EEE; } #top-social li:first-child { border-left: 0 !important; } #top-social li a { float: none; width: 40px; font-weight: bold; color: #666; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; } #top-social li a:hover { color: #FFF !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } #top-social li .ts-icon { width: 40px; text-align: center; font-size: 14px; } /* Top Login -----------------------------------------------------------------*/ #top-login { margin-bottom: 0; } #top-login .checkbox { margin-bottom: 10px; } #top-login .form-control { position: relative; } #top-login .form-control:focus { border-color: #CCC; } #top-login .input-group#top-login-username { margin-bottom: -1px; } #top-login #top-login-username input, #top-login #top-login-username .input-group-addon { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #top-login .input-group#top-login-password { margin-bottom: 10px; } #top-login #top-login-password input, #top-login #top-login-password .input-group-addon { border-top-left-radius: 0; border-top-right-radius: 0; } /* ---------------------------------------------------------------- Header -----------------------------------------------------------------*/ #header { position: relative; background-color: #FFF; border-bottom: 1px solid #F5F5F5; } #header .container { position: relative; } #header.transparent-header { background: transparent; border-bottom: none; z-index: 199; } #header.semi-transparent { background-color: rgba(255,255,255,0.8); } #header.transparent-header.floating-header { margin-top: 60px; } #header.transparent-header.floating-header .container { width: 1190px; max-width: 1190px; background-color: #FFF; padding: 0 40px; border-radius: 2px; } #header.transparent-header.floating-header.sticky-header .container { width: 1140px; max-width: 1140px; padding: 0 15px; } #header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header { top: -100px; margin-bottom: -100px; } #header.transparent-header.floating-header + #slider, #header.transparent-header.floating-header + #google-map { top: -160px; margin-bottom: -160px; } #header.transparent-header + #page-title.page-title-parallax .container { z-index: 5; padding-top: 100px; } #header.full-header { border-bottom-color: #EEE; } body.stretched #header.full-header .container { width: 100%; max-width: none; padding: 0 30px; } #header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0,0,0,0.1); } #slider + #header.transparent-header.full-header #header-wrap { border-top: 1px solid rgba(0,0,0,0.1); border-bottom: none; } /* ---------------------------------------------------------------- Logo -----------------------------------------------------------------*/ #logo { position: relative; float: left; font-family: 'Raleway', sans-serif; font-size: 36px; line-height: 100%; margin-right: 40px; } #header.full-header #logo { padding-right: 30px; margin-right: 30px; border-right: 1px solid #EEE; } #header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); } #logo a { display: block; color: #000; } #logo img { display: block; max-width: 100%; } #logo a.standard-logo { display: block; } #logo a.retina-logo { display: none; } /* ---------------------------------------------------------------- Header Right Area -----------------------------------------------------------------*/ .header-extras { float: right; margin: 30px 0 0; } .header-extras li { float: left; margin-left: 20px; height: 40px; overflow: hidden; list-style: none; } .header-extras li i { margin-top: 3px !important; } .header-extras li:first-child { margin-left: 0; } .header-extras li .he-text { float: left; padding-left: 10px; font-weight: bold; font-size: 14px; line-height: 1.43; } .header-extras li .he-text span { display: block; font-weight: 400; color: #1ABC9C; } /* ---------------------------------------------------------------- Primary Menu -----------------------------------------------------------------*/ #primary-menu { float: right; } #primary-menu ul.mobile-primary-menu { display: none; } #header.full-header #primary-menu > ul { float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #EEE; } #header.transparent-header.full-header #primary-menu > ul { border-right-color: rgba(0,0,0,0.1); } #primary-menu-trigger, #page-submenu-trigger { opacity: 0; pointer-events: none; cursor: pointer; font-size: 14px; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } #primary-menu ul { list-style: none; margin: 0; } #primary-menu > ul { float: left; } #primary-menu ul li { position: relative; } #primary-menu ul li.mega-menu { position: inherit; } #primary-menu ul > li { float: left; margin-left: 2px; } #primary-menu > ul > li:first-child { margin-left: 0; } #primary-menu ul li > a { display: block; line-height: 22px; padding: 39px 15px; color: #444; font-weight: bold; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; -webkit-transition: margin .4s ease, padding .4s ease; -o-transition: margin .4s ease, padding .4s ease; transition: margin .4s ease, padding .4s ease; } #primary-menu ul li > a span { display: none; } #primary-menu ul li > a i { position: relative; top: -1px; font-size: 14px; width: 16px; text-align: center; margin-right: 6px; vertical-align: top; } #primary-menu ul li > a i.icon-angle-down:last-child { font-size: 12px; margin: 0 0 0 5px; } #primary-menu ul li:hover > a, #primary-menu ul li.current > a { color: #1ABC9C; } #primary-menu > ul > li.sub-menu > a > div { } body.no-superfish #primary-menu li:hover > ul:not(.mega-menu-column), body.no-superfish #primary-menu li:hover > .mega-menu-content { display: block; } #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content { display: none; position: absolute; width: 220px; background-color: #FFF; box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05); border: 1px solid #EEE; border-top: 2px solid #1ABC9C; height: auto; z-index: 199; top: 100%; left: 0; margin: 0; } #primary-menu ul ul:not(.mega-menu-column) ul { top: -2px !important; left: 218px; } #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column), #primary-menu ul li .mega-menu-content.menu-pos-invert { left: auto; right: 0; } #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 218px; } #primary-menu ul ul li { float: none; margin: 0; } #primary-menu ul ul li:first-child { border-top: 0; } #primary-menu ul ul li > a { font-size: 12px; font-weight: 700; color: #666; padding-top: 10px; padding-bottom: 10px; border: 0; letter-spacing: 0; font-family: 'Lato', sans-serif; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #primary-menu ul ul li > a i { vertical-align: middle; } #primary-menu ul ul li:hover > a { background-color: #F9F9F9; padding-left: 18px; color: #1ABC9C; } #primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a { background-image: url("images/icons/submenu.png"); background-position: right center; background-repeat: no-repeat; } /* ---------------------------------------------------------------- Mega Menu -----------------------------------------------------------------*/ #primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu-small .mega-menu-content { width: 720px; max-width: 400px; } #primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content { margin: 0 15px; width: 1140px; max-width: none; } .floating-header #primary-menu ul li.mega-menu .mega-menu-content { margin: 0; width: 1220px; } body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content { margin: 0 60px; } body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content { margin: 0 30px; } #primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0 10px; } #primary-menu ul li .mega-menu-content ul { display: block; position: relative; top: 0; min-width: inherit; border: 0; box-shadow: none; background-color: transparent; } #primary-menu ul li .mega-menu-content ul:not(.megamenu-dropdown) { display: block !important; opacity: 1 !important; top: 0; left: 0; } #primary-menu ul li .mega-menu-content ul.mega-menu-column { float: left; margin: 0; padding-left: 0; padding-right: 0; } #primary-menu ul li .mega-menu-content ul.mega-menu-column.col-5 { width: 20%; max-width: none; } #primary-menu ul li .mega-menu-content ul:not(.mega-menu-column) { width: 100%; } #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) { border-left: 1px solid #F2F2F2; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column { padding: 30px 20px; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title { margin-top: 20px; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:first-child { margin-top: 0; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a { font-size: 13px; font-weight: bold; font-family: 'Raleway', sans-serif; letter-spacing: 1px; text-transform: uppercase !important; margin-bottom: 15px; color: #444; padding: 0 !important; line-height: 1.3 !important; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a { background-color: transparent; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover { color: #1ABC9C; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu:hover > a { background: none; } #primary-menu ul li .mega-menu-content.style-2 li { border: 0; } #primary-menu ul li .mega-menu-content.style-2 ul li > a { padding-left: 5px; padding-top: 7px; padding-bottom: 7px; } #primary-menu ul li .mega-menu-content.style-2 ul li > a:hover { padding-left: 12px; } .mega-menu-column .entry-meta { margin: 8px -10px 0 0 !important; border: none !important; padding: 0 !important; } .mega-menu-column .entry-meta li { float: left !important; border: none !important; margin: 0 10px 0 0 !important; } /* Primary Menu - Style 2 -----------------------------------------------------------------*/ #primary-menu.style-2 { float: none; max-width: none; border-top: 1px solid #F5F5F5; } #primary-menu.style-2 > div > ul { float: left; } #primary-menu.style-2 > div > ul > li > a { padding-top: 19px; padding-bottom: 19px; } #logo + #primary-menu.style-2 { border-top: 0; } #primary-menu.style-2 > div #top-search, #primary-menu.style-2 > div #top-cart, #primary-menu.style-2 > div #side-panel-trigger { margin-top: 20px; margin-bottom: 20px; } body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > ul, body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > div { float: none; display: inline-block !important; width: auto; text-align: left; } /* Primary Menu - Style 3 -----------------------------------------------------------------*/ #primary-menu.style-3 > ul > li > a { margin: 28px 0; padding-top: 11px; padding-bottom: 11px; border-radius: 2px; } #primary-menu.style-3 > ul > li:hover > a { color: #444; background-color: #F5F5F5; } #primary-menu.style-3 > ul > li.current > a { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); background-color: #1ABC9C; } /* Primary Menu - Style 4 -----------------------------------------------------------------*/ #primary-menu.style-4 > ul > li > a { margin: 28px 0; padding-top: 10px; padding-bottom: 10px; border-radius: 2px; border: 1px solid transparent; } #primary-menu.style-4 > ul > li:hover > a, #primary-menu.style-4 > ul > li.current > a { border-color: #1ABC9C; } /* Primary Menu - Style 5 -----------------------------------------------------------------*/ #primary-menu.style-5 > ul { padding-right: 10px; margin-right: 5px; border-right: 1px solid #EEE; } #primary-menu.style-5 > ul > li:not(:first-child) { margin-left: 15px; } #primary-menu.style-5 > ul > li > a { padding-top: 25px; padding-bottom: 25px; line-height: 14px; } #primary-menu.style-5 > ul > li > a i { display: block; width: auto; margin: 0 0 8px; font-size: 28px; line-height: 1; } /* Primary Menu - Style 6 -----------------------------------------------------------------*/ #primary-menu.style-6 ul > li > a { position: relative; } #primary-menu.style-6 > ul > li > a:after, #primary-menu.style-6 > ul > li.current > a:after, #primary-menu.style-6 > div > ul > li > a:after, #primary-menu.style-6 > div > ul > li.current > a:after { content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 0; border-top: 2px solid #1ABC9C; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } #primary-menu.style-6 > ul > li.current > a:after, #primary-menu.style-6 > ul > li:hover > a:after, #primary-menu.style-6 > div > ul > li.current > a:after, #primary-menu.style-6 > div > ul > li:hover > a:after { width: 100%; } /* Primary Menu - Sub Title -----------------------------------------------------------------*/ #primary-menu.sub-title > ul > li, #primary-menu.sub-title.style-2 > div > ul > li { background: url("images/icons/menu-divider.png") no-repeat right center; margin-left: 1px; } #primary-menu.sub-title ul li:first-child { padding-left: 0; margin-left: 0; } #primary-menu.sub-title > ul > li > a, #primary-menu.sub-title > div > ul > li > a { line-height: 14px; padding: 27px 20px 32px; text-transform: uppercase; border-top: 5px solid transparent; } #primary-menu.sub-title > ul > li > a span, #primary-menu.sub-title > div > ul > li > a span { display: block; margin-top: 10px; line-height: 12px; font-size: 11px; font-weight: 400; color: #888; text-transform: capitalize; } #primary-menu.sub-title > ul > li:hover > a, #primary-menu.sub-title > ul > li.current > a, #primary-menu.sub-title > div > ul > li:hover > a, #primary-menu.sub-title > div > ul > li.current > a { background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-top-color: rgba(0,0,0,0.1); } #primary-menu.sub-title > ul > li:hover > a span, #primary-menu.sub-title > ul > li.current > a span, #primary-menu.sub-title.style-2 > div > ul > li:hover > a span, #primary-menu.sub-title.style-2 > div > ul > li.current > a span { color: #EEE; } #primary-menu.sub-title.style-2 ul ul span { display: none; } /* Primary Menu - Style 2 with Sub Title -----------------------------------------------------------------*/ #primary-menu.sub-title.style-2 > div > ul > li { background-position: left center; } #primary-menu.sub-title.style-2 > div #top-search, #primary-menu.sub-title.style-2 > div #top-cart, #primary-menu.sub-title.style-2 > div #side-panel-trigger { float: right; margin-top: 30px; margin-bottom: 30px; } #primary-menu.sub-title.style-2 div ul li:first-child, #primary-menu.sub-title.style-2 > div > ul > li:hover + li, #primary-menu.sub-title.style-2 > div > ul > li.current + li { background-image: none; } #primary-menu.sub-title.style-2 > div > ul > li > a { padding-top: 17px; padding-bottom: 22px; } /* Primary Menu - Split Menu -----------------------------------------------------------------*/ @media (min-width: 992px) { #header.split-menu #logo { position: absolute; width: 100%; text-align: center; margin: 0; float: none; height: 100px; } #header.split-menu #logo a.standard-logo { display: inline-block; } } #header.split-menu #primary-menu { float: none; margin: 0; } #header.split-menu #primary-menu > ul { z-index: 199; } #header.split-menu #primary-menu > ul:first-child { float: left; } #header.split-menu #primary-menu > ul:last-child { float: right; } /* Primary Menu - Overlay Menu -----------------------------------------------------------------*/ @media (min-width: 992px) { .overlay-menu:not(.top-search-open) #primary-menu-trigger { opacity: 1; pointer-events: auto; left: auto; right: 75px; width: 20px; height: 20px; line-height: 20px; margin-top: -10px; } .overlay-menu:not(.top-search-open) .full-header #primary-menu-trigger { right: 90px; } .overlay-menu #primary-menu > #overlay-menu-close { opacity: 0; pointer-events: none; position: fixed; top: 25px; left: auto; right: 25px; width: 48px; height: 48px; line-height: 48px; font-size: 24px; text-align: center; color: #444; z-index: 300; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); -o-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: opacity .4s ease, transform .45s .15s ease; -o-transition: opacity .4s ease, transform .45s .15s ease; transition: opacity .4s ease, transform .45s .15s ease; } .overlay-menu #primary-menu > ul { opacity: 0 !important; pointer-events: none; position: fixed; left: 0; top: 0; width: 100%; height: 100% !important; z-index: 299; background: rgba(255,255,255,0.95); -webkit-transition: opacity .7s ease; -o-transition: opacity .7s ease; transition: opacity .7s ease; } .overlay-menu #primary-menu > ul.d-block { opacity: 1 !important; display: inherit !important; pointer-events: auto; } .overlay-menu #primary-menu > ul.d-block ~ #overlay-menu-close { opacity: 1; -webkit-transition: opacity .7s .4s ease, transform .45s .15s ease; -o-transition: opacity .7s .4s ease, transform .45s .15s ease; transition: opacity .7s .4s ease, transform .45s .15s ease; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); pointer-events: auto; } .overlay-menu #primary-menu > ul > li { float: none; text-align: center; max-width: 400px; margin: 0 auto; } .overlay-menu #primary-menu > ul > li > a { font-size: 24px; padding-top: 19px; padding-bottom: 19px; letter-spacing: 2px; text-transform: none; opacity: 0; -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); -o-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear; -o-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear; transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear; } .overlay-menu #primary-menu > ul.d-block > li > a { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } /* ---------------------------------------------------------------- Top Search -----------------------------------------------------------------*/ #top-search, #top-cart, #side-panel-trigger, #top-account { float: right; margin: 40px 0 40px 15px; } #top-cart { position: relative; } #top-search a, #top-cart > a, #side-panel-trigger a { display: block; position: relative; width: 14px; height: 14px; font-size: 14px; line-height: 20px; text-align: center; color: #333; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } #top-search a { z-index: 11; } #top-search a i { position: absolute; top: 0; left: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } body.top-search-open #top-search a i.icon-search3, #top-search a i.icon-line-cross { opacity: 0; } body.top-search-open #top-search a i.icon-line-cross { opacity: 1; z-index: 11; font-size: 16px; } #top-cart > a:hover { color: #1ABC9C; } #top-search form { opacity: 0; z-index: -2; position: absolute; width: 100% !important; height: 100% !important; padding: 0 15px; margin: 0; top: 0; left: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } body.top-search-open #top-search form { opacity: 1; z-index: 10; } #top-search form input { box-shadow: none !important; pointer-events: none; border-radius: 0; border: 0; outline: 0 !important; font-size: 32px; padding: 10px 80px 10px 0; height: 100%; background-color: transparent; color: #333; font-weight: 700; margin-top: 0 !important; font-family: 'Raleway', sans-serif; letter-spacing: 2px; } body:not(.device-md):not(.device-sm):not(.device-xs) #header.full-header #top-search form input { padding-left: 40px; } body:not(.device-md):not(.device-sm):not(.device-xs) .container-fullwidth #top-search form input { padding-left: 60px; } body.top-search-open #top-search form input { pointer-events: auto; } body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input { border-bottom: 2px solid rgba(0,0,0,0.1); } #top-search form input::-moz-placeholder { color: #555; opacity: 1; text-transform: uppercase; } #top-search form input:-ms-input-placeholder { color: #555; text-transform: uppercase; } #top-search form input::-webkit-input-placeholder { color: #555; text-transform: uppercase; } #primary-menu .container #top-search form input, .sticky-header #top-search form input { border: none !important; } /* ---------------------------------------------------------------- Top Cart -----------------------------------------------------------------*/ #top-cart { margin-right: 0; } #top-cart > a > span { display: block; position: absolute; top: -7px; left: auto; right: -14px; font-size: 10px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #1ABC9C; border-radius: 50%; } #top-cart .top-cart-content { opacity: 0; z-index: -2; position: absolute; width: 280px; background-color: #FFF; box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05); border: 1px solid #EEE; border-top: 2px solid #1ABC9C; top: 60px; right: -15px; left: auto; margin: -10000px 0 0; -webkit-transition: opacity .5s ease, top .4s ease; -o-transition: opacity .5s ease, top .4s ease; transition: opacity .5s ease, top .4s ease; } .style-2 .container #top-cart .top-cart-content { top: 40px; } .style-2.sub-title .container #top-cart .top-cart-content { top: 50px; } #top-cart.top-cart-open .top-cart-content { opacity: 1; z-index: 11; margin-top: 0; } .top-cart-title { padding: 12px 15px; border-bottom: 1px solid #EEE; } .top-cart-title h4 { margin-bottom: 0; font-size: 15px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .top-cart-items { padding: 15px; } .top-cart-item { padding-top: 15px; margin-top: 15px; border-top: 1px solid #F5F5F5; } .top-cart-item:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .top-cart-item-image { float: left; margin-right: 15px; width: 48px !important; height: 48px !important; border: 2px solid #EEE; -webkit-transition: border-color .2s linear; -o-transition: border-color .2s linear; transition: border-color .2s linear; } .top-cart-item-image a, .top-cart-item-image img { display: block; width: 44px !important; height: 44px !important; } .top-cart-item-image:hover { border-color: #1ABC9C; } .top-cart-item-desc { position: relative; overflow: hidden; } .top-cart-item-desc a { text-align: left !important; font-size: 13px !important; width: auto !important; height: auto !important; color: #333; font-weight: 700; } .top-cart-item-desc a:hover { color: #1ABC9C !important; } .top-cart-item-desc span.top-cart-item-price { display: block; line-height: 20px; font-size: 12px !important; color: #999; } .top-cart-item-desc span.top-cart-item-quantity { display: block; position: absolute; font-size: 12px !important; right: 0; top: 2px; color: #444; } .top-cart-action { padding: 15px; border-top: 1px solid #EEE; } .top-cart-action span.top-checkout-price { font-size: 20px; color: #1ABC9C; } /* ---------------------------------------------------------------- Top Account -----------------------------------------------------------------*/ #top-account { margin: 35px 0 34px 20px; } #top-account a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } #top-account a span { margin-left: 5px; font-weight: 700; } #top-account a i.icon-angle-down { margin-left: 5px; font-size: 12px; } #top-account .dropdown-menu { padding: 10px 0; } #top-account .dropdown-menu li a { font-family: 'Lato', sans-serif; font-weight: 400; text-align: left; line-height: 22px; } #top-account .dropdown-menu li a .badge { display: block; float: right; margin: 2px 0 0 0; } #top-account .dropdown-menu li a i:last-child { position: relative; top: 1px; margin-left: 5px; } /* ---------------------------------------------------------------- Sticky Header -----------------------------------------------------------------*/ #header, #header-wrap, #logo img { height: 100px; -webkit-transition: height .4s ease, opacity .3s ease; -o-transition: height .4s ease, opacity .3s ease; transition: height .4s ease, opacity .3s ease; } #header.sticky-style-2 { height: 161px; } #header.sticky-style-3 { height: 181px; } #header.sticky-style-2 #header-wrap { height: 60px; } #header.sticky-style-3 #header-wrap { height: 80px; } #primary-menu > ul > li > ul, #primary-menu > ul > li > .mega-menu-content, #primary-menu > ul > li.mega-menu > .mega-menu-content { -webkit-transition: top .4s ease; -o-transition: top .4s ease; transition: top .4s ease; } #top-search, #top-cart { -webkit-transition: margin .4s ease, opacity .3s ease; -o-transition: margin .4s ease, opacity .3s ease; transition: margin .4s ease, opacity .3s ease; } body:not(.top-search-open) #header-wrap #logo, body:not(.top-search-open) #primary-menu > ul, body:not(.top-search-open) #primary-menu > .container > ul, body:not(.top-search-open) #top-cart, body:not(.top-search-open) #side-panel-trigger, body:not(.top-search-open) #top-account { opacity: 1; -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; } body.top-search-open #header-wrap #logo, body.top-search-open #primary-menu > ul, body.top-search-open #primary-menu > .container > ul, body.top-search-open #top-cart, body.top-search-open #side-panel-trigger, body.top-search-open #top-account { opacity: 0; } #header.sticky-header.semi-transparent { background-color: transparent; } #header-wrap { position: relative; z-index: 199; -webkit-backface-visibility: hidden; } #header.sticky-header #header-wrap { position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.1); } #header.semi-transparent.sticky-header #header-wrap { background-color: rgba(255,255,255,0.8) } #header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img { height: 60px; } #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a { padding-top: 19px; padding-bottom: 19px; } #header.sticky-header:not(.static-sticky).sticky-style-2, #header.sticky-header:not(.static-sticky).sticky-style-3 { height: 161px; } #header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu, #header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu { border-top: 0; } #header.sticky-header:not(.static-sticky) #top-search, #header.sticky-header:not(.static-sticky) #top-cart, #header.sticky-header:not(.static-sticky) #side-panel-trigger { margin-top: 20px !important; margin-bottom: 20px !important; } #header.sticky-header:not(.static-sticky) #top-account { margin-top: 15px !important; margin-bottom: 14px !important; } #header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; } #header.sticky-header.sticky-style-2 #primary-menu { border-top: 0; } /* Primary Menu - Style 3 -----------------------------------------------------------------*/ #header.sticky-header:not(.static-sticky) #primary-menu.style-3 > ul > li > a { margin: 0; border-radius: 0; } /* Primary Menu - Style 4 -----------------------------------------------------------------*/ #header.sticky-header:not(.static-sticky) #primary-menu.style-4 > ul > li > a { padding-top: 8px; padding-bottom: 8px; margin: 10px 0; } /* Primary Menu - Style 5 -----------------------------------------------------------------*/ #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li { margin-left: 2px; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li:first-child { margin-left: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a { line-height: 22px; padding-top: 19px; padding-bottom: 19px; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a > div { padding: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a i { display: inline-block; width: 16px; top: -1px; margin: 0 6px 0 0; font-size: 14px; line-height: 22px; } /* Primary Menu - Sub Title -----------------------------------------------------------------*/ #header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li, #header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li { background: none !important; margin-left: 2px; } #header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li:first-child, #header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li:first-child { margin-left: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li > a, #header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li > a { line-height: 22px; padding: 19px 15px; text-transform: none; font-size: 14px; border-top: 0; } #header.sticky-header:not(.static-sticky) #primary-menu.sub-title ul li span { display: none; } /* ---------------------------------------------------------------- Page Menu -----------------------------------------------------------------*/ #page-menu, #page-menu-wrap { position: relative; height: 44px; line-height: 44px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } #page-menu-wrap { z-index: 99; background-color: #1ABC9C; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; } #page-menu.sticky-page-menu #page-menu-wrap { position: fixed; z-index: 99; left: 0; width: 100%; box-shadow: 0 0 15px rgba(0,0,0,0.3); } #header.static-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap, #header.static-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 100px; } #header ~ #page-menu.sticky-page-menu #page-menu-wrap, #header.no-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap, #header ~ #content #page-menu.sticky-page-menu #page-menu-wrap, #header.no-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 0; } #header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap, #header.sticky-header ~ #content #page-menu.sticky-page-menu #page-menu-wrap { top: 60px; } #page-submenu-trigger { top: 0; margin-top: 0; left: auto; right: 15px; width: 40px; height: 44px; line-height: 44px; } #page-menu .menu-title { float: left; color: #FFF; font-size: 20px; font-weight: 300; } #page-menu .menu-title span { font-weight: 700; } #page-menu nav { position: relative; float: right; } #page-menu nav ul { margin-bottom: 0; height: 44px; } #page-menu nav li { position: relative; float: left; list-style: none; } #page-menu nav li a { display: block; height: 28px; line-height: 28px; margin: 8px 4px; padding: 0 14px; color: #FFF; font-size: 14px; border-radius: 14px; } #page-menu nav li a .icon-angle-down { margin-left: 5px; } body:not(.device-touch) #page-menu nav li a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #page-menu nav li:hover a, #page-menu nav li.current a { background-color: rgba(0,0,0,0.15); } #page-menu li:hover ul { display: block; } #page-menu ul ul { display: none; position: absolute; width: 150px; top: 44px; left: 0; z-index: 149; height: auto; background-color: #1ABC9C; } #page-menu ul ul ul { display: none !important; } /* Disable Multi-Level Links */ #page-menu ul ul li { float: none; } #page-menu ul ul a { height: auto; line-height: 22px; margin: 0; padding: 8px 14px; border-radius: 0; background-color: rgba(0,0,0,0.15); } #page-menu ul ul li:hover a, #page-menu ul ul li.current a { background-color: rgba(0,0,0,0.3); } /* Page Menu - Dots Style -----------------------------------------------------------------*/ @media (min-width: 992px) { #page-menu.dots-menu, #page-menu.dots-menu #page-menu-wrap { position: fixed; z-index: 99; top: 50%; left: auto; right: 20px; width: 24px; height: auto; line-height: 1.5; background-color: transparent; text-shadow: none; } #page-menu.dots-menu #page-menu-wrap { position: relative; box-shadow: none; } #page-menu.dots-menu .menu-title { display: none; } #page-menu.dots-menu nav { float: none; width: 24px; } #page-menu.dots-menu nav ul { height: auto; } #page-menu.dots-menu nav ul li { float: none; width: 14px; height: 14px; margin: 10px 6px; } #page-menu.dots-menu nav li a { position: relative; width: 10px; height: 10px; line-height: 1.5; padding: 0; margin: 0 2px; background-color: rgba(0,0,0,0.4); border-radius: 50%; color: #777; } #page-menu.dots-menu nav li a:hover { background-color: rgba(0,0,0,0.7) } #page-menu.dots-menu nav li.current a { background-color: #1ABC9C; } #page-menu.dots-menu nav li div { position: absolute; width: auto; top: -11px; right: 25px; background-color: #1ABC9C; color: #FFF; padding: 5px 14px; white-space: nowrap; pointer-events: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); border-radius: 2px; opacity: 0; } body:not(.device-touch) #page-menu.dots-menu nav li div { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #page-menu.dots-menu nav li div:after { position: absolute; content: ''; top: 50%; margin-top: -6px; left: auto; right: -5px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 6px solid #1ABC9C; } #page-menu.dots-menu nav li a:hover div { opacity: 1; right: 30px; } } /* ---------------------------------------------------------------- One Page -----------------------------------------------------------------*/ .one-page-arrow { position: absolute; z-index: 3; bottom: 20px; left: 50%; margin-left: -16px; width: 32px; height: 32px; font-size: 32px; text-align: center; color: #222; } /* ---------------------------------------------------------------- Side Header -----------------------------------------------------------------*/ @media (min-width: 992px) { .side-header #header { position: fixed; top: 0; left: 0; z-index: 10; width: 260px; height: 100%; height: calc(100vh); background-color: #FFF; border: none; border-right: 1px solid #EEE; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.065); } .side-header #header-wrap { width: 300px; height: 100%; overflow: auto; padding-right: 40px; } .side-header #header .container { width: 260px !important; padding: 0 30px !important; margin: 0 !important; } .side-header #logo { float: none; margin: 60px 0 40px; } .side-header #logo img { height: auto !important; } .side-header #logo:not(.nobottomborder):after, .side-header #primary-menu:not(.nobottomborder):after { display: block; content: ''; width: 20%; border-bottom: 1px solid #E5E5E5; } .side-header .center #logo:after { margin: 0 auto; } .side-header #primary-menu { margin-bottom: 30px; } .side-header #primary-menu:not(.nobottomborder):after { margin-top: 40px; } .side-header #primary-menu, .side-header #primary-menu ul { float: none; height: auto; } .side-header #primary-menu ul li { float: none; margin: 15px 0 0; } .side-header #primary-menu ul li:first-child { margin-top: 0; } .side-header #primary-menu ul li a { height: 25px; line-height: 25px; padding: 0; text-transform: uppercase; } .side-header #primary-menu ul li i { line-height: 24px; } .side-header #primary-menu ul ul { position: relative; width: 100%; background-color: transparent; box-shadow: none; border: none; height: auto; z-index: 1; top: 0; left: 0; margin: 5px 0; padding-left: 12px; } .side-header #primary-menu ul ul ul { top: 0 !important; left: 0; } .side-header #primary-menu ul ul.menu-pos-invert { left: 0; right: auto; } .side-header #primary-menu ul ul ul.menu-pos-invert { right: auto; } .side-header #primary-menu ul ul li { margin: 0; border: 0; } .side-header #primary-menu ul ul li:first-child { border-top: 0; } .side-header #primary-menu ul ul a { font-size: 12px; height: auto !important; line-height: 24px !important; padding: 2px 0 !important; } .side-header #primary-menu ul ul li:hover > a { background-color: transparent !important; color: #444 !important; } .side-header #primary-menu ul > li.sub-menu > a, .side-header #primary-menu ul > li.sub-menu:hover > a { background-image: none !important; } .side-header #primary-menu ul > li.sub-menu > a:after { position: absolute; content: '\e7a5'; top: 1px; right: 0; -webkit-transition: transform .2s linear; -o-transition: transform .2s linear; transition: transform .2s linear; } .side-header #primary-menu ul > li.sub-menu:hover > a:after { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .side-header:not(.open-header) #wrapper { margin: 0 0 0 260px !important; width: auto !important; } .side-header:not(.open-header) #wrapper .container { width: auto; max-width: none; margin: 0 40px; } /* Side Header - Push Header -----------------------------------------------------------------*/ .side-header.open-header.push-wrapper { overflow-x: hidden; } .side-header.open-header #header { left: -260px; } .side-header.open-header.side-header-open #header { left: 0; } .side-header.open-header #wrapper { left: 0; } .side-header.open-header.push-wrapper.side-header-open #wrapper { left: 260px; } #header-trigger { display: none; } .side-header.open-header #header-trigger { display: block; position: fixed; cursor: pointer; top: 20px; left: 20px; z-index: 11; font-size: 16px; width: 32px; height: 32px; line-height: 32px; background-color: #FFF; text-align: center; border-radius: 2px; } .side-header.open-header.side-header-open #header-trigger { left: 280px; } .side-header.open-header #header-trigger i:nth-child(1), .side-header.open-header.side-header-open #header-trigger i:nth-child(2) { display: block; } .side-header.open-header.side-header-open #header-trigger i:nth-child(1), .side-header.open-header #header-trigger i:nth-child(2) { display: none; } .side-header.open-header #header, .side-header.open-header #header-trigger, .side-header.open-header.push-wrapper #wrapper { -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; } /* Side Header - Right Aligned -----------------------------------------------------------------*/ .side-header.side-header-right #header { left: auto; right: 0; border: none; border-left: 1px solid #EEE; } .side-header.side-header-right:not(.open-header) #wrapper { margin: 0 260px 0 0 !important; } .side-header.side-header-right.open-header #header { left: auto; right: -260px; } .side-header.side-header-right.open-header.side-header-open #header { left: auto; right: 0; } .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper { left: -260px; } .side-header.side-header-right.open-header #header-trigger { left: auto; right: 20px; } .side-header.side-header-right.open-header.side-header-open #header-trigger { left: auto; right: 280px; } .side-header.side-header-right.open-header #header, .side-header.side-header-right.open-header #header-trigger { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } } /* ---------------------------------------------------------------- Side Push Panel -----------------------------------------------------------------*/ body.side-push-panel { overflow-x: hidden; } #side-panel { position: fixed; top: 0; right: -300px; z-index: 399; width: 300px; height: 100%; background-color: #F5F5F5; overflow: hidden; -webkit-backface-visibility: hidden; } body.side-panel-left #side-panel { left: -300px; right: auto; } body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header.sticky-header .container { right: 0; } body.side-panel-left.side-push-panel.stretched #wrapper, body.side-panel-left.side-push-panel.stretched #header.sticky-header .container { left: 0; right: auto; } #side-panel .side-panel-wrap { position: absolute; top: 0; left: 0; bottom: 0; width: 330px; height: 100%; overflow: auto; padding: 50px 70px 50px 40px; } body.device-touch #side-panel .side-panel-wrap { overflow-y: scroll; } #side-panel .widget { margin-top: 40px; padding-top: 40px; width: 220px; border-top: 1px solid #E5E5E5; } #side-panel .widget:first-child { padding-top: 0; border-top: 0; margin: 0; } body.side-panel-open #side-panel { right: 0; } body.side-panel-left.side-panel-open #side-panel { left: 0; right: auto; } body.side-push-panel.side-panel-open.stretched #wrapper, body.side-push-panel.side-panel-open.stretched #header.sticky-header .container { right: 300px; } body.side-push-panel.side-panel-open.stretched.device-xl .slider-parallax-inner, body.side-push-panel.side-panel-open.stretched.device-lg .slider-parallax-inner { left: -300px; } body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container, body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner { left: 300px; right: auto; } #side-panel-trigger { display: block; cursor: pointer; z-index: 11; margin-right: 5px; } #side-panel-trigger-close a { display: none; } #side-panel, body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header .container { -webkit-transition: right .4s ease; -o-transition: right .4s ease; transition: right .4s ease; } body.side-panel-left #side-panel, body.side-panel-left.side-push-panel.stretched #wrapper, body.side-panel-left.side-push-panel.stretched #header .container, body.side-push-panel.stretched .slider-parallax-inner { -webkit-transition: left .4s ease; -o-transition: left .4s ease; transition: left .4s ease; } .body-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: -1; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } body.side-panel-open .body-overlay { opacity: 1; z-index: 298; pointer-events: auto; } body.side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover { cursor: url('images/icons/close.png') 15 15, default; } /* ---------------------------------------------------------------- Slider -----------------------------------------------------------------*/ .slider-element { position: relative; width: 100%; overflow: hidden; } .slider-parallax { position: relative; } .slider-parallax, .slider-parallax .swiper-container { visibility: visible; -webkit-backface-visibility: hidden; } .slider-parallax .slider-parallax-inner { position: fixed; width: 100%; height: 100%; } .device-touch .slider-parallax .slider-parallax-inner { position: relative; } body:not(.side-header) .slider-parallax .slider-parallax-inner { left: 0; } body:not(.stretched) .slider-parallax .slider-parallax-inner { left: auto; } #header.transparent-header + .slider-parallax .slider-parallax-inner { top: 0; } .slider-parallax .slider-parallax-inner, .slider-parallax .slider-caption { will-change: transform; -webkit-transform: translate3d(0,0,0); -webkit-transition: transform 0s linear; -webkit-backface-visibility: hidden; } /* Boxed Slider -----------------------------------------------------------------*/ .boxed-slider { padding-top: 40px; } /* Flex Slider - Thumbs -----------------------------------------------------------------*/ .fslider[data-animation="fade"][data-thumbs="true"] .flexslider, .fslider.testimonial[data-animation="fade"] .flexslider { height: auto !important; } .flex-control-nav.flex-control-thumbs { position: relative; top: 0; left: 0; right: 0; margin: 2px -2px -2px 0; height: 75px; } .flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; } .flex-control-nav.flex-control-thumbs li img { cursor: pointer; text-indent: -9999px; border: 0; border-radius: 0; margin: 0; opacity: 0.5; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { display: block; width: 100px !important; height: auto !important; } .flex-control-nav.flex-control-thumbs li:hover img, .flex-control-nav.flex-control-thumbs li img.flex-active { border-width: 0; opacity: 1; } /* Flex Thumbs - Flexible -----------------------------------------------------------------*/ .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs { margin: 2px -2px -2px 0; height: auto; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li { width: 25% !important; height: auto !important; margin: 0; padding: 0 2px 2px 0; } .fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li { width: 33.30% !important; } .fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li { width: 20% !important; } .fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li { width: 16.66% !important; } .fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li { width: 12.5% !important; } .fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li { width: 10% !important; } .fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li { width: 8.33% !important; } .fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img { width: 100% !important; height: auto !important; } /* Swiper Slider -----------------------------------------------------------------*/ .swiper_wrapper { width: 100%; height: 500px; overflow: hidden; } .full-screen .swiper_wrapper { height: auto; } .swiper_wrapper .swiper-container { position: relative; width:100%; height:100%; margin: 0; background: url('images/pattern2.png') repeat; } .swiper_wrapper .swiper-slide { position: relative; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; } .swiper-slide .video-wrap, .section .video-wrap, .swiper-slide .yt-bg-player, .section .yt-bg-player { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; } .slider-element .container { position: relative; height: 100%; } .slider-element.canvas-slider .swiper-slide img { width: 100%; } .slider-element.canvas-slider a { display: block; height: 100%; } .swiper-pagination { position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 20px !important; text-align: center; line-height: 1; } .swiper-pagination span { display: inline-block; cursor: pointer; width: 10px; height: 10px; margin: 0 4px; opacity: 1; background-color: transparent; border: 1px solid #FFF; border-radius: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active { background-color: #FFF !important; } /* Revolution Slider -----------------------------------------------------------------*/ .tp-banner .button { height: auto !important; } /* Video Overlay -----------------------------------------------------------------*/ .video-wrap { overflow: hidden; width: 100%; position: relative; } .video-wrap video { position: relative; z-index: 1; width: 100%; } .video-overlay, .video-placeholder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background: transparent url('images/grid.png') repeat; -webkit-backface-visibility: hidden; } .video-placeholder { z-index: 4; background-repeat: no-repeat !important; } /* Slider Caption -----------------------------------------------------------------*/ .slider-caption, .flex-caption { position: absolute; top: 0; left: 15px; z-index: 20; max-width: 550px; color: #EEE; font-size: 1.375rem; font-weight: 300; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); -webkit-transition: top .3s ease; -o-transition: top .3s ease; transition: top .3s ease; } .slider-caption:not(.dark), .slider-caption:not(.dark) h2 { color: #222; text-shadow: none; } .slider-caption h2 { font-size: 4rem; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; line-height: 1; margin-bottom: 0; } .slider-caption p { margin-top: 30px; margin-bottom: 10px; font-size: 24px; } .slider-caption.slider-caption-right { left: auto; right: 15px; } .slider-caption.slider-caption-center { position: relative; max-width: 800px; text-align: center; margin: 0 auto; left: 0; right: 0; } .slider-caption-bg { padding: 5px 12px; border-radius: 2px; background-color: rgba(0,0,0,0.6); top: auto; bottom: 50px; left: 50px; } .slider-caption-bg.slider-caption-bg-light { background-color: rgba(255,255,255,0.8); color: #333; font-weight: 400; text-shadow: none; } .slider-caption-top-left { top: 50px; bottom: auto; } .slider-caption-top-right { top: 50px; bottom: auto; left: auto; right: 50px; } .slider-caption-bottom-right { left: auto; right: 50px; } /* Slider Arrows -----------------------------------------------------------------*/ .slider-element .owl-carousel { margin: 0; } .slider-arrow-left, .slider-arrow-right, .flex-prev, .flex-next, .slider-arrow-top-sm, .slider-arrow-bottom-sm { position: absolute; cursor: pointer; z-index: 10; top: 50%; left: 0; margin-top: -26px; background-color: rgba(0,0,0,0.3); width: 52px; height: 52px; border: 0; border-radius: 0 3px 3px 0; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .slider-arrow-top-sm, .slider-arrow-bottom-sm { top: auto; bottom: 57px; left: auto; right: 20px; margin: 0; width: 32px; height: 32px; border-radius: 3px 3px 0 0; } .slider-arrow-bottom-sm { bottom: 20px; border-radius: 0 0 3px 3px; } .fslider[data-thumbs="true"] .flex-prev, .fslider[data-thumbs="true"] .flex-next { margin-top: -64px; } .slider-arrow-right, .slider-element .owl-next, .flex-next { left: auto; right: 0; border-radius: 3px 0 0 3px; } .slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { line-height: 50px; width: 34px; height: 52px; color: #DDD; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-size: 34px; text-align: center; margin-left: 7px; } .slider-arrow-top-sm i, .slider-arrow-bottom-sm i { width: 32px; height: 32px; margin: 0; line-height: 30px; font-size: 18px; color: #FFF; color: rgba(255,255,255,1); } .flex-prev i { margin-left: 9px; } .slider-element .owl-prev i { margin-left: 0; } .slider-arrow-right i { margin-left: 10px; } .flex-next i { margin-left: 11px; } .slider-element .owl-next i { margin-right: 4px; } .slider-arrow-left:hover, .slider-arrow-right:hover, .flex-prev:hover, .flex-next:hover, .slider-arrow-top-sm:hover, .slider-arrow-bottom-sm:hover { background-color: rgba(0,0,0,0.6) !important; } /* Slide Number -----------------------------------------------------------------*/ .slide-number { position: absolute; opacity: 0; top: auto; right: 20px; bottom: 20px; z-index: 20; width: 36px; height: 40px; text-align: center; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.15); font-size: 18px; font-weight: 300; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .slider-element:hover .slide-number { opacity: 1; } .slide-number-current, .slide-number-total { position: absolute; line-height: 1; top: 5px; left: 0; } .slide-number-total { top: auto; bottom: 5px; left: auto; right: 0; } .slide-number span { display: block; font-size: 32px; line-height: 40px; } /* Pagination -----------------------------------------------------------------*/ .slider-element .owl-dots { position: absolute; width: 100%; z-index: 20; margin: 0; top: auto; bottom: 15px; } .slider-element .owl-dots button { width: 10px; height: 10px; margin: 0 3px; opacity: 1 !important; background-color: transparent !important; border: 1px solid #FFF; } .slider-element .owl-dots .owl-dot.active, .slider-element .owl-dots .owl-dot:hover { background-color: #FFF !important; } /* ---------------------------------------------------------------- Page Title -----------------------------------------------------------------*/ #page-title { position: relative; padding: 50px 0; background-color: #F5F5F5; border-bottom: 1px solid #EEE; } #page-title .container { position: relative; } #page-title h1 { padding: 0; margin: 0; line-height: 1; font-weight: 600; letter-spacing: 1px; color: #333; font-size: 28px; text-transform: uppercase; } #page-title span { display: block; margin-top: 10px; font-weight: 300; color: #777; font-size: 18px; } .breadcrumb { position: absolute !important; width: auto !important; top: 50% !important; left: auto !important; right: 15px !important; margin: -10px 0 0 0 !important; background-color: transparent !important; padding: 0 !important; font-size: 12px; } body.stretched .container-fullwidth .breadcrumb { right: 60px !important; } #header.transparent-header + #page-title.page-title-parallax .breadcrumb { margin-top: 35px !important; } .breadcrumb a { color: #555; } .breadcrumb a:hover { color: #1ABC9C; } .breadcrumb i { width: auto !important; } /* Page Title - Dark -----------------------------------------------------------------*/ #page-title.page-title-dark { background-color: #333; text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important; border-bottom: none; } #page-title.page-title-dark h1 { color: rgba(255,255,255,0.9) !important; } #page-title.page-title-dark span { color: rgba(255,255,255,0.7); } #page-title.page-title-dark .breadcrumb > .active { color: rgba(255,255,255,0.6); } #page-title.page-title-dark .breadcrumb a { color: rgba(255,255,255,0.8); } #page-title.page-title-dark .breadcrumb a:hover { color: rgba(255,255,255,0.95); } /* Page Title - Right Aligned -----------------------------------------------------------------*/ #page-title.page-title-right { text-align: right; } #page-title.page-title-right .breadcrumb { left: 15px !important; right: auto !important; } /* Page Title - Center Aligned -----------------------------------------------------------------*/ #page-title.page-title-center { text-align: center; } #page-title.page-title-center span { max-width: 700px; margin-left: auto; margin-right: auto; } #page-title.page-title-center .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 20px 0 0 !important; justify-content: center; } /* Page Title - Background Pattern -----------------------------------------------------------------*/ #page-title.page-title-pattern { background-image: url('images/pattern.png'); background-repeat: repeat; background-attachment: fixed; } /* Page Title - Parallax Background -----------------------------------------------------------------*/ #page-title.page-title-parallax { padding: 100px 0; text-shadow: none; border-bottom: none; } #page-title.page-title-parallax h1 { font-size: 40px; font-weight: 600; letter-spacing: 2px; } #page-title.page-title-parallax span { font-size: 22px; } #page-title.page-title-parallax .breadcrumb { font-size: 13px; } #page-title.page-title-parallax { background-color: transparent; background-image: url('images/parallax/parallax-bg.jpg'); background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } /* Page Title - Mini -----------------------------------------------------------------*/ #page-title.page-title-mini { padding: 20px 0; } #page-title.page-title-mini h1 { font-weight: 600; font-size: 18px; color: #444; } #page-title.page-title-mini span { display: none; } /* Page Title - No Background -----------------------------------------------------------------*/ #page-title.page-title-nobg { background: transparent !important; border-bottom: 1px solid #F5F5F5; } /* Page Title - Video -----------------------------------------------------------------*/ #page-title.page-title-video { background: none; position: relative; overflow: hidden; } #page-title.page-title-video .container { z-index: 3; } #page-title.page-title-video .video-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #page-title.page-title-video .video-wrap video { width: 100%; } /* ---------------------------------------------------------------- Content -----------------------------------------------------------------*/ #content { position: relative; overflow: hidden; background-color: #FFF; } #content p { line-height: 1.8; } .content-wrap { position: relative; padding: 80px 0; } #content .container { position: relative; } .grid-container { position: relative; overflow: hidden; } body:not(.device-touch) .grid-container { -webkit-transition: height .4s ease; -o-transition: height .4s ease; transition: height .4s ease; } /* ---------------------------------------------------------------- Portfolio -----------------------------------------------------------------*/ /* Portfolio - Filter -----------------------------------------------------------------*/ .portfolio-filter { position: relative; margin: 0 0 40px 0; list-style: none; border: 1px solid rgba(0,0,0,0.07); float: left; border-radius: 4px; } .portfolio-filter li { float: left; position: relative; } .portfolio-filter li a { display: block; position: relative; padding: 12px 18px; font-size: 13px; line-height: 15px; color: #666; border-left: 1px solid rgba(0,0,0,0.07); } .portfolio-filter li:first-child a { border-left: none; border-radius: 4px 0 0 4px; } .portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; } .portfolio-filter li a:hover { color: #1ABC9C; } .portfolio-filter li.activeFilter a { color: #FFF !important; background-color: #1ABC9C; margin: -1px 0; padding: 13px 18px; font-weight: bold; } .bothsidebar .portfolio-filter li a { padding: 12px 14px; } .bothsidebar .portfolio-filter li.activeFilter a { padding: 13px 18px; } /* Portfolio - Filter: Style 2 -----------------------------------------------------------------*/ .portfolio-filter.style-2, .portfolio-filter.style-3, .portfolio-filter.style-4 { border: none; border-radius: 0; } .portfolio-filter.style-2 li, .portfolio-filter.style-3 li, .portfolio-filter.style-4 li { margin-bottom: 10px; } .portfolio-filter.style-2 li:not(:first-child), .portfolio-filter.style-3 li:not(:first-child) { margin-left: 10px; } .portfolio-filter.style-2 li a, .portfolio-filter.style-3 li a, .portfolio-filter.style-4 li a { padding-top: 9px; padding-bottom: 9px; font-size: 14px; line-height: 16px; border-radius: 22px; border: none; } .portfolio-filter.style-2 li.activeFilter a { color: #FFF !important; margin: 0; } /* Portfolio - Filter: Style 3 -----------------------------------------------------------------*/ .portfolio-filter.style-3 li a { border: 1px solid transparent; } .portfolio-filter.style-3 li.activeFilter a { color: #1ABC9C !important; border-color: #1ABC9C; background-color: transparent; margin: 0; } /* Portfolio - Filter: Style 4 -----------------------------------------------------------------*/ .portfolio-filter.style-4 li:not(:first-child) { margin-left: 30px; } .portfolio-filter.style-4 li a { padding: 13px 5px; font-size: 15px; border-radius: 0; } .portfolio-filter.style-4 li a:after { content: ''; position: absolute; top: auto; bottom: 0; left: 50%; width: 0; height: 2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .portfolio-filter.style-4 li.activeFilter a { color: #444 !important; background-color: transparent; margin: 0; } .portfolio-filter.style-4 li.activeFilter a:after { width: 100%; left: 0%; background-color: #1ABC9C; } /* Portfolio - Center Aligned -----------------------------------------------------------------*/ .portfolio-filter.center.style-2 li, .portfolio-filter.center.style-3 li, .portfolio-filter.center.style-4 li { display: inline-block; float: none; } /* Portfolio - Shuffle Icon -----------------------------------------------------------------*/ .portfolio-shuffle { float: right; width: 41px; height: 41px; border: 1px solid rgba(0,0,0,0.07); font-size: 14px; text-align: center; line-height: 41px; color: #333; border-radius: 4px; cursor: pointer; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .portfolio-shuffle:hover { background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } /* Portfolio - Items -----------------------------------------------------------------*/ .portfolio { position: relative; margin: 0 -12px -12px 0; } body:not(.device-touch) .portfolio { -webkit-transition: height .4s linear; -o-transition: height .4s linear; transition: height .4s linear; } .portfolio-item { float: left; position: relative; width: 25%; height: auto; padding: 0 12px 12px 0; } .portfolio-notitle .portfolio-item, .portfolio-notitle .iportfolio { overflow: hidden; } .portfolio-item .portfolio-image { position: relative; overflow: hidden; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { display: block; width: 100%; height: auto; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-image img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /* Portfolio - Item Title -----------------------------------------------------------------*/ .portfolio-desc { z-index: 3; padding: 15px 5px 10px; } .portfolio-desc h3 { margin: 0; padding: 0; font-size: 19px; } .portfolio-desc h3 a { color: #222; } .portfolio-desc h3 a:hover { color: #1ABC9C; } .portfolio-desc span { display: block; margin-top: 3px; color: #888; } .portfolio-desc span a { color: #888; } .portfolio-desc span a:hover { color: #000; } .portfolio-notitle .portfolio-desc { position: absolute; display: block !important; width: 100%; height: 78px; padding: 15px 5px; top: auto; bottom: -79px; left: 0; background-color: #FFF; border-bottom: 1px solid #EEE; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-desc { -webkit-transition: bottom .2s ease-in-out; -o-transition: bottom .2s ease-in-out; transition: bottom .2s ease-in-out; } .portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -78px; border-bottom: 0; } .portfolio-notitle .portfolio-item:hover .portfolio-desc, .portfolio-notitle .iportfolio:hover .portfolio-desc { bottom: 0 !important; } .bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .iportfolio:hover .portfolio-image img { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } body.device-touch.device-sm .portfolio-notitle .portfolio-desc, body.device-touch.device-xs .portfolio-notitle .portfolio-desc { display: none !important; } /* Portfolio - No Margin -----------------------------------------------------------------*/ .portfolio.portfolio-nomargin, .portfolio.portfolio-full { margin: 0 !important; } .portfolio-nomargin .portfolio-item, .portfolio-full .portfolio-item { padding: 0 !important; } .portfolio-nomargin .portfolio-desc { padding: 15px 10px 15px; } /* Portfolio - 100% Full Width -----------------------------------------------------------------*/ .portfolio.portfolio-full { margin: 0 !important; width: 100%; } .portfolio-full .portfolio-item { overflow: hidden !important; } .portfolio-full .portfolio-desc { padding: 15px; } /* Portfolio - Sidebar -----------------------------------------------------------------*/ .postcontent .portfolio-desc h3 { font-size: 17px; } .postcontent .portfolio-desc span { font-size: 12px; } /* Portfolio - Sidebar - No Title -----------------------------------------------------------------*/ .postcontent .portfolio-notitle .portfolio-desc { height: 70px; bottom: -71px; } .postcontent .portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -70px; } .postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; } /* Portfolio - Both Sidebars -----------------------------------------------------------------*/ .bothsidebar .portfolio { margin: 0; } .bothsidebar .portfolio-item { padding: 0; } .bothsidebar .portfolio-desc { display: none !important; } /* Portfolio - Items - 3 Columns -----------------------------------------------------------------*/ .portfolio.portfolio-3 { margin: 0 -15px -15px 0; } .portfolio-3 .portfolio-item { width: 33.33333333%; padding: 0 15px 15px 0; } /* Portfolio - Sidebar - Items - 3 Columns -----------------------------------------------------------------*/ .postcontent .portfolio-3 .portfolio-desc h3 { font-size: 18px; } .postcontent .portfolio-3 .portfolio-desc span { font-size: 13px; } /* Portfolio - Sidebar - Items - 3 Columns - No Title -----------------------------------------------------------------*/ .postcontent .portfolio-3.portfolio-notitle .portfolio-desc { height: 72px; bottom: -73px; } .postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -72px; } .postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; } /* Portfolio - Both Sidebars - Items - 3 Columns -----------------------------------------------------------------*/ .bothsidebar .portfolio.portfolio-3 { margin: 0 -11px -11px 0; } .bothsidebar .portfolio-3 .portfolio-item { padding: 0 11px 11px 0; } .bothsidebar .portfolio-3 .portfolio-desc { display: block !important; } .bothsidebar .portfolio-3 .portfolio-desc h3 { font-size: 15px; } .bothsidebar .portfolio-3 .portfolio-desc span { font-size: 12px; } /* Portfolio - Both Sidebars - Items - 3 Columns - No Title -----------------------------------------------------------------*/ .bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px; } .bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; } .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; } /* Portfolio - Items - 2 Columns -----------------------------------------------------------------*/ .portfolio.portfolio-2 { margin: 0 -20px -20px 0; } .portfolio-2 .portfolio-item { width: 50%; padding: 0 20px 20px 0; } .portfolio-2 .portfolio-desc { padding: 20px 5px 10px; } .portfolio-2 .portfolio-desc h3 { font-size: 21px; } .portfolio-2 .portfolio-desc span { margin-top: 4px; font-size: 14px; } /* Portfolio - Items - 2 Columns - No Margin -----------------------------------------------------------------*/ .portfolio-2.portfolio-nomargin .portfolio-desc { padding: 20px 15px 20px; } /* Portfolio - Items - 2 Columns - No Title -----------------------------------------------------------------*/ .portfolio-2.portfolio-notitle .portfolio-desc { height: 90px; bottom: -91px; } .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; } /* Portfolio - Sidebar - Items - 2 Columns -----------------------------------------------------------------*/ .postcontent .portfolio-2 .portfolio-desc h3 { font-size: 21px; } .postcontent .portfolio-2 .portfolio-desc span { font-size: 14px; } /* Portfolio - Sidebar - Items - 2 Columns - No Margin -----------------------------------------------------------------*/ .postcontent .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 20px; } /* Portfolio - Sidebar - Items - 2 Columns - No Title -----------------------------------------------------------------*/ .postcontent .portfolio-2.portfolio-notitle .portfolio-desc { height: 90px; bottom: -91px; } .postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; } .postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; } /* Portfolio - Both Sidebars - Items - 2 Columns -----------------------------------------------------------------*/ .bothsidebar .portfolio-2 .portfolio-desc { display: block !important; padding-top: 15px; padding-bottom: 0; } .bothsidebar .portfolio-2 .portfolio-desc h3 { font-size: 19px; } .bothsidebar .portfolio-2 .portfolio-desc span { font-size: 13px; } /* Portfolio - Both Sidebars - Items - 2 Columns - No Margin -----------------------------------------------------------------*/ .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 15px; } /* Portfolio - Both Sidebars - Items - 2 Columns - No Title -----------------------------------------------------------------*/ .bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc { height: 75px; bottom: -76px; } .bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -75px; } .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; } /* Portfolio - Items - 5 Columns -----------------------------------------------------------------*/ .portfolio.portfolio-5 { margin: 0 -10px -10px 0; } .portfolio-5 .portfolio-item { width: 20%; padding: 0 10px 10px 0; } .portfolio-5 .portfolio-desc h3 { font-size: 17px; } /* Portfolio - Items - 5 Columns - No Title -----------------------------------------------------------------*/ .portfolio-5.portfolio-notitle .portfolio-desc { height: 71px; bottom: -72px; } .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -71px; } .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -30px !important; } /* Portfolio - Sidebar - Items - 5 Columns -----------------------------------------------------------------*/ .postcontent .portfolio.portfolio-5 { margin: 0; } .postcontent .portfolio-5 .portfolio-item { padding: 0; } .postcontent .portfolio-5 .portfolio-desc h3 { font-size: 15px; } .postcontent .portfolio-5 .portfolio-desc span { font-size: 12px; } .postcontent .portfolio-5 .portfolio-desc { padding: 15px 10px; } /* Portfolio - Sidebar - Items - 5 Columns - No Title -----------------------------------------------------------------*/ .postcontent .portfolio-5.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px; } .postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; } .postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; } /* Portfolio - Items - 6 Columns -----------------------------------------------------------------*/ .portfolio.portfolio-6 { margin: 0 -6px -6px 0; } .portfolio-6 .portfolio-item { width: 16.66666667%; padding: 0 6px 6px 0; } .portfolio-6 .portfolio-desc h3 { font-size: 15px; } .portfolio-6 .portfolio-desc span { font-size: 12px; } /* Portfolio - Items - 6 Columns - No Title -----------------------------------------------------------------*/ .portfolio-6.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px; } .portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; } .portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; } /* Portfolio - Items - 1 Column -----------------------------------------------------------------*/ .portfolio.portfolio-1 { margin: 0 0px -40px 0; } .portfolio-1 .portfolio-item { float: none; width: 100%; margin: 0 0 40px 0; padding-bottom: 40px; padding-right: 0; border-bottom: 1px solid #EEE; } .portfolio-1 .portfolio-item .portfolio-image { float: left; margin-right: 0; width: 65%; height: auto; } .portfolio-1 .portfolio-item.alt .portfolio-image { float: right; margin: 0; } .portfolio-1 .portfolio-desc { float: left; width: 35%; padding: 10px 0 10px 40px; } .portfolio-1 .alt .portfolio-desc { float: right; padding-left: 0; padding-right: 40px; } .portfolio-1 .portfolio-desc h3 { font-size: 22px; } .portfolio-1 .portfolio-desc span { margin-top: 6px; font-size: 14px; } .portfolio-1 .portfolio-desc p { margin: 20px 0 25px; font-size: 14px; } .portfolio-1 .portfolio-desc li { margin: 3px 0; } /* Portfolio - Items - 1 Column - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar .portfolio-1 .iconlist { display: block !important; } .bothsidebar .portfolio-1 .portfolio-item { width: 100% !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-desc { float: none; margin: 0 !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-bottom: 20px !important; } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image img { width: 100%; height: auto; } .bothsidebar .portfolio-1 .portfolio-desc { display: block !important; position: relative !important; width: 100% !important; padding: 0 !important; background-color: transparent !important; left: 0 !important; right: 0 !important; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 50%; } .bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 50%; } /* Portfolio - Items - 1 Column - Full Width -----------------------------------------------------------------*/ .portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; } .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 60px; padding: 0; border-bottom: 0; overflow: hidden; } .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image { float: none; width: 100%; margin: 0 !important; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img { -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); -ms-transform: translateX(-60px); -o-transform: translateX(-60px); transform: translateX(-60px); } .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(60px); -moz-transform: translateX(60px); -ms-transform: translateX(60px); -o-transform: translateX(60px); transform: translateX(60px); } .portfolio-1.portfolio-fullwidth .portfolio-desc { position: absolute; float: none; width: 35%; height: 100%; padding: 30px; background-color: #F9F9F9; top: 0; left: auto; right: -35%; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-desc { -webkit-transition: right .3s ease-in-out; -o-transition: right .3s ease-in-out; transition: right .3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc { right: 0; } .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { left: -35%; right: auto; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { -webkit-transition: left .3s ease-in-out; -o-transition: left .3s ease-in-out; transition: left .3s ease-in-out; } .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc { left: 0; } .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 33%; } .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 33%; } /* Portfolio - Items - 1 Column - Full Width - Sidebar -----------------------------------------------------------------*/ .postcontent .portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px 0; } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px; } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc { padding: 25px; } /* Portfolio - Items - 1 Column - Full Width - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image { margin-bottom: 20px !important; } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img, .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } /* Portfolio - Parallax -----------------------------------------------------------------*/ .portfolio.portfolio-parallax { margin: 0 !important; } .portfolio.portfolio-parallax .portfolio-item { float: none; width: 100% !important; height: 500px !important; margin: 0 !important; padding: 0 !important; } .portfolio.portfolio-parallax .portfolio-item .portfolio-image { width: 100% !important; height: 500px !important; background-attachment: fixed; } .portfolio.portfolio-parallax .portfolio-desc { position: absolute; top: 50%; left: 0; margin-top: -57px; width: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); padding: 0; opacity: 0; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc { -webkit-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc { opacity: 1; } .portfolio.portfolio-parallax .portfolio-desc h3 { font-size: 44px; font-weight: 300; letter-spacing: -1px; } .portfolio.portfolio-parallax .portfolio-desc h3 a { color: #FFF; } .portfolio.portfolio-parallax .portfolio-desc h3 a:hover { color: #DDD; } .portfolio.portfolio-parallax .portfolio-desc span { margin-top: 12px; font-size: 16px; color: #CCC; } .portfolio.portfolio-parallax .portfolio-desc span a { color: #DDD; } .portfolio.portfolio-parallax .portfolio-desc span a:hover { color: #BBB; } .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider { width: 100%; text-align: center; margin: 15px 0 0; } .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div { display: inline-block; width: 50px; height: 0; border-bottom: 1px solid #FFF; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div { -webkit-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out; transition: width .5s ease-in-out; } .portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div { width: 120px; } .portfolio.portfolio-parallax .portfolio-overlay { background-color: rgba(0,0,0,0.4); } /* Portfolio - Overlay -----------------------------------------------------------------*/ .portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; text-align: center; background-color: rgba(0,0,0,0.5); } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay { -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } .portfolio-item:hover .portfolio-overlay, .iportfolio:hover .portfolio-overlay { opacity: 1; } .portfolio-overlay a { position: absolute; top: 50%; left: 50%; background-color: #F5F5F5; width: 40px !important; height: 40px !important; margin: -28px 0 0 -44px; font-size: 18px; line-height: 40px; text-align: center; color: #444; border-radius: 50%; -webkit-backface-visibility: hidden; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay a { -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; } .portfolio-overlay a.left-icon { } .portfolio-overlay a.right-icon { left: auto; right: 50%; margin-left: 0; margin-right: -44px; } .portfolio-overlay a.center-icon { display: block; margin: -20px 0 0 -20px; opacity: 0; } .portfolio-item:hover a.center-icon, .iportfolio:hover a.center-icon { opacity: 1; } .portfolio-overlay a:hover { color: #1ABC9C; background-color: #EEE; } .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-item:hover .portfolio-overlay a.right-icon, .iportfolio:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -18px; } .portfolio-overlay a i.icon-line-play { position: relative; left: 2px; } .portfolio-overlay .portfolio-desc { position: relative; padding: 0 !important; margin: 0; text-align: center; } .portfolio-overlay .portfolio-desc a { display: inline; position: relative; top: 0; left: 0; margin: 0; font-size: inherit; width: auto !important; height: auto !important; line-height: 1; background-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .portfolio-overlay .portfolio-desc h3 { font-weight: 600; color: #F5F5F5 !important; line-height: 1; } .portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5 !important; } .portfolio-overlay .portfolio-desc span { margin-top: 7px; color: #DDD !important; } .portfolio-overlay .portfolio-desc span a { color: #DDD !important; font-size: inherit; } .portfolio-overlay .portfolio-desc ~ a { display: inline-block; position: relative; top: 0; left: 0; margin: 20px 0 0 !important; } body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay .portfolio-desc ~ a { -webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear; -o-transition: color .2s linear, background-color .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, opacity .2s linear; } .portfolio-overlay .portfolio-desc ~ a.right-icon { left: 0; right: 0; margin-left: 5px !important; margin-right: 0 !important; } .portfolio-overlay .portfolio-desc a:hover { background: transparent; } body.device-touch.device-sm .portfolio-notitle .portfolio-overlay, body.device-touch.device-xs .portfolio-notitle .portfolio-overlay { display: none !important; } /* Portfolio Single -----------------------------------------------------------------*/ .portfolio-single {} /* Portfolio Single - Image -----------------------------------------------------------------*/ .portfolio-single-image > a, .portfolio-single-image .slide a, .portfolio-single-image img, .portfolio-single-image iframe, .portfolio-single-image video { display: block; width: 100%; } .portfolio-single-image-full { position: relative; height: 600px; overflow: hidden; margin: -80px 0 80px !important; } .portfolio-single-video { height: auto !important; } /* Portfolio Single - Gallery Thumbs -----------------------------------------------------------------*/ .portfolio-single-image-full .swiper-container { width:100%; height:600px; background-color: #333; } .portfolio-single-image-full .swiper-nested-1, .portfolio-single-image-full .swiper-nested-2 { width:100%; } .portfolio-single-image-full .swiper-slide { overflow: hidden; } .portfolio-single-image-full .swiper-slide img { width: 100%; height: auto; } /* Portfolio & Blog Single - Masonry -----------------------------------------------------------------*/ .masonry-thumbs { position: relative; } .masonry-thumbs a { position: relative; float: left; width: 25%; max-width: 100% !important; overflow: hidden; } .masonry-thumbs.grid-2 a { width: 50%; } .masonry-thumbs.grid-3 a { width: 33.30%; } .masonry-thumbs.grid-4 a { width: 25%; } .masonry-thumbs.grid-5 a { width: 20%; } .masonry-thumbs.grid-6 a { width: 16.60%; } .masonry-thumbs a, .masonry-thumbs img { display: block; height: auto !important; } .masonry-thumbs img { width: 100%; border-radius: 0 !important; padding: 0 1px 1px 0; } .masonry-thumbs .overlay { padding: 0 1px 1px 0; } /* Portfolio Single - Content -----------------------------------------------------------------*/ .portfolio-single-content { font-size: 14px; } .portfolio-single-content h2 { margin: 0 0 20px; padding: 0; font-size: 20px; font-weight: 600 !important; } .portfolio-ajax-modal { width: 1000px !important; } .modal-padding { padding: 40px; } .ajax-modal-title { background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 25px 40px; } .ajax-modal-title h2 { font-size: 26px; margin-bottom: 0; } #portfolio-ajax-wrap { position: relative; max-height: 0; overflow: hidden; -webkit-transition: max-height .4s ease; -o-transition: max-height .4s ease; transition: max-height .4s ease; } #portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; } #portfolio-ajax-container { display: none; padding-bottom: 60px; } #portfolio-ajax-single h2 { font-size: 26px; } /* Portfolio Single - Meta -----------------------------------------------------------------*/ .portfolio-meta, .portfolio-share { list-style: none; font-size: 14px; } .portfolio-meta li { margin: 10px 0; color: #666; } .portfolio-meta li:first-child { margin-top: 0; } .portfolio-meta li span { display: inline-block; width: 150px; font-weight: bold; color: #333; } .portfolio-meta li span i { position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px; } .well .line { margin: 20px 0; border-color: #E5E5E5; } /* Portfolio Single Navigation -----------------------------------------------------------------*/ #portfolio-navigation { position: absolute; top: 50%; left: auto; right: 10px; max-width: 96px; height: 24px; margin-top: -12px; } .page-title-right #portfolio-navigation { left: 10px; right: auto; } .page-title-center #portfolio-navigation { position: relative; top: 0; left: 0; margin: 20px auto 0; } #portfolio-navigation a { display: block; float: left; margin-left: 12px; width: 24px; height: 24px; text-align: center; color: #444; transition: color .3s linear; -webkit-transition: color .3s linear; -o-transition: color .3s linear; } .page-title-dark #portfolio-navigation a { color: #EEE; } .page-title-parallax #portfolio-navigation a { color: #FFF; } #portfolio-navigation a i { position: relative; top: -1px; font-size: 24px; line-height: 1; } #portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right { font-size: 32px; top: -6px; } #portfolio-navigation a i.icon-angle-right { left: -1px; } #portfolio-navigation a:first-child { margin-left: 0; } #portfolio-navigation a:hover { color: #1ABC9C; } #portfolio-ajax-show #portfolio-navigation { top: 0; margin-top: 0; } /* Individual Portfolio Item -----------------------------------------------------------------*/ .iportfolio { position: relative; float: none; width: 100%; margin: 0; padding: 0; } .iportfolio .portfolio-image { position: relative; overflow: hidden; } .iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img { display: block; width: 100%; height: auto; } .iportfolio .portfolio-overlay { height: 100% !important; } /* ---------------------------------------------------------------- Blog -----------------------------------------------------------------*/ #posts { position: relative; } .entry { position: relative; margin: 0 0 50px; } .entry:after { content: ''; position: relative; height: 2px; margin-top: 50px; background-color: #F5F5F5; } .entry-image { margin-bottom: 30px; } .entry-image, .entry-image > a, .entry-image .slide a, .entry-image img { display: block; position: relative; width: 100%; height: auto; } .entry-image iframe { display: block; } .entry-image img { border-radius: 3px; } .entry-title h2 { margin: 0; font-size: 24px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .entry-title h2 a { color: #333; } .entry-title h2 a:hover { color: #1ABC9C; } .entry-meta { margin: 10px -10px -15px 0; list-style: none; } .single-post .entry-meta { margin-bottom: 20px; } .entry-meta li { float: left; font-size: 13px; line-height: 14px; margin: 0 10px 15px 0; color: #999; font-family: 'Crete Round', serif; font-style: italic; } .entry-meta li:before { content: '/'; display: inline-block; margin-right: 10px; opacity: 0.5 } .entry-meta li i { position: relative; top: 1px; font-size: 14px; margin-right: 3px; } .entry-meta li a { color: #999; } .entry-meta li a:hover { color: #1ABC9C; } .entry-meta li:first-child:before { display: none; } .entry-meta li ins { font-weight: 700; text-decoration: none; } .entry-c { position: relative; overflow: hidden; } #posts .entry-content { margin-top: 30px; } .single-post .entry-content .entry-image { max-width: 350px; } .entry-content { position: relative; } .entry-link { display: block; width: 100%; background-color: #F5F5F5; padding: 30px 0; text-align: center; color: #444; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 24px; font-weight: 700; border-radius: 3px; } body:not(.device-touch) .entry-link { -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .entry-link:hover { color: #FFF; background-color: #1ABC9C; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .entry-link span { display: block; margin-top: 5px; font-family: 'Crete Round', serif; font-style: italic; font-weight: normal; text-transform: none; letter-spacing: 0; font-size: 14px; color: #AAA; } .entry-link:hover span { color: #EEE; } .entry blockquote p { font-weight: 400; font-family: 'Crete Round', serif; font-style: italic; } /* Small Thumbs -----------------------------------------------------------------*/ .small-thumbs .entry-image, .ievent .entry-image { float: left; width: 300px; margin: 0 30px 0 0; } .small-thumbs .entry-image img, .ievent .entry-image img { border-radius: 0; } .small-thumbs .entry-c .entry-image, .ievent .entry-c .entry-image { float: none; width: 100%; margin: 0 0 20px 0; } .small-thumbs .entry-c .entry-image img, .ievent .entry-c .entry-image img { border-radius: 5px; } .small-thumbs .entry-title h2, .ievent .entry-title h2 { font-size: 20px; font-weight: 600; } /* Small Thumbs - Right -----------------------------------------------------------------*/ .small-thumbs.alt .entry-image { float: right; margin: 0 0 0 30px; } .small-thumbs.alt .entry-c .entry-image { float: none; margin: 0 0 20px 0; } /* Small Thumbs - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar .small-thumbs .entry-image { width: 200px; margin: 0 25px 0 0; } .bothsidebar .small-thumbs.alt .entry-image { margin: 0 0 0 25px; } .bothsidebar .small-thumbs .entry-c .entry-image { width: 100%; margin: 0 0 20px 0; } .bothsidebar .small-thumbs .entry-title h2 { font-size: 18px; } /* Blog - Grid -----------------------------------------------------------------*/ .post-grid { margin-right: -28px; } .post-grid .entry { float: left; width: 25%; padding-right: 28px; } .post-grid .entry-image img { border-radius: 0; } .post-grid .entry-title h2 { font-size: 17px; font-weight: 600; } .post-grid .entry-link { font-size: 24px; } .post-grid .entry-link span { font-size: 13px; } /* Blog - Grid - 3 Columns -----------------------------------------------------------------*/ .post-grid.grid-3 { margin-right: -30px; } .post-grid.grid-3 .entry { width: 33.33333333%; padding-right: 30px; } .post-grid.grid-3 .entry-title h2 { font-size: 18px; } /* Blog - Grid - 3 Columns - Sidebar -----------------------------------------------------------------*/ .postcontent .post-grid.grid-3 { margin-right: -25px; } .postcontent .post-grid.grid-3 .entry { padding-right: 25px; } .postcontent .post-grid.grid-3 .entry-title h2 { font-size: 16px; } /* Blog - Grid - 2 Columns -----------------------------------------------------------------*/ .post-grid.grid-2 { margin-right: -40px; } .post-grid.grid-2 .entry { width: 50%; padding-right: 40px; } .post-grid.grid-2 .entry-title h2 { font-size: 20px; } /* Blog - Grid - 2 Columns - Sidebar -----------------------------------------------------------------*/ .postcontent .post-grid.grid-2 .entry-title h2 { font-size: 18px; } /* Blog - Grid - 2 Columns - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar .post-grid.grid-2 .entry-title h2 { font-size: 16px; } /* Blog - Masonry -----------------------------------------------------------------*/ .post-masonry .entry-image, .post-masonry .entry-image img { height: auto !important; } /* Blog - Masonry Full -----------------------------------------------------------------*/ .post-masonry-full { margin: -80px 0 -80px -1px !important; } .post-masonry-full .entry { width: 24.9% !important; margin: 0 !important; padding: 40px 30px; border-bottom: 1px dashed; border-left: 1px dashed; border-color: #E5E5E5; } .post-masonry-full .entry:after { display: none; } .post-masonry-full.grid-3 .entry { width: 33.30% !important; } /* Blog - Timeline -----------------------------------------------------------------*/ .timeline-border { position: absolute; top: 0; left: 50%; margin-left: -71px; width: 0; border-left: 1px dashed #CCC; height: 100%; } .post-timeline { margin-right: -140px !important; } .post-timeline .entry { width: 500px !important; margin-right: 140px !important; padding-right: 0 !important; } .entry.entry-date-section { width: 100% !important; margin: 50px -70px 80px; padding: 0; border: 0; text-align: center; } .entry.entry-date-section span { display: inline-block; padding: 10px 15px; background-color: #FFF; border: 2px solid #EEE; font-size: 18px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-family: 'Raleway', sans-serif; } .post-timeline .entry-timeline { display: none; position: absolute; border: 2px solid #CCC; background-color: #FFF; padding-top: 0; text-indent: -9999px; top: 40px; left: auto; right: -76px; width: 13px; height: 13px; border-radius: 50%; font-size: 26px; font-weight: bold; color: #AAA; text-align: center; line-height: 1; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-timeline .entry-timeline div.timeline-divider { position: absolute; top: 4px; left: -58px; width: 50px; height: 0; border-top: 1px dashed #CCC; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .post-timeline .alt .entry-timeline { right: auto; left: -77px; } .post-timeline .alt .entry-timeline div.timeline-divider { left: auto; right: -58px; } .post-timeline .entry-timeline span { display: block; margin-top: 3px; font-size: 13px; font-weight: normal; } .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider { border-color: #1ABC9C; color: #1ABC9C; } /* Blog - Timeline - Sidebar -----------------------------------------------------------------*/ .postcontent .timeline-border { left: 32px; margin-left: 0; } .postcontent .post-timeline { padding-left: 100px; margin-right: 0 !important; } .postcontent .post-timeline .entry { width: 100% !important; margin-right: 140px !important; } .postcontent .post-timeline .entry-timeline { display: block; border: 3px solid #CCC; background-color: #FFF; padding-top: 10px; text-indent: 0; top: 20px; left: -100px; right: auto; width: 64px; height: 64px; font-size: 24px; } .postcontent .post-timeline .entry-timeline div.timeline-divider { top: 29px; left: 64px; width: 32px; } /* Individual Post -----------------------------------------------------------------*/ .ipost .entry-image img { border-radius: 0; } .ipost .entry-title h3, .ipost .entry-title h4 { margin: 0; font-size: 16px; font-weight: 600; } .ipost .entry-title h4 { font-size: 15px; } .ipost .entry-title h3 a, .ipost .entry-title h4 a { color: #333; } .ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover { color: #1ABC9C; } .ipost .entry-meta { margin-right: -10px; } .ipost .entry-meta li { font-size: 13px; margin-right: 10px; } .ipost .entry-content { margin-top: 20px; } .ipost .entry-content p { margin-bottom: 0; } .more-link { display: inline-block; border-bottom: 1px solid #1ABC9C; padding: 0 2px; font-family: 'Crete Round', serif; font-style: italic; } .more-link:hover { border-bottom-color: #555; } /* Related Posts -----------------------------------------------------------------*/ .overlay-icon { position: absolute; left: auto; right: 0; top: auto; bottom: 0; width: 48px; height: 48px; background-color: rgba(0,0,0,0.2); text-align: center; } .overlay-icon i { line-height: 48px; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } /* Small Post -----------------------------------------------------------------*/ .spost, .mpost { margin-top: 20px; padding-top: 20px; border-top: 1px dashed #E5E5E5; } .mpost { margin-top: 25px; padding-top: 25px; } .spost:first-child, .mpost:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .spost .entry-image, .mpost .entry-image { float: left; margin: 0 15px 0 0; text-align: center; } .spost .entry-image, .spost .entry-image a, .spost .entry-image img, .spost .entry-image i { width: 48px; height: 48px; } .spost .entry-image a i, .mpost .entry-image a i { font-size: 28px; line-height: 48px; color: #666; background-color: #EEE; } .spost .entry-title h4, .mpost .entry-title h4 { margin: 0; font-size: 14px; font-weight: 600; } .spost .entry-title h4 a, .mpost .entry-title h4 a { color: #333; } .spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover { color: #1ABC9C; } .spost .entry-meta { margin: 8px -10px 0 0; } .spost .entry-meta li, .mpost .entry-meta li { font-size: 13px; margin: 0 10px 0 0; } /* Medium Post -----------------------------------------------------------------*/ .mpost .entry-image { margin-right: 20px; } .mpost .entry-image, .mpost .entry-image a, .mpost .entry-image img, .mpost .entry-image i { width: 170px; height: 128px; } .mpost .entry-image a, .mpost .entry-image img { border-radius: 2px; } .mpost .entry-image a i { font-size: 42px; line-height: 128px; } .mpost .entry-title h4 { margin: 0; font-size: 17px; font-weight: 600; } .mpost .entry-meta { margin-top: 5px; } .mpost .entry-meta li i { margin-right: 2px; } .mpost .entry-content { margin-top: 15px; } .post-navigation + .line { margin: 40px 0 50px; } /* ---------------------------------------------------------------- Blog - Author -----------------------------------------------------------------*/ .author-image { float: left; width: 84px; height: 84px; margin-right: 15px; } .author-image img { width: 84px; height: 84px; } /* ---------------------------------------------------------------- Comments List -----------------------------------------------------------------*/ #comments { position: relative; margin-top: 50px; padding-top: 50px; border-top: 1px solid #EEE; } .commentlist { list-style: none; padding-bottom: 50px; margin: 0 0 50px; border-bottom: 1px solid #EEE; } #reviews .commentlist { padding-bottom: 30px; margin: 0 0 20px; } .commentlist ul { list-style: none; } .commentlist li, .commentlist li ul, .commentlist li ul li { margin: 30px 0 0 0; } .commentlist ul:first-child { margin-top: 0; } .commentlist li { position: relative; margin: 30px 0 0 30px; } #reviews .commentlist li { margin-top: 20px; } .comment-wrap { position: relative; border: 1px solid #E5E5E5; border-radius: 5px; padding: 20px 20px 20px 35px; } .commentlist ul .comment-wrap { margin-left: 25px; padding-left: 20px; } #reviews .comment-wrap { border: 0; padding: 10px 0 0 35px; } .commentlist > li:first-child, #reviews .commentlist > li:first-child { padding-top: 0; margin-top: 0; } .commentlist li .children { margin-top: 0; } .commentlist li li .children { margin-left: 30px; } .commentlist li .comment-content, .pingback { position: relative; overflow: hidden; } .commentlist li .comment-content p, .pingback p { margin: 20px 0 0 0; } .commentlist li .comment-content { padding: 0 0 0 15px; } .commentlist li .comment-meta { float: left; margin-right: 0; line-height: 1; } .comment-avatar { position: absolute; top: 15px; left: -35px; padding: 4px; background: #FFF; border: 1px solid #E5E5E5; border-radius: 50%; } .comment-avatar img { display: block; border-radius: 50%; } .commentlist li .children .comment-avatar { left: -25px; } .comment-content .comment-author { margin-bottom: -10px; font-size: 16px; font-weight: bold; color: #555; } .comment-content .comment-author a { border: none; color: #333; } .comment-content .comment-author a:hover { color: #1ABC9C; } .comment-content .comment-author span { display: block; } .comment-content .comment-author span, .comment-content .comment-author span a { font-size: 12px; font-weight: normal; font-family: 'Crete Round', serif; font-style: italic; color: #AAA; } .comment-content .comment-author span a:hover { color: #888; } .comment-reply-link, .review-comment-ratings { display: block; position: absolute; top: 4px; left: auto; text-align: center; right: 0px; width: 14px; height: 14px; color: #CCC; font-size: 14px; line-height: 1; } .review-comment-ratings { width: auto; color: #333; } .comment-reply-link:hover { color: #888; } /* ---------------------------------------------------------------- Comment Form -----------------------------------------------------------------*/ #respond, #respond form { margin-bottom: 0; } .commentlist li #respond { margin: 30px 0 0; } .commentlist li li #respond { margin-left: 30px; } #respond p { margin: 10px 0 0 0; } #respond p:first-child { margin-top: 0; } #respond label small { color: #999; font-weight: normal; } #respond input[type="text"], #respond textarea { margin-bottom: 0; } #respond .col_one_third, #respond .col_full { margin-bottom: 20px; } .fb-comments, .fb_iframe_widget, .fb-comments > span, .fb_iframe_widget > span, .fb-comments > span > iframe, .fb_iframe_widget > span > iframe { display: block !important; width: 100% !important; margin: 0; } /* Post Elements -----------------------------------------------------------------*/ img.alignleft, div.alignleft { float: left; margin: 5px 20px 13px 0; max-width: 100%; } div.alignleft > img, div.alignnone > img, div.aligncenter > img, div.alignright > img { display: block; float: none; } img.alignnone, img.aligncenter, div.alignnone, div.aligncenter { display: block; margin: 10px 0; float: none; } img.aligncenter, div.aligncenter, div.aligncenter img { margin-left: auto; margin-right: auto; clear: both; } img.alignright, div.alignright { float: right; margin: 5px 0 13px 20px; } .wp-caption { text-align: center; margin: 10px 20px 13px 20px; font-family: 'Lato', Georgia, "Times New Roman", Times, serif; font-style: italic; } .wp-caption img, .wp-caption img a { display: block; margin: 0; } p.wp-caption-text { display: inline-block; margin: 10px 0 0 0; padding: 5px 10px; background-color: #EEE; border-radius: 50px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* Infinity Scroll - Message Style -----------------------------------------------------------------*/ #infscr-loading, #portfolio-ajax-loader { position: fixed; z-index: 20; top: 50%; left: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; background-color: rgba(0,0,0,0.7); border-radius: 3px; line-height: 48px; font-size: 24px; color: #FFF; text-align: center; } #infscr-loading img, #portfolio-ajax-loader img { display: none; width: 24px; height: 24px; margin: 12px; } #portfolio-ajax-loader { display: none; } #portfolio-ajax-loader img { display: block; } .page-load-status { position: relative; display: none; padding: 30px 0; } .page-load-status .css3-spinner { position: absolute; z-index: auto; background-color: transparent !important; } .page-load-status .css3-spinner-ball-pulse-sync > div { background-color: #333; } /* ---------------------------------------------------------------- Shop -----------------------------------------------------------------*/ .shop { position: relative; margin: 0 -20px -20px 0; } .product { position: relative; } .shop .product { float: left; padding: 0 20px 20px 0; width: 25%; } .product-image { position: relative; width: 100%; height: auto; overflow: hidden; } .product-image > a, .product-image .slide a, .product-image img { display: block; width: 100%; height: 100%; } body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .product-image > a:nth-of-type(2) { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } .product-image:hover > a:nth-of-type(2) { opacity: 1; z-index: 2; } .product-desc { padding: 15px 0; font-size: 14px; } .product-title { margin-bottom: 7px; } .product-title h3 { margin: 0; font-size: 20px; } .product-title h3 a, .single-product .product-title h2 a { color: #333; } .product-title h3 a:hover, .single-product .product-title h2 a:hover { color: #1ABC9C; } .product-price { font-size: 18px; font-weight: 700; color: #444; margin-bottom: 4px; } .product-price del { font-weight: 400; font-size: 90%; color: #888; } .product-price ins { text-decoration: none; color: #1ABC9C; } .product-overlay { position: absolute; width: 100%; height: 44px; line-height: 44px; top: auto; bottom: -44px; left: 0; z-index: 6; overflow: hidden; } body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay { -webkit-transition: bottom .3s ease-in-out; -o-transition: bottom .3s ease-in-out; transition: bottom .3s ease-in-out; } .product:hover .product-overlay { bottom: 0; } .product-overlay a { display: block; float: left; width: 50%; font-size: 13px; color: #333; background-color: #F5F5F5; text-align: center; border-right: 1px solid rgba(0,0,0,0.1); } body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay a { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .product-overlay a.item-quick-view { border-right: 0; } .product-overlay a i { position: relative; top: 1px; font-size: 14px; margin-right: 3px; } .product-overlay a:hover { background-color: #333; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .sale-flash { position: absolute; top: 10px; left: 10px; padding: 6px 10px; background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-radius: 2px; z-index: 5; } .sale-flash.out-of-stock { background-color: #777; } /* Shop - 3 Columns -----------------------------------------------------------------*/ .shop.product-3 { margin: 0 -30px -30px 0; } .product-3 .product { padding: 0 30px 30px 0; width: 33.33333333%; } /* Shop - 3 Columns - Sidebar -----------------------------------------------------------------*/ .postcontent .shop.product-3 { margin: 0 -25px -25px 0; } .postcontent .product-3 .product { padding: 0 25px 25px 0; } /* Shop - 2 Columns - Sidebar -----------------------------------------------------------------*/ .postcontent .shop.product-2 { margin: 0 -40px -40px 0; } .postcontent .product-2 .product { padding: 0 40px 40px 0; width: 50%; } /* Shop - 2 Columns - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar .shop.product-2 { margin: 0 -40px -20px 0; } .bothsidebar .product-2 .product { padding: 0 40px 20px 0; } /* Shop - 1 Column -----------------------------------------------------------------*/ .shop.product-1 { margin: 0 0 -40px 0; } .product-1 .product { float: none; margin: 0 0 40px 0; padding: 0; width: 100%; } .product-1 .product-image { float: left; width: 300px; height: 400px; margin-right: 30px; } .product-1 .product.alt .product-image { float: right; margin: 0 0 0 30px; } .product-1 .product-desc { padding: 0; position: relative; overflow: hidden; } .product-1 .product-title h3 { font-size: 22px; } .product-1 .product-desc .product-price { font-size: 20px; } .product-1 .product-desc .product-rating { margin-bottom: 15px; } /* Shop - 1 Column - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar .product-1 .product { border-top: 1px solid #F5F5F5; padding-top: 40px; } .bothsidebar .product-1 .product:first-child { border-top: 0; padding-top: 0; } .bothsidebar .product-1 .product-image { width: 240px; height: 320px; } .bothsidebar .product-1 .product-title h3 { font-size: 20px; } .bothsidebar .product-1 .product-desc .product-price { font-size: 16px; } /* Shop - Single -----------------------------------------------------------------*/ .single-product .product { width: 100%; margin: 0; } .shop-quick-view-ajax, .portfolio-ajax-modal { position: relative; background-color: #FFF; width: 800px; margin: 0 auto; } .single-product .product-image, .single-product .product-image img { height: auto; } .single-product .product-desc { padding: 0; } .single-product .product-title h2 { font-size: 28px; margin-bottom: 8px; } .single-product .product-price { float: left; font-size: 24px; color: #1ABC9C; margin-bottom: 0; } .single-product .product-rating { float: right; position: relative; top: 9px; } .single-product .product-desc .line { margin: 20px 0; } .quantity { float: left; margin-right: 30px; } .quantity .qty { float: left; width: 50px; height: 40px; line-height: 40px; border: 0; border-left: 1px solid #DDD; border-right: 1px solid #DDD; background-color: #EEE; text-align: center; margin-bottom: 0; } .quantity .plus, .quantity .minus { display: block; float: left; cursor: pointer; border: 0px transparent; padding: 0; width: 36px; height: 40px; line-height: 40px; text-align: center; background-color: #EEE; font-size: 16px; font-weight: bold; transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .quantity .plus:hover, .quantity .minus:hover { background-color: #DDD; } .quantity .qty:focus, .quantity .plus:focus, .quantity .minus:focus { box-shadow: none !important; outline: 0 !important; } .single-product .add-to-cart.button { height: 40px; line-height: 40px; } .product-meta { font-size: 13px; color: #777; } .product-meta > .panel-body { margin-bottom: -5px; } .product-meta > .panel-body > span { display: block; margin-bottom: 5px; } .single-product .feature-box.fbox-plain.fbox-small { padding-left: 26px; } .single-product .feature-box.fbox-plain.fbox-small .fbox-icon { width: 20px; } .single-product .feature-box.fbox-plain.fbox-small h3 { font-size: 15px; font-weight: bold; line-height: 18px; margin-bottom: 7px; } .single-product .feature-box.fbox-plain.fbox-small p { margin-left: -26px; } .single-product .feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 18px; } /* Individual Product -----------------------------------------------------------------*/ .product.iproduct { float: none; margin: 0; padding: 0; width: 100%; } .iproduct .product-image, .iproduct .product-image a, .iproduct .product-image img { height: auto; } /* ---------------------------------------------------------------- Cart -----------------------------------------------------------------*/ .cart .remove { font-size: 14px; color: #FF0000; } .cart .remove:hover { color: #000; } .cart th { padding: 12px 15px !important; font-size: 14px; color: #555; } .cart td { padding: 12px 15px !important; vertical-align: middle !important; border-color: #E5E5E5 !important; } .cart-product-thumbnail a { display: block; width: 68px; } .cart-product-thumbnail img { display: block; width: 64px; height: 64px; border: 2px solid #EEE; } .cart-product-thumbnail img:hover { border-color: #1ABC9C; } .cart-product-name a, .product-name a { font-weight: bold; font-size: 13px; color: #333; } .cart-product-name a:hover, .product-name a:hover { color: #666; } .cart-product-price, .cart-product-quantity, .cart-product-subtotal { text-align: center !important; } .cart-product-quantity .quantity { display: inline-block; margin: 0; float: none; } td.actions { padding: 20px 15px !important; vertical-align: top !important; background-color: #F5F5F5; } /* ---------------------------------------------------------------- Events -----------------------------------------------------------------*/ .events .entry, .ievent { padding: 20px; background-color: #F9F9F9; border-bottom: 3px solid #EEE; } .events .entry-image .entry-date, .ievent .entry-image .entry-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0,0,0,0.7); color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } .events .entry-image .entry-date span, .ievent .entry-image .entry-date span { display: block; font-size: 15px; margin-top: 5px; } .events .entry-c, .ievent .entry-c { padding: 5px 0; } .single-event .entry-image img { border-radius: 0; } .single-event .events-meta { font-size: 14px; } .single-event .events-meta .iconlist li, .parallax .iconlist li { margin: 5px 0; } .single-event .entry-overlay, .parallax .entry-overlay-meta { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 80px; background-color: rgba(0,0,0,0.85); text-align: center; line-height: 80px; font-size: 22px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); z-index: 5; } .single-event .countdown { display: inline-block; position: relative; top: 7px; } .single-event .countdown-section { padding: 0 15px; border-left-color: rgba(255,255,255,0.3); color: #CCC; } .single-event .countdown-amount { color: #FFF; } .parallax .entry-overlay, .parallax .entry-overlay-meta { background: transparent; width: auto; text-align: right; bottom: 30px; left: auto; right: 30px; } .parallax .entry-overlay-meta { padding: 20px; font-size: 14px; text-align: left; right: 38px; bottom: 130px; width: 368px; height: auto; line-height: inherit; background-color: rgba(0,0,0,0.7); border-radius: 3px; } .parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta { right: auto; left: 30px; } .parallax.overlay-left .entry-overlay-meta { left: 38px; } .parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta { bottom: 100px; right: auto; left: 50%; margin-left: -192px; } .parallax.overlay-center .entry-overlay-meta { top: 100px; bottom: auto; margin-left: -184px; } .parallax .entry-overlay-meta h2 { font-size: 20px; text-transform: uppercase; border-bottom: 1px dashed rgba(255,255,255,0.2); padding-bottom: 17px; } .parallax .entry-overlay-meta h2 a { color: #FFF; } .parallax .entry-overlay-meta h2 a:hover { color: #DDD; } .parallax .countdown { top: 0; } .parallax .countdown-section { border-left: 0; width: 80px; height: 80px; margin: 0 8px; font-size: 13px; background-color: rgba(0,0,0,0.7); border-radius: 3px; padding-top: 14px; } .parallax .countdown-amount { font-size: 28px; margin-bottom: 6px; } /* Individual Events -----------------------------------------------------------------*/ .ievent { position: relative; margin-top: 20px; } .ievent:first-child { margin-top: 0; } .ievent .entry-image { width: 30%; margin-right: 20px; } .ievent .entry-content { margin-top: 20px; } .ievent .entry-title h2 { font-size: 18px; } .ievent .entry-meta { margin-right: -10px; } .ievent .entry-meta li { font-size: 13px; margin-right: 10px; padding-left: 10px; } .ievent .entry-meta li:first-child { padding-left: 0; } /* ---------------------------------------------------------------- Countdown -----------------------------------------------------------------*/ /* ---------------------------------------------------------------- Countdown -----------------------------------------------------------------*/ .countdown { display: block; } .countdown-row { display: block; position: relative; text-align: center; } .countdown-section { display: inline-block; font-size: 11px; line-height: 1; text-align: center; width: 25%; border-left: 1px dotted #BBB; color: #888; text-transform: capitalize; } .countdown-section:first-child { border-left: 0; } .countdown-amount { display: block; font-size: 20px; color: #333; margin-bottom: 5px; } .countdown-descr { display: block; width: 100%; } /* Countdown - Medium -----------------------------------------------------------------*/ .countdown-medium .countdown-section { font-size: 14px; } .countdown-medium .countdown-amount { font-size: 30px; margin-bottom: 7px; } /* Countdown - Large -----------------------------------------------------------------*/ .countdown-large .countdown-section { font-size: 18px; } .countdown-large .countdown-amount { font-size: 44px; font-weight: 700; margin-bottom: 8px; } /* Countdown - Inline -----------------------------------------------------------------*/ .countdown.countdown-inline { display: inline-block; } .countdown.countdown-inline .countdown-row { display: inline-block; text-align: center; } .countdown.countdown-inline .countdown-section { display: inline-block; font-size: inherit; line-height: inherit; width: auto; border: none; color: inherit; margin-left: 7px; text-transform: inherit; } .countdown.countdown-inline .countdown-section:first-child { margin-left: 0; } .countdown.countdown-inline .countdown-amount { display: inline-block; font-size: inherit; color: inherit; font-weight: bold; margin: 0 3px 0 0; } .countdown.countdown-inline .countdown-descr { display: inline-block; width: auto; } /* Countdown - Coming Soon -----------------------------------------------------------------*/ body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-section { border: none; padding: 15px; } body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-amount { height: 140px; line-height: 140px; border-radius: 50%; background-color: rgba(0,0,0,0.2); margin-bottom: 15px !important; } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; background-color: #1ABC9C; color: #FFF; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } body:not(.device-touch) .button { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .button-dark { background-color: #444; } .button-light { background-color: #EEE; color: #333; text-shadow: none !important; } .button:hover { background-color: #444; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .button.button-dark:hover { background-color: #1ABC9C; } .button.button-mini { padding: 0 14px; font-size: 11px; height: 28px; line-height: 28px; } .button.button-small { padding: 0 17px; font-size: 12px; height: 34px; line-height: 34px; } .button.button-large { padding: 0 26px; font-size: 16px; height: 46px; line-height: 46px; } .button.button-xlarge { padding: 0 32px; font-size: 18px; letter-spacing: 2px; height: 52px; line-height: 52px; } .button.button-desc { text-align: left; padding: 24px 34px; font-size: 22px; height: auto; line-height: 1; font-family: 'Raleway', sans-serif; } .button.button-desc span { display: block; margin-top: 10px; font-size: 14px; font-weight: 400; letter-spacing: 1px; font-family: 'Crete Round', serif; font-style: italic; text-transform: none; } .button i { position: relative; top: 1px; line-height: 1; margin-right: 5px; width: 16px; text-align: center; } .button.tright i { margin: 0 0 0 5px; } .button-mini i { margin-right: 3px; } .button-mini.tright i { margin: 0 0 0 3px; } .button-small i { margin-right: 4px; } .button-small.tright i { margin: 0 0 0 4px; } .button-xlarge i { top: 2px; margin-right: 8px; } .button-xlarge.tright i { margin: 0 0 0 8px; } .button.button-desc i { top: 1px; font-size: 48px; width: 48px; text-align: center; margin-right: 12px; } .button.button-desc.tright i { margin: 0 0 0 12px; } .button.button-desc div { display: inline-block; } .button.button-rounded { border-radius: 3px; } /* Buttons - Border -----------------------------------------------------------------*/ .button.button-border { border: 2px solid #444; background-color: transparent; color: #333; line-height: 36px; font-weight: 700; text-shadow: none; } .button.button-border-thin { border-width: 1px; line-height: 38px; } .button.button-border.button-mini { line-height: 24px; } .button.button-border.button-small { line-height: 30px; } .button.button-border.button-large { line-height: 42px; } .button.button-border.button-xlarge { line-height: 48px; } .button.button-border-thin.button-mini { line-height: 26px; } .button.button-border-thin.button-small { line-height: 32px; } .button.button-border-thin.button-large { line-height: 44px; } .button.button-border-thin.button-xlarge { line-height: 50px; } .button.button-border.button-desc { line-height: 1; } .button.button-border:not(.button-fill):hover { background-color: #444; color: #FFF; border-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .button.button-border.button-light { border-color: #EEE; color: #EEE; } .button.button-border.button-light:hover { background-color: #EEE; color: #333; text-shadow: none; } /* Buttons - Border -----------------------------------------------------------------*/ .button.button-3d { border-radius: 3px; border-bottom: 3px solid rgba(0,0,0,0.15); -webkit-transition: none; -o-transition: none; transition: none; } .button.button-3d:hover { background-color: #1ABC9C !important; opacity: 0.9; } .button.button-3d.button-light:hover, .button.button-reveal.button-light:hover { text-shadow: none; color: #333; } /* Buttons - Icon Reveal -----------------------------------------------------------------*/ .button.button-reveal { padding: 0 28px; overflow: hidden; } .button.button-reveal i { display: block; position: absolute; top: 0; left: -32px; width: 32px; height: 40px; line-height: 40px; margin: 0; text-align: center; background-color: rgba(0,0,0,0.1); } .button.button-reveal.button-border i { top: -2px; } .button.button-reveal.tright i { left: auto; right: -32px; } .button.button-reveal.button-3d i, .button.button-reveal.button-rounded i { border-radius: 3px 0 0 3px; } .button.button-reveal.button-3d.tright i, .button.button-reveal.button-rounded.tright i { border-radius: 0 3px 3px 0; } .button.button-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .button.button-reveal i, body:not(.device-touch) .button.button-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .button.button-reveal.button-mini { padding: 0 17px; } .button.button-reveal.button-mini i { left: -22px; width: 22px; height: 28px; line-height: 28px; } .button.button-reveal.button-mini.tright i { left: auto; right: -22px; } .button.button-reveal.button-small { padding: 0 22px; } .button.button-reveal.button-small i { left: -26px; width: 26px; height: 34px; line-height: 34px; } .button.button-reveal.button-small.tright i { left: auto; right: -26px; } .button.button-reveal.button-large { padding: 0 32px; } .button.button-reveal.button-large i { left: -38px; width: 38px; height: 46px; line-height: 46px; } .button.button-reveal.button-large.tright i { left: auto; right: -38px; } .button.button-reveal.button-xlarge { padding: 0 40px; } .button.button-reveal.button-xlarge i { left: -44px; width: 44px; height: 52px; line-height: 52px; } .button.button-reveal.button-xlarge.tright i { left: auto; right: -44px; } .button.button-reveal:hover i { left: 0; } .button.button-reveal.tright:hover i { left: auto; right: 0; } .button.button-reveal:hover span { left: 16px; } .button.button-reveal.button-mini:hover span { left: 11px; } .button.button-reveal.button-small:hover span { left: 13px; } .button.button-reveal.button-large:hover span { left: 19px; } .button.button-reveal.button-xlarge:hover span { left: 22px; } .button.button-reveal.tright:hover span { left: -16px; } .button.button-reveal.button-mini.tright:hover span { left: -11px; } .button.button-reveal.button-small.tright:hover span { left: -13px; } .button.button-reveal.button-large.tright:hover span { left: -19px; } .button.button-reveal.button-xlarge.tright:hover span { left: -22px; } /* Buttons - Promo 100% Width -----------------------------------------------------------------*/ .button.button-full { display: block; width: 100%; white-space: normal; margin: 0; height: auto; line-height: 1.6; padding: 30px 0; font-size: 30px; font-weight: 300; text-transform: none; border-radius: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .button.button-full.button-light { border-bottom: 1px solid rgba(0,0,0,0.15); } .button.button-full strong { font-weight: 700; border-bottom: 2px solid #EEE; } body:not(.device-touch) .button.button-full strong { -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .button.button-full.button-light strong { border-bottom-color: #333; } .button.button-full.button-light:hover strong { border-bottom-color: #EEE; } /* Buttons - Circle -----------------------------------------------------------------*/ .button.button-circle { border-radius: 20px; } .button.button-mini.button-circle { border-radius: 14px; } .button.button-small.button-circle { border-radius: 17px; } .button.button-large.button-circle { border-radius: 23px; } .button.button-xlarge.button-circle { border-radius: 26px; } /* Buttons - Fill Effect -----------------------------------------------------------------*/ .button.button-border.button-fill { overflow: hidden; transform-style: preserve-3d; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-backface-visibility: hidden; } .button.button-border.button-fill span { position: relative; } .button.button-border.button-fill:hover { background-color: transparent !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .button.button-border.button-fill.button-light:hover { border-color: #EEE !important; color: #333 !important; text-shadow: none; } .button.button-border.button-fill:before { content: ''; position: absolute; background-color: #444; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-backface-visibility: hidden; } .button.button-border.button-fill.button-light:before { background-color: #EEE; } .button.button-border.button-fill.fill-from-right:before { left: auto; right: 0; } .button.button-border.button-fill:hover:before { width: 100%; } .button.button-border.button-fill.fill-from-top:before, .button.button-border.button-fill.fill-from-bottom:before { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .button.button-border.button-fill.fill-from-top:before { width: 100%; height: 0; } .button.button-border.button-fill.fill-from-top:hover:before { height: 100%; } .button.button-border.button-fill.fill-from-bottom:before { width: 100%; height: 0; top: auto; bottom: 0; } .button.button-border.button-fill.fill-from-bottom:hover:before { height: 100%; } /* Buttons - Colors -----------------------------------------------------------------*/ .button-red { background-color: #C02942; } .button-3d.button-red:hover, .button-reveal.button-red:hover, .button-border.button-red:hover, .button-border.button-red.button-fill:before { background-color: #C02942 !important; } .button-border.button-red { color: #C02942; border-color: #C02942; } .button-teal { background-color: #53777A; } .button-3d.button-teal:hover, .button-reveal.button-teal:hover, .button-border.button-teal:hover, .button-border.button-teal.button-fill:before { background-color: #53777A !important; } .button-border.button-teal { color: #53777A; border-color: #53777A; } .button-yellow { background-color: #ECD078; } .button-3d.button-yellow:hover, .button-reveal.button-yellow:hover, .button-border.button-yellow:hover, .button-border.button-yellow.button-fill:before { background-color: #ECD078 !important; } .button-border.button-yellow, .button-border.button-yellow.button-fill.button-light:hover { color: #ECD078 !important; border-color: #ECD078 !important; } .button-border.button-yellow:hover, .button-border.button-yellow.button-fill.button-light:hover { color: #333 !important; } .button-green { background-color: #59BA41; } .button-3d.button-green:hover, .button-reveal.button-green:hover, .button-border.button-green:hover, .button-border.button-green.button-fill:before { background-color: #59BA41 !important; } .button-border.button-green { color: #59BA41; border-color: #59BA41; } .button-brown { background-color: #774F38; } .button-3d.button-brown:hover, .button-reveal.button-brown:hover, .button-border.button-brown:hover, .button-border.button-brown.button-fill:before { background-color: #774F38 !important; } .button-border.button-brown { color: #774F38; border-color: #774F38; } .button-aqua { background-color: #40C0CB; } .button-3d.button-aqua:hover, .button-reveal.button-aqua:hover, .button-border.button-aqua:hover, .button-border.button-aqua.button-fill:before { background-color: #40C0CB !important; } .button-border.button-aqua { color: #40C0CB; border-color: #40C0CB; } .button-lime { background-color: #AEE239; } .button-3d.button-lime:hover, .button-reveal.button-lime:hover, .button-border.button-lime:hover, .button-border.button-lime.button-fill:before { background-color: #AEE239 !important; } .button-border.button-lime { color: #AEE239; border-color: #AEE239; } .button-purple { background-color: #5D4157; } .button-3d.button-purple:hover, .button-reveal.button-purple:hover, .button-border.button-purple:hover, .button-border.button-purple.button-fill:before { background-color: #5D4157 !important; } .button-border.button-purple { color: #5D4157; border-color: #5D4157; } .button-leaf { background-color: #A8CABA; } .button-3d.button-leaf:hover, .button-reveal.button-leaf:hover, .button-border.button-leaf:hover, .button-border.button-leaf.button-fill:before { background-color: #A8CABA !important; } .button-border.button-leaf { color: #A8CABA; border-color: #A8CABA; } .button-pink { background-color: #F89FA1; } .button-3d.button-pink:hover, .button-reveal.button-pink:hover, .button-border.button-pink:hover, .button-border.button-pink.button-fill:before { background-color: #F89FA1 !important; } .button-border.button-pink { color: #F89FA1; border-color: #F89FA1; } .button-dirtygreen { background-color: #1693A5; } .button-3d.button-dirtygreen:hover, .button-reveal.button-dirtygreen:hover, .button-border.button-dirtygreen:hover, .button-border.button-dirtygreen.button-fill:before { background-color: #1693A5 !important; } .button-border.button-dirtygreen { color: #1693A5; border-color: #1693A5; } .button-blue { background-color: #1265A8; } .button-3d.button-blue:hover, .button-reveal.button-blue:hover, .button-border.button-blue:hover, .button-border.button-blue.button-fill:before { background-color: #1265A8 !important; } .button-border.button-blue { color: #1265A8; border-color: #1265A8; } .button-amber { background-color: #EB9C4D; } .button-3d.button-amber:hover, .button-reveal.button-amber:hover, .button-border.button-amber:hover, .button-border.button-amber.button-fill:before { background-color: #EB9C4D !important; } .button-border.button-amber { color: #EB9C4D; border-color: #EB9C4D; } .button-black { background-color: #111; } .button-3d.button-black:hover, .button-reveal.button-black:hover, .button-border.button-black:hover, .button-border.button-black.button-fill:before { background-color: #111 !important; } .button-border.button-black { color: #111; border-color: #111; } .button-white { background-color: #F9F9F9; } .button-3d.button-white:hover, .button-reveal.button-white:hover { background-color: #F9F9F9 !important; } /* Buttons - No Hover -----------------------------------------------------------------*/ .button.button-nohover:hover { opacity: inherit !important; background-color: inherit !important; color: inherit !important; border-color: inherit !important; } /* ---------------------------------------------------------------- Promo Boxes -----------------------------------------------------------------*/ .promo { position: relative; padding: 30px 200px 30px 0; } .promo h3 { font-weight: bold; margin-bottom: 0; } .promo > span, .promo > .container > span { display: block; color: #444; font-weight: 300; font-size: 16px; margin-top: 6px; } .promo a.button { position: absolute; top: 50%; margin: 0; margin-top: -18px; left: auto; right: 0; } .promo a.button.button-mini { margin-top: -12px; } .promo a.button.button-small { margin-top: -15px; } .promo a.button.button-large { margin-top: -22px; } .promo a.button.button-xlarge { margin-top: -25px; } .promo a.button.button-desc { margin-top: -40px; } /* Promo Uppercase -----------------------------------------------------------------*/ .promo-uppercase { text-transform: uppercase; } .promo-uppercase h3 { font-size: 22px; } .promo-uppercase > span, .promo-uppercase > .container > span { font-size: 15px; } /* Promo - with Border -----------------------------------------------------------------*/ .promo.promo-border { border: 1px solid #E5E5E5; border-radius: 3px; padding-left: 30px; } .promo.promo-border a.button { right: 30px; } /* Promo - Light -----------------------------------------------------------------*/ .promo.promo-light { background-color: #F5F5F5; border-radius: 3px; padding-left: 30px; } .promo.promo-light a.button { right: 30px; } /* Promo - Dark -----------------------------------------------------------------*/ .promo.promo-dark { border: 0 !important; background-color: #333; padding: 30px 200px 30px 30px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-radius: 3px; } .promo.promo-dark h3 { color: #FFF; } .promo.promo-dark > h3 span, .promo.promo-dark > .container > h3 span { padding: 2px 8px; border-radius: 3px; background-color: rgba(0,0,0,0.15); color: #FFF; font-weight: 400; } .promo.promo-dark > span, .promo.promo-dark > .container > span { color: #CCC; margin-top: 8px; } .promo.promo-dark a.button { right: 30px; } /* Promo - Flat -----------------------------------------------------------------*/ .promo.promo-flat { background-color: #1ABC9C; } .promo.promo-flat > span, .promo.promo-flat > .container > span { color: rgba(255,255,255,0.9); } .promo.promo-flat a.button:not(.button-border) { background-color: rgba(0,0,0,0.2); color: #FFF; } .promo.promo-flat a.button:hover { background-color: #FFF; border-color: #FFF; color: #444; text-shadow: none; } /* Promo - 100% Full Width -----------------------------------------------------------------*/ .promo-full { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; padding: 40px 0 !important; } .promo-full a.button { right: 15px !important; } .promo-full.promo-right a.button { right: auto !important; left: 15px !important; } /* Promo - Parallax -----------------------------------------------------------------*/ .promo.parallax { padding: 80px 0 !important; } /* Promo - Right Align -----------------------------------------------------------------*/ .promo.promo-right { text-align: right; padding: 30px 0 30px 200px; } .promo.promo-right a.button { left: 0; right: auto; } /* Promo - with Border & Right Align -----------------------------------------------------------------*/ .promo.promo-right.promo-border:not(.promo-mini), .promo.promo-dark.promo-right:not(.promo-mini) { padding-right: 30px; } .promo.promo-right.promo-border a.button, .promo.promo-dark.promo-right a.button { left: 30px; } /* Promo - Center Align -----------------------------------------------------------------*/ .promo.promo-center { text-align: center; padding: 30px 20px; } .promo.promo-center a.button { position: relative; top: 0; margin: 20px 0 0; left: 0 !important; right: 0; } /* Promo - Mini -----------------------------------------------------------------*/ .promo.promo-mini { text-align: left; padding: 20px 25px; } .promo.promo-mini h3 { font-size: 20px; line-height: 1.5; } .promo.promo-mini.promo-uppercase h3 { font-size: 18px; } .promo.promo-mini.promo-dark h3 { line-height: 1.7; } .promo.promo-mini a.button { position: relative; top: 0; margin: 20px 0 0; left: 0 !important; right: 0; } /* Promo - Mini - Center Align -----------------------------------------------------------------*/ .promo.promo-mini.promo-center { text-align: center; } /* Promo - Mini - Right Align -----------------------------------------------------------------*/ .promo.promo-mini.promo-right { text-align: right; } /* ---------------------------------------------------------------- Featured Boxes -----------------------------------------------------------------*/ .feature-box { position: relative; margin-top: 20px; padding: 0 0 0 80px; } .feature-box:first-child { margin-top: 0; } .feature-box .fbox-icon { display: block; position: absolute; width: 64px; height: 64px; top: 0; left: 0; } .feature-box .fbox-icon a, .feature-box .fbox-icon i, .feature-box .fbox-icon img { display: block; position: relative; width: 100%; height: 100%; color: #FFF; } .feature-box .fbox-icon i, .feature-box .fbox-icon img { border-radius: 50%; background-color: #1ABC9C; } .feature-box .fbox-icon i { font-style: normal; font-size: 28px; text-align: center; line-height: 64px; } .feature-box h3 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; color: #333; } .feature-box p { margin: 8px 0 0 0; color: #999; } .feature-box .before-heading { font-size: 14px; } /* Feature Box - Icon Large -----------------------------------------------------------------*/ .feature-box.fbox-large { padding: 0 0 0 115px; } .feature-box.fbox-large .fbox-icon { width: 96px; height: 96px; } .feature-box.fbox-large .fbox-icon i { font-size: 42px; line-height: 96px; } /* Feature Box - Icon Outline -----------------------------------------------------------------*/ .feature-box.fbox-outline .fbox-icon { border: 1px solid #1ABC9C; border-radius: 50%; padding: 3px; } .feature-box.fbox-outline .fbox-icon i { line-height: 56px; } /* Feature Box - Icon Outline Large -----------------------------------------------------------------*/ .feature-box.fbox-outline.fbox-large .fbox-icon { padding: 4px; } .feature-box.fbox-outline.fbox-large .fbox-icon i { line-height: 86px; } /* Feature Box - Icon Rounded -----------------------------------------------------------------*/ .feature-box.fbox-rounded .fbox-icon { border-radius: 3px !important; } .feature-box.fbox-rounded .fbox-icon i, .feature-box.fbox-rounded .fbox-icon img { border-radius: 3px !important; } /* Feature Box - Icon Rounded & Large -----------------------------------------------------------------*/ .feature-box.fbox-rounded.fbox-large .fbox-icon { border-radius: 4px !important; } .feature-box.fbox-rounded.fbox-large .fbox-icon i, .feature-box.fbox-rounded.fbox-large .fbox-icon img { border-radius: 4px !important; } /* Feature Box - Light Background -----------------------------------------------------------------*/ .feature-box.fbox-light.fbox-outline .fbox-icon { border-color: #E5E5E5; } .feature-box.fbox-light .fbox-icon i, .feature-box.fbox-light .fbox-icon img { border: 1px solid #E5E5E5; background-color: #F5F5F5; color: #444; } .feature-box.fbox-light .fbox-icon i { line-height: 62px; } .feature-box.fbox-light.fbox-outline .fbox-icon i { line-height: 54px; } .feature-box.fbox-light.fbox-large .fbox-icon i { line-height: 96px; } .feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 84px; } /* Feature Box - Dark Background -----------------------------------------------------------------*/ .feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: #444; } .feature-box.fbox-dark .fbox-icon i, .feature-box.fbox-dark .fbox-icon img { background-color: #333; } /* Feature Box - Border -----------------------------------------------------------------*/ .feature-box.fbox-border .fbox-icon { border: 1px solid #1ABC9C; border-radius: 50%; } .feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img { border: none; background-color: transparent !important; color: #1ABC9C; } .feature-box.fbox-border .fbox-icon { padding: 0; } .feature-box.fbox-border .fbox-icon i { line-height: 62px !important; } .feature-box.fbox-border.fbox-large .fbox-icon i { line-height: 94px !important; } /* Feature Box - Border - Light -----------------------------------------------------------------*/ .feature-box.fbox-border.fbox-light .fbox-icon { border-color: #E5E5E5; } .feature-box.fbox-border.fbox-light .fbox-icon i, .feature-box.fbox-border.fbox-light .fbox-icon img { color: #888; } /* Feature Box - Border - Dark -----------------------------------------------------------------*/ .feature-box.fbox-border.fbox-dark .fbox-icon { border-color: #333; } .feature-box.fbox-border.fbox-dark .fbox-icon i, .feature-box.fbox-border.fbox-dark .fbox-icon img { color: #444; } /* Feature Box - Plain -----------------------------------------------------------------*/ .feature-box.fbox-plain .fbox-icon { border: none !important; height: auto !important; } .feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img { border: none !important; background-color: transparent !important; color: #1ABC9C; border-radius: 0; } .feature-box.fbox-plain .fbox-icon i { font-size: 48px; line-height: 1 !important; } .feature-box.fbox-plain .fbox-icon img { height: 64px; } .feature-box.fbox-plain.fbox-image .fbox-icon { width: auto; } .feature-box.fbox-plain.fbox-image .fbox-icon img { width: auto; display: inline-block; } .feature-box.fbox-plain.fbox-small { padding-left: 42px; } .feature-box.fbox-plain.fbox-small .fbox-icon { width: 28px; } .feature-box.fbox-plain.fbox-small h3 { font-size: 15px; line-height: 26px; margin-bottom: 10px; } .feature-box.fbox-plain.fbox-small p { margin-left: -42px; } .feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 28px; } .feature-box.fbox-plain.fbox-small .fbox-icon img { height: 28px; } .feature-box.fbox-plain.fbox-large .fbox-icon i { font-size: 72px; } .feature-box.fbox-plain.fbox-large .fbox-icon img { height: 96px; } .feature-box.fbox-plain.fbox-light .fbox-icon i, .feature-box.fbox-plain.fbox-light .fbox-icon img { color: #888; } .feature-box.fbox-plain.fbox-dark .fbox-icon i, .feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #444; } /* Feature Box - Center -----------------------------------------------------------------*/ .feature-box.fbox-center { padding: 0; text-align: center; } .feature-box.fbox-center.fbox-small { padding-left: 0 !important; } .feature-box.fbox-center .fbox-icon { position: relative; width: 96px; height: 96px; margin: 0 auto 30px; } .feature-box.fbox-center .fbox-icon i { font-size: 42px; line-height: 96px; } .feature-box.fbox-center.fbox-outline .fbox-icon i { line-height: 88px; } .feature-box.fbox-center p { font-size: 14px; margin-top: 15px; } /* Feature Box - Center & Large Icons -----------------------------------------------------------------*/ .feature-box.fbox-center.fbox-large .fbox-icon { width: 128px; height: 128px; } .feature-box.fbox-center.fbox-large .fbox-icon i { font-size: 70px; line-height: 128px; } .feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i { line-height: 118px; } .feature-box.fbox-center.fbox-light .fbox-icon i { line-height: 94px; } .feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i { line-height: 86px; } .feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 114px; } .feature-box.fbox-center.fbox-border .fbox-icon i { line-height: 94px !important; } .feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i { line-height: 126px !important; } .feature-box.fbox-center.fbox-plain .fbox-icon i { font-size: 84px; } .feature-box.fbox-center.fbox-plain .fbox-icon img { height: 96px; } .feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i { font-size: 112px; } .feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img { height: 128px; } /* Feature Box - Center & Large Icons -----------------------------------------------------------------*/ .feature-box.fbox-center.fbox-small .fbox-icon { width: 64px; height: 64px; } .feature-box.fbox-center.fbox-small .fbox-icon i { font-size: 28px; line-height: 64px; } .feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i { line-height: 58px; } .feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i { line-height: 54px; } .feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i { line-height: 62px !important; } .feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i { font-size: 56px; } .feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img { height: 64px; } .feature-box.fbox-center.fbox-small p { font-size: 14px; margin-top: 10px; } .feature-box.fbox-center.fbox-plain.fbox-small p { margin-left: 0; } /* Feature Box - Right -----------------------------------------------------------------*/ .feature-box.fbox-right { padding: 0 80px 0 0; text-align: right; } .feature-box.fbox-right.fbox-large { padding-right: 115px; } .feature-box.fbox-right .fbox-icon { left: auto; right: 0; } .feature-box.fbox-right.fbox-plain.fbox-small { padding: 0 42px 0 0; } .feature-box.fbox-right.fbox-plain.fbox-small p { margin: 0 -42px 0 0; } /* Feature Box - Subtitle -----------------------------------------------------------------*/ .feature-box h3 + .fbox-icon { margin-top: 20px !important; } .feature-box h3 span.subtitle { display: block; margin-top: 5px; color: #444; font-weight: 300; text-transform: none; } .feature-box.fbox-center:not(.fbox-bg) h3:after { content: ''; display: block; margin: 20px auto; width: 30px; border-top: 2px solid #555; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } .feature-box.fbox-center:not(.fbox-bg):hover h3:after { width: 50px; } .feature-box.fbox-center.noborder:not(.fbox-bg) h3:after, .feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after { display: none; } .feature-box.fbox-center.fbox-italic p { font-style: italic; font-family: 'Lato', sans-serif; } /* Feature Box - Background -----------------------------------------------------------------*/ .feature-box.fbox-bg.fbox-center { margin-top: 68px; padding: 68px 30px 30px; background-color: #FFF; border: 1px solid #E5E5E5; border-radius: 5px; } .feature-box.fbox-bg.fbox-center:first-child { margin-top: 48px; } .feature-box.fbox-bg.fbox-center.fbox-large { margin-top: 84px; padding-top: 84px; } .feature-box.fbox-bg.fbox-center.fbox-large:first-child { margin-top: 64px; } .feature-box.fbox-bg.fbox-center .fbox-icon { position: absolute; top: -48px; left: 50%; margin: 0 0 0 -48px; } .feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon { top: -64px; left: 50%; margin-left: -64px; } .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #FFF; } /* Animated Icon Hovers -----------------------------------------------------------------*/ .fbox-effect .fbox-icon i { z-index: 1; } .fbox-effect .fbox-icon i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; } .fbox-effect .fbox-icon i { -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .fbox-effect .fbox-icon i:after { top: -3px; left: -3px; padding: 3px; box-shadow: 0 0 0 2px #333; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.3s, opacity 0.3s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.3s, opacity 0.3s; transform: scale(.8); opacity: 0; } .fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i { background-color: #333; color: #FFF; } .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #1ABC9C; } .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #1ABC9C; } .fbox-effect .fbox-icon i:hover:after, .fbox-effect:hover .fbox-icon i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Icon Effects - Bordered -----------------------------------------------------------------*/ .fbox-border.fbox-effect .fbox-icon i { -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; transition: color 0.5s, box-shadow 0.5s, background-color 0.5s; } .fbox-border.fbox-effect .fbox-icon i:after { top: -2px; left: -2px; padding: 2px; z-index: -1; box-shadow: none; background-image: url('images/icons/iconalt.svg'); background-position: center center; background-size: 100% 100%; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s; -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s; transition: transform 0.5s, opacity 0.5s, background-color 0.5s; } .fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; } .fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i { color: #FFF; box-shadow: 0 0 0 1px #333; } .fbox-border.fbox-effect .fbox-icon i:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; background-color: #333; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #1ABC9C; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #1ABC9C; } .fbox-border.fbox-effect .fbox-icon i:hover:after, .fbox-border.fbox-effect:hover .fbox-icon i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Media Featured Box -----------------------------------------------------------------*/ .feature-box.media-box { padding: 0; } .feature-box.media-box .fbox-media { margin: 0 0 25px; } .feature-box.media-box .fbox-media, .feature-box.media-box .fbox-media a, .feature-box.media-box .fbox-media img { position: relative; display: block; width: 100%; height: auto; } .feature-box.media-box .fbox-media iframe { display: block; } .feature-box.media-box p { margin-top: 17px; } .feature-box.media-box.fbox-bg .fbox-media { margin: 0; } .feature-box.media-box.fbox-bg .fbox-desc { padding: 25px; background-color: #FFF; border: 1px solid #E5E5E5; border-top: 0; border-radius: 0 0 5px 5px; } .feature-box.media-box.fbox-bg .fbox-media img { border-radius: 5px 5px 0 0; } /* ---------------------------------------------------------------- Flipbox -----------------------------------------------------------------*/ .flipbox { perspective: 1000px; } .flipbox-inner { transition: 0.5s; transition-timing-function: ease; position: relative; transform-style: preserve-3d; } .flipbox-front, .flipbox-back { -webkit-backface-visibility: hidden; } .flipbox-front { z-index: 2; } .flipbox-back { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .flipbox:not(.flipbox-vertical) .flipbox-front { transform: rotateY(0deg); } .flipbox:not(.flipbox-vertical) .flipbox-back { transform: rotateY(-180deg); } .flipbox.flipbox-vertical .flipbox-front { transform: rotateX(0deg); } .flipbox.flipbox-vertical .flipbox-back { transform: rotateX(-180deg); } .flipbox:not(.flipbox-vertical):hover .flipbox-inner, .flipbox:not(.flipbox-vertical).hover .flipbox-inner { transform: rotateY(180deg); } .flipbox.flipbox-vertical:hover .flipbox-inner, .flipbox.flipbox-vertical.hover .flipbox-inner { transform: rotateX(180deg); } /* ---------------------------------------------------------------- Process Steps -----------------------------------------------------------------*/ .process-steps { margin: 0 0 40px; list-style: none; } .process-steps li { float: left; position: relative; width: 25%; text-align: center; overflow: hidden; } .process-steps.process-2 li { width: 50%; } .process-steps.process-3 li { width: 33.33%; } .process-steps.process-5 li { width: 20%; } .process-steps li .i-circled { margin-bottom: 0 !important; } .process-steps li .i-bordered { background-color: #FFF; } .process-steps li h5 { margin: 15px 0 0 0; font-size: 16px; font-weight: 300; } .process-steps li.active h5, .process-steps li.ui-tabs-active h5 { font-weight: 600; color: #1ABC9C; } .process-steps li.active a, .process-steps li.ui-tabs-active a { background-color: #1ABC9C !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-color: #1ABC9C !important; } .process-steps li:before, .process-steps li:after { content: ''; position: absolute; top: 30px; left: 0; margin-left: -26px; width: 50%; border-top: 1px dashed #DDD; } .process-steps li:after { left: auto; right: 0; margin: 0 -26px 0 0; } .process-steps li:first-child:before, .process-steps li:last-child:after { display: none; } /* ---------------------------------------------------------------- Alerts -----------------------------------------------------------------*/ .style-msg, .style-msg2 { position: relative; display: block; color: #444; border-left: 4px solid rgba(0,0,0,0.1); margin-bottom: 20px; } .style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); } .successmsg { background: #C5EBD4; color: #184B21; } .errormsg { background: #FFCCCC; color: #740D0A; } .infomsg { background: #B9DFF4; color: #124F70; } .alertmsg { background: #FCE0B6; color: #975E06; } .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { display: block; padding: 15px; border-left: 1px solid rgba(255,255,255,0.5); font-size: 14px; text-shadow: 1px 1px 1px rgba(255,255,255,0.6); } .style-msg2 .msgtitle { background: rgba(0,0,0,0.15); border-top: none; border-bottom: none; font-size: 15px; font-weight: bold; } .style-msg-light .sb-msg, .style-msg-light .msgtitle { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .style-msg2 .sb-msg { font-weight: normal; } .style-msg2 ol, .style-msg2 ul { margin: 0 0 0 30px; } .style-msg2 ol { list-style-type: decimal; } .style-msg2 ul { list-style-type: disc; } .alert i, .sb-msg i, .msgtitle i { position: relative; top: 1px; font-size: 14px; width: 14px; text-align: center; margin-right: 5px; } .style-msg .close { position: absolute; top: 10px; left: auto; right: 10px; } /* ---------------------------------------------------------------- Styled Icons -----------------------------------------------------------------*/ .i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon { display: block; float: left; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); cursor: pointer; font-style: normal; } body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .i-rounded, .i-circled, .i-bordered { width: 52px !important; height: 52px !important; line-height: 52px !important; background-color: #444; border-radius: 3px; } .i-bordered { border: 1px solid #555; line-height: 50px !important; background-color: transparent !important; color: #444; text-shadow: none; } .i-plain { width: 36px !important; height: 36px !important; font-size: 28px; line-height: 36px !important; color: #444; text-shadow: 1px 1px 1px #FFF; } .i-plain:hover { color: #777; } .i-circled { border-radius: 50%; } .i-light { background-color: #F5F5F5; color: #444; text-shadow: 1px 1px 1px #FFF; box-shadow: inset 0 0 15px rgba(0,0,0,0.2); } .i-alt { background-image: url('images/icons/iconalt.svg'); background-position: center center; background-size: 100% 100%; } .i-rounded:hover, .i-circled:hover { background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); box-shadow: 0 0 0 rgba(0,0,0,0.2); } .i-bordered:hover { background-color: #444 !important; color: #FFF; border-color: #444; } /* Icon Size - Small -----------------------------------------------------------------*/ .i-small.i-rounded, .i-small.i-plain, .i-small.i-circled, .i-small.i-bordered { margin: 4px 11px 7px 0; font-size: 14px; } .i-small.i-rounded, .i-small.i-circled, .i-small.i-bordered { width: 28px !important; height: 28px !important; line-height: 28px !important; } .i-small.i-bordered { line-height: 26px !important; } .i-small.i-plain { width: 18px !important; height: 18px !important; font-size: 14px; line-height: 18px !important; } /* Icon Size - Small -----------------------------------------------------------------*/ .i-medium.i-rounded, .i-medium.i-plain, .i-medium.i-circled, .i-medium.i-bordered { margin: 6px 13px 9px 0; font-size: 21px; } .i-medium.i-rounded, .i-medium.i-circled, .i-medium.i-bordered { width: 36px !important; height: 36px !important; line-height: 36px !important; } .i-medium.i-bordered { line-height: 34px !important; } .i-medium.i-plain { width: 28px !important; height: 28px !important; font-size: 20px; line-height: 28px !important; } /* Icon Size - Large -----------------------------------------------------------------*/ .i-large.i-rounded, .i-large.i-plain, .i-large.i-circled, .i-large.i-bordered { margin: 4px 11px 7px 0; font-size: 42px; } .i-large.i-rounded, .i-large.i-circled, .i-large.i-bordered { width: 64px !important; height: 64px !important; line-height: 64px !important; } .i-large.i-bordered { line-height: 62px !important; } .i-large.i-plain { width: 48px !important; height: 48px !important; font-size: 42px; line-height: 48px !important; } /* Icon Size - Extra Large -----------------------------------------------------------------*/ .i-xlarge.i-rounded, .i-xlarge.i-plain, .i-xlarge.i-circled, .i-xlarge.i-bordered { margin: 4px 11px 7px 0; font-size: 56px; } .i-xlarge.i-rounded, .i-xlarge.i-circled, .i-xlarge.i-bordered { width: 84px !important; height: 84px !important; line-height: 84px !important; } .i-xlarge.i-bordered { line-height: 82px !important; } .i-xlarge.i-plain { width: 64px !important; height: 64px !important; font-size: 56px; line-height: 64px !important; } /* Icon Size - Extra Extra Large -----------------------------------------------------------------*/ .i-xxlarge.i-rounded, .i-xxlarge.i-plain, .i-xxlarge.i-circled, .i-xxlarge.i-bordered { margin: 6px 15px 10px 0; font-size: 64px; } .i-xxlarge.i-rounded, .i-xxlarge.i-circled, .i-xxlarge.i-bordered { width: 96px !important; height: 96px !important; line-height: 96px !important; } .i-xxlarge.i-bordered { line-height: 94px !important; } .i-xxlarge.i-plain { width: 80px !important; height: 80px !important; font-size: 64px; line-height: 80px !important; } /* ---------------------------------------------------------------- Icon Overlay -----------------------------------------------------------------*/ .i-overlay, .i-overlay a { display: block; position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; text-align: center; background: rgba(0,0,0,0.2) url('images/grid.png') repeat; } .i-overlay a { background: transparent; } .i-overlay img, .i-overlay i { display: block; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; width: 48px !important; height: 48px !important; font-size: 48px; line-height: 1; color: #E5E5E5; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .i-overlay i { margin: -18px 0 0 -18px; width: 36px !important; height: 36px !important; line-height: 36px; font-size: 24px; } .on-hover.i-overlay { opacity: 0; } body:not(.device-touch) .on-hover.i-overlay { -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .on-hover.i-overlay:hover { opacity: 1; } /* ---------------------------------------------------------------- Social Icons -----------------------------------------------------------------*/ .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; font-size: 20px; line-height: 38px !important; color: #555; text-shadow: none; border: 1px solid #AAA; border-radius: 3px; overflow: hidden; } /* Social Icons - Rounded -----------------------------------------------------------------*/ .si-rounded { border-radius: 50%; } /* Social Icons - Borderless -----------------------------------------------------------------*/ .si-borderless { border-color: transparent !important; } /* Social Icons - Dark -----------------------------------------------------------------*/ .si-dark { background-color: #444; color: #FFF !important; border-color: transparent; } /* Social Icons - Light -----------------------------------------------------------------*/ .si-light { background-color: rgba(0,0,0,0.05); color: #666 !important; border-color: transparent; } /* Social Icons - Colored -----------------------------------------------------------------*/ .si-colored { border-color: transparent !important; } .si-colored i { color: #FFF; } /* Social Icons - Large -----------------------------------------------------------------*/ .social-icon.si-large { margin: 0 10px 10px 0; width: 56px; height: 56px; font-size: 30px; line-height: 54px !important; } /* Social Icons - Small -----------------------------------------------------------------*/ .social-icon.si-small { width: 32px; height: 32px; font-size: 14px; line-height: 30px !important; } .social-icon i { display: block; position: relative; } body:not(.device-touch) .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon i:last-child { color: #FFF !important; } .social-icon:hover i:first-child { margin-top: -38px; } .social-icon.si-large:hover i:first-child { margin-top: -54px; } .social-icon.si-small:hover i:first-child { margin-top: -30px; } .social-icon:hover { color: #555; border-color: transparent; } .si-colored.social-icon { border-color: transparent; } /* Social Icons - Sticky -----------------------------------------------------------------*/ .si-sticky { position: fixed; top: 50%; left: 5px; width: 36px; z-index: 100; } /* Social Icons - Sticky Right -----------------------------------------------------------------*/ .si-sticky.si-sticky-right { left: auto; right: 8px; } /* Social Icons - Share -----------------------------------------------------------------*/ .si-share { position: relative; padding-left: 5px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; } .si-share span { line-height: 36px; font-weight: bold; font-size: 13px; } .si-share div { float: right; } .si-share .social-icon { margin: -1px 0; border-radius: 0; font-size: 15px; } .si-facebook:hover, .si-colored.si-facebook { background-color: #3B5998 !important; } .si-delicious:hover, .si-colored.si-delicious { background-color: #205CC0 !important; } .si-paypal:hover, .si-colored.si-paypal { background-color: #00588B !important; } .si-flattr:hover, .si-colored.si-flattr { background-color: #F67C1A !important; } .si-android:hover, .si-colored.si-android { background-color: #A4C639 !important; } .si-smashmag:hover, .si-colored.si-smashmag { background-color: #E53B2C !important; } .si-gplus:hover, .si-colored.si-gplus { background-color: #DD4B39 !important; } .si-wikipedia:hover, .si-colored.si-wikipedia { background-color: #333 !important; } .si-stumbleupon:hover, .si-colored.si-stumbleupon { background-color: #F74425 !important; } .si-foursquare:hover, .si-colored.si-foursquare { background-color: #25A0CA !important; } .si-call:hover, .si-colored.si-call { background-color: #444 !important; } .si-ninetyninedesigns:hover, .si-colored.si-ninetyninedesigns { background-color: #F26739 !important; } .si-forrst:hover, .si-colored.si-forrst { background-color: #5B9A68 !important; } .si-digg:hover, .si-colored.si-digg { background-color: #191919 !important; } .si-spotify:hover, .si-colored.si-spotify { background-color: #81B71A !important; } .si-reddit:hover, .si-colored.si-reddit { background-color: #C6C6C6 !important; } .si-blogger:hover, .si-colored.si-blogger { background-color: #FC4F08 !important; } .si-cc:hover, .si-colored.si-cc { background-color: #688527 !important; } .si-dribbble:hover, .si-colored.si-dribbble { background-color: #EA4C89 !important; } .si-evernote:hover, .si-colored.si-evernote { background-color: #5BA525 !important; } .si-flickr:hover, .si-colored.si-flickr { background-color: #FF0084 !important; } .si-google:hover, .si-colored.si-google { background-color: #DD4B39 !important; } .si-instapaper:hover, .si-colored.si-instapaper { background-color: #333 !important; } .si-klout:hover, .si-colored.si-klout { background-color: #FF5F52 !important; } .si-linkedin:hover, .si-colored.si-linkedin { background-color: #0E76A8 !important; } .si-vk:hover, .si-colored.si-vk { background-color: #2B587A !important; } .si-rss:hover, .si-colored.si-rss { background-color: #EE802F !important; } .si-skype:hover, .si-colored.si-skype { background-color: #00AFF0 !important; } .si-twitter:hover, .si-colored.si-twitter { background-color: #00ACEE !important; } .si-youtube:hover, .si-colored.si-youtube { background-color: #C4302B !important; } .si-vimeo:hover, .si-colored.si-vimeo { background-color: #86C9EF !important; } .si-aim:hover, .si-colored.si-aim { background-color: #FCD20B !important; } .si-yahoo:hover, .si-colored.si-yahoo { background-color: #720E9E !important; } .si-email3:hover, .si-colored.si-email3 { background-color: #6567A5 !important; } .si-macstore:hover, .si-colored.si-macstore { background-color: #333333 !important; } .si-myspace:hover, .si-colored.si-myspace { background-color: #666666 !important; } .si-podcast:hover, .si-colored.si-podcast { background-color: #E4B21B !important; } .si-cloudapp:hover, .si-colored.si-cloudapp { background-color: #525557 !important; } .si-dropbox:hover, .si-colored.si-dropbox { background-color: #3D9AE8 !important; } .si-ebay:hover, .si-colored.si-ebay { background-color: #89C507 !important; } .si-github:hover, .si-colored.si-github { background-color: #171515 !important; } .si-googleplay:hover, .si-colored.si-googleplay { background-color: #DD4B39 !important; } .si-itunes:hover, .si-colored.si-itunes { background-color: #222 !important; } .si-plurk:hover, .si-colored.si-plurk { background-color: #CF5A00 !important; } .si-pinboard:hover, .si-colored.si-pinboard { background-color: #0000E6 !important; } .si-soundcloud:hover, .si-colored.si-soundcloud { background-color: #FF7700 !important; } .si-tumblr:hover, .si-colored.si-tumblr { background-color: #34526F !important; } .si-wordpress:hover, .si-colored.si-wordpress { background-color: #1E8CBE !important; } .si-yelp:hover, .si-colored.si-yelp { background-color: #C41200 !important; } .si-intensedebate:hover, .si-colored.si-intensedebate { background-color: #009EE4 !important; } .si-eventbrite:hover, .si-colored.si-eventbrite { background-color: #F16924 !important; } .si-scribd:hover, .si-colored.si-scribd { background-color: #666666 !important; } .si-stripe:hover, .si-colored.si-stripe { background-color: #008CDD !important; } .si-print:hover, .si-colored.si-print { background-color: #111 !important; } .si-dwolla:hover, .si-colored.si-dwolla { background-color: #FF5C03 !important; } .si-statusnet:hover, .si-colored.si-statusnet { background-color: #131A30 !important; } .si-acrobat:hover, .si-colored.si-acrobat { background-color: #D3222A !important; } .si-drupal:hover, .si-colored.si-drupal { background-color: #27537A !important; } .si-buffer:hover, .si-colored.si-buffer { background-color: #333333 !important; } .si-pocket:hover, .si-colored.si-pocket { background-color: #EE4056 !important; } .si-bitbucket:hover, .si-colored.si-bitbucket { background-color: #0E4984 !important; } .si-stackoverflow:hover, .si-colored.si-stackoverflow { background-color: #EF8236 !important; } .si-hackernews:hover, .si-colored.si-hackernews { background-color: #FF6600 !important; } .si-xing:hover, .si-colored.si-xing { background-color: #126567 !important; } .si-instagram:hover, .si-colored.si-instagram { background-color: #3F729B !important; } .si-quora:hover, .si-colored.si-quora { background-color: #A82400 !important; } .si-openid:hover, .si-colored.si-openid { background-color: #E16309 !important; } .si-steam:hover, .si-colored.si-steam { background-color: #111 !important; } .si-amazon:hover, .si-colored.si-amazon { background-color: #E47911 !important; } .si-disqus:hover, .si-colored.si-disqus { background-color: #E4E7EE !important; } .si-plancast:hover, .si-colored.si-plancast { background-color: #222 !important; } .si-appstore:hover, .si-colored.si-appstore { background-color: #000 !important; } .si-pinterest:hover, .si-colored.si-pinterest { background-color: #C8232C !important; } .si-fivehundredpx:hover, .si-colored.si-fivehundredpx { background-color: #111 !important; } /* Social Icons Text Color -----------------------------------------------------------------*/ .si-text-color.si-facebook i { color: #3B5998; } .si-text-color.si-delicious i { color: #205CC0; } .si-text-color.si-paypal i { color: #00588B; } .si-text-color.si-flattr i { color: #F67C1A; } .si-text-color.si-android i { color: #A4C639; } .si-text-color.si-smashmag i { color: #E53B2C; } .si-text-color.si-gplus i { color: #DD4B39; } .si-text-color.si-wikipedia i { color: #333; } .si-text-color.si-stumbleupon i { color: #F74425; } .si-text-color.si-foursquare i { color: #25A0CA; } .si-text-color.si-call i { color: #444; } .si-text-color.si-ninetyninedesigns i { color: #F26739; } .si-text-color.si-forrst i { color: #5B9A68; } .si-text-color.si-digg i { color: #191919; } .si-text-color.si-spotify i { color: #81B71A; } .si-text-color.si-reddit i { color: #C6C6C6; } .si-text-color.si-blogger i { color: #FC4F08; } .si-text-color.si-cc i { color: #688527; } .si-text-color.si-dribbble i { color: #EA4C89; } .si-text-color.si-evernote i { color: #5BA525; } .si-text-color.si-flickr i { color: #FF0084; } .si-text-color.si-google i { color: #DD4B39; } .si-text-color.si-instapaper i { color: #333; } .si-text-color.si-klout i { color: #FF5F52; } .si-text-color.si-linkedin i { color: #0E76A8; } .si-text-color.si-vk i { color: #2B587A; } .si-text-color.si-rss i { color: #EE802F; } .si-text-color.si-skype i { color: #00AFF0; } .si-text-color.si-twitter i { color: #00ACEE; } .si-text-color.si-youtube i { color: #C4302B; } .si-text-color.si-vimeo i { color: #86C9EF; } .si-text-color.si-aim i { color: #FCD20B; } .si-text-color.si-yahoo i { color: #720E9E; } .si-text-color.si-email3 i { color: #6567A5; } .si-text-color.si-macstore i { color: #333333; } .si-text-color.si-myspace i { color: #666666; } .si-text-color.si-podcast i { color: #E4B21B; } .si-text-color.si-cloudapp i { color: #525557; } .si-text-color.si-dropbox i { color: #3D9AE8; } .si-text-color.si-ebay i { color: #89C507; } .si-text-color.si-github i { color: #171515; } .si-text-color.si-googleplay i { color: #DD4B39; } .si-text-color.si-itunes i { color: #222; } .si-text-color.si-plurk i { color: #CF5A00; } .si-text-color.si-pinboard i { color: #0000E6; } .si-text-color.si-soundcloud i { color: #FF7700; } .si-text-color.si-tumblr i { color: #34526F; } .si-text-color.si-wordpress i { color: #1E8CBE; } .si-text-color.si-yelp i { color: #C41200; } .si-text-color.si-intensedebate i { color: #009EE4; } .si-text-color.si-eventbrite i { color: #F16924; } .si-text-color.si-scribd i { color: #666666; } .si-text-color.si-stripe i { color: #008CDD; } .si-text-color.si-print i { color: #111; } .si-text-color.si-dwolla i { color: #FF5C03; } .si-text-color.si-statusnet i { color: #131A30; } .si-text-color.si-acrobat i { color: #D3222A; } .si-text-color.si-drupal i { color: #27537A; } .si-text-color.si-buffer i { color: #333333; } .si-text-color.si-pocket i { color: #EE4056; } .si-text-color.si-bitbucket i { color: #0E4984; } .si-text-color.si-stackoverflow i { color: #EF8236; } .si-text-color.si-hackernews i { color: #FF6600; } .si-text-color.si-xing i { color: #126567; } .si-text-color.si-instagram i { color: #3F729B; } .si-text-color.si-quora i { color: #A82400; } .si-text-color.si-openid i { color: #E16309; } .si-text-color.si-steam i { color: #111; } .si-text-color.si-amazon i { color: #E47911; } .si-text-color.si-disqus i { color: #E4E7EE; } .si-text-color.si-plancast i { color: #222; } .si-text-color.si-appstore i { color: #000; } .si-text-color.si-pinterest i { color: #C8232C; } .si-text-color.si-fivehundredpx i { color: #111; } .si-text-color:hover { color: #FFF; } /* ---------------------------------------------------------------- Toggle -----------------------------------------------------------------*/ .toggle { display: block; position: relative; margin: 0 0 20px 0; } .toggle .togglet, .toggle .toggleta { display: block; position: relative; line-height: 24px; padding: 0 0 0 24px; margin: 0; font-size: 16px; font-weight: 700; color: #444; cursor: pointer; } .toggle .togglet i { position: absolute; top: 0; left: 0; width: 16px; text-align: center; font-size: 16px; line-height: 24px; } .toggle .toggleta { font-weight: bold; } .toggle .togglet i.toggle-open, .toggle .toggleta i.toggle-closed { display: none; } .toggle .toggleta i.toggle-open { display: block; } .toggle .togglet:not(.toggleta) span.toggle-open, .toggle .togglet.toggleta span.toggle-closed { display: none; } .toggle .togglet.toggleta span.toggle-open, .toggle .togglet:not(.toggleta) span.toggle-closed { display: block; } .toggle .togglec { display: block; position: relative; padding: 10px 0 0 24px; } /* Toggle - with Title Background -----------------------------------------------------------------*/ .toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta { background-color: #EEE; line-height: 44px; padding: 0 0 0 36px; border-radius: 2px; } .toggle.toggle-bg .togglet i { left: 14px; line-height: 44px; } .toggle.toggle-bg .togglec { padding: 12px 0 0 36px; } /* Toggle - Bordered -----------------------------------------------------------------*/ .toggle.toggle-border { border: 1px solid #CCC; border-radius: 4px; } .toggle.toggle-border .togglet, .toggle.toggle-border .toggleta { line-height: 44px; padding: 0 15px 0 36px; } .toggle.toggle-border .togglet i { left: 14px; line-height: 44px; } .toggle.toggle-border .togglec { padding: 0 15px 15px 36px; } /* Toggle - FAQs -----------------------------------------------------------------*/ .faqs .toggle { border-bottom: 1px solid #EEE; padding-bottom: 12px; margin-bottom: 12px; } .faqs .toggle .togglet, .faqs .toggle .toggleta { font-size: 15px; } .faqs .toggle .togglet i { top: 1px; font-size: 14px; } .faqs .toggle .togglec { padding-bottom: 10px; } /* ---------------------------------------------------------------- Accordions -----------------------------------------------------------------*/ .accordion { margin-bottom: 20px; } .acctitle { display: block; position: relative; line-height: 24px; margin: 0; font-size: 14px; font-weight: bold; color: #444; cursor: pointer; border-top: 1px dotted #DDD; padding: 10px 0 10px 20px; } .acctitlec { cursor: auto; } .acctitle:first-child { border-top: none; } .acctitle i { position: absolute; top: 0; left: 0; width: 14px; text-align: center; font-size: 14px; line-height: 44px; } .acctitle i.acc-open, .acctitlec i.acc-closed { display: none; } .acctitlec i.acc-open { display: block; } .acc_content { position: relative; padding: 0 0 15px 20px; } /* Accordion - with Title Background -----------------------------------------------------------------*/ .accordion.accordion-bg .acctitle, .accordion.accordion-bg .acctitlec { background-color: #EEE; line-height: 44px; padding: 0 0 0 36px; margin-bottom: 5px; border-top: 0; } .accordion.accordion-bg .acctitle i { left: 14px; line-height: 44px; } .accordion.accordion-bg .acc_content { padding: 10px 0 15px 36px; } /* Accordion - Bordered -----------------------------------------------------------------*/ .accordion.accordion-border { border: 1px solid #DDD; border-radius: 4px; } .accordion.accordion-border .acctitle, .accordion.accordion-border .acctitlec { border-color: #CCC; line-height: 44px; padding: 0 15px 0 36px; } .accordion.accordion-border .acctitle i { left: 14px; line-height: 44px; } .accordion.accordion-border .acc_content { padding: 0 15px 15px 36px; } /* Accordion - Large -----------------------------------------------------------------*/ .accordion.accordion-lg .acctitle { font-size: 23px; line-height: 44px; padding-left: 30px; font-weight: 400; } .accordion.accordion-lg .acctitle i { width: 20px; font-size: 20px; line-height: 64px; } .accordion.accordion-lg .acc_content { padding: 10px 0 30px 30px; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .tabs { position: relative; margin: 0 0 30px 0; } ul.tab-nav:not(.tab-nav-lg) { margin: 0; border-bottom: 1px solid #DDD; list-style: none; } ul.tab-nav:not(.tab-nav-lg) li { float: left; border: 1px solid #DDD; border-bottom: 0; border-left: 0; height: 41px; text-align: center; } ul.tab-nav:not(.tab-nav-lg) li:first-child { margin-left: 15px; border-left: 1px solid #DDD; } ul.tab-nav:not(.tab-nav-lg) li a { display: block; padding: 0 15px; color: #444; height: 40px; line-height: 40px; background-color: #F2F2F2; font-size: 14px; font-weight: bold; } ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a { position: relative; top: 1px; background-color: #FFF; } /* Tabs - Alternate Nav -----------------------------------------------------------------*/ .tabs.tabs-alt ul.tab-nav li { border-color: transparent; } .tabs.tabs-alt ul.tab-nav li:first-child { border-left: 0; } .tabs.tabs-alt ul.tab-nav li a { background-color: #FFF; } .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a { border: 1px solid #DDD; border-bottom: 0; } /* Tabs - Top Border -----------------------------------------------------------------*/ .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a { top: -1px; height: 43px; line-height: 38px; border-top: 2px solid #1ABC9C; } .tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a { height: 42px; } /* Tabs - Bottom Border -----------------------------------------------------------------*/ .tabs.tabs-bb ul.tab-nav li { border: 0; margin: 0; } .tabs.tabs-bb ul.tab-nav li a { background-color: transparent; border-bottom: 2px solid transparent; } .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a { border-bottom: 2px solid #1ABC9C; top: -2px; height: 44px; line-height: 44px; } /* Tabs - Navigation Style 2 -----------------------------------------------------------------*/ ul.tab-nav.tab-nav2 { border-bottom: 0; } ul.tab-nav.tab-nav2 li { border: 0; margin-left: 10px; } ul.tab-nav.tab-nav2 li:first-child { margin-left: 0; border-left: 0; } ul.tab-nav.tab-nav2 li a { background-color: #F5F5F5; border-radius: 2px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } ul.tab-nav.tab-nav2 li.ui-state-active a { top: 0; background-color: #1ABC9C; color: #FFF; } /* Tabs - Large Navigation -----------------------------------------------------------------*/ ul.tab-nav-lg { margin-bottom: 20px; list-style: none; } ul.tab-nav-lg li { float: left; position: relative; text-align: center; padding: 15px; } ul.tab-nav-lg li a { display: inline-block; color: #444; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } ul.tab-nav.tab-nav-lg li i { display: block; font-size: 28px; margin: 0 0 7px; } ul.tab-nav-lg li.ui-tabs-active a { color: #1ABC9C; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before, ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after { content: ''; position: absolute; z-index: 2; top: auto; bottom: -50px; border: solid transparent; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after { border-top-color: #FFF; border-width: 16px; left: 50%; margin-left: -16px; } ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before { border-top-color: #FFF; border-width: 16px; left: 50%; margin-left: -16px; } /* Tabs - Content Area -----------------------------------------------------------------*/ .tab-container { position: relative; padding: 20px 0 0; } ul.tab-nav li a i { position: relative; top: 1px; font-size: 14px; margin-right: 3px; } /* Tabs - Bordered -----------------------------------------------------------------*/ .tabs-bordered ul.tab-nav li:first-child { margin-left: 0; } .tabs-bordered .tab-container { border: 1px solid #DDD; border-top: 0; padding: 20px; } /* Tabs - Side Tabs -----------------------------------------------------------------*/ .side-tabs ul.tab-nav { float: left; width: 200px; padding: 20px 0; border-bottom: 0; border-right: 1px solid #DDD; } .side-tabs ul.tab-nav li { float: none; border: 1px solid #DDD; border-right: 0; border-top: 0; height: auto; text-align: left; } .side-tabs ul.tab-nav li:first-child { margin-left: 0; border-top: 1px solid #DDD; border-left: 1px solid #DDD; } .side-tabs ul.tab-nav li a { height: auto; line-height: 44px; } .side-tabs ul.tab-nav li.ui-tabs-active a { top: 0; right: -1px; } .side-tabs .tab-container { overflow: hidden; padding: 15px 0 0 20px; } .ui-tabs .ui-tabs-hide { position: absolute !important; left: -10000px !important; display:block !important; } /* Tabs - Side Tabs & Nav Style 2 -----------------------------------------------------------------*/ .side-tabs ul.tab-nav.tab-nav2 { border: 0; } .side-tabs ul.tab-nav.tab-nav2 li { border: 0; margin: 6px 0 0; } .side-tabs ul.tab-nav.tab-nav2 li:first-child { margin-top: 0; } .side-tabs ul.tab-nav.tab-nav2 li a { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a { right: 0; } /* Tabs - Side Tabs & Bordered -----------------------------------------------------------------*/ .tabs-bordered.side-tabs ul.tab-nav { position: relative; padding: 0; z-index: 2; margin-right: -1px; } .tabs-bordered.side-tabs ul.tab-nav li a { height: auto; line-height: 44px; } .tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a { right: -1px; border-right: 1px solid #FFF; } .tabs-bordered.side-tabs .tab-container { overflow: hidden; padding: 20px; border-top: 1px solid #DDD; } /* ---------------------------------------------------------------- Side Navigation -----------------------------------------------------------------*/ .sidenav { width: 100%; padding: 0; background-color: #FFF; border-radius: 4px; } .sidenav li { list-style-type: none; } .sidenav li a { display: block; position: relative; margin: 0 0 -1px; padding: 11px 20px 11px 14px; font-size: 14px; border: 1px solid #E5E5E5; border-right-width: 2px; color: #666; } .sidenav > li:first-child > a { border-radius: 4px 4px 0 0; } .sidenav > li:last-child > a { border-radius: 0 0 4px 4px; border-bottom-width: 2px; } .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover { position: relative; z-index: 2; border-color: rgba(0,0,0,0.1) !important; color: #FFF !important; font-weight: 700; background-color: #1ABC9C !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .sidenav li ul { display: none; } .sidenav li.ui-tabs-active ul { display: block; } .sidenav li li a { padding: 6px 20px 6px 35px; font-size: 14px; border-top: none; border-bottom: none; } .sidenav li li:first-child a { padding-top: 20px; } .sidenav li li:last-child a { padding-bottom: 20px; } .sidenav li i { position: relative; top: 1px; margin-right: 6px; font-size: 14px; text-align: center; width: 16px; } /* Chevrons */ .sidenav .icon-chevron-right { position: absolute; width: 14px; height: 14px; top: 50%; left: auto; right: 6px; margin-top: -8px; margin-right: 0; opacity: .4; font-size: 12px !important; } .sidenav > li > a:hover { background-color: #F5F5F5; color: #222; } .sidenav a:hover .icon-chevron-right { opacity: .5; } .sidenav .ui-tabs-active .icon-chevron-right, .sidenav .ui-tabs-active a:hover .icon-chevron-right { opacity: 1; } /* ---------------------------------------------------------------- FAQ List -----------------------------------------------------------------*/ .faqlist li { margin-bottom: 5px; font-size: 15px; } .faqlist li a { color: #444; } .faqlist li a:hover { color: #1ABC9C !important; } /* ---------------------------------------------------------------- Clients -----------------------------------------------------------------*/ .clients-grid, .testimonials-grid { list-style: none; overflow: hidden; } .clients-grid li, .testimonials-grid li { float: left; position: relative; width: 20%; padding: 20px 0; -webkit-backface-visibility: hidden; } .clients-grid.grid-2 li { width: 50%; padding: 25px 0; } .clients-grid.grid-3 li { width: 33.33%; } .clients-grid.grid-4 li { width: 25%; } .clients-grid.grid-6 li { width: 16.66%; } .clients-grid li a { opacity: 0.6; } body:not(.device-touch) .clients-grid li a { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .clients-grid li a:hover { opacity: 1; } .clients-grid li a, .clients-grid li img { display: block; width: 75%; margin-left: auto; margin-right: auto; } .clients-grid li a img { width: 100%; } .clients-grid li:before, .clients-grid li:after, .testimonials-grid li:before, .testimonials-grid li:after { content: ''; position: absolute; } .clients-grid li:before, .testimonials-grid li:before { height: 100%; top: 0; left: -1px; border-left: 1px dashed #DDD; } .clients-grid li:after, .testimonials-grid li:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #DDD; } /* ---------------------------------------------------------------- Testimonials -----------------------------------------------------------------*/ /* Testimonials - Grid -----------------------------------------------------------------*/ .testimonials-grid li { width: 50%; padding: 25px; } .testimonials-grid.grid-3 li { width: 33.33%; } .testimonials-grid.grid-1 li { width: 100%; } .testimonials-grid li .testimonial { padding: 0; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Testimonials - Item -----------------------------------------------------------------*/ .testimonial { position: relative; padding: 20px; background-color: #FFF; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; box-shadow: 0 1px 1px rgba(0,0,0,0.1); } .testi-image { float: left; margin-right: 15px; } .testi-image, .testi-image a, .testi-image img, .testi-image i { display: block; width: 64px; height: 64px; } .testi-image i { text-align: center; background-color: #EEE; border-radius: 50%; line-height: 64px; font-size: 28px; color: #888; text-shadow: 1px 1px 1px #FFF; } .testi-image img { border-radius: 50%; } .testi-content { position: relative; overflow: hidden; } .testi-content p { margin-bottom: 0; font-family: 'Crete Round', serif; font-style: italic; } .testi-content p:before, .testi-content p:after { content: '"'; } .testi-meta { margin-top: 10px; font-size: 13px; font-weight: bold; text-transform: uppercase; } .testi-meta:before { content: '\2013'; } .testi-meta span { display: block; font-weight: normal; color: #999; font-size: 12px; text-transform: none; padding-left: 10px; } /* Twitter - Small Scroller -----------------------------------------------------------------*/ .testimonial.twitter-scroll .testi-content p:before, .testimonial.twitter-scroll .testi-content p:after, .testimonial.twitter-scroll .testi-meta:before { content: ''; } .testimonial.twitter-scroll .testi-meta span { padding-left: 0; } .testimonial.twitter-scroll .testi-meta span a { color: #999; } .testimonial.twitter-scroll .testi-meta span a:hover { color: #222; } /* Testimonials - Full Width -----------------------------------------------------------------*/ .testimonial.testimonial-full { padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] { padding: 30px; } .testimonial.testimonial-full[data-animation="fade"] .flexslider { overflow: visible !important; } .testimonial-full .testi-image { float: none; margin: 0 auto 20px; } .testimonial-full .testi-image, .testimonial-full .testi-image a, .testimonial-full .testi-image img, .testimonial-full .testi-image i { display: block; width: 72px; height: 72px; } .testimonial-full .testi-image i { line-height: 72px; } .testimonial-full .testi-content { text-align: center; font-size: 18px; } .testimonial-full .testi-meta { margin-top: 15px; } .testimonial-full .testi-meta span { padding-left: 0; } /* Testimonial - Section Scroller -----------------------------------------------------------------*/ .section > .testimonial { padding: 0; background-color: transparent !important; border: 0 !important; box-shadow: none !important; max-width: 800px; margin: 0 auto; } .section > .testimonial[data-animation="fade"] { padding: 0; } .section > .testimonial .testi-content { font-size: 22px; } .section > .testimonial .testi-meta, .section > .testimonial .testi-meta span { font-size: 14px; } /* Testimonial - Pagination -----------------------------------------------------------------*/ .testimonial .flex-control-nav { top: auto; bottom: 6px; right: 0; } .testimonial .flex-control-nav li { margin: 0 2px; width: 6px; height: 6px; } .testimonial .flex-control-nav li a { width: 6px !important; height: 6px !important; border: none; background-color: #1ABC9C; opacity: 0.5; } .testimonial .flex-control-nav li:hover a { opacity: 0.75; } .testimonial .flex-control-nav li a.flex-active { opacity: 1; } /* Testimonial - Full Scroller -----------------------------------------------------------------*/ .testimonial.testimonial-full .flex-control-nav { position: relative; top: 0; bottom: 0; right: 0; left: 0; height: 6px; margin-top: 20px; } .testimonial.testimonial-full .flex-control-nav li { display: inline-block; float: none; } /* ---------------------------------------------------------------- Team -----------------------------------------------------------------*/ .team, .team-image { position: relative; } .team-image > a, .team-image img { display: block; width: 100%; } .team-desc { text-align: center; } .team-desc.team-desc-bg { background-color: #FFF; padding: 10px 0 30px; } .team .si-share { margin-top: 30px; text-align: left; } .team .si-share .social-icon { font-size: 14px; width: 34px; } .team-title { position: relative; padding-top: 20px; } .team-title h4 { display: block; margin-bottom: 0; font-size: 19px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .team-title span { display: block; color: #1ABC9C; font-weight: 400; font-family: 'Crete Round', serif; font-style: italic; font-size: 15px; margin-top: 5px; } .team-content { margin-top: 15px; color: #777; } .team-content p:last-child { margin-bottom: 0; } .team-overlay, .team-overlay:before { opacity: 0; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; text-align: center; } body:not(.device-touch) .team-overlay { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .team-overlay:before { content: ''; z-index: auto; background-color: #FFF; opacity: 0.75; } .team-overlay .social-icon { float: none; position: relative; z-index: 3; margin: 0 3px !important; display: inline-block; } .team:hover .team-overlay { opacity: 1; } /* Team Center -----------------------------------------------------------------*/ .team.center .team-title:after { left: 50%; margin-left: -40px; } /* Team List -----------------------------------------------------------------*/ .team.team-list .team-image { float: left; width: 250px; margin-right: 30px; } .team.team-list .team-desc { position: relative; overflow: hidden; text-align: left; } .team.team-list .team-title { padding-top: 0; } .team .team-desc > .social-icon { margin-top: 20px; } .team .team-content ~ .social-icon { margin-top: 30px; } .team:not(.team-list) .social-icon { display: inline-block; float: none; margin-left: 6px; margin-right: 6px; } /* ---------------------------------------------------------------- Pricing Boxes -----------------------------------------------------------------*/ .pricing { position: relative; } .pricing [class^=col-] { padding: 0; margin-top: 20px; } /* Pricing Boxes -----------------------------------------------------------------*/ .pricing-box { position: relative; border: 1px solid rgba(0,0,0,0.075); border-radius: 3px; text-align: center; box-shadow: 0 1px 1px rgba(0,0,0,0.1); background-color: #F5F5F5; } /* Pricing Boxes - Title -----------------------------------------------------------------*/ .pricing-title { padding: 15px 0; background-color: #F9F9F9; border-radius: 3px 3px 0 0; text-shadow: 1px 1px 1px #FFF; border-bottom: 1px solid rgba(0,0,0,0.05); } .pricing-title h3 { margin: 0; font-size: 20px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; color: #555; } .pricing-title span { display: block; color: #999; font-weight: 300; font-size: 14px; margin-top: 3px; text-transform: uppercase; } /* Pricing Boxes - Price -----------------------------------------------------------------*/ .pricing-price { position: relative; padding: 25px 0; color: #333; font-weight: 300; font-size: 64px; line-height: 1; } .pricing-price:after { content: ''; position: absolute; width: 100px; border-top: 1px solid rgba(0,0,0,0.1); top: auto; bottom: 0; left: 50%; margin-left: -50px; } .pricing-price span { display: inline-block; vertical-align: top; margin: 7px 3px 0 0; font-size: 28px; font-weight: normal; } .pricing-price span.price-tenure { vertical-align: baseline; font-size: 16px; font-weight: normal; color: #999; margin: 0 0 0 3px; } /* Pricing Boxes - Features -----------------------------------------------------------------*/ .pricing-features { border-bottom: 1px solid rgba(0,0,0,0.075); } .pricing-features ul { margin: 0; padding: 15px 0; list-style: none; } .pricing-features li { padding: 6px 0; font-size: 14px; } /* Pricing Boxes - Action -----------------------------------------------------------------*/ .pricing-action { padding: 15px 30px; } /* Pricing Boxes - Best Price -----------------------------------------------------------------*/ .pricing-box.best-price { background-color: #FFF; box-shadow: 0 0 8px rgba(0,0,0,0.1); z-index: 10; } .pricing-box.best-price { margin: -20px -1px 0 -1px; } .pricing-box.best-price .pricing-title { background-color: #FFF; padding: 20px 0; } .pricing-box.best-price .pricing-title h3 { font-size: 22px; } .pricing-box.best-price .pricing-price { color: #1ABC9C; font-size: 72px; } /* Pricing Boxes - Minimal -----------------------------------------------------------------*/ .pricing-box.pricing-minimal .pricing-price { background-color: #FFF; border-bottom: 1px solid rgba(0,0,0,0.075); } .pricing-box.pricing-minimal .pricing-price:after { display: none; } /* Pricing Boxes - 5 Columns -----------------------------------------------------------------*/ .pricing.pricing-5 .pricing-box { float: left; width: 20%; margin-top: 20px; } .pricing.pricing-5 .pricing-box.best-price { margin-top: 0; } .pricing.pricing-5 .pricing-box:nth-child(5) { margin-left: -1px; } .pricing.pricing-5 .pricing-title h3 { font-size: 18px; } .pricing.pricing-5 .best-price .pricing-title h3 { font-size: 20px; } /* Pricing Boxes - Extended -----------------------------------------------------------------*/ .pricing-box.pricing-extended { background-color: #FFF; text-align: left; } .pricing-box.pricing-extended .pricing-desc { float: left; width: 75%; padding: 25px; } .pricing-box.pricing-extended .pricing-title { background-color: transparent; padding-top: 0; text-align: left; } .pricing-box.pricing-extended .pricing-features { border: 0; } .pricing-box.pricing-extended .pricing-features ul { padding: 15px 0 0 0; } .pricing-box.pricing-extended .pricing-features li { padding: 6px 0; font-size: 15px; width: 50%; float: left; } .pricing-box.pricing-extended .pricing-features ul li i { position: relative; top: 1px; width: 16px; margin-right: 2px; } .pricing-box.pricing-extended .pricing-action-area { position: absolute; top: 0; left: auto; right: 0; width: 25%; height: 100%; border-left: 1px solid rgba(0,0,0,0.05); background-color: #F9F9F9; padding: 30px; border-radius: 0 3px 3px 0; text-align: center; } .pricing-box.pricing-extended .pricing-action-area .pricing-price, .pricing-box.pricing-extended .pricing-action-area .pricing-action { padding: 0; } .pricing-box.pricing-extended .pricing-action-area .pricing-price { padding-bottom: 20px; } .pricing-box.pricing-extended .pricing-action-area .pricing-price:after { display: none; } .pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure { display: block; margin: 10px 0 0 0; font-weight: 300; text-transform: uppercase; font-size: 14px; } .pricing-box.pricing-extended .pricing-meta { color: #999; font-weight: 300; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 10px; } .table-comparison, .table-comparison th { text-align: center; } .table-comparison th:first-child, .table-comparison td:first-child { text-align: left; font-weight: bold; } /* ---------------------------------------------------------------- Counter -----------------------------------------------------------------*/ .counter { font-size: 42px; font-weight: 600; font-family: 'Raleway', sans-serif; } .counter.counter-small { font-size: 28px; } .counter.counter-large { font-size: 56px; } .counter.counter-xlarge { font-size: 64px; font-weight: 400; } .counter.counter-inherit { font-size: inherit; font-weight: inherit; } .counter + h5 { font-weight: 400; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; } .counter.counter-lined + h5:before { display: block; position: relative; margin: 20px auto 25px auto; content: ''; width: 15%; border-top: 2px solid #444; opacity: 0.9; } .counter.counter-small + h5 { font-size: 13px; } .counter.counter-large + h5, .counter.counter-xlarge + h5 { font-size: 15px; font-weight: 300; } .widget .counter + h5 { opacity: 0.7; } /* ---------------------------------------------------------------- Animated Rounded Skills -----------------------------------------------------------------*/ .rounded-skill { display: inline-block; margin: 0 15px 15px; display: inline-block; position: relative; text-align: center; font-size: 22px; font-weight: bold; color: #333; } body:not(.device-touch) .rounded-skill { -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .rounded-skill + h5 { margin-bottom: 0; } .rounded-skill i { font-size: 42px; } .rounded-skill canvas { position: absolute; top: 0; left: 0; } /* ---------------------------------------------------------------- Skills Bar -----------------------------------------------------------------*/ .skills { margin: 0; list-style: none; padding-top: 25px; } .skills li { position: relative; margin-top: 38px; height: 4px; background-color: #F5F5F5; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); border-radius: 2px; } .skills li:first-child { margin-top: 0; } .skills li .progress { position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #1ABC9C; overflow: visible !important; border-radius: 2px; -webkit-transition: width 1.2s ease-in-out; -o-transition: width 1.2s ease-in-out; transition: width 1.2s ease-in-out; } .skills li .progress-percent { position: absolute; top: -28px; right: 0; background-color: #333; color: #F9F9F9; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); height: 22px; line-height: 22px; padding: 0px 5px; font-size: 11px; border-radius: 2px; } .skills li .progress-percent .counter { font-weight: 400; font-family: 'Lato', sans-serif; } .progress-percent:after, .progress-percent:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .progress-percent:after { border-top-color: #333; border-width: 4px; left: 50%; margin-left: -4px; } .progress-percent:before { border-top-color: #333; border-width: 5px; left: 50%; margin-left: -5px; } .skills li > span { position: absolute; z-index: 1; top: -23px; left: 0; line-height: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #222; } /* ---------------------------------------------------------------- Quotes & Blockquotes -----------------------------------------------------------------*/ blockquote p { margin-bottom: 15px; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17px; border-left: 5px solid #EEE; } .blockquote-reverse { padding-right: 15px; padding-left: 0; border-right: 5px solid #EEE; border-left: 0; text-align: right; } blockquote.float-left { max-width: 300px; margin: 5px 20px 10px 0; padding-right: 0; } blockquote.float-right { max-width: 300px; margin: 5px 0 10px 20px; padding-left: 0; } .quote { border: none !important; position: relative; } .quote p { position: relative; } .quote:before { font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; content: "\e7ad"; position: absolute; width: 48px; height: 48px; line-height: 48px; font-size: 42px; top: 0; left: 0; color: #EEE; } .quote.blockquote-reverse:before { content: "\e7ae"; left: auto; right: 0; } /* ---------------------------------------------------------------- Dropcaps & Highlights -----------------------------------------------------------------*/ .dropcap { float: left; font-size: 42px; line-height: 1; margin: 0 5px 0 0; text-transform: uppercase; } .highlight { padding: 2px 5px; background-color: #444; color: #FFF; border-radius: 2px; } /* ---------------------------------------------------------------- Text Rotater -----------------------------------------------------------------*/ .text-rotater {} .text-rotater > .t-rotate > .animated { display: inline-block; } /* ---------------------------------------------------------------- Owl Carousel CSS -----------------------------------------------------------------*/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out } .owl-carousel { display:none; -webkit-tap-highlight-color:transparent; position:relative; z-index:1; width: 100%; } .owl-carousel .owl-stage { position:relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0); } .owl-carousel.owl-loaded { display:block } .owl-carousel.owl-loading { display:block; min-height: 100px; background: url('images/preloader.gif') no-repeat center center } .owl-carousel .owl-refresh .owl-item { display:none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display:block; width:100%; -webkit-transform-style:preserve-3d; } .slider-element .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot, .owl-dots button { cursor: pointer; cursor: hand; padding: 0; border: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .mega-menu-content .owl-carousel.owl-hidden { opacity: 1; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity:0; -webkit-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease } .owl-carousel .owl-item img { transform-style:preserve-3d } .owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#111 } .owl-carousel .owl-video-play-icon { position: absolute; height: 64px; width: 64px; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; background: url("images/icons/play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition:scale(1.3,1.3); -o-transition:scale(1.3,1.3); transition:scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none } .owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease } .owl-carousel .owl-video-frame { position:relative; z-index:1; height: 100%; width: 100%; } /* Owl Carousel - Controls -----------------------------------------------------------------*/ .owl-carousel .owl-dots, .owl-carousel .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; line-height: 1; } /* Owl Carousel - Controls - Arrows -----------------------------------------------------------------*/ .owl-carousel .owl-nav [class*=owl-] { position: absolute; top: 50%; margin-top: -18px; left: -36px; zoom: 1; width: 36px; height: 36px; line-height: 32px; border: 1px solid rgba(0,0,0,0.2); color: #666; background-color: #FFF; font-size: 18px; border-radius: 50%; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-carousel.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -38px; } .slider-element .owl-nav [class*=owl-], .owl-carousel-full .owl-nav [class*=owl-] { margin-top: -30px; left: 0 !important; height: 60px; line-height: 60px; border: none; color: #EEE; background-color: rgba(0,0,0,0.4); font-size: 28px; border-radius: 0 3px 3px 0; } .owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] { margin-top: -50px; } .owl-carousel .owl-nav .owl-next { left: auto; right: -36px; } .slider-element .owl-nav .owl-next, .owl-carousel-full .owl-nav .owl-next { left: auto !important; right: 0 !important; border-radius: 3px 0 0 3px; } .owl-carousel:hover .owl-nav [class*=owl-] { opacity: 1; left: -18px; } .owl-carousel:hover .owl-nav .owl-next { left: auto; right: -18px; } .owl-carousel .owl-nav [class*=owl-]:hover { background-color: #1ABC9C !important; color: #FFF !important; text-decoration: none; } .owl-carousel .owl-nav .disabled { display: none !important; } /* Owl Carousel - Controls - Dots -----------------------------------------------------------------*/ .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; width: 8px; height: 8px; margin: 30px 4px 0 4px; opacity: 0.5; border-radius: 50%; background-color: #1ABC9C; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover { opacity: 1; } /* ---------------------------------------------------------------- Overlays -----------------------------------------------------------------*/ .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .overlay .overlay-wrap, .text-overlay { opacity: 0; position: relative; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); } body:not(.device-touch) .overlay .overlay-wrap, body:not(.device-touch) .text-overlay { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .overlay .overlay-wrap i { position: absolute; opacity: 0.8; font-size: 24px; line-height: 1; width: 24px; height: 24px; text-align: center; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; color: #FFF; } .overlay:hover .overlay-wrap, .overlay:hover .text-overlay { opacity: 1; } .text-overlay { position: absolute; opacity: 0.85; top: auto; bottom: 0; height: auto; padding: 40px 15px 15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ backface-visibility: hidden; } .text-overlay-title h2, .text-overlay-title h3, .text-overlay-title h4 { margin: 0; color: #F5F5F5; } .text-overlay-title h2 { font-size: 28px; } .text-overlay-title h3 { font-size: 17px; font-weight: 600; } .text-overlay-title h2, .text-overlay-title h3, .text-overlay-title h4, .text-overlay-meta { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .text-overlay-meta { color: #CCC; font-size: 13px; } .text-overlay-meta span i { position: relative; top: 1px; font-size: 14px; } /* News Carousel Overlays -----------------------------------------------------------------*/ .news-carousel .text-overlay { padding: 40px 30px 25px; } .news-carousel .text-overlay-title { margin: 15px 0 10px; } .news-carousel .text-overlay-title h2, .news-carousel .text-overlay-title h3, .news-carousel .text-overlay-title h4 { line-height: 1.2; text-overflow: none; white-space: normal; } .news-carousel .text-overlay-meta { font-size: 14px; } .news-carousel .rounded-skill { position: absolute; margin: 0 !important; top: 30px; right: 30px; color: #FFF; font-weight: 700; } /* ---------------------------------------------------------------- Forms -----------------------------------------------------------------*/ .sm-form-control { display: block; width: 100%; height: 38px; padding: 8px 14px; font-size: 15px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 2px solid #DDD; border-radius: 0 !important; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; } .sm-form-control:focus { border-color: #AAA; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .sm-form-control::-moz-placeholder { color: #999; opacity: 1; } .sm-form-control:-ms-input-placeholder { color: #999; } .sm-form-control::-webkit-input-placeholder { color: #999; } .sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } .sm-form-control { height: auto; } .form-control { border-radius: 3px; } .form-control:active, .form-control:focus { border-color: #999; box-shadow: none; } label { display: inline-block; font-size: 13px; font-weight: 700; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 10px; cursor: pointer; } label.label-muted { color: #999; font-weight: normal; margin-right: 5px; } form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth { margin-bottom: 25px; } /* ---------------------------------------------------------------- Contact Form -----------------------------------------------------------------*/ #contact-form-overlay, #contact-form-overlay-mini { position: relative; max-width: 800px; background-color: #FFF; padding: 40px; margin: 0 auto; z-index: 10; border-radius: 4px; box-shadow: 0 1px 10px rgba(0,0,0,0.15); } #contact-form-overlay-mini { float: right; width: 380px; margin: 0; } label.error { margin-top: 5px; color: #E42C3E; font-weight: 400; } label.error { display: none !important; } .show-error-msg + label.error { display: block !important; } input[type=checkbox]:not(:checked) + label.error { display: block !important; } .form-control.error, .sm-form-control.error { border-color: #E42C3E; } /* ---------------------------------------------------------------- Google Maps -----------------------------------------------------------------*/ #google-map { position: relative; width: 100%; height: 450px; } .gmap img { max-width: none !important; } .gm-style .gm-style-iw h3 span { font-size: inherit; font-family: inherit; } #map-overlay { position: relative; padding: 100px 0; } #map-overlay #google-map { position: absolute; height: 100%; top: 0; left: 0; } /* ---------------------------------------------------------------- Google Custom Search -----------------------------------------------------------------*/ #content .cse .gsc-control-cse, #content .gsc-control-cse, #content .gsc-above-wrapper-area, #content .gsc-adBlock, #content .gsc-thumbnail-inside, #content .gsc-url-top, #content .gsc-table-result, #content .gsc-webResult, #content .gsc-result { padding: 0 !important; } #content .gsc-selected-option-container { width: auto !important; } #content .gsc-result-info { padding-left: 0 !important; } #content .gsc-above-wrapper-area-container, #content .gsc-table-result { margin-bottom: 10px; } #content .gcsc-branding { display: none; } #content .gsc-results, #content .gsc-webResult { width: 100% !important; } #content .gs-no-results-result .gs-snippet, #content .gs-error-result .gs-snippet { margin: 0 !important; } /* ---------------------------------------------------------------- Heading Styles -----------------------------------------------------------------*/ /* Block Titles -----------------------------------------------------------------*/ .title-block { padding: 2px 0 3px 20px; border-left: 7px solid #1ABC9C; margin-bottom: 30px; } .title-block-right { padding: 2px 20px 3px 0; border-left: 0; border-right: 7px solid #1ABC9C; text-align: right; } .title-block h1, .title-block h2, .title-block h3, .title-block h4 { margin-bottom: 0; } .title-block > span { display: block; margin-top: 4px; color: #555; font-weight: 300; } .title-block h1 + span { font-size: 22px; } .title-block h2 + span { font-size: 19px; } .title-block h3 + span { font-size: 17px; } .title-block h4 + span { font-size: 15px; margin-top: 3px; } /* Heading Block - with Subtitle -----------------------------------------------------------------*/ .heading-block { margin-bottom: 50px; } .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 { margin-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #333; } .emphasis-title h1, .emphasis-title h2 { font-weight: 400; letter-spacing: 0; text-transform: none; } .heading-block h1 { font-size: 32px; } .heading-block h2 { font-size: 30px; } .heading-block h3 { font-size: 26px; } .heading-block h4 { font-size: 20px; font-weight: 700; } .heading-block > span:not(.before-heading) { display: block; margin-top: 10px; font-weight: 300; color: #777; } .heading-block .before-heading { margin-bottom: 7px; } .heading-block.center > span, .heading-block.title-center > span, .center .heading-block > span { max-width: 700px; margin-left: auto; margin-right: auto; } .heading-block h1 + span { font-size: 24px; } .heading-block h2 + span { font-size: 22px; } .heading-block h3 + span, .heading-block h4 + span { font-size: 20px; } .heading-block ~ p:not(.lead) { font-size: 15px; } .heading-block:after { content: ''; display: block; margin-top: 30px; width: 40px; border-top: 2px solid #444; } .center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after { margin: 30px auto 0; } .tright .heading-block, .heading-block.tright, .heading-block.title-right { direction: rtl; } .heading-block.noborder:after, .heading-block.nobottomborder:after { display: none; } .heading-block.border-color:after { border-color: #1ABC9C; } /* Emphasis Title -----------------------------------------------------------------*/ .emphasis-title { margin: 0 0 50px; } .emphasis-title h1, .emphasis-title h2 { font-size: 64px; letter-spacing: -2px; } .emphasis-title h1 strong, .emphasis-title h2 strong { font-weight: 700; } /* Justify Border Title -----------------------------------------------------------------*/ .fancy-title { position: relative; margin-bottom: 30px; } .fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 { position: relative; display: inline-block; background-color: #FFF; padding-right: 15px; margin-bottom: 0; } .fancy-title h4, .fancy-title h5, .fancy-title h6 { padding-right: 10px; } .fancy-title.title-double-border:before, .fancy-title.title-border:before, .fancy-title.title-border-color:before { content: ''; position: absolute; width: 100%; height: 0; border-top: 3px double #E5E5E5; left: auto; top: 46%; right: 0; } .fancy-title.title-border:before { top: 49%; border-top: 1px solid #EEE; } .fancy-title.title-border-color:before { top: 49%; border-top: 1px solid #1ABC9C; opacity: 0.6; } /* Fancy Title - Center Align -----------------------------------------------------------------*/ .title-center { text-align: center; } .title-center h1, .title-center h2, .title-center h3 { padding: 0 15px; } .title-center h4, .title-center h5, .title-center h6 { padding: 0 10px; } /* Fancy Title - Right Align -----------------------------------------------------------------*/ .title-right { text-align: right; } .title-right h1, .title-right h2, .title-right h3 { padding: 0 0 0 15px; } .title-right h4, .title-right h5, .title-right h6 { padding: 0 0 0 10px; } /* Fancy Title - Bottom Short Border -----------------------------------------------------------------*/ .fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 { display: block; background: transparent; padding: 0 0 10px; border-bottom: 2px solid #1ABC9C; } /* Fancy Title - Bottom Short Border -----------------------------------------------------------------*/ .fancy-title.title-dotted-border { background: url('images/icons/dotted.png') repeat-x center; } /* Sub Heading -----------------------------------------------------------------*/ .before-heading { display: block; margin: 0 0 5px; font-size: 16px; font-family: 'Crete Round', serif; font-style: italic; font-weight: 400; color: #999; } /* ---------------------------------------------------------------- Divider -----------------------------------------------------------------*/ .divider { position: relative; overflow: hidden; margin: 35px 0; color: #E5E5E5; width: 100%; } .divider.divider-margin { margin: 70px 0; } .divider:after, .divider.divider-center:before, .divider.divider-center.divider-short:before { content: ''; position: absolute; width: 100%; top: 8px; left: 30px; height: 0; border-top: 1px solid #EEE; } .divider.divider-thick:after, .divider.divider-center.divider-thick:before, .divider.divider-center.divider-short.divider-thick:before { border-top-width: 3px; } .divider.divider-short:after { width: 30%; } .divider.divider-vshort:after { width: 12%; } .divider i { position: relative; width: 18px; height: 18px; line-height: 1; font-size: 18px !important; text-align: center; } .divider a { position: relative; display: inline-block; color: inherit; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .divider a:hover { color: #888; } /* Divider - Icon Align Right -----------------------------------------------------------------*/ .divider.divider-right { text-align: right; } .divider.divider-right:after { left: auto; right: 30px; } /* Divider - Icon Align Center -----------------------------------------------------------------*/ .divider.divider-center, .divider.divider-center.divider-short { text-align: center; } .divider.divider-center:before { left: -50% !important; right: 0; margin-left: -20px; } .divider.divider-center:after { left: 50% !important; right: 0; margin-left: 20px; } /* Short Divider - Icon Align Center -----------------------------------------------------------------*/ .divider.divider-center.divider-short:before { left: auto !important; right: 50%; margin-right: 20px; width: 15%; } .divider.divider-center.divider-short:after { left: 50% !important; right: auto !important; margin-left: 20px; width: 15%; } .divider.divider-center.divider-vshort:before, .divider.divider-center.divider-vshort:after { width: 6%; } /* Divider - Rounded Icon -----------------------------------------------------------------*/ .divider.divider-rounded { color: #BBB; } .divider.divider-rounded:after, .divider.divider-rounded.divider-center:before, .divider.divider-rounded.divider-short:before, .divider.divider-border:after, .divider.divider-border.divider-center:before, .divider.divider-border.divider-short:before { top: 19px; left: 40px; } .divider.divider-rounded i, .divider.divider-border i { width: 40px; height: 40px; line-height: 40px; background-color: #F5F5F5; border-radius: 50%; } .divider.divider-rounded.divider-right:after, .divider.divider-border.divider-right:after { left: auto; right: 40px; } /* Divider - Rounded & Border -----------------------------------------------------------------*/ .divider.divider-border { color: #E5E5E5; } .divider.divider-border i { line-height: 38px; background-color: transparent; border: 1px solid #EEE; } /* Divider - Line Only -----------------------------------------------------------------*/ .divider.divider-line:before, .divider.divider-line:after { margin-left: 0 !important; margin-right: 0 !important; } /* ---------------------------------------------------------------- Magazine Specific Classes -----------------------------------------------------------------*/ .top-advert { float: right; padding: 5px; border-left: 1px solid #EEE; border-right: 1px solid #EEE; } .top-advert a, .top-advert img { display: block; } .bnews-title { display: block; float: left; margin-top: 2px; padding-top: .3em; text-transform: uppercase; } .bnews-slider { float: left; width: 970px; margin-left: 20px; min-height: 0; } /* ---------------------------------------------------------------- Go To Top -----------------------------------------------------------------*/ #gotoTop { display: none; z-index: 299; position: fixed; width: 40px; height: 40px; background-color: #333; background-color: rgba(0,0,0,0.3); font-size: 20px; line-height: 36px; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; border-radius: 2px; } body:not(.device-touch) #gotoTop { transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .stretched #gotoTop { bottom: 30px; } #gotoTop:hover { background-color: #1ABC9C; } /* ---------------------------------------------------------------- Error 404 -----------------------------------------------------------------*/ .error404 { display: block; font-size: 216px; font-weight: 700; color: #DDD; line-height: 1.35; letter-spacing: 4px; } .error404-wrap .container { z-index: 7; } .error404-wrap .error404 { line-height: 0.9; margin-bottom: 40px; font-weight: bold; font-size: 244px; color: #FFF !important; opacity: 0.2; text-shadow: 1px 1px 5px rgba(0,0,0,0.4); } .error404-wrap .heading-block h4 { font-weight: 300; margin-bottom: 8px; } .error404-wrap .heading-block span { font-size: 17px; } .error404-wrap form { max-width: 500px; } /* ---------------------------------------------------------------- Landing Pages -----------------------------------------------------------------*/ .landing-wide-form { background: rgba(0,0,0,0.3); padding: 30px; border-radius: 3px; } .landing-form-overlay { position: absolute; z-index: 10; top: auto; left: auto; right: 0; bottom: -154px; background-color: rgba(0,0,0,0.6); border-radius: 3px 3px 0 0; } .landing-video { z-index: 1; width: 560px; height: 315px; margin: 22px 0 0 95px; overflow: hidden; } .landing-promo h3 { font-size: 26px; } .landing-promo > .container > span { font-size: 17px; } /* ---------------------------------------------------------------- Preloaders -----------------------------------------------------------------*/ .preloader, .preloader2, .form-process { display: block; width: 100%; height: 100%; background: url("images/preloader.gif") center center no-repeat #FFF; } .preloader2 { background-color: transparent; } .form-process { display: none; position: absolute; z-index: 3; background-color: rgba(255,255,255,0.7); } /* ---------------------------------------------------------------- Toastr Notifications -----------------------------------------------------------------*/ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 20px 25px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl { direction: rtl; } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 10px 15px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 10px 15px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 20px; width: 25em; } } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ #footer { position: relative; background-color: #EEE; border-top: 5px solid rgba(0,0,0,0.2); } .device-xl.sticky-footer #top-bar, .device-lg.sticky-footer #top-bar { z-index: 299; } .device-xl.sticky-footer #header, .device-lg.sticky-footer #header { z-index: 199; } .device-xl.sticky-footer #slider:not(.slider-parallax-invisible), .device-xl.sticky-footer #page-submenu, .device-xl.sticky-footer #page-title, .device-xl.sticky-footer #content, .device-lg.sticky-footer #slider:not(.slider-parallax-invisible), .device-lg.sticky-footer #page-submenu, .device-lg.sticky-footer #page-title, .device-lg.sticky-footer #content { z-index: 2; } .device-xl.sticky-footer #footer, .device-lg.sticky-footer #footer { position: fixed; top: auto; bottom: 0; left: 0; width: 100%; z-index: 1; } .device-xl.sticky-footer:not(.stretched) #footer, .device-lg.sticky-footer:not(.stretched) #footer { left: 50%; margin-left: -610px; width: 1220px; } .device-lg.sticky-footer:not(.stretched) #footer { margin-left: -500px; width: 1000px; } #footer .footer-widgets-wrap { position: relative; padding: 80px 0; } .footer-widgets-wrap .col_full, .footer-widgets-wrap .col_half, .footer-widgets-wrap .col_one_third, .footer-widgets-wrap .col_two_third, .footer-widgets-wrap .col_three_fourth, .footer-widgets-wrap .col_one_fourth, .footer-widgets-wrap .col_one_fifth, .footer-widgets-wrap .col_two_fifth, .footer-widgets-wrap .col_three_fifth, .footer-widgets-wrap .col_four_fifth, .footer-widgets-wrap .col_one_sixth, .footer-widgets-wrap .col_five_sixth { margin-bottom: 0; } #copyrights { padding: 40px 0; background-color: #DDD; font-size: 14px; line-height: 1.8; } #copyrights i.footer-icon { position: relative; top: 1px; font-size: 14px; width: 14px; text-align: center; margin-right: 3px; } .copyright-links a { display: inline-block; margin: 0 3px; color: #333; border-bottom: 1px dotted #444; } .copyright-links a:hover { color: #555; border-bottom: 1px solid #666; } .copyrights-menu { margin-bottom: 10px; } .copyrights-menu a { font-size: 14px; margin: 0 10px; border-bottom: 0 !important; } #copyrights .col_half { margin-bottom: 0 !important; } #copyrights a:first-child { margin-left: 0; } #copyrights .tright a:last-child { margin-right: 0; } .footer-logo { display: block; margin-bottom: 30px; } /* ---------------------------------------------------------------- Widgets -----------------------------------------------------------------*/ .widget { position: relative; margin-top: 50px; } .widget p { line-height: 1.7; } .sidebar-widgets-wrap .widget { padding-top: 50px; border-top: 1px solid #EEE; } .widget:first-child { margin-top: 0; } .sidebar-widgets-wrap .widget:first-child { padding-top: 0; border-top: 0; } .widget > h4 { margin-bottom: 25px; font-size: 15px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .sidebar-widgets-wrap .widget > h4 { letter-spacing: 1px; } .widget p:not(.lead) { font-size: 14px; } /* Tag Cloud -----------------------------------------------------------------*/ .tagcloud { margin-bottom: -2px; } .tagcloud a { display: block; float: left; margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; border: 1px solid #E5E5E5; font-size: 13px !important; color: #666; border-radius: 2px; } body:not(.device-touch) .tagcloud a { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tagcloud a:hover { border-color: #1ABC9C !important; color: #1ABC9C !important; } /* Widget - Links -----------------------------------------------------------------*/ .widget_nav_menu ul, .widget_nav_menu li, .widget_links ul, .widget_links li, .widget_meta ul, .widget_meta li, .widget_archive ul, .widget_archive li, .widget_recent_comments ul, .widget_recent_comments li, .widget_recent_entries ul, .widget_recent_entries li, .widget_categories ul, .widget_categories li, .widget_pages ul, .widget_pages li, .widget_rss ul, .widget_rss li { list-style: none; margin: 0; } .widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li, .widget_rss li { padding: 4px; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li { display: inline-block; padding: 0 3px 0 12px; } .widget_recent_comments li { display: block; background: url("images/icons/widget-comment.png") left top no-repeat; padding: 4px 0 4px 20px; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a { background: url("images/icons/widget-link.png") left top no-repeat; border: none !important; color: #444; font-size: 14px; } .widget_nav_menu li a:hover, .widget_links li a:hover, .widget_meta li a:hover, .widget_archive li a:hover, .widget_recent_entries li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_rss li a:hover, .widget_recent_comments li a:hover { color: #000; } .widget_recent_comments li a { display: inline; padding: 0; background: none !important; } .widget_nav_menu > ul > li:first-child, .widget_links > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_pages > ul > li:first-child, .widget_rss > ul > li:first-child { border-top: 0 !important; } .widget_nav_menu > ul, .widget_links > ul, .widget_meta > ul, .widget_archive > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_categories > ul, .widget_pages > ul, .widget_rss > ul { margin-top: -4px !important; } .widget_nav_menu ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_rss ul ul { margin-left: 15px; } /* Widget - Testimonial & Twitter -----------------------------------------------------------------*/ .widget .testimonial.no-image .testi-image { display: none; } .widget .testimonial.twitter-scroll .testi-image { margin-right: 10px; } .widget .testimonial:not(.twitter-scroll) .testi-image, .widget .testimonial:not(.twitter-scroll) .testi-image a, .widget .testimonial:not(.twitter-scroll) .testi-image img { width: 42px; height: 42px; } .widget .testimonial.twitter-scroll .testi-image, .widget .testimonial.twitter-scroll .testi-image a, .widget .testimonial.twitter-scroll .testi-image img, .widget .testimonial.twitter-scroll .testi-image i { width: 28px; height: 28px; } .widget .testimonial.twitter-scroll .testi-image i { background-color: #EEE; line-height: 28px; font-size: 14px; color: #888; } .widget .testimonial p { font-size: 14px; } /* Widget - Quick Contact Form -----------------------------------------------------------------*/ .quick-contact-widget .form-control, .quick-contact-widget .input-group, .quick-contact-widget .sm-form-control { margin-bottom: 10px; } .quick-contact-widget .input-group .form-control { margin-bottom: 0; } .quick-contact-widget form, #template-contactform { position: relative; } /* Newsletter Widget -----------------------------------------------------------------*/ .subscribe-widget h5 { font-weight: 300; font-size: 14px; line-height: 1.5; } /* Twitter Feed Widget -----------------------------------------------------------------*/ .widget-twitter-feed li { margin: 15px 0 0 0; } .widget-twitter-feed li:first-child { margin-top: 0; } .widget-twitter-feed small { display: block; margin-top: 3px; } .widget-twitter-feed small a { color: #999; } .widget-twitter-feed .twitter-feed:not(.twitter-feed-avatar) a.twitter-avatar { display: none; } .widget-twitter-feed .twitter-feed.twitter-feed-avatar i.icon-twitter { display: none; } .widget-twitter-feed .twitter-feed-avatar { margin-left: 44px; } .widget-twitter-feed .twitter-feed-avatar > li a.twitter-avatar { display: block; position: absolute; left: -44px; text-align: center; top: 2px; width: 32px; height: 32px; } .twitter-feed-avatar a.twitter-avatar img { border-radius: 50%; } /* Widget Filter Links -----------------------------------------------------------------*/ .widget-filter-links ul { list-style: none; margin-bottom: 0; } .widget-filter-links .widget-filter-reset { position: absolute; top: 0; left: auto; right: 0; font-size: 12px; line-height: 22px; } .widget:not(:first-child) .widget-filter-reset { top: 50px; } .widget-filter-links .widget-filter-reset a { color: red; } .widget-filter-links .widget-filter-reset.active-filter { display: none; } .widget-filter-links li { position: relative; font-size: 15px; line-height: 24px; } .widget-filter-links li:not(:first-child) { margin-top: 10px; } .widget-filter-links li a { display: block; color: #444; font-family: 'Raleway', sans-serif; font-weight: 500; } .widget-filter-links li span { position: absolute; top: 1px; left: auto; right: 0; font-size: 11px; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #777; background-color: #EEE; border-radius: 50%; } .widget-filter-links li:hover a { color: #777; } .widget-filter-links li.active-filter a { font-weight: 700; } .widget-filter-links li.active-filter span { color: #FFF; background-color: #1ABC9C; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } /* Navigation Tree -----------------------------------------------------------------*/ .nav-tree { position: relative; margin-bottom: 40px; } .nav-tree ul { margin-bottom: 0; list-style: none; } .nav-tree > ul { margin: -8px 0; } .nav-tree li { position: relative; } .nav-tree li a { display: block; padding: 8px 0; color: #333; text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 2px; font-family: 'Raleway', sans-serif; } .nav-tree li i { font-size: 14px; width: 16px; text-align: center; } .nav-tree li i:not(.icon-angle-down) { margin-right: 8px; position: relative; top: 1px; } .nav-tree li a i.icon-angle-down { width: auto; font-size: 12px; margin-left: 2px; } .nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a { color: #1ABC9C !important; } .nav-tree ul ul { display: none; } .nav-tree li.current > ul { display: block; } .nav-tree ul ul a { font-size: 12px; padding: 6px 0; letter-spacing: 1px; font-family: 'Lato', sans-serif; } .nav-tree ul ul a i.icon-angle-down { font-size: 12px; } .nav-tree ul ul a { padding-left: 20px; } .nav-tree ul ul ul a { padding-left: 40px; } .nav-tree ul ul ul ul a { padding-left: 60px; } .nav-tree ul ul ul ul ul a { padding-left: 80px; } /* ---------------------------------------------------------------- Wedding -----------------------------------------------------------------*/ .wedding-head { position: relative; line-height: 1; font-size: 80px; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .wedding-head .first-name, .wedding-head .last-name, .wedding-head .and { display: inline-block; margin-right: 15px; font-weight: bold; text-align: right; text-transform: uppercase; font-family: 'Raleway', sans-serif; letter-spacing: 2px; } .wedding-head .last-name { margin: 0 0 0 15px; text-align: left; } .wedding-head .first-name span, .wedding-head .last-name span { display: block; margin-top: 10px; font-size: 56px; font-weight: 400; font-style: italic; font-family: 'Crete Round', serif; text-transform: none; } .wedding-head .and { margin: 0; font-size: 200px; font-family: 'Times New Roman', serif; } /* ---------------------------------------------------------------- Bootstrap Specific -----------------------------------------------------------------*/ .table .success { color: #3c763d; } .table .info { color: #31708f; } .table .warning { color: #8a6d3b; } .table .danger { color: #a94442; } .btn-link, .page-link, .page-link:hover, .page-link:focus { color: #1ABC9C; } .btn-link:hover, .btn-link:focus { color: #222; } .boot-tabs { margin-bottom: 20px !important; } .carousel-control .icon-chevron-left, .carousel-control .icon-chevron-right { position: absolute; top: 47.5%; z-index: 5; display: inline-block; } .carousel-control .icon-chevron-left { left: 50%; } .carousel-control .icon-chevron-right { right: 50%; } .responsive-utilities th small { display: block; font-weight: 400; color: #999; } .show-grid [class^=col-] { padding-top: 10px; padding-bottom: 10px; background-color: #EEE; border: 1px solid #DDD; } .img-circle { border-radius: 50% !important; } .page-item.active .page-link, .page-link:hover, .page-link:focus { color: #FFF !important; background-color: #1ABC9C !important; border-color: #1ABC9C !important; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #1ABC9C; } label.radio, label.checkbox { padding-left: 20px; } .input-group-lg > .input-group-addon { line-height: 1; } /* ---------------------------------------------------------------- Cookie Notification -----------------------------------------------------------------*/ #cookie-notification { position: fixed; top: auto; bottom: -70px; left: 0; width: 100%; padding: 20px 0; line-height: 24px; background-color: #EEE; color: #444; z-index: 99; -webkit-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15); box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.15); -webkit-transition: bottom .4s ease; -o-transition: bottom .4s ease; transition: bottom .4s ease; } .cookie-noti-btn {} /* ---------------------------------------------------------------- Stretched Layout -----------------------------------------------------------------*/ .stretched #wrapper { width: 100%; margin: 0; box-shadow: none; } /* ---------------------------------------------------------------- Page Transitions -----------------------------------------------------------------*/ body:not(.no-transition) #wrapper, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; text-align: center; background-color: #FFF; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-perspective: 1000; } .css3-spinner > div { position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: 13px; width: 18px; height: 18px; background-color: #DDD; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner .css3-spinner-bounce1 { margin-left: -31px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .css3-spinner .css3-spinner-bounce2 { margin-left: -9px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .css3-spinner > .css3-spinner-flipper { width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; border-radius: 0; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .css3-spinner > .css3-spinner-double-bounce1, .css3-spinner > .css3-spinner-double-bounce2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border-radius: 50%; opacity: 0.6; -webkit-animation: cssspinnerbounce 2.0s infinite ease-in-out; animation: cssspinnerbounce 2.0s infinite ease-in-out; } .css3-spinner > .css3-spinner-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes cssspinnerbounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes cssspinnerbounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .css3-spinner > .css3-spinner-rect1, .css3-spinner > .css3-spinner-rect2, .css3-spinner > .css3-spinner-rect3, .css3-spinner > .css3-spinner-rect4, .css3-spinner > .css3-spinner-rect5 { height: 30px; width: 6px; margin-top: -15px; margin-left: -21px; border-radius: 0; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .css3-spinner > .css3-spinner-rect2 { margin-left: -12px; -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .css3-spinner > .css3-spinner-rect3 { margin-left: -3px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .css3-spinner > .css3-spinner-rect4 { margin-left: 6px; -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .css3-spinner > .css3-spinner-rect5 { margin-left: 15px; -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .css3-spinner > .css3-spinner-cube1, .css3-spinner > .css3-spinner-cube2 { width: 16px; height: 16px; border-radius: 0; margin-top: -20px; margin-left: -20px; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .css3-spinner > .css3-spinner-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .css3-spinner > .css3-spinner-scaler { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .css3-spinner > .css3-spinner-grid-pulse { width: 48px; height: 48px; margin-top: -24px; margin-left: -24px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-grid-pulse > div { background-color: #DDD; width: 12px; height: 12px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } .css3-spinner-grid-pulse > div:nth-child(1) { -webkit-animation-delay: 0.73s; animation-delay: 0.73s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .css3-spinner-grid-pulse > div:nth-child(2) { -webkit-animation-delay: 0.32s; animation-delay: 0.32s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; } .css3-spinner-grid-pulse > div:nth-child(3) { -webkit-animation-delay: 0.71s; animation-delay: 0.71s; -webkit-animation-duration: 0.88s; animation-duration: 0.88s; } .css3-spinner-grid-pulse > div:nth-child(4) { -webkit-animation-delay: 0.62s; animation-delay: 0.62s; -webkit-animation-duration: 1.06s; animation-duration: 1.06s; } .css3-spinner-grid-pulse > div:nth-child(5) { -webkit-animation-delay: 0.31s; animation-delay: 0.31s; -webkit-animation-duration: 0.62s; animation-duration: 0.62s; } .css3-spinner-grid-pulse > div:nth-child(6) { -webkit-animation-delay: -0.14s; animation-delay: -0.14s; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; } .css3-spinner-grid-pulse > div:nth-child(7) { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; -webkit-animation-duration: 1.47s; animation-duration: 1.47s; } .css3-spinner-grid-pulse > div:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-duration: 1.49s; animation-duration: 1.49s; } .css3-spinner-grid-pulse > div:nth-child(9) { -webkit-animation-delay: 0.73s; animation-delay: 0.73s; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } @-webkit-keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .css3-spinner > .css3-spinner-clip-rotate { width: 33px; height: 33px; margin-top: -17px; margin-left: -17px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-clip-rotate > div { border-radius: 100%; border: 2px solid #DDD; border-bottom-color: transparent !important; height: 33px; width: 33px; background: transparent !important; -webkit-animation: rotate 1s 0s linear infinite; animation: rotate 1s 0s linear infinite; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .css3-spinner > .css3-spinner-ball-rotate { width: 12px; height: 12px; margin-top: -6px; margin-left: -6px; background-color: transparent !important; -webkit-animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite; animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite; } .css3-spinner-ball-rotate > div { background-color: #DDD; width: 12px; height: 12px; border-radius: 100%; position: relative; } .css3-spinner-ball-rotate > div:nth-child(1), .css3-spinner-ball-rotate > div:nth-child(3) { width: 12px; height: 12px; border-radius: 100%; content: ""; position: absolute; opacity: 0.7; } .css3-spinner-ball-rotate > div:nth-child(1) { top: 0px; left: -22px; } .css3-spinner-ball-rotate > div:nth-child(3) { top: 0px; left: 22px; } @-webkit-keyframes ballrotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ballrotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .css3-spinner > .css3-spinner-zig-zag { background-color: transparent !important; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); -webkit-animation: none; animation: none; } .css3-spinner-zig-zag > div { background-color: #DDD; width: 12px; height: 12px; border-radius: 100%; position: absolute; margin-left: 15px; top: 4px; left: -7px; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner-zig-zag > div:first-child { -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear; } .css3-spinner-zig-zag > div:last-child { -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear; } @-webkit-keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .css3-spinner > .css3-spinner-ball-scale-multiple { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-ball-scale-multiple > div { background-color: #DDD; border-radius: 100%; position: absolute; left: 0; top: 0; opacity: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1.25s 0s linear infinite; animation: ball-scale-multiple 1.25s 0s linear infinite; } .css3-spinner-ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .css3-spinner-ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .css3-spinner > .css3-spinner-triangle-path { background-color: transparent !important; -webkit-transform: translate(-29.994px, -37.50938px); -ms-transform: translate(-29.994px, -37.50938px); transform: translate(-29.994px, -37.50938px); -webkit-animation: none; animation: none; } .css3-spinner-triangle-path > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: #DDD; } .css3-spinner-triangle-path > div:nth-child(1) { -webkit-animation: ball-triangle-path-1 2s 0s ease-in-out infinite; animation: ball-triangle-path-1 2s 0s ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-child(2) { -webkit-animation: ball-triangle-path-2 2s 0s ease-in-out infinite; animation: ball-triangle-path-2 2s 0s ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-child(3) { -webkit-animation: ball-triangle-path-3 2s 0s ease-in-out infinite; animation: ball-triangle-path-3 2s 0s ease-in-out infinite; } .css3-spinner-triangle-path > div:nth-of-type(1) { top: 50px; } .css3-spinner-triangle-path > div:nth-of-type(2) { left: 25px; } .css3-spinner-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; } @-webkit-keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .css3-spinner > .css3-spinner-ball-pulse-sync { width: 70px; height: 34px; margin-left: -35px; margin-top: -17px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-ball-pulse-sync > div { display: inline-block; background-color: #DDD; width: 14px; height: 14px; margin: 10px 3px 0; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css3-spinner-ball-pulse-sync > div:nth-child(0) { -webkit-animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(1) { -webkit-animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(2) { -webkit-animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out; animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out; } .css3-spinner-ball-pulse-sync > div:nth-child(3) { -webkit-animation: ball-pulse-sync 0.7s 0s infinite ease-in-out; animation: ball-pulse-sync 0.7s 0s infinite ease-in-out; } @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0.85; } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0.7; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0.85; } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0.7; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .css3-spinner > .css3-spinner-scale-ripple { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; background-color: transparent !important; -webkit-animation: none; animation: none; } .css3-spinner-scale-ripple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #DDD; -webkit-animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8); animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8); } .css3-spinner-scale-ripple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .css3-spinner-scale-ripple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .css3-spinner-scale-ripple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .css3-spinner-scale-ripple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } /* ---------------------------------------------------------------- HTML5 Youtube Video Backgrounds -----------------------------------------------------------------*/ .mb_YTVPlayer :focus { outline: 0; } .mb_YTVPlayer { display:block; transform:translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform:translate3d(0,0,0); animation-timing-function: linear; } .mb_YTVPlayer.fullscreen { display:block!important; position: fixed!important; width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; margin: 0!important; border: none !important; } .mb_YTVPlayer.fullscreen .mbYTP_wrapper { opacity:1 !important; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align:top; position:relative; left:0; overflow: hidden; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.7); background: rgba(0,0,0,.5); } .inline_YTPlayer img { border: none!important; -moz-transform: none!important; -webkit-transform: none!important; -o-transform: none!important; transform: none!important; margin:0!important; padding:0!important } /* ---------------------------------------------------------------- Datepicker Component -----------------------------------------------------------------*/ .datepicker td, .datepicker th { padding: 5px; } /* ---------------------------------------------------------------- Star Ratings Component -----------------------------------------------------------------*/ .rating-xl { font-size: 3rem !important; } .rating-lg { font-size: 2.5rem !important; } .rating-md { font-size: 2rem !important; } .rating-sm { font-size: 1.75rem !important; } .rating-xs { font-size: 1.25rem !important; } .rating-container .star { margin: 0 2px !important; } .rating-container .filled-stars { -webkit-text-stroke: 0px !important; text-shadow: none !important; } /** * Swiper 4.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 13, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-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-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.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-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.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:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.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%;-ms-transform-origin:50%;transform-origin:50%;-webkit-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%;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);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.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}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* ---------------------------------------------------------------- Dark Scheme -----------------------------------------------------------------*/ .dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #EEE; } .dark a:hover { color: #EEE; } body.dark, .dark #wrapper, .dark #content, .dark .shop-quick-view-ajax, .dark .portfolio-ajax-modal, .dark .modal-content, .dark .css3-spinner, body.dark #side-panel, body #side-panel.dark { background-color: #383838; } .dark .css3-spinner > div, .dark .css3-spinner-grid-pulse > div, .dark .css3-spinner-ball-rotate > div, .dark .css3-spinner-zig-zag > div, .dark .css3-spinner-ball-scale-multiple > div, .dark .css3-spinner-triangle-path > div, .dark .css3-spinner-ball-pulse-sync > div { background-color: rgba(255,255,255,0.35); } .dark .css3-spinner-clip-rotate > div, .dark .css3-spinner-scale-ripple > div { border-color: rgba(255,255,255,0.35); } .dark .line, .dark .double-line { border-top-color: rgba(255,255,255,0.1); } .dark .section, .section.dark { background-color: #282828; border-color: rgba(255,255,255,0.1); } .dark #top-bar, #top-bar.dark { border-bottom-color: rgba(255,255,255,0.1); background-color: #282828; } .dark .top-links ul li { border-left-color: rgba(255,255,255,0.1); } .dark .top-links li > a { color: #AAA; } .dark .top-links li:hover { background-color: #333; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .dark .top-links ul ul, .dark .top-links ul div.top-link-section { background: #333; border-bottom: none; } .dark .top-links ul ul li { border-top: 1px solid #444; border-left: 1px solid #444; } .dark .top-links ul ul li:hover { background-color: #383838; } .dark .top-links ul ul li:first-child { border-left: 1px solid #444; } .dark #top-social li { border-left: 1px solid rgba(255,255,255,0.1); } .dark #top-social li a { color: #BBB; } .dark #header:not(.transparent-header), #header.dark:not(.transparent-header) { background-color: #333; border-bottom: 1px solid rgba(255,255,255,0.05); } .dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), .dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark), .dark #header.transparent-header.floating-header .container, .dark #header.transparent-header.floating-header.sticky-header .container, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container, .dark .responsive-sticky-header #header-wrap, .responsive-sticky-header.dark #header-wrap { background-color: #333; } .dark #header.full-header #header-wrap:not(.not-dark), #header.full-header.dark #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.15); } .dark .slider-element + #header.full-header #header-wrap:not(.not-dark), .slider-element + #header.full-header.dark #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.15); } .dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark), #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.2); } .dark .slider-element + #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark), .slider-element + #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.2); } .dark #header.semi-transparent, .dark #header.semi-transparent.floating-header .container, #header.dark.semi-transparent, #header.dark.semi-transparent.floating-header .container { background-color: rgba(0,0,0,0.6); } .dark #header.sticky-header.semi-transparent, .dark #header.semi-transparent.floating-header, .dark #header.semi-transparent.floating-header.sticky-header .container, #header.dark.sticky-header.semi-transparent, #header.dark.semi-transparent.floating-header, #header.dark.semi-transparent.floating-header.sticky-header .container { background-color: transparent; } .dark #header.semi-transparent.sticky-header #header-wrap, #header.dark.semi-transparent.sticky-header #header-wrap { background-color: rgba(0,0,0,0.6); } .dark #logo a { color: #FFF; } .dark #header.full-header #header-wrap:not(.not-dark) #logo, #header.full-header.dark #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.15); } .dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #logo, #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.2); } .dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .overlay-menu #primary-menu.dark > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close, .overlay-menu #primary-menu.dark > #overlay-menu-close, .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-cart a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a, .dark #header-wrap:not(.not-dark) #top-account a, .dark #top-cart .top-cart-item-desc a, body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-search a:hover, .dark #header-wrap:not(.not-dark) #top-cart a:hover, .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover, .dark #header-wrap:not(.not-dark) #top-account a:hover, .dark #header-wrap:not(.not-dark) #top-search form input { color: #EEE; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .dark #header.full-header #header-wrap:not(.not-dark) #primary-menu > ul, #header.full-header.dark #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.15); } .dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul, #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.2); } .dark #header.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input, #header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input { border-bottom-color: rgba(255,255,255,0.15) !important; } .dark #header-wrap:not(.not-dark) #top-search form input::-moz-placeholder { color: rgba(255,255,255,0.6); } .dark #header-wrap:not(.not-dark) #top-search form input:-ms-input-placeholder { color: rgba(255,255,255,0.6); } .dark #header-wrap:not(.not-dark) #top-search form input::-webkit-input-placeholder { color: rgba(255,255,255,0.6); } .dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a, .dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current > a { color: #EEE; } .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, .overlay-menu #primary-menu.dark > ul > li:hover > a, .overlay-menu #primary-menu.dark > ul > li.current > a { color: #1ABC9C !important; } .dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content { background-color: #333; border-color: #3F3F3F; border-top-color: #1ABC9C; } .dark.overlay-menu #primary-menu:not(.not-dark) ul, .dark.overlay-menu #primary-menu:not(.not-dark) ul, .overlay-menu #primary-menu.dark ul, .overlay-menu #primary-menu.dark ul { background-color: rgba(0,0,0,0.9); } .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2, #primary-menu.dark ul li .mega-menu-content.style-2 { border-color: transparent; border-top-color: #1ABC9C; } .dark #primary-menu:not(.not-dark) ul ul li, #primary-menu.dark ul ul li { border-top-color: #3F3F3F; } .dark #primary-menu:not(.not-dark) ul ul li:first-child, #primary-menu.dark ul ul li:first-child { border-top: 0; } .dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a { color: #999 !important; } .dark #primary-menu:not(.not-dark) ul ul li:hover > a, #primary-menu.dark ul ul li:hover > a { background-color: rgba(0,0,0,0.1); color: #CCC !important; } .dark #primary-menu:not(.not-dark) ul ul > li.sub-menu > a, .dark #primary-menu:not(.not-dark) ul ul > li.sub-menu:hover > a, #primary-menu.dark ul ul > li.sub-menu > a, #primary-menu.dark ul ul > li.sub-menu:hover > a { background-image: url("../images/icons/submenu-dark.png"); } .dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child), #primary-menu.dark ul li .mega-menu-content ul.mega-menu-column:not(:first-child) { border-left-color: #3F3F3F; } .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a, #primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a, #primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a { color: #BBB !important; background: transparent; } .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover, #primary-menu.dark ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover { color: #DDD !important; } .dark #primary-menu.style-2:not(.not-dark) { border-top-color: rgba(255,255,255,0.1); } .dark #primary-menu.style-3:not(.not-dark) > ul > li:hover > a, #primary-menu.dark.style-3 > ul > li:hover > a { color: #EEE; background-color: rgba(255,255,255,0.05); } .dark #primary-menu.style-3:not(.not-dark) > ul > li.current > a, #primary-menu.dark.style-3 > ul > li.current > a { color: #EEE; } .dark #primary-menu.style-5:not(.not-dark) > ul, #primary-menu.dark.style-5 > ul { border-right-color: rgba(255,255,255,0.1); } .dark #primary-menu.sub-title:not(.not-dark) > ul > li > a span, #primary-menu.dark.sub-title > ul > li > a span { color: #999; } .dark #primary-menu.sub-title:not(.not-dark) > ul > li:hover > a span, .dark #primary-menu.sub-title:not(.not-dark) > ul > li.current > a span, .dark #primary-menu.sub-title.style-2:not(.not-dark) > div > ul > li:hover > a span, .dark #primary-menu.sub-title.style-2:not(.not-dark) > div > ul > li.current > a span, #primary-menu.dark.sub-title > ul > li:hover > a span, #primary-menu.dark.sub-title > ul > li.current > a span, #primary-menu.dark.sub-title.style-2 > div > ul > li:hover > a span, #primary-menu.dark.sub-title.style-2 > div > ul > li.current > a span { color: #EEE; } .dark #top-cart .top-cart-content { background-color: #333; border-color: #3F3F3F; border-top-color: #1ABC9C; } .dark .top-cart-title { border-bottom-color: #3F3F3F; } .dark .top-cart-item { border-top-color: #3F3F3F; } .dark .top-cart-item-image { border-color: #444; } .dark .top-cart-item-image:hover { border-color: #1ABC9C; } .dark .top-cart-item-desc a:hover { color: #1ABC9C !important; } .dark .top-cart-item-desc span.top-cart-item-price { color: #AAA; } .dark .top-cart-item-desc span.top-cart-item-quantity { color: #888; } .dark .top-cart-action { border-top-color: #3F3F3F; } .dark .one-page-arrow, .one-page-arrow.dark { color: #FFF; } .dark.side-header #header { background-color: #333; border-right-color: #3F3F3F; } .dark.side-header #logo:not(.nobottomborder):after, .dark.side-header #primary-menu:not(.nobottomborder):after { border-bottom-color: #3F3F3F; } .dark.side-header #primary-menu:not(.not-dark) > ul > li > a, .dark.side-header #primary-menu ul ul li:hover > a { color: #DDD !important; } .dark.side-header.open-header #header-trigger { background-color: rgba(0,0,0,0.3); color: #EEE; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .dark.side-header.side-header-right #header { border-left-color: #3F3F3F; } .dark.side-header #primary-menu ul ul a { color: #AAA !important; } .dark .swiper-pagination span { border-color: rgba(255,255,255,0.08); } .dark .swiper-pagination span:hover, .dark .swiper-pagination span.swiper-pagination-bullet-active { background-color: #333 !important; } .dark .slider-caption, .dark .slider-caption h2 { color: #EEE; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .not-dark .slider-caption, .not-dark .slider-caption h2 { color: #222; text-shadow: none; } .dark .ei-title h2, .dark .ei-title h3, .dark .ei-title h2 span, .dark .ei-title h3 span { color: #EEE !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .not-dark .ei-title h2, .not-dark .ei-title h3, .not-dark .ei-title h2 span, .not-dark .ei-title h3 span { color: #222 !important; text-shadow: none; } .dark #page-title { background-color: #282828; border-bottom-color: #3F3F3F; } .dark #page-title h1 { color: rgba(255,255,255,0.9) !important; } .dark #page-title span { color: rgba(255,255,255,0.7); } .dark .breadcrumb a { color: #BBB; } .dark .breadcrumb a:hover { color: #EEE; } .dark #page-title.page-title-pattern { background-image: url('../images/pattern2.png'); } .dark .portfolio-filter { border-color: rgba(255,255,255,0.08); } .dark .portfolio-filter li a { color: #999; border-left-color: rgba(255,255,255,0.08); } .dark .portfolio-filter li a:hover { color: #EEE; } .dark .portfolio-shuffle { color: #999; border-color: rgba(255,255,255,0.08); } .dark .portfolio-filter li.activeFilter a, .dark .portfolio-shuffle:hover { color: #FFF; } .dark .portfolio-desc h3 a { color: #EEE; } .dark .portfolio-desc h3 a:hover { color: #BBB; } .dark .portfolio-desc span { color: #888; } .dark .portfolio-desc span a { color: #888; } .dark .portfolio-desc span a:hover { color: #CCC; } .dark .portfolio-notitle .portfolio-desc { background-color: #333; border-bottom: 1px solid rgba(255,255,255,0.08); } .dark .portfolio-1 .portfolio-item { border-bottom-color: rgba(255,255,255,0.08); } .dark .portfolio-1.portfolio-fullwidth .portfolio-desc { background-color: #333; } .dark .portfolio-overlay a { background-color: rgba(0,0,0,0.5); color: #FFF; } .dark .portfolio-overlay a:hover { background-color: rgba(0,0,0,0.7); } .dark .ajax-modal-title { background-color: #333; border-bottom-color: rgba(255,255,255,0.08); } .dark .portfolio-meta li { color: #999; } .dark .portfolio-meta li span { color: #BBB; } .dark .well .line { border-color: rgba(255,255,255,0.08); } .dark #portfolio-navigation a { color: #BBB; } .dark #portfolio-navigation a:hover { color: #EEE; } .dark .entry { border-bottom-color: rgba(255,255,255,0.08); } .dark .entry-title h2 a, .dark .ipost .entry-title h3 a, .dark .ipost .entry-title h4 a { color: #EEE; } .dark .entry-title h2 a:hover, .dark .ipost .entry-title h3 a:hover, .dark .ipost .entry-title h4 a:hover { color: #BBB; } .dark .entry-meta li { border-left-color: rgba(255,255,255,0.08); color: #888; } .dark .entry-meta li a { color: #888; } .dark .entry-meta li a:hover { color: #CCC; } .dark .entry-link { background-color: rgba(0,0,0,0.2); } .dark .post-masonry-full .entry { border-color: rgba(255,255,255,0.08); } .dark .timeline-border { border-left-color: rgba(255,255,255,0.1); } .dark .post-timeline .entry-timeline { border-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.08); color: #AAA; } .dark .post-timeline .entry.entry-date-section span { border-color: rgba(255,255,255,0.1); background-color: #333; } .dark .post-timeline .entry-timeline div.timeline-divider { border-top-color: rgba(255,255,255,0.1); } .dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider { border-color: #1ABC9C; color: #1ABC9C; } .dark .spost, .dark .mpost { border-top-color: rgba(255,255,255,0.1); } .dark .spost .entry-image a i, .dark .mpost .entry-image a i { color: #CCC; background-color: rgba(0,0,0,0.2); } .dark .spost .entry-title h4 a, .dark .mpost .entry-title h4 a { color: #BBB; } .dark .spost .entry-title h4 a:hover, .dark .mpost .entry-title h4 a:hover { color: #999; } .dark .spost .entry-meta li, .dark .mpost .entry-meta li { border-left-color: #666; } .dark .spost .entry-meta li a, .dark .mpost .entry-meta li a, .dark .testimonial.twitter-scroll .testi-meta span a { color: #AAA; } .dark .spost .entry-meta li a:hover, .dark .mpost .entry-meta li a:hover, .dark .testimonial.twitter-scroll .testi-meta span a:hover { color: #888; } .dark #comments { border-top-color: rgba(255,255,255,0.08); } .dark .commentlist { border-bottom-color: rgba(255,255,255,0.08); } .dark .comment-wrap { border-color: rgba(255,255,255,0.08); } .dark .comment-avatar { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.1); } .dark .comment-content .comment-author { color: #CCC; } .dark .comment-content .comment-author a { color: #BBB; } .dark .comment-content .comment-author a:hover { color: #EEE; } .dark .review-comment-ratings { color: #CCC; } .dark .comment-reply-link:hover { color: #888; } .dark p.wp-caption-text { background-color: rgba(0,0,0,0.2); } .dark .product-title h3 a, .dark .single-product .product-title h2 a { color: #EEE; } .dark .product-title h3 a:hover, .dark .single-product .product-title h2 a:hover { color: #BBB; } .dark .product-price { color: #BBB; } .dark .product-overlay a { color: #EEE; background-color: rgba(0,0,0,0.8); border-right-color: rgba(255,255,255,0.15); } .dark .product-overlay a:last-child { border-right: 0; } .dark .product-overlay a:hover { background-color: rgba(0,0,0,0.9); } .dark .bothsidebar .product-1 .product { border-top-color: rgba(255,255,255,0.08); } .dark .quantity .qty { border-left-color: rgba(255,255,255,0.08); border-right-color: rgba(255,255,255,0.08); background-color: rgba(0,0,0,0.2); } .dark .quantity .plus, .dark .quantity .minus { background-color: rgba(0,0,0,0.2); } .dark .quantity .plus:hover, .dark .quantity .minus:hover { background-color: rgba(0,0,0,0.4); } .dark .product-meta { color: #888; } .dark .cart .remove { color: #BBB; } .dark .cart .remove:hover { color: #EEE; } .dark .cart th { color: #DDD; } .dark .cart td { border-color: rgba(255,255,255,0.08) !important; } .dark .cart-product-thumbnail img { border-color: rgba(0,0,0,0.2); } .dark .cart-product-thumbnail img:hover { border-color: #1ABC9C; } .dark .cart-product-name a, .dark .product-name a { color: #EEE; } .dark .cart-product-name a:hover, .dark .product-name a:hover { color: #BBB; } .dark td.actions { background-color: rgba(0,0,0,0.2); } .dark .events .entry, .dark .ievent { background-color: rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.1); } .dark .countdown-section { color: #DDD; border-left-color: rgba(255,255,255,0.2); } .dark .countdown-amount, .dark .rounded-skill { color: #EEE; } .dark .button-dark:not(.button-border), .dark .button:hover { background-color: rgba(0,0,0,0.3); } .dark .button-dark:hover { background-color: #1ABC9C; } .dark .button-light:not(.button-border):hover { background-color: #282828; } .dark .button.button-border:not(.button-light) { border-color: rgba(255,255,255,0.4); color: rgba(255,255,255,0.5); } .dark .button.button-border:not(.button-light):hover { color: #EEE; } .not-dark .button.button-border:not(.button-light) { border-color: #444; color: #333; } .not-dark .button.button-border:not(.button-light):hover { background-color: #444; color: #FFF; } .dark .promo > span, .dark .promo > .container > span { color: rgba(255,255,255,0.8); } .dark .promo.promo-border { border-color: rgba(255,255,255,0.08); } .dark .promo.promo-light { background-color: rgba(255,255,255,0.1); } .dark .promo.promo-dark:not(.promo-flat) { background-color: rgba(0,0,0,0.3); } .dark .feature-box h3 { color: #CCC; } .dark .feature-box p { color: #888; } .dark .feature-box.fbox-light.fbox-outline .fbox-icon { border-color: rgba(255,255,255,0.15); } .dark .feature-box.fbox-light .fbox-icon i, .dark .feature-box.fbox-light .fbox-icon img { border-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.1); color: #FFF; } .dark .feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: rgba(255,255,255,0.15); } .dark .feature-box.fbox-dark .fbox-icon i, .dark .feature-box.fbox-dark .fbox-icon img { background-color: rgba(255,255,255,0.1); } .dark .feature-box.fbox-border.fbox-light .fbox-icon, .dark .feature-box.fbox-border.fbox-dark .fbox-icon { border-color: rgba(255,255,255,0.15); } .dark .feature-box.fbox-border.fbox-light .fbox-icon i, .dark .feature-box.fbox-border.fbox-light .fbox-icon img, .dark .feature-box.fbox-border.fbox-dark .fbox-icon i, .dark .feature-box.fbox-border.fbox-dark .fbox-icon img, .dark .feature-box.fbox-plain.fbox-light .fbox-icon i, .dark .feature-box.fbox-plain.fbox-light .fbox-icon img, .dark .feature-box.fbox-plain.fbox-dark .fbox-icon i, .dark .feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #FFF; } .dark .feature-box h3 span.subtitle { color: #AAA; } .dark .feature-box.fbox-bg.fbox-center, .dark .feature-box.media-box.fbox-bg .fbox-desc { background-color: #383838; border-color: rgba(255,255,255,0.1); } .dark .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon, .dark .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .dark .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #383838 !important; } .dark .feature-box.fbox-bg.fbox-center.fbox-light .fbox-icon i { background-color: #444 !important; } .dark .fbox-effect .fbox-icon i:after { box-shadow: 0 0 0 2px #494949; } .dark .fbox-effect .fbox-icon i:hover, .dark .fbox-effect:hover .fbox-icon i { background-color: #494949; } .dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #1ABC9C; } .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #1ABC9C; } .dark .fbox-border.fbox-effect .fbox-icon i:hover, .dark .fbox-border.fbox-effect:hover .fbox-icon i { box-shadow: 0 0 0 1px #494949; } .dark .fbox-border.fbox-effect .fbox-icon i:after { background-color: #494949; } .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #1ABC9C; } .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #1ABC9C; } .dark .process-steps li .i-bordered { background-color: #494949; } .dark .process-steps li:before, .dark .process-steps li:after, .dark .feature-box.fbox-center:not(.fbox-bg) h3:after { border-top-color: rgba(255,255,255,0.15); } .dark .heading-block:not(.not-dark):after { border-top-color: rgba(255,255,255,0.4); } .dark .style-msg2 { border-left: 4px solid rgba(0,0,0,0.3); } .dark .style-msg .sb-msg, .dark .style-msg2 .msgtitle, .dark .style-msg2 .sb-msg { border-left-color: rgba(255,255,255,0.1); } .dark .i-rounded, .dark .i-circled, .dark .i-bordered { background-color: #494949; } .dark .i-bordered { border-color: #DDD; color: #DDD; } .dark .i-light { background-color: #F5F5F5; color: #444; text-shadow: none; } .dark .i-rounded:hover, .dark .i-circled:hover { background-color: #1ABC9C; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); box-shadow: 0 0 0 rgba(0,0,0,0.2); } .dark .i-bordered:hover { background-color: #444; color: #FFF; border-color: #444; } .dark .i-plain { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .dark .i-plain:hover { color: #DDD; } .dark .social-icon { color: #DDD !important; border-color: #DDD; } .dark #footer .social-icon.si-borderless, #footer.dark .social-icon.si-borderless { color: #555 !important; } .dark .si-dark { background-color: rgba(0,0,0,0.2); color: #DDD !important; border-color: transparent; } .dark .si-light { background-color: rgba(255,255,255,0.1); color: #EEE !important; border-color: transparent; } .dark .social-icon i:last-child { color: #FFF !important; } .dark .social-icon:hover { color: #FFF !important; border-color: transparent; } .dark .si-share { border-top-color: rgba(255,255,255,0.1); border-bottom-color: rgba(255,255,255,0.1); } .dark .toggle .togglet, .dark .toggle .toggleta { color: #CCC; } .dark .toggle.toggle-bg .togglet, .dark .toggle.toggle-bg .toggleta { background-color: rgba(0,0,0,0.2); } .dark .toggle.toggle-border { border-color: rgba(255,255,255,0.15); } .dark .faqs .toggle { border-bottom-color: rgba(255,255,255,0.1); } .dark .acctitle, .dark .acctitlec { color: #CCC; border-top-color: rgba(255,255,255,0.15); } .dark .accordion.accordion-bg .acctitle, .dark .accordion.accordion-bg .acctitlec { background-color: rgba(0,0,0,0.2); } .dark .accordion.accordion-border { border-color: rgba(255,255,255,0.1); } .dark .accordion.accordion-border .acctitle, .dark .accordion.accordion-border .acctitlec { border-color: rgba(255,255,255,0.15); } .dark ul.tab-nav { border-bottom-color: #494949; } .dark ul.tab-nav li, .dark .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a { border-color: #494949; } .dark ul.tab-nav li:first-child { border-left-color: #494949; } .dark ul.tab-nav li a { color: #DDD; background-color: rgba(0,0,0,0.15); } .dark .tabs.tabs-alt ul.tab-nav li a, .dark ul.tab-nav li.ui-tabs-active a { background-color: #383838; } .dark ul.tab-nav.tab-nav2 li a { background-color: rgba(0,0,0,0.2); } .dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #1ABC9C; } .dark .tabs-bordered .tab-container { border-color: #494949; } .dark .side-tabs ul.tab-nav { border-right-color: #494949; } .dark .side-tabs ul.tab-nav li { border-color: #494949; } .dark .side-tabs ul.tab-nav li:first-child { border-top-color: #494949; border-left-color: #494949; } .dark .tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a { border-right-color: #383838; } .dark .tabs-bordered.side-tabs .tab-container { border-top-color: #494949; } .dark .sidenav { background-color: rgba(0,0,0,0.2); } .dark .sidenav > li > a { border-color: #494949; color: #BBB; } .dark .sidenav > li > a:hover { background-color: rgba(0,0,0,0.3); } .dark .faqlist li a { color: #CCC; } .dark .clients-grid li:before, .dark .testimonials-grid li:before { border-left-color: rgba(255,255,255,0.15); } .dark .clients-grid li:after, .dark .testimonials-grid li:after { border-bottom-color: rgba(255,255,255,0.15); } .dark .testimonial { background-color: rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); } .dark .testimonial.twitter-scroll .testi-content p a { border-bottom: 1px dotted #AAA; } .dark .testimonial.twitter-scroll .testi-content p a:hover { border-bottom: 1px solid #888; } .dark .testimonial.twitter-scroll .testi-image i { background-color: rgba(0,0,0,0.2); color: #EEE; text-shadow: none; } .parallax.dark .testimonial .flex-control-nav { height: 8px; margin-top: 30px; } .parallax.dark .testimonial .flex-control-nav li { width: 8px; height: 8px; margin: 0 3px; } .parallax.dark .testimonial .flex-control-nav li a { width: 8px !important; height: 8px !important; border: 1px solid #FFF; background-color: transparent; } .parallax.dark .testimonial .flex-control-nav li:hover a, .parallax.dark .testimonial .flex-control-nav li a.flex-active { background-color: #FFF; } .dark .team-desc.team-desc-bg { background-color: rgba(255,255,255,0.05); } .dark .team-content { color: #999; } .dark .pricing-box { border-color: rgba(255,255,255,0.1); background-color: rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.1); } .dark .pricing-title { background-color: rgba(255,255,255,0.03); text-shadow: 1px 1px 1px rgba(0,0,0,0.15); border-bottom-color: rgba(255,255,255,0.1); } .dark .pricing-title h3 { color: #DDD; } .dark .pricing-price { color: #EEE; } .dark .pricing-price:after { border-top-color: rgba(255,255,255,0.1); } .dark .pricing-features { border-bottom-color: rgba(255,255,255,0.1); } .dark .pricing-box.best-price { background-color: transparent; box-shadow: 0 0 8px rgba(0,0,0,0.1); } .dark .pricing-box.best-price .pricing-title { background-color: transparent; } .dark .pricing-box.pricing-minimal .pricing-price { background-color: transparent; border-bottom-color: rgba(255,255,255,0.1); } .dark .pricing-box.pricing-extended { background-color: transparent; } .dark .pricing-box.pricing-extended .pricing-action-area { border-left-color: rgba(255,255,255,0.15); background-color: rgba(0,0,0,0.2); } .dark .pricing-box.pricing-extended .pricing-meta { color: #999; } .dark .counter.counter-lined + h5:before { border-color: #EEE; } .dark .rounded-skill { color: #EEE; } .dark .skills li { background-color: rgba(255,255,255,0.15); } .dark .skills li .progress-percent { background-color: #4E4E4E; } .dark .progress-percent:after, .dark .progress-percent:before { border-top-color: #4E4E4E; } .dark .skills li > span { font-weight: 600; color: #CCC; } .dark .owl-carousel.owl-loading { background-image: url('../images/preloader-dark.gif'); } .dark .owl-carousel .owl-nav [class*=owl-] { border-color: transparent; color: #EEE; background-color: rgba(0,0,0,0.5); } .dark label { color: #BBB; } .dark label.label-muted { color: #777; } .dark #contact-form-overlay, .dark #contact-form-overlay-mini { background-color: #383838; } .dark .title-block > span { color: #999; } .dark .heading-block:not(.not-dark), .dark .counter { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .dark .heading-block:not(.not-dark) h1, .dark .heading-block:not(.not-dark) h2, .dark .heading-block:not(.not-dark) h3, .dark .heading-block:not(.not-dark) h4, .dark .emphasis-title:not(.not-dark) h1, .dark .emphasis-title:not(.not-dark) h2 { color: #FFF; } .dark .heading-block.not-dark h1, .dark .heading-block.not-dark h2, .dark .heading-block.not-dark h3, .dark .heading-block.not-dark h4, .dark .emphasis-title.not-dark h1, .dark .emphasis-title.not-dark h2 { color: #333; } .dark .heading-block:not(.not-dark) > span { color: #EEE; } .dark .emphasis-title.not-dark { color: #444; } .dark .fancy-title h1, .dark .fancy-title h2, .dark .fancy-title h3, .dark .fancy-title h4, .dark .fancy-title h5, .dark .fancy-title h6 { background-color: #383838; } .dark .fancy-title.title-double-border:before, .dark .fancy-title.title-border:before, .dark .fancy-title.title-border-color:before, .dark .fancy-title.title-border:before { border-top-color: rgba(255,255,255,0.15); } .dark .divider { color: rgba(255,255,255,0.15); } .dark .divider:after, .dark .divider.divider-center:before, .dark .divider.divider-center.divider-short:before { border-top-color: rgba(255,255,255,0.1); } .dark .divider.divider-rounded, .dark .divider.divider-border { color: #999; } .dark .divider.divider-rounded i, .dark .divider.divider-border i { background-color: rgba(255,255,255,0.1); } .dark .divider.divider-border i { background-color: transparent; border-color: rgba(255,255,255,0.15); } .dark .quote:before { color: rgba(255,255,255,0.1); } .dark .highlight { background-color: rgba(0,0,0,0.2); } .dark .top-advert { border-left-color: rgba(255,255,255,0.1); border-right-color: rgba(255,255,255,0.1); } .dark .error404 { color: rgba(255,255,255,0.15); } .dark.error404-wrap .form-control::-webkit-input-placeholder { color: #888; } .dark.error404-wrap .form-control::-moz-placeholder { color: #888; } .dark.error404-wrap .form-control:-ms-input-placeholder { color: #888; } .dark .preloader { background-color: rgba(0,0,0,0.2); } .dark .preloader, .dark .preloader2, .dark .form-process { background-image: url('../images/preloader-dark.gif'); } .dark .form-process { background-color: transparent; } #footer.dark, .dark #footer { background-color: #333; color: #CCC; border-top-color: rgba(0,0,0,0.2); } .dark #copyrights { background-color: rgba(0,0,0,0.2); color: rgba(255,255,255,0.25); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .dark #copyrights i.footer-icon { color: rgba(255,255,255,0.3); } .dark .copyright-links a { color: rgba(255,255,255,0.25); border-bottom-color: rgba(255,255,255,0.25); } .dark .copyright-links a:hover { color: rgba(255,255,255,0.35); border-bottom-color: rgba(255,255,255,0.35); } .dark .footer-widgets-wrap a { color: #CCC; } .dark .footer-widgets-wrap a:hover { color: #999; } .dark .sidebar-widgets-wrap .widget, body.dark #side-panel .widget, body #side-panel.dark .widget { border-top-color: rgba(255,255,255,0.1); } body.dark #side-panel #side-panel-trigger-close a, body #side-panel.dark #side-panel-trigger-close a { background-color: rgba(0,0,0,0.2); color: #FFF; } .dark .widget h4 { color: #DDD; } .dark .widget p { opacity: 0.8; } .dark .tagcloud a { color: #999; border-color: transparent; background-color: rgba(0,0,0,0.2); } .dark .tagcloud a:hover { border-color: transparent !important; background-color: #1ABC9C; color: #FFF !important; } .dark .widget_recent_comments li { background-image: url("../images/icons/widget-comment-dark.png"); } .dark .widget_nav_menu li a, .dark .widget_links li a, .dark .widget_meta li a, .dark .widget_archive li a, .dark .widget_recent_comments li a, .dark .widget_recent_entries li a, .dark .widget_categories li a, .dark .widget_pages li a, .dark .widget_rss li a { color: #CCC; background-image: url("../images/icons/widget-link-dark.png"); } .dark .widget_nav_menu li a:hover, .dark .widget_links li a:hover, .dark .widget_meta li a:hover, .dark .widget_archive li a:hover, .dark .widget_recent_comments li a:hover, .dark .widget_recent_entries li a:hover, .dark .widget_categories li a:hover, .dark .widget_pages li a:hover, .dark .widget_rss li a:hover { color: #AAA; } .dark .nav-tree li a { color: #BBB; } .dark #cookie-notification, #cookie-notification.dark { background-color: rgba(0,0,0,0.85); color: #EEE; } /* Dark Scheme - Bootstrap -----------------------------------------------------------------*/ .dark .show-grid [class^=col-] { background-color: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); } .dark mark { background: rgba(0,0,0,0.5); color: #FFF; } .dark fieldset { border-color: rgba(255,255,255,0.1); } .dark .img-thumbnail { background-color: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.1); } .dark hr { border-top-color: rgba(255,255,255,0.1); } .dark .page-header { border-bottom-color: rgba(255,255,255,0.1); } .dark blockquote { border-left-color: rgba(255,255,255,0.2); } .dark .blockquote-reverse, .dark blockquote.pull-right { border-right-color: rgba(255,255,255,0.2); } .dark code { color: #DF6F72; background-color: rgba(0,0,0,0.3); } .dark kbd { background-color: rgba(255,255,255,0.1); } .dark pre { color: #FFF; background-color: rgba(0,0,0,0.3); border-color: rgba(255,255,255,0.15); } .dark .table > thead > tr > th, .dark .table > tbody > tr > th, .dark .table > tfoot > tr > th, .dark .table > thead > tr > td, .dark .table > tbody > tr > td, .dark .table > tfoot > tr > td { border-top-color: rgba(255,255,255,0.1); } .dark .table > thead > tr > th { border-bottom-color: rgba(255,255,255,0.1); } .dark .table > tbody + tbody { border-top-color: rgba(255,255,255,0.1); } .dark .table .table { background-color: rgba(0,0,0,0.2); } .dark .table-bordered { border-color: rgba(255,255,255,0.1); } .dark .table-bordered > thead > tr > th, .dark .table-bordered > tbody > tr > th, .dark .table-bordered > tfoot > tr > th, .dark .table-bordered > thead > tr > td, .dark .table-bordered > tbody > tr > td, .dark .table-bordered > tfoot > tr > td { border-color: rgba(255,255,255,0.1); } .dark .table-striped > tbody > tr:nth-child(odd) > td, .dark .table-striped > tbody > tr:nth-child(odd) > th, .table-striped > tbody > tr:nth-child(odd) { background-color: rgba(0,0,0,0.05); } .dark .table-hover > tbody > tr:hover > td, .dark .table-hover > tbody > tr:hover > th { background-color: rgba(0,0,0,0.1); } .dark .table > thead > tr > td.active, .dark .table > tbody > tr > td.active, .dark .table > tfoot > tr > td.active, .dark .table > thead > tr > th.active, .dark .table > tbody > tr > th.active, .dark .table > tfoot > tr > th.active, .dark .table > thead > tr.active > td, .dark .table > tbody > tr.active > td, .dark .table > tfoot > tr.active > td, .dark .table > thead > tr.active > th, .dark .table > tbody > tr.active > th, .dark .table > tfoot > tr.active > th { background-color: rgba(0,0,0,0.1); } .dark .table-hover > tbody > tr > td.active:hover, .dark .table-hover > tbody > tr > th.active:hover, .dark .table-hover > tbody > tr.active:hover > td, .dark .table-hover > tbody > tr.active:hover > th { background-color: rgba(255,255,255,0.1); } @media (max-width: 767px) { .table-responsive { border-color: rgba(255,255,255,0.1); } } .dark legend { color: #DDD; border-bottom-color: rgba(255,255,255,0.1); } .dark output { color: #999; } .dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark) { color: #999; background-color: rgba(0,0,0,0.2); border-color: rgba(0,0,0,0.25); } .dark .form-control:not(.not-dark) option, .dark .sm-form-control:not(.not-dark) option { background-color: #282828; } .dark .form-control:not(.not-dark):active, .dark .form-control:not(.not-dark):focus, .dark .sm-form-control:not(.not-dark):active, .dark .sm-form-control:not(.not-dark):focus { background-color: rgba(0,0,0,0.3); border-color: rgba(0,0,0,0.25) !important; } .dark .form-control:not(.not-dark)::-moz-placeholder { color: #666; } .dark .form-control:not(.not-dark):-ms-input-placeholder { color: #666; } .dark .form-control:not(.not-dark)::-webkit-input-placeholder { color: #666; } .dark .sm-form-control:not(.not-dark)::-moz-placeholder { color: #666; } .dark .sm-form-control:not(.not-dark):-ms-input-placeholder { color: #666; } .dark .sm-form-control:not(.not-dark)::-webkit-input-placeholder { color: #666; } .dark .form-control:not(.not-dark)[disabled], .dark .form-control:not(.not-dark)[readonly], .dark fieldset[disabled] .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark)[disabled], .dark .sm-form-control:not(.not-dark)[readonly], .dark fieldset[disabled] .sm-form-control:not(.not-dark) { background-color: rgba(255,255,255,0.1); } .dark .input-group .form-control.error:not(.not-dark) { color: #E42C3E; } .dark .sm-form-control.error:not(.not-dark) { border-color: #E42C3E !important; } .dark .form-control.error:not(.not-dark)::-moz-placeholder { color: rgba(228,44,62,0.6); } .dark .form-control.error:not(.not-dark):-ms-input-placeholder { color: rgba(228,44,62,0.6); } .dark .form-control.error:not(.not-dark)::-webkit-input-placeholder { color: rgba(228,44,62,0.6); } .dark .btn:hover, .dark .btn:focus { color: #FFF; } .dark .btn-link:hover, .dark .btn-link:focus { color: #EEE; } .dark .dropdown-menu { background-color: #333; border-color: #3F3F3F; } .dark .dropdown-menu .dropdown-divider { border-top-color: rgba(255,255,255,0.1); } .dark .dropdown-item { color: #DDD; } .dark .dropdown-item:hover, .dark .dropdown-item:focus { color: #EEE; background-color: rgba(255,255,255,0.1); } .dark .input-group-text, .dark .input-group-btn .btn-default { color: #999; background-color: rgba(0,0,0,0.35); border-color: rgba(0,0,0,0.25); } .dark .input-group-btn .btn-default { color: #FFF; } .dark .input-group-btn .btn-default:hover { background-color: rgba(0,0,0,0.30); } .dark .nav > li > a:hover, .dark .nav > li > a:focus, .dark .nav .open > a, .dark .nav .open > a:hover, .dark .nav .open > a:focus { background-color: rgba(0,0,0,0.2); } .dark .nav .nav-divider { background-color: rgba(255,255,255,0.1); } .dark .nav-tabs { border-bottom-color: rgba(255,255,255,0.15); } .dark .nav-tabs > li > a:hover { border-color: rgba(255,255,255,0.2); border-bottom: none; } .dark .nav-tabs.nav-justified > li > a:hover, .dark .nav-tabs-justified > li > a:hover { border-bottom: 1px solid rgba(255,255,255,0.2); } .dark .nav-tabs > li.active > a, .dark .nav-tabs > li.active > a:hover, .dark .nav-tabs > li.active > a:focus { color: #DDD; background-color: #383838; border: 1px solid rgba(255,255,255,0.2); border-bottom-color: #383838; } .dark .nav-tabs.nav-justified > .active > a, .dark .nav-tabs.nav-justified > .active > a:hover, .dark .nav-tabs.nav-justified > .active > a:focus { border-color: rgba(255,255,255,0.15); } @media (min-width: 768px) { .dark .nav-tabs.nav-justified > li > a { border-bottom-color: rgba(255,255,255,0.15); } .dark .nav-tabs.nav-justified > .active > a, .dark .nav-tabs.nav-justified > .active > a:hover, .dark .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #383838; } } .dark .nav-tabs-justified > .active > a, .dark .nav-tabs-justified > .active > a:hover, .dark .nav-tabs-justified > .active > a:focus { border-color: rgba(255,255,255,0.15); } @media (min-width: 768px) { .dark .nav-tabs-justified > li > a { border-bottom-color: rgba(255,255,255,0.15); } .dark .nav-tabs-justified > .active > a, .dark .nav-tabs-justified > .active > a:hover, .dark .nav-tabs-justified > .active > a:focus { border-bottom-color: #383838; } } .dark .navbar-default { background-color: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.1); } .dark .navbar-default .navbar-brand { color: #EEE; } .dark .navbar-default .navbar-brand:hover, .dark .navbar-default .navbar-brand:focus { color: #BBB; } .dark .navbar-default .navbar-text { color: #999; } .dark .navbar-default .navbar-nav > li > a { color: #BBB; } .dark .navbar-default .navbar-nav > li > a:hover, .dark .navbar-default .navbar-nav > li > a:focus { color: #EEE; background-color: transparent; } .dark .navbar-default .navbar-nav > .active > a, .dark .navbar-default .navbar-nav > .active > a:hover, .dark .navbar-default .navbar-nav > .active > a:focus { color: #EEE; background-color: rgba(0,0,0,0.25); } .dark .navbar-default .navbar-nav > .disabled > a, .dark .navbar-default .navbar-nav > .disabled > a:hover, .dark .navbar-default .navbar-nav > .disabled > a:focus { color: #999; } .dark .navbar-default .navbar-toggle { border-color: rgba(255,255,255,0.15); } .dark .navbar-default .navbar-toggle:hover, .dark .navbar-default .navbar-toggle:focus { background-color: rgba(255,255,255,0.15); } .dark .navbar-default .navbar-toggle .icon-bar { background-color: #BBB; } .dark .navbar-default .navbar-collapse, .dark .navbar-default .navbar-form { border-color: rgba(255,255,255,0.15); } .dark .navbar-default .navbar-nav > .open > a, .dark .navbar-default .navbar-nav > .open > a:hover, .dark .navbar-default .navbar-nav > .open > a:focus { background-color: rgba(0,0,0,0.25); color: #EEE; } @media (max-width: 767px) { .dark .navbar-default .navbar-nav .open .dropdown-item { color: #BBB; } .dark .navbar-default .navbar-nav .open .dropdown-item:hover, .dark .navbar-default .navbar-nav .open .dropdown-item:focus { color: #EEE; } .dark .navbar-default .navbar-nav .open .dropdown-item.active, .dark .navbar-default .navbar-nav .open .dropdown-item.active:hover, .dark .navbar-default .navbar-nav .open .dropdown-item.active:focus { background-color: rgba(0,0,0,0.25); color: #EEE; } .dark .navbar-default .navbar-nav .open .dropdown-item.disabled, .dark .navbar-default .navbar-nav .open .dropdown-item.disabled:hover, .dark .navbar-default .navbar-nav .open .dropdown-item.disabled:focus { color: #999; } } .dark .navbar-default .navbar-link { color: #BBB; } .dark .navbar-default .navbar-link:hover { color: #EEE; } .dark .page-link { color: #BBB; background-color: rgba(255,255,255,0.1); border-color: #666; } .dark .page-link:hover, .dark .page-link:focus { color: #EEE; background-color: rgba(0,0,0,0.1); } .dark .disabled .page-link, .dark .disabled .page-link:hover, .dark .disabled .page-link:focus { color: #999; background-color: rgba(255,255,255,0.2); border-color: #777; } .dark .label-default { background-color: rgba(255,255,255,0.2); } .dark .label-default[href]:hover, .dark .label-default[href]:focus { background-color: rgba(0,0,0,0.2); } .dark .badge { background-color: rgba(255,255,255,0.2); } .dark .jumbotron { background-color: rgba(255,255,255,0.15); } .dark .thumbnail { background-color: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.1); } .dark .thumbnail .caption { color: #EEE; } .dark .progress { background-color: rgba(255,255,255,0.15); } .dark .list-group-item { background-color: rgba(0,0,0,0.2); border-color: #444; } .dark a.list-group-item { color: #BBB; } .dark a.list-group-item .list-group-item-heading { color: #DDD; } .dark a.list-group-item:hover, .dark a.list-group-item:focus { background-color: rgba(255,255,255,0.05); } .dark a.list-group-item.active, .dark a.list-group-item.active:hover, .dark a.list-group-item.active:focus { color: #ffffff; background-color: #428bca; border-color: #428bca; } .dark .list-group-item-success { color: #3c763d; background-color: #dff0d8; } .dark a.list-group-item-success { color: #3c763d; } .dark a.list-group-item-success:hover, .dark a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } .dark a.list-group-item-success.active, .dark a.list-group-item-success.active:hover, .dark a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .dark .list-group-item-info { color: #31708f; background-color: #d9edf7; } .dark a.list-group-item-info { color: #31708f; } .dark a.list-group-item-info:hover, .dark a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } .dark a.list-group-item-info.active, .dark a.list-group-item-info.active:hover, .dark a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .dark .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } .dark a.list-group-item-warning { color: #8a6d3b; } .dark a.list-group-item-warning:hover, .dark a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } .dark a.list-group-item-warning.active, .dark a.list-group-item-warning.active:hover, .dark a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .dark .list-group-item-danger { color: #a94442; background-color: #f2dede; } .dark a.list-group-item-danger { color: #a94442; } .dark a.list-group-item-danger:hover, .dark a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } .dark a.list-group-item-danger.active, .dark a.list-group-item-danger.active:hover, .dark a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .dark .card { background-color: rgba(0,0,0,0.2); } .dark .card-footer { background-color: rgba(255,255,255,0.1); border-top-color: rgba(255,255,255,0.1); } .dark .card > .card-body + .table, .dark .card > .card-body + .table-responsive { border-top-color: rgba(255,255,255,0.1); } .dark .card-group .card-heading + .collapse .card-body { border-top-color: rgba(255,255,255,0.1); } .dark .card-group .card-footer + .collapse .card-body { border-bottom-color: rgba(255,255,255,0.1); } .dark .card-default { border-color: rgba(255,255,255,0.15); } .dark .card-default > .card-heading { color: #DDD; background-color: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.1); } .dark .card-default > .card-heading + .collapse .card-body { border-top-color: rgba(255,255,255,0.15); } .dark .card-default > .card-footer + .collapse .card-body { border-bottom-color: rgba(255,255,255,0.15); } .dark .close { opacity: 1; color: rgba(0,0,0,0.15); text-shadow: 0 1px 0 rgba(0,0,0,0.2); } .dark .close:hover, .dark .close:focus { color: rgba(0,0,0,0.4); } .dark .modal-content { border-color: #555; } .dark .modal-header { border-bottom-color: rgba(255,255,255,0.15); } .dark .modal-footer { border-top-color: rgba(255,255,255,0.15); } .dark .popover { background-color: #282828; border-color: #494949; } .dark .popover-title { background-color: rgba(255,255,255,0.1); border-bottom-color: rgba(255,255,255,0.075); } .dark .popover.top > .arrow { border-top-color: #494949; } .dark .popover.top > .arrow:after { border-top-color: #282828; } .dark .popover.right > .arrow { border-right-color: #494949; } .dark .popover.right > .arrow:after { border-right-color: #282828; } .dark .popover.bottom > .arrow { border-bottom-color: #494949; } .dark .popover.bottom > .arrow:after { border-bottom-color: #282828; } .dark .popover.left > .arrow { border-left-color: #494949; } .dark .popover.left > .arrow:after { border-left-color: #282828; } @media (max-width: 991px) { .dark .postcontent, .dark .postcontent.bothsidebar, .dark .sidebar { border-bottom-color: rgba(255,255,255,0.1); } .dark #header.transparent-header, .dark #header.semi-transparent, #header.dark.transparent-header, #header.dark.semi-transparent { background-color: #333; border-bottom-color: rgba(255,255,255,0.1); } .dark #primary-menu.mobile-menu-off-canvas:not(.not-dark) > ul, .dark #primary-menu.mobile-menu-off-canvas:not(.not-dark) > div > ul, #primary-menu.mobile-menu-off-canvas.dark > ul, #primary-menu.mobile-menu-off-canvas.dark > div > ul { background-color: #333; border-right: 1px solid rgba(255,255,255,0.05) !important; } .dark #primary-menu.mobile-menu-off-canvas.from-right:not(.not-dark) > ul, .dark #primary-menu.mobile-menu-off-canvas.from-right:not(.not-dark) > div > ul, #primary-menu.mobile-menu-off-canvas.from-right.dark > ul, #primary-menu.mobile-menu-off-canvas.from-right.dark > div > ul { border-right: 0 !important; border-left: 1px solid rgba(255,255,255,0.05) !important; } .dark #primary-menu:not(.not-dark) ul li, .dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, .dark #primary-menu:not(.not-dark) ul ul li, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-2 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-3 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-4 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.grid-5 > ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 li { border-top-color: rgba(255,255,255,0.1) !important; } .dark #primary-menu:not(.not-dark) > ul > li.sub-menu > a, .dark #primary-menu:not(.not-dark) > .container > ul > li.sub-menu > a { background-image: url("../images/icons/submenu-dark.png"); } body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content ul ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-2 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-3 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-4 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.grid-5 > ul, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li { border-top-color: #EEE !important; } body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #1ABC9C !important; } body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a { color: #444 !important; } .dark .pricing-box.pricing-extended .pricing-action-area { border-top-color: rgba(255,255,255,0.15); } } @font-face { font-family: 'font-icons'; src:url('fonts/font-icons.eot'); src:url('fonts/font-icons.eot') format('embedded-opentype'), url('fonts/font-icons.woff') format('woff'), url('fonts/font-icons.ttf') format('truetype'), url('fonts/font-icons.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lined-icons'; src:url('fonts/lined-icons.eot'); src:url('fonts/lined-icons.eot') format('embedded-opentype'), url('fonts/lined-icons.woff') format('woff'), url('fonts/lined-icons.ttf') format('truetype'), url('fonts/lined-icons.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Simple-Line-Icons'; src:url('fonts/Simple-Line-Icons.eot'); src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('fonts/Simple-Line-Icons.woff') format('woff'), url('fonts/Simple-Line-Icons.ttf') format('truetype'), url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"], [class^="icon-line-"], [class*=" icon-line-"], [class^="icon-line2-"], [class*=" icon-line2-"], .side-header #primary-menu ul > li.sub-menu > a:after { display: inline-block; font-family: 'font-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-line-"], [class*=" icon-line-"] { font-family: 'lined-icons'; } [class^="icon-line2-"], [class*=" icon-line2-"] { font-family: 'Simple-Line-Icons'; } .icon-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; } .icon-2x { font-size: 2em; } .icon-3x { font-size: 3em; } .icon-4x { font-size: 4em; } .icon-5x { font-size: 5em; } .icon-fw { width: 1.2857142857142858em; text-align: center; } .iconlist { padding-left: 0; margin-left: 1.75em; list-style-type: none; } .iconlist li { position: relative; } .iconlist ul { list-style-type: none; margin: 5px 0 5px 25px; } .iconlist > li [class^="icon-"]:first-child, .iconlist > li [class*=" icon-"]:first-child { position: absolute; left: -1.75em; width: 1.75em; text-align: center; top: 1px; width: 14px; } .iconlist.iconlist-large { font-size: 16px; } .iconlist.iconlist-large li { margin: 4px 0; } .iconlist.iconlist-large > li [class^="icon-"], .iconlist.iconlist-large > li [class*=" icon-"] { width: 16px; margin-right: 5px; } .iconlist-color li i { color: #1ABC9C; } .icon-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .icon.pull-left { margin-right: .3em; } .icon.pull-right { margin-left: .3em; } .icon-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .icon-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .icon-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .icon-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .icon-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .icon-stacked { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .icon-stacked-1x, .icon-stacked-2x { position: absolute; left: 0; width: 100%; text-align: center; } .icon-stacked-1x { line-height: inherit; } .icon-stacked-2x { font-size: 2em; } .icon-inverse { color: #ffffff; } .icon-type:before { content: "\e600"; } .icon-box:before { content: "\e601"; } .icon-archive:before { content: "\e602"; } .icon-envelope:before { content: "\e603"; } .icon-email:before { content: "\e604"; } .icon-files:before { content: "\e605"; } .icon-printer2:before { content: "\e606"; } .icon-folder-add:before { content: "\e607"; } .icon-folder-settings:before { content: "\e608"; } .icon-folder-check:before { content: "\e609"; } .icon-wifi-low:before { content: "\e60a"; } .icon-wifi-mid:before { content: "\e60b"; } .icon-wifi-full:before { content: "\e60c"; } .icon-connection-empty:before { content: "\e60d"; } .icon-battery-full:before { content: "\e60e"; } .icon-settings:before { content: "\e60f"; } .icon-arrow-left:before { content: "\e610"; } .icon-arrow-up:before { content: "\e611"; } .icon-arrow-down:before { content: "\e612"; } .icon-arrow-right:before { content: "\e613"; } .icon-reload:before { content: "\e614"; } .icon-download:before { content: "\e615"; } .icon-tag:before { content: "\e616"; } .icon-trashcan:before { content: "\e617"; } .icon-search:before { content: "\e618"; } .icon-zoom-in:before { content: "\e619"; } .icon-zoom-out:before { content: "\e61a"; } .icon-chat:before { content: "\e61b"; } .icon-clock:before { content: "\e61c"; } .icon-printer:before { content: "\e61d"; } .icon-home:before { content: "\e61e"; } .icon-flag:before { content: "\e61f"; } .icon-meter:before { content: "\e620"; } .icon-switch:before { content: "\e621"; } .icon-forbidden:before { content: "\e622"; } .icon-phone-landscape:before { content: "\e623"; } .icon-tablet:before { content: "\e624"; } .icon-tablet-landscape:before { content: "\e625"; } .icon-laptop:before { content: "\e626"; } .icon-camera:before { content: "\e627"; } .icon-microwave-oven:before { content: "\e628"; } .icon-credit-cards:before { content: "\e629"; } .icon-map-marker:before { content: "\e62a"; } .icon-map:before { content: "\e62b"; } .icon-support:before { content: "\e62c"; } .icon-newspaper2:before { content: "\e62d"; } .icon-barbell:before { content: "\e62e"; } .icon-stopwatch:before { content: "\e62f"; } .icon-atom:before { content: "\e630"; } .icon-image:before { content: "\e631"; } .icon-cube:before { content: "\e632"; } .icon-bars:before { content: "\e633"; } .icon-chart:before { content: "\e634"; } .icon-pencil:before { content: "\e635"; } .icon-measure:before { content: "\e636"; } .icon-eyedropper:before { content: "\e637"; } .icon-file-settings:before { content: "\e638"; } .icon-file-add:before { content: "\e639"; } .icon-file:before { content: "\e63a"; } .icon-align-left:before { content: "\e63b"; } .icon-align-right:before { content: "\e63c"; } .icon-align-center:before { content: "\e63d"; } .icon-align-justify:before { content: "\e63e"; } .icon-file-broken:before { content: "\e63f"; } .icon-browser:before { content: "\e640"; } .icon-windows:before { content: "\e641"; } .icon-window:before { content: "\e642"; } .icon-folder:before { content: "\e643"; } .icon-connection-25:before { content: "\e644"; } .icon-connection-50:before { content: "\e645"; } .icon-connection-75:before { content: "\e646"; } .icon-connection-full:before { content: "\e647"; } .icon-list:before { content: "\e648"; } .icon-grid:before { content: "\e649"; } .icon-stack3:before { content: "\e64a"; } .icon-battery-charging:before { content: "\e64b"; } .icon-battery-empty:before { content: "\e64c"; } .icon-battery-25:before { content: "\e64d"; } .icon-battery-50:before { content: "\e64e"; } .icon-battery-75:before { content: "\e64f"; } .icon-refresh:before { content: "\e650"; } .icon-volume:before { content: "\e651"; } .icon-volume-increase:before { content: "\e652"; } .icon-volume-decrease:before { content: "\e653"; } .icon-mute:before { content: "\e654"; } .icon-microphone:before { content: "\e655"; } .icon-microphone-off:before { content: "\e656"; } .icon-book:before { content: "\e657"; } .icon-checkmark:before { content: "\e658"; } .icon-checkbox-checked:before { content: "\e659"; } .icon-checkbox:before { content: "\e65a"; } .icon-paperclip:before { content: "\e65b"; } .icon-chat-1:before { content: "\e65c"; } .icon-chat-2:before { content: "\e65d"; } .icon-chat-3:before { content: "\e65e"; } .icon-comment:before { content: "\e65f"; } .icon-calendar:before { content: "\e660"; } .icon-bookmark:before { content: "\e661"; } .icon-email2:before { content: "\e662"; } .icon-heart:before { content: "\e663"; } .icon-enter:before { content: "\e664"; } .icon-cloud:before { content: "\e665"; } .icon-book2:before { content: "\e666"; } .icon-star:before { content: "\e667"; } .icon-lock:before { content: "\e668"; } .icon-unlocked:before { content: "\e669"; } .icon-unlocked2:before { content: "\e66a"; } .icon-users:before { content: "\e66b"; } .icon-user:before { content: "\e66c"; } .icon-users2:before { content: "\e66d"; } .icon-user2:before { content: "\e66e"; } .icon-bullhorn:before { content: "\e66f"; } .icon-share:before { content: "\e670"; } .icon-screen:before { content: "\e671"; } .icon-phone:before { content: "\e672"; } .icon-phone-portrait:before { content: "\e673"; } .icon-calculator:before { content: "\e674"; } .icon-bag:before { content: "\e675"; } .icon-diamond:before { content: "\e676"; } .icon-drink:before { content: "\e677"; } .icon-shorts:before { content: "\e678"; } .icon-vcard:before { content: "\e679"; } .icon-sun:before { content: "\e67a"; } .icon-bill:before { content: "\e67b"; } .icon-coffee:before { content: "\e67c"; } .icon-tv2:before { content: "\e67d"; } .icon-newspaper:before { content: "\e67e"; } .icon-stack:before { content: "\e67f"; } .icon-syringe:before { content: "\e680"; } .icon-health:before { content: "\e681"; } .icon-bolt:before { content: "\e682"; } .icon-pill:before { content: "\e683"; } .icon-bones:before { content: "\e684"; } .icon-lab:before { content: "\e685"; } .icon-clipboard:before { content: "\e686"; } .icon-mug:before { content: "\e687"; } .icon-bucket:before { content: "\e688"; } .icon-select:before { content: "\e689"; } .icon-graph:before { content: "\e68a"; } .icon-crop:before { content: "\e68b"; } .icon-heart2:before { content: "\e68c"; } .icon-cloud2:before { content: "\e68d"; } .icon-star2:before { content: "\e68e"; } .icon-pen:before { content: "\e68f"; } .icon-diamond2:before { content: "\e690"; } .icon-display:before { content: "\e691"; } .icon-paperplane:before { content: "\e692"; } .icon-params:before { content: "\e693"; } .icon-banknote:before { content: "\e694"; } .icon-vynil:before { content: "\e695"; } .icon-truck:before { content: "\e696"; } .icon-world:before { content: "\e697"; } .icon-tv:before { content: "\e698"; } .icon-sound:before { content: "\e699"; } .icon-video:before { content: "\e69a"; } .icon-trash:before { content: "\e69b"; } .icon-user3:before { content: "\e69c"; } .icon-key:before { content: "\e69d"; } .icon-search2:before { content: "\e69e"; } .icon-settings2:before { content: "\e69f"; } .icon-camera2:before { content: "\e6a0"; } .icon-tag2:before { content: "\e6a1"; } .icon-lock2:before { content: "\e6a2"; } .icon-bulb:before { content: "\e6a3"; } .icon-location:before { content: "\e6a4"; } .icon-eye:before { content: "\e6a5"; } .icon-bubble:before { content: "\e6a6"; } .icon-stack2:before { content: "\e6a7"; } .icon-cup:before { content: "\e6a8"; } .icon-phone2:before { content: "\e6a9"; } .icon-news:before { content: "\e6aa"; } .icon-mail:before { content: "\e6ab"; } .icon-like:before { content: "\e6ac"; } .icon-photo:before { content: "\e6ad"; } .icon-note:before { content: "\e6ae"; } .icon-clock2:before { content: "\e6af"; } .icon-data:before { content: "\e6b0"; } .icon-music:before { content: "\e6b1"; } .icon-megaphone:before { content: "\e6b2"; } .icon-study:before { content: "\e6b3"; } .icon-lab2:before { content: "\e6b4"; } .icon-food:before { content: "\e6b5"; } .icon-t-shirt:before { content: "\e6b6"; } .icon-fire:before { content: "\e6b7"; } .icon-clip:before { content: "\e6b8"; } .icon-shop:before { content: "\e6b9"; } .icon-calendar2:before { content: "\e6ba"; } .icon-wallet:before { content: "\e6bb"; } .icon-duckduckgo:before { content: "\e830"; } .icon-lkdto:before { content: "\e896"; } .icon-delicious:before { content: "\e832"; } .icon-paypal:before { content: "\e833"; } .icon-flattr:before { content: "\e834"; } .icon-android:before { content: "\e835"; } .icon-eventful:before { content: "\e836"; } .icon-smashmag:before { content: "\e837"; } .icon-gplus:before { content: "\e838"; } .icon-wikipedia:before { content: "\e839"; } .icon-lanyrd:before { content: "\e83a"; } .icon-calendar-1:before { content: "\e83b"; } .icon-stumbleupon:before { content: "\e83c"; } .icon-bitcoin:before { content: "\e83f"; } .icon-w3c:before { content: "\e840"; } .icon-foursquare:before { content: "\e841"; } .icon-html5:before { content: "\e842"; } .icon-ie:before { content: "\e843"; } .icon-call:before { content: "\e844"; } .icon-grooveshark:before { content: "\e845"; } .icon-ninetyninedesigns:before { content: "\e846"; } .icon-forrst:before { content: "\e847"; } .icon-digg:before { content: "\e848"; } .icon-spotify:before { content: "\e849"; } .icon-reddit:before { content: "\e84a"; } .icon-guest:before { content: "\e84b"; } .icon-blogger:before { content: "\e84e"; } .icon-cc:before { content: "\e84f"; } .icon-dribbble:before { content: "\e850"; } .icon-evernote:before { content: "\e851"; } .icon-flickr:before { content: "\e852"; } .icon-google:before { content: "\e853"; } .icon-viadeo:before { content: "\e854"; } .icon-instapaper:before { content: "\e855"; } .icon-weibo:before { content: "\e856"; } .icon-klout:before { content: "\e857"; } .icon-linkedin:before { content: "\e858"; } .icon-meetup:before { content: "\e859"; } .icon-vk:before { content: "\e85a"; } .icon-rss:before { content: "\e85d"; } .icon-skype:before { content: "\e85e"; } .icon-twitter:before { content: "\e85f"; } .icon-youtube:before { content: "\e860"; } .icon-vimeo:before { content: "\e861"; } .icon-windows2:before { content: "\e862"; } .icon-aim:before { content: "\e831"; } .icon-yahoo:before { content: "\e864"; } .icon-chrome:before { content: "\e865"; } .icon-email3:before { content: "\e866"; } .icon-macstore:before { content: "\e867"; } .icon-myspace:before { content: "\e868"; } .icon-podcast:before { content: "\e869"; } .icon-cloudapp:before { content: "\e86c"; } .icon-dropbox:before { content: "\e86d"; } .icon-ebay:before { content: "\e86e"; } .icon-facebook:before { content: "\e86f"; } .icon-github:before { content: "\e870"; } .icon-github-circled:before { content: "\e871"; } .icon-googleplay:before { content: "\e872"; } .icon-itunes:before { content: "\e873"; } .icon-plurk:before { content: "\e874"; } .icon-songkick:before { content: "\e875"; } .icon-lastfm:before { content: "\e876"; } .icon-gmail:before { content: "\e877"; } .icon-pinboard:before { content: "\e878"; } .icon-soundcloud:before { content: "\e87b"; } .icon-tumblr:before { content: "\e87c"; } .icon-eventasaurus:before { content: "\e87d"; } .icon-wordpress:before { content: "\e87e"; } .icon-yelp:before { content: "\e87f"; } .icon-intensedebate:before { content: "\e880"; } .icon-eventbrite:before { content: "\e881"; } .icon-scribd:before { content: "\e882"; } .icon-posterous:before { content: "\e883"; } .icon-stripe:before { content: "\e884"; } .icon-opentable:before { content: "\e885"; } .icon-cart:before { content: "\e886"; } .icon-print:before { content: "\e887"; } .icon-dwolla:before { content: "\e88a"; } .icon-appnet:before { content: "\e88b"; } .icon-statusnet:before { content: "\e88c"; } .icon-acrobat:before { content: "\e88d"; } .icon-drupal:before { content: "\e88e"; } .icon-buffer:before { content: "\e88f"; } .icon-pocket:before { content: "\e890"; } .icon-bitbucket:before { content: "\e891"; } .icon-lego:before { content: "\e892"; } .icon-login:before { content: "\e893"; } .icon-stackoverflow:before { content: "\e894"; } .icon-hackernews:before { content: "\e895"; } .icon-xing:before { content: "\e863"; } .icon-instagram:before { content: "\e889"; } .icon-angellist:before { content: "\e888"; } .icon-quora:before { content: "\e87a"; } .icon-openid:before { content: "\e879"; } .icon-steam:before { content: "\e86b"; } .icon-amazon:before { content: "\e86a"; } .icon-disqus:before { content: "\e85c"; } .icon-plancast:before { content: "\e85b"; } .icon-appstore:before { content: "\e84d"; } .icon-gowalla:before { content: "\e84c"; } .icon-pinterest:before { content: "\e83e"; } .icon-fivehundredpx:before { content: "\e83d"; } .icon-glass:before { content: "\e6bc"; } .icon-music2:before { content: "\e6bd"; } .icon-search3:before { content: "\e6be"; } .icon-envelope2:before { content: "\e6bf"; } .icon-heart3:before { content: "\e6c0"; } .icon-star3:before { content: "\e6c1"; } .icon-star-empty:before { content: "\e6c2"; } .icon-user4:before { content: "\e6c3"; } .icon-film:before { content: "\e6c4"; } .icon-th-large:before { content: "\e6c5"; } .icon-th:before { content: "\e6c6"; } .icon-th-list:before { content: "\e6c7"; } .icon-ok:before { content: "\e6c8"; } .icon-remove:before { content: "\e6c9"; } .icon-zoom-in2:before { content: "\e6ca"; } .icon-zoom-out2:before { content: "\e6cb"; } .icon-off:before { content: "\e6cc"; } .icon-signal:before { content: "\e6cd"; } .icon-cog:before { content: "\e6ce"; } .icon-trash2:before { content: "\e6cf"; } .icon-home2:before { content: "\e6d0"; } .icon-file2:before { content: "\e6d1"; } .icon-time:before { content: "\e6d2"; } .icon-road:before { content: "\e6d3"; } .icon-download-alt:before { content: "\e6d4"; } .icon-download2:before { content: "\e6d5"; } .icon-upload:before { content: "\e6d6"; } .icon-inbox:before { content: "\e6d7"; } .icon-play-circle:before { content: "\e6d8"; } .icon-repeat:before { content: "\e6d9"; } .icon-refresh2:before { content: "\e6da"; } .icon-list-alt:before { content: "\e6db"; } .icon-lock3:before { content: "\e6dc"; } .icon-flag2:before { content: "\e6dd"; } .icon-headphones:before { content: "\e6de"; } .icon-volume-off:before { content: "\e6df"; } .icon-volume-down:before { content: "\e6e0"; } .icon-volume-up:before { content: "\e6e1"; } .icon-qrcode:before { content: "\e6e2"; } .icon-barcode:before { content: "\e6e3"; } .icon-tag3:before { content: "\e6e4"; } .icon-tags:before { content: "\e6e5"; } .icon-book3:before { content: "\e6e6"; } .icon-bookmark2:before { content: "\e6e7"; } .icon-print2:before { content: "\e6e8"; } .icon-camera3:before { content: "\e6e9"; } .icon-font:before { content: "\e6ea"; } .icon-bold:before { content: "\e6eb"; } .icon-italic:before { content: "\e6ec"; } .icon-text-height:before { content: "\e6ed"; } .icon-text-width:before { content: "\e6ee"; } .icon-align-left2:before { content: "\e6ef"; } .icon-align-center2:before { content: "\e6f0"; } .icon-align-right2:before { content: "\e6f1"; } .icon-align-justify2:before { content: "\e6f2"; } .icon-list2:before { content: "\e6f3"; } .icon-indent-left:before { content: "\e6f4"; } .icon-indent-right:before { content: "\e6f5"; } .icon-facetime-video:before { content: "\e6f6"; } .icon-picture:before { content: "\e6f7"; } .icon-pencil2:before { content: "\e6f8"; } .icon-map-marker2:before { content: "\e6f9"; } .icon-adjust:before { content: "\e6fa"; } .icon-tint:before { content: "\e6fb"; } .icon-edit:before { content: "\e6fc"; } .icon-share2:before { content: "\e6fd"; } .icon-check:before { content: "\e6fe"; } .icon-move:before { content: "\e6ff"; } .icon-step-backward:before { content: "\e700"; } .icon-fast-backward:before { content: "\e701"; } .icon-backward:before { content: "\e702"; } .icon-play:before { content: "\e703"; } .icon-pause:before { content: "\e704"; } .icon-stop:before { content: "\e705"; } .icon-forward:before { content: "\e706"; } .icon-fast-forward:before { content: "\e707"; } .icon-step-forward:before { content: "\e708"; } .icon-eject:before { content: "\e709"; } .icon-chevron-left:before { content: "\e70a"; } .icon-chevron-right:before { content: "\e70b"; } .icon-plus-sign:before { content: "\e70c"; } .icon-minus-sign:before { content: "\e70d"; } .icon-remove-sign:before { content: "\e70e"; } .icon-ok-sign:before { content: "\e70f"; } .icon-question-sign:before { content: "\e710"; } .icon-info-sign:before { content: "\e711"; } .icon-screenshot:before { content: "\e712"; } .icon-remove-circle:before { content: "\e713"; } .icon-ok-circle:before { content: "\e714"; } .icon-ban-circle:before { content: "\e715"; } .icon-arrow-left2:before { content: "\e716"; } .icon-arrow-right2:before { content: "\e717"; } .icon-arrow-up2:before { content: "\e718"; } .icon-arrow-down2:before { content: "\e719"; } .icon-share-alt:before { content: "\e71a"; } .icon-resize-full:before { content: "\e71b"; } .icon-resize-small:before { content: "\e71c"; } .icon-plus:before { content: "\e71d"; } .icon-minus:before { content: "\e71e"; } .icon-asterisk:before { content: "\e71f"; } .icon-exclamation-sign:before { content: "\e720"; } .icon-gift:before { content: "\e721"; } .icon-leaf:before { content: "\e722"; } .icon-fire2:before { content: "\e723"; } .icon-eye-open:before { content: "\e724"; } .icon-eye-close:before { content: "\e725"; } .icon-warning-sign:before { content: "\e726"; } .icon-plane:before { content: "\e727"; } .icon-calendar3:before { content: "\e728"; } .icon-random:before { content: "\e729"; } .icon-comment2:before { content: "\e72a"; } .icon-magnet:before { content: "\e72b"; } .icon-chevron-up:before { content: "\e72c"; } .icon-chevron-down:before { content: "\e72d"; } .icon-retweet:before { content: "\e72e"; } .icon-shopping-cart:before { content: "\e72f"; } .icon-folder-close:before { content: "\e730"; } .icon-folder-open:before { content: "\e731"; } .icon-resize-vertical:before { content: "\e732"; } .icon-resize-horizontal:before { content: "\e733"; } .icon-bar-chart:before { content: "\e734"; } .icon-twitter-sign:before { content: "\e735"; } .icon-facebook-sign:before { content: "\e736"; } .icon-camera-retro:before { content: "\e737"; } .icon-key2:before { content: "\e738"; } .icon-cogs:before { content: "\e739"; } .icon-comments:before { content: "\e73a"; } .icon-thumbs-up:before { content: "\e73b"; } .icon-thumbs-down:before { content: "\e73c"; } .icon-star-half:before { content: "\e73d"; } .icon-heart-empty:before { content: "\e73e"; } .icon-signout:before { content: "\e73f"; } .icon-linkedin-sign:before { content: "\e740"; } .icon-pushpin:before { content: "\e741"; } .icon-external-link:before { content: "\e742"; } .icon-signin:before { content: "\e743"; } .icon-trophy:before { content: "\e744"; } .icon-github-sign:before { content: "\e745"; } .icon-upload-alt:before { content: "\e746"; } .icon-lemon:before { content: "\e747"; } .icon-phone3:before { content: "\e748"; } .icon-check-empty:before { content: "\e749"; } .icon-bookmark-empty:before { content: "\e74a"; } .icon-phone-sign:before { content: "\e74b"; } .icon-twitter2:before { content: "\e74c"; } .icon-facebook2:before { content: "\e74d"; } .icon-github2:before { content: "\e74e"; } .icon-unlock:before { content: "\e74f"; } .icon-credit:before { content: "\e750"; } .icon-rss2:before { content: "\e751"; } .icon-hdd:before { content: "\e752"; } .icon-bullhorn2:before { content: "\e753"; } .icon-bell:before { content: "\e754"; } .icon-certificate:before { content: "\e755"; } .icon-hand-right:before { content: "\e756"; } .icon-hand-left:before { content: "\e757"; } .icon-hand-up:before { content: "\e758"; } .icon-hand-down:before { content: "\e759"; } .icon-circle-arrow-left:before { content: "\e75a"; } .icon-circle-arrow-right:before { content: "\e75b"; } .icon-circle-arrow-up:before { content: "\e75c"; } .icon-circle-arrow-down:before { content: "\e75d"; } .icon-globe:before { content: "\e75e"; } .icon-wrench:before { content: "\e75f"; } .icon-tasks:before { content: "\e760"; } .icon-filter:before { content: "\e761"; } .icon-briefcase:before { content: "\e762"; } .icon-fullscreen:before { content: "\e763"; } .icon-group:before { content: "\e764"; } .icon-link:before { content: "\e765"; } .icon-cloud3:before { content: "\e766"; } .icon-beaker:before { content: "\e767"; } .icon-cut:before { content: "\e768"; } .icon-copy:before { content: "\e769"; } .icon-paper-clip:before { content: "\e76a"; } .icon-save:before { content: "\e76b"; } .icon-sign-blank:before { content: "\e76c"; } .icon-reorder:before { content: "\e76d"; } .icon-list-ul:before { content: "\e76e"; } .icon-list-ol:before { content: "\e76f"; } .icon-strikethrough:before { content: "\e770"; } .icon-underline:before { content: "\e771"; } .icon-table:before { content: "\e772"; } .icon-magic:before { content: "\e773"; } .icon-truck2:before { content: "\e774"; } .icon-pinterest2:before { content: "\e775"; } .icon-pinterest-sign:before { content: "\e776"; } .icon-google-plus-sign:before { content: "\e777"; } .icon-google-plus:before { content: "\e778"; } .icon-money:before { content: "\e779"; } .icon-caret-down:before { content: "\e77a"; } .icon-caret-up:before { content: "\e77b"; } .icon-caret-left:before { content: "\e77c"; } .icon-caret-right:before { content: "\e77d"; } .icon-columns:before { content: "\e77e"; } .icon-sort:before { content: "\e77f"; } .icon-sort-down:before { content: "\e780"; } .icon-sort-up:before { content: "\e781"; } .icon-envelope-alt:before { content: "\e782"; } .icon-linkedin2:before { content: "\e783"; } .icon-undo:before { content: "\e784"; } .icon-legal:before { content: "\e785"; } .icon-dashboard:before { content: "\e786"; } .icon-comment-alt:before { content: "\e787"; } .icon-comments-alt:before { content: "\e788"; } .icon-bolt2:before { content: "\e789"; } .icon-sitemap:before { content: "\e78a"; } .icon-umbrella:before { content: "\e78b"; } .icon-paste:before { content: "\e78c"; } .icon-lightbulb:before { content: "\e78d"; } .icon-exchange:before { content: "\e78e"; } .icon-cloud-download:before { content: "\e78f"; } .icon-cloud-upload:before { content: "\e790"; } .icon-user-md:before { content: "\e791"; } .icon-stethoscope:before { content: "\e792"; } .icon-suitcase:before { content: "\e793"; } .icon-bell-alt:before { content: "\e794"; } .icon-coffee2:before { content: "\e795"; } .icon-food2:before { content: "\e796"; } .icon-file-alt:before { content: "\e797"; } .icon-building:before { content: "\e798"; } .icon-hospital:before { content: "\e799"; } .icon-ambulance:before { content: "\e79a"; } .icon-medkit:before { content: "\e79b"; } .icon-fighter-jet:before { content: "\e79c"; } .icon-beer:before { content: "\e79d"; } .icon-h-sign:before { content: "\e79e"; } .icon-plus-sign2:before { content: "\e79f"; } .icon-double-angle-left:before { content: "\e7a0"; } .icon-double-angle-right:before { content: "\e7a1"; } .icon-double-angle-up:before { content: "\e7a2"; } .icon-double-angle-down:before { content: "\e7a3"; } .icon-angle-left:before { content: "\e7a4"; } .icon-angle-right:before { content: "\e7a5"; } .icon-angle-up:before { content: "\e7a6"; } .icon-angle-down:before { content: "\e7a7"; } .icon-desktop:before { content: "\e7a8"; } .icon-laptop2:before { content: "\e7a9"; } .icon-tablet2:before { content: "\e7aa"; } .icon-mobile:before { content: "\e7ab"; } .icon-circle-blank:before { content: "\e7ac"; } .icon-quote-left:before { content: "\e7ad"; } .icon-quote-right:before { content: "\e7ae"; } .icon-spinner:before { content: "\e7af"; } .icon-circle:before { content: "\e7b0"; } .icon-reply:before { content: "\e7b1"; } .icon-github-alt:before { content: "\e7b2"; } .icon-folder-close-alt:before { content: "\e7b3"; } .icon-folder-open-alt:before { content: "\e7b4"; } .icon-expand-alt:before { content: "\e7b5"; } .icon-collapse-alt:before { content: "\e7b6"; } .icon-smile:before { content: "\e7b7"; } .icon-frown:before { content: "\e7b8"; } .icon-meh:before { content: "\e7b9"; } .icon-gamepad:before { content: "\e7ba"; } .icon-keyboard:before { content: "\e7bb"; } .icon-flag-alt:before { content: "\e7bc"; } .icon-flag-checkered:before { content: "\e7bd"; } .icon-terminal:before { content: "\e7be"; } .icon-code:before { content: "\e7bf"; } .icon-reply-all:before { content: "\e7c0"; } .icon-star-half-full:before { content: "\e7c1"; } .icon-location-arrow:before { content: "\e7c2"; } .icon-crop2:before { content: "\e7c3"; } .icon-code-fork:before { content: "\e7c4"; } .icon-unlink:before { content: "\e7c5"; } .icon-question:before { content: "\e7c6"; } .icon-info:before { content: "\e7c7"; } .icon-exclamation:before { content: "\e7c8"; } .icon-superscript:before { content: "\e7c9"; } .icon-subscript:before { content: "\e7ca"; } .icon-eraser:before { content: "\e7cb"; } .icon-puzzle:before { content: "\e7cc"; } .icon-microphone2:before { content: "\e7cd"; } .icon-microphone-off2:before { content: "\e7ce"; } .icon-shield:before { content: "\e7cf"; } .icon-calendar-empty:before { content: "\e7d0"; } .icon-fire-extinguisher:before { content: "\e7d1"; } .icon-rocket:before { content: "\e7d2"; } .icon-maxcdn:before { content: "\e7d3"; } .icon-chevron-sign-left:before { content: "\e7d4"; } .icon-chevron-sign-right:before { content: "\e7d5"; } .icon-chevron-sign-up:before { content: "\e7d6"; } .icon-chevron-sign-down:before { content: "\e7d7"; } .icon-html52:before { content: "\e7d8"; } .icon-css3:before { content: "\e7d9"; } .icon-anchor:before { content: "\e7da"; } .icon-unlock-alt:before { content: "\e7db"; } .icon-bullseye:before { content: "\e7dc"; } .icon-ellipsis-horizontal:before { content: "\e7dd"; } .icon-ellipsis-vertical:before { content: "\e7de"; } .icon-rss-sign:before { content: "\e7df"; } .icon-play-sign:before { content: "\e7e0"; } .icon-ticket:before { content: "\e7e1"; } .icon-minus-sign-alt:before { content: "\e7e2"; } .icon-check-minus:before { content: "\e7e3"; } .icon-level-up:before { content: "\e7e4"; } .icon-level-down:before { content: "\e7e5"; } .icon-check-sign:before { content: "\e7e6"; } .icon-edit-sign:before { content: "\e7e7"; } .icon-external-link-sign:before { content: "\e7e8"; } .icon-share-sign:before { content: "\e7e9"; } .icon-compass:before { content: "\e7ea"; } .icon-collapse:before { content: "\e7eb"; } .icon-collapse-top:before { content: "\e7ec"; } .icon-expand:before { content: "\e7ed"; } .icon-euro:before { content: "\e7ee"; } .icon-gbp:before { content: "\e7ef"; } .icon-dollar:before { content: "\e7f0"; } .icon-rupee:before { content: "\e7f1"; } .icon-yen:before { content: "\e7f2"; } .icon-renminbi:before { content: "\e7f3"; } .icon-won:before { content: "\e7f4"; } .icon-bitcoin2:before { content: "\e7f5"; } .icon-file3:before { content: "\e7f6"; } .icon-file-text:before { content: "\e7f7"; } .icon-sort-by-alphabet:before { content: "\e7f8"; } .icon-sort-by-alphabet-alt:before { content: "\e7f9"; } .icon-sort-by-attributes:before { content: "\e7fa"; } .icon-sort-by-attributes-alt:before { content: "\e7fb"; } .icon-sort-by-order:before { content: "\e7fc"; } .icon-sort-by-order-alt:before { content: "\e7fd"; } .icon-thumbs-up2:before { content: "\e7fe"; } .icon-thumbs-down2:before { content: "\e7ff"; } .icon-youtube-sign:before { content: "\e800"; } .icon-youtube2:before { content: "\e801"; } .icon-xing2:before { content: "\e802"; } .icon-xing-sign:before { content: "\e803"; } .icon-youtube-play:before { content: "\e804"; } .icon-dropbox2:before { content: "\e805"; } .icon-stackexchange:before { content: "\e806"; } .icon-instagram2:before { content: "\e807"; } .icon-flickr2:before { content: "\e808"; } .icon-adn:before { content: "\e809"; } .icon-bitbucket2:before { content: "\e80a"; } .icon-bitbucket-sign:before { content: "\e80b"; } .icon-tumblr2:before { content: "\e80c"; } .icon-tumblr-sign:before { content: "\e80d"; } .icon-long-arrow-down:before { content: "\e80e"; } .icon-long-arrow-up:before { content: "\e80f"; } .icon-long-arrow-left:before { content: "\e810"; } .icon-long-arrow-right:before { content: "\e811"; } .icon-apple:before { content: "\e812"; } .icon-windows3:before { content: "\e813"; } .icon-android2:before { content: "\e814"; } .icon-linux:before { content: "\e815"; } .icon-dribbble2:before { content: "\e816"; } .icon-skype2:before { content: "\e817"; } .icon-foursquare2:before { content: "\e818"; } .icon-trello:before { content: "\e819"; } .icon-female:before { content: "\e81a"; } .icon-male:before { content: "\e81b"; } .icon-gittip:before { content: "\e81c"; } .icon-sun2:before { content: "\e81d"; } .icon-moon:before { content: "\e81e"; } .icon-archive2:before { content: "\e81f"; } .icon-bug:before { content: "\e820"; } .icon-renren:before { content: "\e821"; } .icon-weibo2:before { content: "\e822"; } .icon-vk2:before { content: "\e823"; } .icon-line-eye:before { content: "\e000"; } .icon-line-paper-clip:before { content: "\e001"; } .icon-line-mail:before { content: "\e002"; } .icon-line-toggle:before { content: "\e003"; } .icon-line-layout:before { content: "\e004"; } .icon-line-link:before { content: "\e005"; } .icon-line-bell:before { content: "\e006"; } .icon-line-lock:before { content: "\e007"; } .icon-line-unlock:before { content: "\e008"; } .icon-line-ribbon:before { content: "\e009"; } .icon-line-image:before { content: "\e010"; } .icon-line-signal:before { content: "\e011"; } .icon-line-target:before { content: "\e012"; } .icon-line-clipboard:before { content: "\e013"; } .icon-line-clock:before { content: "\e014"; } .icon-line-watch:before { content: "\e015"; } .icon-line-air-play:before { content: "\e016"; } .icon-line-camera:before { content: "\e017"; } .icon-line-video:before { content: "\e018"; } .icon-line-disc:before { content: "\e019"; } .icon-line-printer:before { content: "\e020"; } .icon-line-monitor:before { content: "\e021"; } .icon-line-server:before { content: "\e022"; } .icon-line-cog:before { content: "\e023"; } .icon-line-heart:before { content: "\e024"; } .icon-line-paragraph:before { content: "\e025"; } .icon-line-align-justify:before { content: "\e026"; } .icon-line-align-left:before { content: "\e027"; } .icon-line-align-center:before { content: "\e028"; } .icon-line-align-right:before { content: "\e029"; } .icon-line-book:before { content: "\e030"; } .icon-line-layers:before { content: "\e031"; } .icon-line-stack:before { content: "\e032"; } .icon-line-stack-2:before { content: "\e033"; } .icon-line-paper:before { content: "\e034"; } .icon-line-paper-stack:before { content: "\e035"; } .icon-line-search:before { content: "\e036"; } .icon-line-zoom-in:before { content: "\e037"; } .icon-line-zoom-out:before { content: "\e038"; } .icon-line-reply:before { content: "\e039"; } .icon-line-circle-plus:before { content: "\e040"; } .icon-line-circle-minus:before { content: "\e041"; } .icon-line-circle-check:before { content: "\e042"; } .icon-line-circle-cross:before { content: "\e043"; } .icon-line-square-plus:before { content: "\e044"; } .icon-line-square-minus:before { content: "\e045"; } .icon-line-square-check:before { content: "\e046"; } .icon-line-square-cross:before { content: "\e047"; } .icon-line-microphone:before { content: "\e048"; } .icon-line-record:before { content: "\e049"; } .icon-line-skip-back:before { content: "\e050"; } .icon-line-rewind:before { content: "\e051"; } .icon-line-play:before { content: "\e052"; } .icon-line-pause:before { content: "\e053"; } .icon-line-stop:before { content: "\e054"; } .icon-line-fast-forward:before { content: "\e055"; } .icon-line-skip-forward:before { content: "\e056"; } .icon-line-shuffle:before { content: "\e057"; } .icon-line-repeat:before { content: "\e058"; } .icon-line-folder:before { content: "\e059"; } .icon-line-umbrella:before { content: "\e060"; } .icon-line-moon:before { content: "\e061"; } .icon-line-thermometer:before { content: "\e062"; } .icon-line-drop:before { content: "\e063"; } .icon-line-sun:before { content: "\e064"; } .icon-line-cloud:before { content: "\e065"; } .icon-line-cloud-upload:before { content: "\e066"; } .icon-line-cloud-download:before { content: "\e067"; } .icon-line-upload:before { content: "\e068"; } .icon-line-download:before { content: "\e069"; } .icon-line-location:before { content: "\e070"; } .icon-line-location-2:before { content: "\e071"; } .icon-line-map:before { content: "\e072"; } .icon-line-battery:before { content: "\e073"; } .icon-line-head:before { content: "\e074"; } .icon-line-briefcase:before { content: "\e075"; } .icon-line-speech-bubble:before { content: "\e076"; } .icon-line-anchor:before { content: "\e077"; } .icon-line-globe:before { content: "\e078"; } .icon-line-box:before { content: "\e079"; } .icon-line-reload:before { content: "\e080"; } .icon-line-share:before { content: "\e081"; } .icon-line-marquee:before { content: "\e082"; } .icon-line-marquee-plus:before { content: "\e083"; } .icon-line-marquee-minus:before { content: "\e084"; } .icon-line-tag:before { content: "\e085"; } .icon-line-power:before { content: "\e086"; } .icon-line-command:before { content: "\e087"; } .icon-line-alt:before { content: "\e088"; } .icon-line-esc:before { content: "\e089"; } .icon-line-bar-graph:before { content: "\e090"; } .icon-line-bar-graph-2:before { content: "\e091"; } .icon-line-pie-graph:before { content: "\e092"; } .icon-line-star:before { content: "\e093"; } .icon-line-arrow-left:before { content: "\e094"; } .icon-line-arrow-right:before { content: "\e095"; } .icon-line-arrow-up:before { content: "\e096"; } .icon-line-arrow-down:before { content: "\e097"; } .icon-line-volume:before { content: "\e098"; } .icon-line-mute:before { content: "\e099"; } .icon-line-content-right:before { content: "\e100"; } .icon-line-content-left:before { content: "\e101"; } .icon-line-grid:before { content: "\e102"; } .icon-line-grid-2:before { content: "\e103"; } .icon-line-columns:before { content: "\e104"; } .icon-line-loader:before { content: "\e105"; } .icon-line-bag:before { content: "\e106"; } .icon-line-ban:before { content: "\e107"; } .icon-line-flag:before { content: "\e108"; } .icon-line-trash:before { content: "\e109"; } .icon-line-expand:before { content: "\e110"; } .icon-line-contract:before { content: "\e111"; } .icon-line-maximize:before { content: "\e112"; } .icon-line-minimize:before { content: "\e113"; } .icon-line-plus:before { content: "\e114"; } .icon-line-minus:before { content: "\e115"; } .icon-line-check:before { content: "\e116"; } .icon-line-cross:before { content: "\e117"; } .icon-line-move:before { content: "\e118"; } .icon-line-delete:before { content: "\e119"; } .icon-line-menu:before { content: "\e120"; } .icon-line-archive:before { content: "\e121"; } .icon-line-inbox:before { content: "\e122"; } .icon-line-outbox:before { content: "\e123"; } .icon-line-file:before { content: "\e124"; } .icon-line-file-add:before { content: "\e125"; } .icon-line-file-subtract:before { content: "\e126"; } .icon-line-help:before { content: "\e127"; } .icon-line-open:before { content: "\e128"; } .icon-line-ellipsis:before { content: "\e129"; } .icon-line2-user-female:before { content: "\e000"; } .icon-line2-user-follow:before { content: "\e002"; } .icon-line2-user-following:before { content: "\e003"; } .icon-line2-user-unfollow:before { content: "\e004"; } .icon-line2-trophy:before { content: "\e006"; } .icon-line2-screen-smartphone:before { content: "\e010"; } .icon-line2-screen-desktop:before { content: "\e011"; } .icon-line2-plane:before { content: "\e012"; } .icon-line2-notebook:before { content: "\e013"; } .icon-line2-moustache:before { content: "\e014"; } .icon-line2-mouse:before { content: "\e015"; } .icon-line2-magnet:before { content: "\e016"; } .icon-line2-energy:before { content: "\e020"; } .icon-line2-emoticon-smile:before { content: "\e021"; } .icon-line2-disc:before { content: "\e022"; } .icon-line2-cursor-move:before { content: "\e023"; } .icon-line2-crop:before { content: "\e024"; } .icon-line2-credit-card:before { content: "\e025"; } .icon-line2-chemistry:before { content: "\e026"; } .icon-line2-user:before { content: "\e005"; } .icon-line2-speedometer:before { content: "\e007"; } .icon-line2-social-youtube:before { content: "\e008"; } .icon-line2-social-twitter:before { content: "\e009"; } .icon-line2-social-tumblr:before { content: "\e00a"; } .icon-line2-social-facebook:before { content: "\e00b"; } .icon-line2-social-dropbox:before { content: "\e00c"; } .icon-line2-social-dribbble:before { content: "\e00d"; } .icon-line2-shield:before { content: "\e00e"; } .icon-line2-screen-tablet:before { content: "\e00f"; } .icon-line2-magic-wand:before { content: "\e017"; } .icon-line2-hourglass:before { content: "\e018"; } .icon-line2-graduation:before { content: "\e019"; } .icon-line2-ghost:before { content: "\e01a"; } .icon-line2-game-controller:before { content: "\e01b"; } .icon-line2-fire:before { content: "\e01c"; } .icon-line2-eyeglasses:before { content: "\e01d"; } .icon-line2-envelope-open:before { content: "\e01e"; } .icon-line2-envelope-letter:before { content: "\e01f"; } .icon-line2-bell:before { content: "\e027"; } .icon-line2-badge:before { content: "\e028"; } .icon-line2-anchor:before { content: "\e029"; } .icon-line2-wallet:before { content: "\e02a"; } .icon-line2-vector:before { content: "\e02b"; } .icon-line2-speech:before { content: "\e02c"; } .icon-line2-puzzle:before { content: "\e02d"; } .icon-line2-printer:before { content: "\e02e"; } .icon-line2-present:before { content: "\e02f"; } .icon-line2-playlist:before { content: "\e030"; } .icon-line2-pin:before { content: "\e031"; } .icon-line2-picture:before { content: "\e032"; } .icon-line2-map:before { content: "\e033"; } .icon-line2-layers:before { content: "\e034"; } .icon-line2-handbag:before { content: "\e035"; } .icon-line2-globe-alt:before { content: "\e036"; } .icon-line2-globe:before { content: "\e037"; } .icon-line2-frame:before { content: "\e038"; } .icon-line2-folder-alt:before { content: "\e039"; } .icon-line2-film:before { content: "\e03a"; } .icon-line2-feed:before { content: "\e03b"; } .icon-line2-earphones-alt:before { content: "\e03c"; } .icon-line2-earphones:before { content: "\e03d"; } .icon-line2-drop:before { content: "\e03e"; } .icon-line2-drawer:before { content: "\e03f"; } .icon-line2-docs:before { content: "\e040"; } .icon-line2-directions:before { content: "\e041"; } .icon-line2-direction:before { content: "\e042"; } .icon-line2-diamond:before { content: "\e043"; } .icon-line2-cup:before { content: "\e044"; } .icon-line2-compass:before { content: "\e045"; } .icon-line2-call-out:before { content: "\e046"; } .icon-line2-call-in:before { content: "\e047"; } .icon-line2-call-end:before { content: "\e048"; } .icon-line2-calculator:before { content: "\e049"; } .icon-line2-bubbles:before { content: "\e04a"; } .icon-line2-briefcase:before { content: "\e04b"; } .icon-line2-book-open:before { content: "\e04c"; } .icon-line2-basket-loaded:before { content: "\e04d"; } .icon-line2-basket:before { content: "\e04e"; } .icon-line2-bag:before { content: "\e04f"; } .icon-line2-action-undo:before { content: "\e050"; } .icon-line2-action-redo:before { content: "\e051"; } .icon-line2-wrench:before { content: "\e052"; } .icon-line2-umbrella:before { content: "\e053"; } .icon-line2-trash:before { content: "\e054"; } .icon-line2-tag:before { content: "\e055"; } .icon-line2-support:before { content: "\e056"; } .icon-line2-size-fullscreen:before { content: "\e057"; } .icon-line2-size-actual:before { content: "\e058"; } .icon-line2-shuffle:before { content: "\e059"; } .icon-line2-share-alt:before { content: "\e05a"; } .icon-line2-share:before { content: "\e05b"; } .icon-line2-rocket:before { content: "\e05c"; } .icon-line2-question:before { content: "\e05d"; } .icon-line2-pie-chart:before { content: "\e05e"; } .icon-line2-pencil:before { content: "\e05f"; } .icon-line2-note:before { content: "\e060"; } .icon-line2-music-tone-alt:before { content: "\e061"; } .icon-line2-music-tone:before { content: "\e062"; } .icon-line2-microphone:before { content: "\e063"; } .icon-line2-loop:before { content: "\e064"; } .icon-line2-logout:before { content: "\e065"; } .icon-line2-login:before { content: "\e066"; } .icon-line2-list:before { content: "\e067"; } .icon-line2-like:before { content: "\e068"; } .icon-line2-home:before { content: "\e069"; } .icon-line2-grid:before { content: "\e06a"; } .icon-line2-graph:before { content: "\e06b"; } .icon-line2-equalizer:before { content: "\e06c"; } .icon-line2-dislike:before { content: "\e06d"; } .icon-line2-cursor:before { content: "\e06e"; } .icon-line2-control-start:before { content: "\e06f"; } .icon-line2-control-rewind:before { content: "\e070"; } .icon-line2-control-play:before { content: "\e071"; } .icon-line2-control-pause:before { content: "\e072"; } .icon-line2-control-forward:before { content: "\e073"; } .icon-line2-control-end:before { content: "\e074"; } .icon-line2-calendar:before { content: "\e075"; } .icon-line2-bulb:before { content: "\e076"; } .icon-line2-bar-chart:before { content: "\e077"; } .icon-line2-arrow-up:before { content: "\e078"; } .icon-line2-arrow-right:before { content: "\e079"; } .icon-line2-arrow-left:before { content: "\e07a"; } .icon-line2-arrow-down:before { content: "\e07b"; } .icon-line2-ban:before { content: "\e07c"; } .icon-line2-bubble:before { content: "\e07d"; } .icon-line2-camcorder:before { content: "\e07e"; } .icon-line2-camera:before { content: "\e07f"; } .icon-line2-check:before { content: "\e080"; } .icon-line2-clock:before { content: "\e081"; } .icon-line2-close:before { content: "\e082"; } .icon-line2-cloud-download:before { content: "\e083"; } .icon-line2-cloud-upload:before { content: "\e084"; } .icon-line2-doc:before { content: "\e085"; } .icon-line2-envelope:before { content: "\e086"; } .icon-line2-eye:before { content: "\e087"; } .icon-line2-flag:before { content: "\e088"; } .icon-line2-folder:before { content: "\e089"; } .icon-line2-heart:before { content: "\e08a"; } .icon-line2-info:before { content: "\e08b"; } .icon-line2-key:before { content: "\e08c"; } .icon-line2-link:before { content: "\e08d"; } .icon-line2-lock:before { content: "\e08e"; } .icon-line2-lock-open:before { content: "\e08f"; } .icon-line2-magnifier:before { content: "\e090"; } .icon-line2-magnifier-add:before { content: "\e091"; } .icon-line2-magnifier-remove:before { content: "\e092"; } .icon-line2-paper-clip:before { content: "\e093"; } .icon-line2-paper-plane:before { content: "\e094"; } .icon-line2-plus:before { content: "\e095"; } .icon-line2-pointer:before { content: "\e096"; } .icon-line2-power:before { content: "\e097"; } .icon-line2-refresh:before { content: "\e098"; } .icon-line2-reload:before { content: "\e099"; } .icon-line2-settings:before { content: "\e09a"; } .icon-line2-star:before { content: "\e09b"; } .icon-line2-symbol-female:before { content: "\e09c"; } .icon-line2-symbol-male:before { content: "\e09d"; } .icon-line2-target:before { content: "\e09e"; } .icon-line2-volume-1:before { content: "\e09f"; } .icon-line2-volume-2:before { content: "\e0a0"; } .icon-line2-volume-off:before { content: "\e0a1"; } .icon-line2-users:before { content: "\e001"; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .not-animated { opacity: 0; } .animated { opacity: 1; animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .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; padding: 0 8px; 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-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .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%; left: 50%; width: 24px; height: 24px; background: url('../images/preloader-dark.gif') center center no-repeat; text-align: center; margin-top: -12px; margin-left: -12px; z-index: 1044; text-indent: -9999px; } .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; box-shadow: none; touch-action: manipulation; } 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; 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; } .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; 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; } .mfp-arrow:before, .mfp-arrow:after { 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 { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { 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%; background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; 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; 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; } } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/* ---------------------------------------------------------------- Responsive CSS -----------------------------------------------------------------*/ @media (max-width: 1199px) { canvas { max-width: 100%; height: auto !important; } .promo h3 { font-size: 20px; } .promo > span, .promo > .container > span { font-size: 15px; } .promo-uppercase h3 { font-size: 19px; } .promo-uppercase > span, .promo-uppercase > .container > span { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px) { #wrapper { width: 1000px; } #header.transparent-header.floating-header .container { width: 1030px; padding: 0 30px; } #header.transparent-header.floating-header.sticky-header .container { width: 970px; padding: 0 15px; } #primary-menu.sub-title ul > li > a { padding-left: 15px; padding-right: 15px; } #primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content { width: 940px; } .floating-header #primary-menu ul li.mega-menu .mega-menu-content { width: 1030px; } .team.team-list .team-image { width: 200px; } .testi-image, .testi-image a, .testi-image img, .testi-image i { display: block; width: 36px; height: 36px; } .testi-image i { line-height: 36px; font-size: 20px; } /* ---------------------------------------------------------------- Portfolio -----------------------------------------------------------------*/ /* Portfolio - Sidebar -----------------------------------------------------------------*/ .bothsidebar .portfolio-item { width: 50%; } /* Portfolio - Both Sidebars - Items - 2 Columns -----------------------------------------------------------------*/ .bothsidebar .portfolio.portfolio-3 { margin: 0 -20px -20px 0; } .bothsidebar .portfolio-3 .portfolio-item { padding: 0 20px 20px 0; } /* Portfolio - Items - 1 Column -----------------------------------------------------------------*/ .bothsidebar .portfolio-shuffle, .postcontent .portfolio-1 .iconlist { display: none; } /* Blog - Small -----------------------------------------------------------------*/ .postcontent .small-thumbs .entry-image { width: 200px; } .bothsidebar .small-thumbs .entry-image { width: 120px; } .post-timeline .entry { width: 400px !important; } .post-timeline .entry.entry-date-section { width: 100% !important; } /* Blog - Medium Post List -----------------------------------------------------------------*/ .mpost .entry-image, .mpost .entry-image a, .mpost .entry-image img, .mpost .entry-image i { width: 120px; height: 90px; } .mpost .entry-image a i { line-height: 90px; } .col_one_third .landing-wide-form .heading-block h2 { font-size: 32px; } .col_one_third .landing-wide-form .heading-block span { font-size: 17px; } .col_one_third .landing-wide-form { padding: 36px 30px; } /* Shop - 1 Column - Both Sidebar -----------------------------------------------------------------*/ .bothsidebar .product-1 .product-image { width: 200px; height: 267px; } .product-title h3 { font-size: 18px; } .landing-video { width: 465px; height: 262px; margin: 19px 0 0 75px; } .panel .portfolio-meta li { padding-left: 22px; } .panel .portfolio-meta li span { display: block; margin-left: -21px; } .portfolio-single-image-full.portfolio-single-thumbs, .portfolio-single-image-full .swiper-container { height: 400px; } .bnews-slider { width: 817px; } .landing-form-overlay { bottom: -142px; } } @media (max-width: 991px) { #wrapper { width: 100%; margin: 0; box-shadow: none; } #header.full-header .container, .container-fullwidth { padding: 0 15px !important; margin: 0 auto; width: 750px !important; } .container.vertical-middle { width: 100% !important; } .vertical-middle + .video-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .postcontent, .postcontent.bothsidebar, .sidebar { width: 100%; margin-right: 0; float: none !important; margin-bottom: 40px !important; padding-bottom: 40px; border-bottom: 1px solid #EEE; } .sidebar.col_last { float: none; margin-bottom: 0 !important; padding-bottom: 0; border-bottom: 0; } #header, #header-wrap, #header.sticky-style-2, #header.sticky-style-3, #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap { height: auto !important; } #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap { min-height: 60px; } #header.sticky-header #header-wrap { position: relative; } #header.transparent-header, #header.semi-transparent { background: #FFF; border-bottom: 1px solid #F5F5F5; z-index: auto; } #header.dark.transparent-header, #header.dark.semi-transparent { background-color: #333; border-bottom: 1px solid rgba(0,0,0,0.1); } #header.transparent-header.floating-header { margin-top: 0; } #header.transparent-header.floating-header .container { width: 750px; padding: 0 15px; border-radius: 0; } #header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #slider + #header.transparent-header, #header.transparent-header.floating-header + #slider, #header.transparent-header + #google-map { top: 0; margin-bottom: 0; } .slider-parallax .slider-parallax-inner { position: relative; } #header.transparent-header + #page-title.page-title-parallax .container { padding-top: 0; } #header-trigger, .top-advert, .header-extras { display: none; } #logo { display: block; height: 100px; float: none; margin: 0 auto 0 !important; max-width: none; text-align: center; border: 0 !important; padding: 0 !important; } #logo a.standard-logo { display: inline-block; } #primary-menu { display: block; float: none; } #primary-menu-trigger { opacity: 1; pointer-events: auto; top: 25px; margin-top: 0; left: 0; z-index: 1; } #primary-menu .container #primary-menu-trigger { top: 5px; left: 0; } #primary-menu > ul, #primary-menu > div > ul { display: none; float: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; -webkit-transition: none; -o-transition: none; transition: none; } #primary-menu > div > ul { padding-top: 60px !important; } body:not(.top-search-open) #primary-menu-trigger { opacity: 1; -webkit-transition: opacity .2s .2s ease, top .4s ease; -o-transition: opacity .2s .2s ease, top .4s ease; transition: opacity .2s .2s ease, top .4s ease; } body.top-search-open #primary-menu-trigger { opacity: 0; } body.side-push-panel #side-panel-trigger-close a { display: block; position: absolute; z-index: 12; top: 0; left: auto; right: 0; width: 40px; height: 40px; font-size: 18px; line-height: 40px; color: #444; text-align: center; background-color: rgba(0,0,0,0.1); border-radius: 0 0 0 2px; } #primary-menu.style-5 > ul { padding-right: 0; margin-right: 0; border-right: 0; } #primary-menu ul li { float: none; margin: 0 !important; text-align: left !important; border-top: 1px solid #EEE; } #header.split-menu #primary-menu:not(.mobile-menu-off-canvas) > ul:not(:first-child) > li:first-child { border-top: 1px solid #EEE; } #primary-menu ul li:first-child { border-top: 0; } #primary-menu ul > li > a, #primary-menu.style-2 > div > ul > li > a { padding: 14px 5px !important; border: none !important; margin: 0 !important; } #primary-menu.style-5 > ul > li > a > div { line-height: 22px; } #primary-menu.style-5 > ul > li > a > div i { display: inline-block; margin: 0 6px 0 0; top: -1px; width: 16px; font-size: 14px; line-height: inherit; } #primary-menu.style-6 > ul > li > a:after, #primary-menu.style-6 > ul > li.current > a:after { display: none; } #primary-menu.sub-title > ul > li, #primary-menu.sub-title.style-2 > div > ul > li { background: none !important; margin-left: 0; } #primary-menu.sub-title > ul > li > a, #primary-menu.sub-title > div > ul > li > a { line-height: 22px; font-size: 13px; border-top: none; } #primary-menu.sub-title ul li > a span { display: none !important; } #primary-menu.sub-title ul li:hover > a, #primary-menu.sub-title ul li.current > a, #primary-menu.sub-title div ul > li:hover > a, #primary-menu.sub-title div ul > li.current > a, #primary-menu.style-3 ul li:hover > a, #primary-menu.style-3 ul li.current > a { background-color: transparent !important; color: #444; text-shadow: none; } #primary-menu ul:not(.windows-mobile-menu) li > a i.icon-angle-down:last-child { display: none; } #primary-menu > ul > li.sub-menu > a, #primary-menu > .container > ul > li.sub-menu > a { background-image: url("../images/icons/submenu.png"); background-position: right center; background-repeat: no-repeat; } #primary-menu ul li.mega-menu { position: relative; } #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content { position: relative; width: auto; max-width: none; background: transparent !important; box-shadow: none; border: 0; border-top: 1px solid #EEE; z-index: 1; top: 0; padding-left: 15px; } #primary-menu ul li .mega-menu-content { padding-left: 0; } #primary-menu ul ul:not(.mega-menu-column) ul { top: 0 !important; left: 0; } #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column), #primary-menu ul li .mega-menu-content.menu-pos-invert { left: 0; right: 0; } #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 0; } #primary-menu ul ul li { float: none; margin: 0; border-top: 1px solid #EEE; } #primary-menu ul ul li > a { padding: 11px 5px !important; font-size: 13px; text-transform: none; font-weight: 400; } #primary-menu ul ul li:hover > a { background-color: transparent !important; font-weight: 700; padding-left: 5px; color: #1ABC9C; } #primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu-small .mega-menu-content, #primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content, .floating-header #primary-menu ul li.mega-menu .mega-menu-content { width: auto; margin: 0; top: 0; } .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content, #header.full-header #primary-menu ul li.mega-menu .mega-menu-content { width: auto !important; margin: 0 !important; } #primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0; } #primary-menu ul li .mega-menu-content ul { display: block !important; position: relative; opacity: 1 !important; top: 0; left: 0; min-width: inherit; } #primary-menu ul li .mega-menu-content ul ul { border-top: 1px solid #EEE; } #primary-menu ul li .mega-menu-content ul.mega-menu-column { float: none; width: auto; margin: 0; border-left: 0 !important; padding-left: 15px; border-top: 1px solid #EEE; } #primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child { border: 0; } #primary-menu ul li .mega-menu-content ul { width: 100% !important; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column { padding: 0 0 0 15px; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title { margin: 0; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a { font-size: 13px; font-weight: 700; text-transform: none !important; padding: 11px 5px !important; line-height: 22px !important; color: #444 !important; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a { background-color: transparent; color: #1ABC9C !important; } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover { color: #1ABC9C !important; } #primary-menu ul li .mega-menu-content.style-2 li { border-top: 1px solid #EEE; } #primary-menu ul li .mega-menu-content.style-2 li:first-child { border-top: 0; } #primary-menu ul li .mega-menu-content.style-2 ul > li > a:hover { padding-left: 5px; } .mega-menu-column .widget { padding: 30px 0; margin: 0 !important; } #top-search { margin: 0 !important; } #top-search a, #top-cart, #side-panel-trigger, #top-account { position: absolute; top: 0; left: auto; right: 15px; margin: 40px 0; -webkit-transition: margin .4s ease; -o-transition: margin .4s ease; transition: margin .4s ease; } #primary-menu > div > #top-search a, #primary-menu > div > #top-cart, #primary-menu > div > #side-panel-trigger { margin: 20px 0 !important; } #primary-menu ul.windows-mobile-menu li.sub-menu { position: relative; } #primary-menu ul.windows-mobile-menu li.sub-menu a { background-image: none !important; } #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger { position: absolute; cursor: pointer; width: 32px; height: 50px; line-height: 51px; top: 0; right: 0; z-index: 1; padding: 0 !important; text-align: center !important; } #primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger { display: none; } #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i { margin: 0 !important; } #primary-menu ul.windows-mobile-menu ul li.sub-menu a.wn-submenu-trigger { text-align: center !important; height: 45px; line-height: 45px; } #primary-menu ul.windows-mobile-menu ul li.sub-menu a.wn-submenu-trigger i { display: inline-block; line-height: 45px; } #header.sticky-style-3 #top-cart .top-cart-content { top: 40px; } #top-search a { right: 43px; } #top-search form { height: 100px !important; } #primary-menu > div > #top-search form { height: 60px !important; } #top-search form input { font-size: 24px; } #side-panel-trigger { right: 71px; } #top-account { margin: 33px 0 32px; right: 75px; } #top-account a.btn span { display: none; } body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap { position: relative !important; top: 0 !important; } #page-submenu-trigger { opacity: 1; pointer-events: auto; color: #FFF; } #page-menu.pagemenu-active #page-submenu-trigger { background-color: rgba(0,0,0,0.2); } #page-menu nav { display: none; position: absolute; float: none; width: 200px; top: 43px; left: auto; right: 15px; height: auto; background-color: #1ABC9C; z-index: 11; } #page-menu.pagemenu-active nav { display: block; } #page-menu nav ul { height: auto; background-color: rgba(0,0,0,0.2); } #page-menu nav li { float: none; } #page-menu nav li a { height: 40px; line-height: 40px; margin: 0; padding: 0 15px; border-radius: 0; } #page-menu ul ul { position: relative; width: auto; top: 0; background-color: transparent; } #page-menu ul ul a { padding-left: 25px; } /* Responsive Sticky Header -----------------------------------------------------------------*/ .sticky-responsive-menu #header { min-height: 100px; -webkit-transition: min-height .4s ease; -o-transition: min-height .4s ease; transition: min-height .4s ease; } .sticky-responsive-menu #header-wrap { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .sticky-responsive-menu #header.sticky-style-2, .sticky-responsive-menu #header.sticky-style-3 { min-height: 160px; } .sticky-responsive-menu.device-touch #header, .sticky-responsive-menu.device-touch #header-wrap, .sticky-responsive-menu.device-touch #logo, .sticky-responsive-menu.device-touch #logo img, .sticky-responsive-menu.device-touch #top-search a, .sticky-responsive-menu.device-touch #primary-menu-trigger, .sticky-responsive-menu.device-touch #top-cart, .sticky-responsive-menu.device-touch #side-panel-trigger, .sticky-responsive-menu.device-touch #top-account { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } #header.responsive-sticky-header:not(.sticky-style-2):not(.sticky-style-3):not(.static-sticky) { min-height: 60px; } .responsive-sticky-header #header-wrap { z-index: 199; position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; border-bottom: 1px solid #EEE; -webkit-backface-visibility: hidden; } .responsive-sticky-header:not(.static-sticky) #logo, .responsive-sticky-header:not(.static-sticky) #logo img { height: 60px; } .responsive-sticky-header:not(.static-sticky) #primary-menu-trigger { top: 5px; } .responsive-sticky-header #primary-menu > ul, .responsive-sticky-header #primary-menu > .container > ul { max-height: 300px; overflow-y: scroll; } .responsive-sticky-header #primary-menu > ul, .responsive-sticky-header #primary-menu > .container > ul { margin-bottom: 20px !important; } .responsive-sticky-header:not(.static-sticky) #top-search a, .responsive-sticky-header:not(.static-sticky) #top-cart, .responsive-sticky-header:not(.static-sticky) #side-panel-trigger { margin: 20px 0; } .responsive-sticky-header:not(.static-sticky) #top-search form { height: 60px !important; } .responsive-sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; } /* Off Canvas Menu -----------------------------------------------------------------*/ body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > ul, body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > ul { position: fixed; display: block; z-index: 499; width: 280px; height: 100%; height: calc(100vh); max-height: none !important; margin: 0 !important; left: 0 !important; top: 0 !important; padding: 35px 25px 60px !important; background-color: #FFF; border-right: 1px solid #EEE !important; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(-280px,0,0); -o-transform: translate3d(-280px,0,0); transform: translate3d(-280px,0,0); -webkit-backface-visibility: hidden; transform-style: preserve-3d; } body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right > ul, body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas.from-right > div > ul { left: auto !important; right: 0; border-right: 0 !important; border-left: 1px solid #EEE !important; -webkit-transform: translate3d(280px,0,0); -o-transform: translate3d(280px,0,0); transform: translate3d(280px,0,0); } body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > ul, body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > ul { -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important; -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important; transition: transform .3s ease-in-out, opacity .2s ease !important; } body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > ul.d-block, body:not(.sticky-responsive-menu) #primary-menu.mobile-menu-off-canvas > div > ul.d-block { -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Portfolio - Items -----------------------------------------------------------------*/ .portfolio .portfolio-item { width: 33.33333333%; } /* Portfolio - Items - 2 Columns - No Margin -----------------------------------------------------------------*/ .portfolio-2 .portfolio-item { width: 50%; } /* Portfolio - Items - 1 Column -----------------------------------------------------------------*/ .portfolio-1 .portfolio-item { width: 100%; } .portfolio-1 .portfolio-item .portfolio-image { float: none !important; margin: 0 !important; margin-bottom: 20px !important; } .portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { width: 100%; height: auto; } .portfolio-1 .portfolio-desc { width: 100% !important; padding: 0 !important; } /* Portfolio - Items - 1 Column - Full Width -----------------------------------------------------------------*/ .portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; } .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 60px; padding-bottom: 0; border-bottom: 0; overflow: hidden; } .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image { float: none; margin: 0 0 20px 0 !important; } .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { -webkit-transition: none; -o-transition: none; transition: none; } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img, .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; } .portfolio-1.portfolio-fullwidth .portfolio-desc, .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { position: relative; height: auto; background-color: transparent; left: 0 !important; right: 0 !important; -webkit-transition: none; -o-transition: none; transition: none; } .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 50% !important; } .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 50% !important; } .device-touch .portfolio-parallax .portfolio-item .portfolio-desc, .device-touch .portfolio-parallax .portfolio-overlay { opacity: 1; } .shop-quick-view-ajax, .portfolio-ajax-modal { width: 90% !important; } .small-thumbs .entry-title h2, .ievent .entry-title h2 { font-size: 18px; } .entry-meta li { font-size: 12px; margin: 0 10px 10px 0; } /* Blog - Grid -----------------------------------------------------------------*/ .post-grid { margin-right: -20px; } .post-grid .entry { width: 33.33333333%; padding-right: 20px; } /* Blog - Grid - 3 Columns -----------------------------------------------------------------*/ .post-grid.grid-2, .post-grid.grid-3 { margin-right: -30px; } .post-grid.grid-2 .entry, .post-grid.grid-3 .entry { width: 50%; padding-right: 30px; } .post-masonry-full .entry { width: 33.30% !important; } .post-masonry-full.grid-3 .entry { width: 50% !important; } .post-timeline .entry { width: 290px !important; } .post-timeline .entry.entry-date-section { width: 100% !important; } .product { width: 33.33333333%; } .product:not(.product-2):not(.product-3) .product-title h3 { font-size: 18px; } .pricing [class^=col-md-] .pricing-box.best-price { margin-top: 0; } .pricing.pricing-5 .pricing-box.best-price { margin-top: 20px; } .device-md .pricing.pricing-5 .pricing-title h3, .device-md .pricing.pricing-5 .best-price .pricing-title h3 { font-size: 14px; } .device-md .pricing.pricing-5 .pricing-title span { font-size: 12px; } .device-md .pricing.pricing-5 .pricing-price { font-size: 48px; } .device-md .pricing.pricing-5 .pricing-price span { font-size: 20px; } .device-md .pricing.pricing-5 .pricing-price span.price-tenure { font-size: 12px; } .device-md .pricing.pricing-5 .pricing-box.best-price .pricing-title { padding: 15px 0; } .pricing-box.pricing-extended .pricing-desc, .pricing-box.pricing-extended .pricing-action-area { position: relative; float: none; width: auto; padding: 25px; } .pricing-box.pricing-extended .pricing-action-area { height: auto; border-left: 0; border-top: 1px solid rgba(0,0,0,0.05); border-radius: 0 0 3px 3px; } .testimonials-grid.grid-3 li { width: 50%; } .section > .testimonial { padding: 0 40px !important; max-width: none; } .promo:not(.promo-full) { padding: 30px 20px !important; } .promo.promo-dark h3 { line-height: 1.6; } .promo a.button { position: relative !important; top: 0 !important; margin: 20px 0 0 !important; left: 0 !important; right: 0; } #contact-form-overlay-mini { float: none; width: auto; max-width: 380px; margin: 0 auto; } .button.button-full { font-size: 22px; } .button.button-full i { top: 3px !important; } .bnews-title { float: none; display: inline-block; } .bnews-slider { float: none; margin: 10px 0 0; width: 100%; } .wedding-head { font-size: 60px; } .wedding-head .first-name span, .wedding-head .last-name span { font-size: 40px; } .wedding-head .and { font-size: 144px; } .error404 { font-size: 180px; } .landing-form-overlay { position: absolute; width: 100%; max-width: 400px; right: auto; left: 50%; margin-left: -200px; bottom: 0; } } @media (min-width: 768px) and (max-width: 991px) { .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid), .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide { height: 400px !important; } .sidebar-widgets-wrap { position: relative; margin: 0 -20px -40px -20px; } .sidebar-widgets-wrap .widget { display: inline-block; vertical-align: top; float: none; width: 49.6%; margin: 0 0 40px 0; padding-top: 0; padding-left: 20px; padding-right: 20px; border-top: 0; } .landing-video { width: 352px; height: 199px; margin: 14px 0 0 60px; } } @media (max-width: 767px) { body { padding: 0 !important; } #wrapper { width: 100% !important; } .container-fullwidth { margin: 0 auto; padding: 0 15px !important; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } .one-page-arrow { display: none !important; } #top-bar { height: auto; } #top-bar .col_half { width: 100%; margin-bottom: 0 !important; } .top-links, .top-links > ul > li { float: none !important; } .top-links > ul { text-align: center; } .top-links > ul > li { display: inline-block; } .top-links > ul > li { margin-right: -4px; } .top-links ul ul, .top-links ul div.top-link-section { text-align: left; } .top-links ul div.top-link-section { left: auto; right: 0; padding: 20px 15px; } #top-social, .flex-caption, .slider-arrow-top-sm, .slider-arrow-bottom-sm { display: none !important; } .flex-control-nav li { opacity: 1 !important; } .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs { height: 60px; } .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li, .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img { display: block; width: 80px !important; height: 60px !important; } .postcontent, .postcontent.bothsidebar, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth { width: 100%; margin-right: 0; float: none; margin-bottom: 50px !important; } .sidebar.col_last { margin-bottom: 0 !important; } form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth { margin-bottom: 25px !important; } #page-title { padding: 20px 0 25px; text-align: center; } #page-title h1 { line-height: 1.5; font-size: 24px; } #page-title .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 20px 0 0 !important; justify-content: center; } #page-title #portfolio-navigation, #portfolio-ajax-title #portfolio-navigation { position: relative; top: 0; left: 0; margin: 15px auto 0; } #portfolio-ajax-title { text-align: center; } /* Portfolio - Filter -----------------------------------------------------------------*/ .portfolio-filter { border: none; border-radius: 0; margin-bottom: 20px; } .portfolio-filter li { width: 33.33%; margin: 0 0 20px 0 !important; } .portfolio-filter li a { text-align: center; border-left: none; padding: 12px 18px !important; border-radius: 2px !important; } .portfolio-filter li a:hover { color: #1ABC9C; } .portfolio-filter li.activeFilter a { color: #FFF; margin: 0; } .portfolio-filter.style-2 li a, .portfolio-filter.style-3 li a { border-radius: 22px !important; } .portfolio-shuffle { display: none; } /* Blog -----------------------------------------------------------------*/ .small-thumbs .entry-image, .ievent .entry-image { float: none !important; width: 100% !important; margin: 0 0 20px !important; } .entry-title h2, .post-grid .entry-title h2 { font-size: 18px !important; font-weight: 600; } .entry-meta li { font-size: 11px; margin: 0 10px 10px 0; } #posts .entry-meta li i { display: none; } #posts.post-grid .entry-meta li i, #posts .entry-meta li:last-child i { display: inline-block; } .post-grid { margin-right: 0 !important; } .post-grid .entry, .post-masonry-full.grid-3 .entry { float: none !important; width: 100% !important; margin-right: 0 !important; border-right: 0 !important; } .post-timeline .entry.entry-date-section { margin-left: 0; } .timeline-border, .post-timeline .entry-timeline { display: none !important; } .postcontent .post-timeline { padding-left: 0; } .post-masonry-full .entry { padding: 40px !important; } .product-1 .product { width: 100%; } .product-1 .product-image { float: none !important; width: 100% !important; height: auto !important; margin: 0 0 20px !important; } .product-1 .product-title h3 { font-size: 19px; } .product-1 p { display: none; } .pricing-box.best-price { margin-top: 0; } .pricing.pricing-5 .pricing-box { float: none; width: 100%; } .pricing-box.pricing-extended .pricing-features li { width: auto; float: none; } table.cart .quantity { display: block; } table.cart .quantity .qty, table.cart .quantity .plus, table.cart .quantity .minus { float: none; width: 100%; } table.cart .quantity .qty { border: 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; } .button.button-desc { padding: 20px 17px; font-size: 15px; max-width: 100%; } .button.button-desc span { font-size: 11px; } .process-steps li { float: none; width: auto !important; margin-top: 20px; } .process-steps li:first-child { margin-top: 0; } .process-steps li h5 { margin: 10px 0 0 0; } .process-steps li:before, .process-steps li:after { display: none; } .tabs-responsive .tab-container { padding: 0 !important; } .tabs-responsive .tab-container:not(.accordion-border) { border: 0; } .testimonials-grid li { float: none; width: auto !important; padding-left: 0; padding-right: 0; } .team.team-list .team-image { float: none; width: 100%; margin-right: 0; } .team.team-list .team-title { margin-top: 15px; } .title-block { padding: 2px 0 3px 15px; border-left-width: 5px; } .title-block-right { padding: 2px 15px 3px 0; border-right-width: 5px; } .title-block h1 + span { font-size: 18px; } .title-block h2 + span { font-size: 17px; } .title-block h3 + span { font-size: 15px; } .title-block h4 + span { font-size: 13px; } .heading-block h1 { font-size: 30px; } .heading-block h2 { font-size: 26px; } .heading-block h3 { font-size: 22px; } .heading-block h4 { font-size: 19px; } .heading-block h1 + span { font-size: 20px; } .heading-block h2 + span { font-size: 18px; } .heading-block h3 + span, .heading-block h4 + span { font-size: 17px; } .heading-block ~ p:not(.lead) { font-size: 15px; } .emphasis-title h1, .emphasis-title h2 { font-size: 44px !important; } .wedding-head { font-size: 48px; } .wedding-head .first-name, .wedding-head .last-name, .wedding-head .and { display: block; margin: 0 0 15px; text-align: center; } .wedding-head .first-name span, .wedding-head .last-name span { font-size: 36px; } .wedding-head .and { font-size: 120px; } .news-carousel .overlay { display: none; } /* Copyrights -----------------------------------------------------------------*/ #copyrights .col_half { text-align: center; } #copyrights .col_half:last-child { display: none; } #copyrights .footer-logo { margin-left: auto; margin-right: auto; } } @media (min-width: 576px) and (max-width: 767px) { #header.full-header .container, .container-fullwidth { width: 540px !important; } .container.vertical-middle { width: 100% !important; } .full-screen:not(.force-full-screen) .container.vertical-middle { width: 540px !important; } #top-search form input { padding-right: 60px; } .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 300px !important; } .swiper_wrapper .slider-caption h2 { font-size: 2.25rem; } .swiper_wrapper .slider-caption p { font-size: 1.25rem; } #header.transparent-header.floating-header .container { width: 540px; padding: 0 15px; } /* Portfolio - Items -----------------------------------------------------------------*/ .portfolio:not(.portfolio-1) { margin: 0 -6px -6px 0; } .portfolio:not(.portfolio-1) .portfolio-item { padding: 0 6px 6px 0; } /* Portfolio - Items - 5 & 6 Columns -----------------------------------------------------------------*/ .portfolio:not(.portfolio-1) .portfolio-item { width: 50%; } /* Portfolio - Items - Descriptions -----------------------------------------------------------------*/ .portfolio:not(.portfolio-1) .portfolio-desc { padding: 15px 5px 10px; } .portfolio:not(.portfolio-1) .portfolio-desc h3 { font-size: 16px; } .portfolio:not(.portfolio-1) .portfolio-desc span { font-size: 14px; } .portfolio-notitle:not(.portfolio-1) .portfolio-desc { height: 78px; padding: 15px 5px; bottom: -79px; } .portfolio-full.portfolio-notitle:not(.portfolio-1) .portfolio-desc, .portfolio-nomargin.portfolio-notitle:not(.portfolio-1) .portfolio-desc { bottom: -78px; border-bottom: 0; } /* Portfolio - Items - Overlay -----------------------------------------------------------------*/ .portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-notitle:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay a.right-icon, .portfolio-notitle .iportfolio:hover .portfolio-overlay a.left-icon, .portfolio-notitle .iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -55px !important; } .portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a { margin: 20px 0 0 !important; } .portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc ~ a.right-icon { margin-left: 5px !important; margin-right: 0 !important; } .portfolio.portfolio-nomargin, .portfolio.portfolio-full { margin: 0 !important; } .post-grid:not(.post-masonry) .entry-image iframe { height: 246px; } .shop:not(.product-1) { margin: 0 -12px -12px 0; } .shop:not(.product-1) .product { padding: 0 12px 12px 0; width: 50%; } .shop:not(.product-1) .product-title h3 { font-size: 17px; } .clients-grid:not(.grid-3):not(.grid-2) li, .clients-grid.grid-4 li, .clients-grid.grid-6 li { width: 33.33%; } .button.button-full { font-size: 18px; } .button.button-full i { top: 2px !important; margin-left: 3px !important; } .error404, .error404-wrap .error404 { font-size: 160px; } .landing-video { position: relative; top: 12px; width: 333px; height: 187px; margin: 19px 0 0 53px; } } @media (max-width: 575px) { .container, #header.full-header .container, .container-fullwidth { width: 100% !important; padding-left: 40px !important; padding-right: 40px !important; } #primary-menu-trigger { left: 20px; } #top-cart { display: none; } #top-search a { right: 40px; } #top-search form input { padding-right: 55px; } #side-panel-trigger { right: 68px; } #top-account { right: 68px; } #top-account a.btn { padding-left: 8px; padding-right: 8px; } #top-account a.btn i:last-child { display: none; } .swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 180px !important; } .swiper_wrapper .slider-caption h2 { font-size: 1.75rem; } .swiper_wrapper .slider-caption p { font-size: 1rem; } #header.transparent-header.floating-header .container { width: 310px; padding: 0 15px; } .portfolio-filter li { width: 50%; } .portfolio:not(.portfolio-1) { margin: 0; } .portfolio .portfolio-item { width: 100%; padding: 0; } .post-grid:not(.post-masonry) .entry-image iframe { height: 157px; } .mpost .entry-image { float: none; margin: 0 0 20px 0; } .mpost .entry-image, .mpost .entry-image a, .mpost .entry-image img, .mpost .entry-image i { width: 100%; height: auto; } .mpost .entry-image i { height: 150px; line-height: 150px; } .shop:not(.product-1) { margin: 0 !important; } .shop:not(.product-1) .product { margin: 0 0 20px 0; padding: 0; width: 100%; } .shop:not(.product-1) .product-title h3 { font-size: 19px; } .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs { height: 45px; } .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li, .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img { display: block; width: 60px !important; height: 45px !important; } .si-share span { display: none; } .parallax .entry-overlay-meta, .parallax .entry-overlay { left: 50% !important; right: 0 !important; margin: 0 0 0 -140px !important; width: 280px !important; } .parallax .entry-overlay { width: 288px !important; } .parallax .countdown-section { width: 64px; height: 64px; margin: 0 8px 0 0; font-size: 11px; padding: 0; padding-top: 12px; } .parallax .countdown-amount { font-size: 20px; } .countdown-large .countdown-section { display: block; width: auto; margin: 30px 0 0; border: 0; } .countdown-large .countdown-section:first-child { margin-top: 0; } .testi-image, .testi-image a, .testi-image img, .testi-image i { width: 36px; height: 36px; } .testi-image i { line-height: 36px; font-size: 20px; } .clients-grid:not(.grid-3):not(.grid-2) li, .clients-grid.grid-4 li, .clients-grid.grid-6 li { width: 50%; } .button.button-full { font-size: 16px; } .button.button-full i { top: 2px !important; margin-left: 3px !important; } .emphasis-title h1, .emphasis-title h2 { font-size: 40px !important; } .error404, .error404-wrap .error404 { font-size: 120px; } .landing-video { position: relative; top: 9px; width: 212px; height: 119px; margin: 19px 0 0 34px; } .landing-form-overlay { margin-left: -155px; } .button.button-desc { padding: 20px 17px; font-size: 15px; max-width: 100%; } .button.button-desc span { font-size: 11px; } } /* ---------------------------------------------------------------- Retina CSS -----------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { #logo a.standard-logo, #header.split-menu #logo a.standard-logo { display: none; } #logo a.retina-logo { display: block; } #header.split-menu #logo a.retina-logo { display: inline-block; } .owl-carousel.owl-loading, .preloader, .preloader2, .form-process { background-image: url('../images/preloader@2x.gif'); background-size: 24px 24px; } .dark .owl-carousel.owl-loading, .dark .preloader, .dark .preloader2, .dark .form-process { background-image: url('../images/preloader-dark@2x.gif'); } .widget_recent_comments li { background-image: url("../images/icons/widget-comment@2x.png"); background-size: 15px 26px; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a { background-image: url("../images/icons/widget-link@2x.png"); background-size: 4px 20px; } .dark .widget_recent_comments li { background-image: url("../images/icons/widget-comment-dark@2x.png"); } .dark .widget_nav_menu li a, .dark .widget_links li a, .dark .widget_meta li a, .dark .widget_archive li a, .dark .widget_recent_entries li a, .dark .widget_categories li a, .dark .widget_pages li a, .dark .widget_rss li a, .dark .widget_recent_comments li a { background-image: url("../images/icons/widget-link-dark@2x.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px), only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 991px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 991px), only screen and ( min-device-pixel-ratio: 2) and (max-width: 991px), only screen and ( min-resolution: 192dpi) and (max-width: 991px), only screen and ( min-resolution: 2dppx) and (max-width: 991px) { #logo a.standard-logo { display: none; } #logo a.retina-logo { display: inline-block; } }


/* Malik Dellidj - @Dathink Solar System orbit animation true time scaled Revolution of planets in earth days (from Wikipedia) Mercury : ~87,5 days Venus : ~224,7 days Earth : ~365,2563 days + Moon : ~27,3216 days (around earth) Mars : ~687 days (~1,8 year) Jupiter : ~4 331 days (~12 years) Saturn : ~10 747 days (~30 years) Uranus : ~30 589 days (~84 years) Neptune : ~59 802 days (~165 years) Pluto : ~90 580 days (~248 years) */ .solartop{ height: 100px; position: relative; top: 100px; background-image: linear-gradient(to top, rgba(255,0,0,0), #FFFFFF 80%); z-index: 5; } .bandom2{ position: relative; height: 600px; width: 100%; background: radial-gradient(ellipse at bottom, #1C2837 0%, #050608 100%); overflow: hidden; } .solarbottom{ height: 100px; position: relative; top: -100px; background-image: linear-gradient(to bottom, rgba(255,0,0,0), #FFFFFF 80%); z-index: 5; } .solar-syst { margin: 0 auto; width: 100%; height: 100%; position: relative; } .solar-syst:after { content: ""; position: absolute; height: 2px; width: 2px; top: -2px; background: white; box-shadow: 1395px 307px 0 0px rgba(255, 255, 255, 0.469) , 1458px 673px 0 0px rgba(255,255,255, 0.823) , 871px 930px 0 0px rgba(255,255,255, 0.424) , 146px 1539px 0 0px rgba(255,255,255, 0.596) , 1216px 1173px 0 0px rgba(255,255,255, 0.21) , 785px 1497px 0 0px rgba(255,255,255, 0.512) , 1523px 102px 0 0px rgba(255,255,255, 0.276) , 1429px 689px 0 0px rgba(255,255,255, 0.917) , 1250px 1413px 0 0px rgba(255,255,255, 0.716) , 717px 73px 0 0px rgba(255,255,255, 0.902) , 858px 791px 0 0px rgba(255,255,255, 0.947) , 1756px 258px 0 0px rgba(255,255,255, 0.022) , 908px 1258px 0 0px rgba(255,255,255, 0.816) , 283px 852px 0 0px rgba(255,255,255, 0.438) , 1084px 302px 0 0px rgba(255,255,255, 0.197) , 1376px 205px 0 0px rgba(255,255,255, 0.103) , 1373px 110px 0 0px rgba(255,255,255, 0.744) , 1457px 343px 0 0px rgba(255,255,255, 0.788) , 1639px 1391px 0 0px rgba(255,255,255, 0.044) , 894px 1772px 0 0px rgba(255,255,255, 0.241) , 1477px 982px 0 0px rgba(255,255,255, 0.615) , 38px 577px 0 0px rgba(255,255,255, 0.862) , 507px 925px 0 0px rgba(255,255,255, 0.696) , 1689px 1465px 0 0px rgba(255,255,255, 0.399) , 575px 1748px 0 0px rgba(255,255,255, 0.501) , 540px 1515px 0 0px rgba(255,255,255, 0.103) , 380px 99px 0 0px rgba(255,255,255, 0.662) , 1292px 1319px 0 0px rgba(255,255,255, 0.251) , 889px 957px 0 0px rgba(255,255,255, 0.954) , 188px 236px 0 0px rgba(255,255,255, 0.78) , 978px 1113px 0 0px rgba(255,255,255, 0.817) , 1563px 1784px 0 0px rgba(255,255,255, 0.272) , 2px 1062px 0 0px rgba(255,255,255, 0.776) , 39px 1797px 0 0px rgba(255,255,255, 0.571) , 703px 678px 0 0px rgba(255,255,255, 0.621) , 1036px 45px 0 0px rgba(255,255,255, 0.668) , 1535px 589px 0 0px rgba(255,255,255, 0.898) , 417px 1069px 0 0px rgba(255,255,255, 0.144) , 1055px 1297px 0 0px rgba(255,255,255, 0.364) , 1122px 1035px 0 0px rgba(255,255,255, 0.04) , 798px 1663px 0 0px rgba(255,255,255, 0.066) , 1322px 246px 0 0px rgba(255,255,255, 0.169) , 1270px 674px 0 0px rgba(255,255,255, 0.454) , 849px 1579px 0 0px rgba(255,255,255, 0.472) , 860px 156px 0 0px rgba(255,255,255, 0.784) , 610px 1238px 0 0px rgba(255,255,255, 0.678) , 810px 1554px 0 0px rgba(255,255,255, 0.889) , 191px 1417px 0 0px rgba(255,255,255, 0.921) , 1217px 549px 0 0px rgba(255,255,255, 0.346) , 12px 1589px 0 0px rgba(255,255,255, 0.986) , 1339px 1121px 0 0px rgba(255,255,255, 0.239) , 1068px 1171px 0 0px rgba(255,255,255, 0.811) , 589px 1535px 0 0px rgba(255,255,255, 0.082) , 564px 89px 0 0px rgba(255,255,255, 0.713) , 1667px 1416px 0 0px rgba(255,255,255, 0.838) , 266px 649px 0 0px rgba(255,255,255, 0.551) , 1389px 577px 0 0px rgba(255,255,255, 0.969) , 985px 1633px 0 0px rgba(255,255,255, 0.519) , 684px 1732px 0 0px rgba(255,255,255, 0.053) , 475px 1678px 0 0px rgba(255,255,255, 0.232) , 610px 572px 0 0px rgba(255,255,255, 0.804) , 1418px 1760px 0 0px rgba(255,255,255, 0.366) , 862px 237px 0 0px rgba(255,255,255, 0.625) , 1730px 763px 0 0px rgba(255,255,255, 0.286) , 1555px 449px 0 0px rgba(255,255,255, 0.82) , 1013px 1521px 0 0px rgba(255,255,255, 0.613) , 524px 515px 0 0px rgba(255,255,255, 0.392) , 152px 7px 0 0px rgba(255,255,255, 0.326) , 711px 1024px 0 0px rgba(255,255,255, 0.736) , 1587px 1416px 0 0px rgba(255,255,255, 0.632) , 1496px 1247px 0 0px rgba(255,255,255, 0.659) , 784px 1668px 0 0px rgba(255,255,255, 0.558) , 973px 448px 0 0px rgba(255,255,255, 0.594) , 1494px 39px 0 0px rgba(255,255,255, 0.432) , 982px 1477px 0 0px rgba(255,255,255, 0.678) , 389px 216px 0 0px rgba(255,255,255, 0.048) , 999px 1546px 0 0px rgba(255,255,255, 0.918) , 359px 1402px 0 0px rgba(255,255,255, 0.983) , 1360px 681px 0 0px rgba(255,255,255, 0.689) , 856px 1778px 0 0px rgba(255,255,255, 0.269) , 1020px 894px 0 0px rgba(255,255,255, 0.569) , 1390px 831px 0 0px rgba(255,255,255, 0.892) , 1762px 408px 0 0px rgba(255,255,255, 0.293) , 1062px 1544px 0 0px rgba(255,255,255, 0.205) , 1797px 1660px 0 0px rgba(255,255,255, 0.185) , 1245px 1216px 0 0px rgba(255,255,255, 0.355) , 623px 521px 0 0px rgba(255,255,255, 0.909) , 1455px 1180px 0 0px rgba(255,255,255, 0.025) , 617px 496px 0 0px rgba(255,255,255, 0.76) , 1772px 1413px 0 0px rgba(255,255,255, 0.336) , 277px 9px 0 0px rgba(255,255,255, 0.353) , 155px 93px 0 0px rgba(255,255,255, 0.008) , 525px 536px 0 0px rgba(255,255,255, 0.832) , 1355px 250px 0 0px rgba(255,255,255, 0.069) , 510px 1147px 0 0px rgba(255,255,255, 0.489) , 789px 1769px 0 0px rgba(255,255,255, 0.424) , 1270px 435px 0 0px rgba(255,255,255, 0.968) , 775px 1140px 0 0px rgba(255,255,255, 0.144) , 827px 983px 0 0px rgba(255,255,255, 0.506) , 938px 101px 0 0px rgba(255,255,255, 0.143) , 1610px 153px 0 0px rgba(255,255,255, 0.353) , 191px 1524px 0 0px rgba(255,255,255, 0.703) , 473px 20px 0 0px rgba(255,255,255, 0.158) , 1168px 1710px 0 0px rgba(255,255,255, 0.77) , 1644px 583px 0 0px rgba(255,255,255, 0.794) , 382px 1700px 0 0px rgba(255,255,255, 0.853) , 636px 79px 0 0px rgba(255,255,255, 0.61) , 1193px 271px 0 0px rgba(255,255,255, 0.619) , 434px 1602px 0 0px rgba(255,255,255, 0.397) , 912px 655px 0 0px rgba(255,255,255, 0.1) , 1324px 324px 0 0px rgba(255,255,255, 0.586) , 718px 292px 0 0px rgba(255,255,255, 0.193) , 552px 963px 0 0px rgba(255,255,255, 0.101) , 295px 547px 0 0px rgba(255,255,255, 0.37) , 103px 1042px 0 0px rgba(255,255,255, 0.829) , 1131px 1224px 0 0px rgba(255,255,255, 0.463) , 1643px 431px 0 0px rgba(255,255,255, 0.683) , 1553px 3px 0 0px rgba(255,255,255, 0.598) , 1475px 396px 0 0px rgba(255,255,255, 0.583) , 273px 477px 0 0px rgba(255,255,255, 0.943) , 665px 1542px 0 0px rgba(255,255,255, 0.264) , 1032px 787px 0 0px rgba(255,255,255, 0.174) , 699px 1321px 0 0px rgba(255,255,255, 0.26) , 1624px 1217px 0 0px rgba(255,255,255, 0.124) , 653px 33px 0 0px rgba(255,255,255, 0.624) , 1004px 1154px 0 0px rgba(255,255,255, 0.284) , 1527px 100px 0 0px rgba(255,255,255, 0.813) , 956px 689px 0 0px rgba(255,255,255, 0.19) , 408px 1281px 0 0px rgba(255,255,255, 0.922) , 1347px 1067px 0 0px rgba(255,255,255, 0.623) , 294px 375px 0 0px rgba(255,255,255, 0.499) , 508px 1557px 0 0px rgba(255,255,255, 0.422) , 438px 1073px 0 0px rgba(255,255,255, 0.829) , 1533px 1017px 0 0px rgba(255,255,255, 0.626) , 844px 531px 0 0px rgba(255,255,255, 0.273) , 298px 1239px 0 0px rgba(255,255,255, 0.124) , 282px 1546px 0 0px rgba(255,255,255, 0.714) , 1328px 997px 0 0px rgba(255,255,255, 0.613) , 615px 50px 0 0px rgba(255,255,255, 0.231) , 35px 792px 0 0px rgba(255,255,255, 0.549) , 37px 745px 0 0px rgba(255,255,255, 0.759) , 665px 1354px 0 0px rgba(255,255,255, 0.73) , 581px 366px 0 0px rgba(255,255,255, 0.371) , 453px 344px 0 0px rgba(255,255,255, 0.998) , 751px 855px 0 0px rgba(255,255,255, 0.382) , 1584px 1564px 0 0px rgba(255,255,255, 0.282) , 122px 1374px 0 0px rgba(255,255,255, 0.579) , 309px 559px 0 0px rgba(255,255,255, 0.401) , 1789px 448px 0 0px rgba(255,255,255, 0.433) , 1473px 1081px 0 0px rgba(255,255,255, 0.281) , 457px 1686px 0 0px rgba(255,255,255, 0.788) , 1244px 294px 0 0px rgba(255,255,255, 0.833) , 1768px 1198px 0 0px rgba(255,255,255, 0.125) , 1026px 1631px 0 0px rgba(255,255,255, 0.96) , 235px 904px 0 0px rgba(255,255,255, 0.14) , 50px 1028px 0 0px rgba(255,255,255, 0.964) , 1171px 1364px 0 0px rgba(255,255,255, 0.148) , 125px 754px 0 0px rgba(255,255,255, 0.298) , 370px 1031px 0 0px rgba(255,255,255, 0.43) , 172px 259px 0 0px rgba(255,255,255, 0.11) , 1360px 1363px 0 0px rgba(255,255,255, 0.14) , 200px 1605px 0 0px rgba(255,255,255, 0.73) , 1506px 915px 0 0px rgba(255,255,255, 0.461) , 653px 1347px 0 0px rgba(255,255,255, 0.116) , 315px 1532px 0 0px rgba(255,255,255, 0.367) , 1511px 1638px 0 0px rgba(255,255,255, 0.916) , 1654px 136px 0 0px rgba(255,255,255, 0.378) , 1462px 637px 0 0px rgba(255,255,255, 0.932) , 1243px 482px 0 0px rgba(255,255,255, 0.786) , 1090px 637px 0 0px rgba(255,255,255, 0.574) , 815px 149px 0 0px rgba(255,255,255, 0.505) , 1788px 1078px 0 0px rgba(255,255,255, 0.018) , 1741px 232px 0 0px rgba(255,255,255, 0.555) , 1631px 523px 0 0px rgba(255,255,255, 0.87) , 234px 65px 0 0px rgba(255,255,255, 0.368) , 1490px 588px 0 0px rgba(255,255,255, 0.705) , 1371px 858px 0 0px rgba(255,255,255, 0.411) , 193px 593px 0 0px rgba(255,255,255, 0.845) , 1606px 461px 0 0px rgba(255,255,255, 0.704) , 719px 1181px 0 0px rgba(255,255,255, 0.554) , 1104px 1536px 0 0px rgba(255,255,255, 0.029) , 1778px 342px 0 0px rgba(255,255,255, 0.243) , 238px 296px 0 0px rgba(255,255,255, 0.665) , 616px 1642px 0 0px rgba(255,255,255, 0.625) , 1783px 331px 0 0px rgba(255,255,255, 0.053) , 383px 1388px 0 0px rgba(255,255,255, 0.299) , 605px 378px 0 0px rgba(255,255,255, 0.866) , 1324px 122px 0 0px rgba(255,255,255, 0.663) , 1653px 193px 0 0px rgba(255,255,255, 0.511) , 29px 472px 0 0px rgba(255,255,255, 0.142) , 1482px 1111px 0 0px rgba(255,255,255, 0.129) , 597px 1576px 0 0px rgba(255,255,255, 0.821) , 58px 717px 0 0px rgba(255,255,255, 0.835) , 873px 1641px 0 0px rgba(255,255,255, 0.162) , 1058px 1636px 0 0px rgba(255,255,255, 0.168) , 30px 1540px 0 0px rgba(255,255,255, 0.661) , 1619px 1766px 0 0px rgba(255,255,255, 0.165) , 1324px 1247px 0 0px rgba(255,255,255, 0.366) , 74px 1099px 0 0px rgba(255,255,255, 0.336) , 653px 316px 0 0px rgba(255,255,255, 0.637) , 763px 801px 0 0px rgba(255,255,255, 0.198) , 141px 1650px 0 0px rgba(255,255,255, 0.413) , 1263px 1357px 0 0px rgba(255,255,255, 0.642) , 809px 9px 0 0px rgba(255,255,255, 0.281) , 1227px 1744px 0 0px rgba(255,255,255, 0.592) , 1602px 1193px 0 0px rgba(255,255,255, 0.812) , 787px 88px 0 0px rgba(255,255,255, 0.291) , 501px 1435px 0 0px rgba(255,255,255, 0.842) , 1294px 837px 0 0px rgba(255,255,255, 0.436) , 944px 1480px 0 0px rgba(255,255,255, 0.505) , 796px 855px 0 0px rgba(255,255,255, 0.274) , 1555px 1341px 0 0px rgba(255,255,255, 0.17) , 1579px 1765px 0 0px rgba(255,255,255, 0.906) , 1481px 102px 0 0px rgba(255,255,255, 0.12) , 1367px 1520px 0 0px rgba(255,255,255, 0.88) , 237px 40px 0 0px rgba(255,255,255, 0.92) , 1800px 787px 0 0px rgba(255,255,255, 0.233) , 1650px 174px 0 0px rgba(255,255,255, 0.199) , 337px 1653px 0 0px rgba(255,255,255, 0.502) , 1226px 1217px 0 0px rgba(255,255,255, 0.222) , 590px 320px 0 0px rgba(255,255,255, 0.334) , 666px 1781px 0 0px rgba(255,255,255, 0.496) , 517px 1186px 0 0px rgba(255,255,255, 0.322) , 1122px 676px 0 0px rgba(255,255,255, 0.372) , 1398px 204px 0 0px rgba(255,255,255, 0.859) , 175px 323px 0 0px rgba(255,255,255, 0.627) , 1391px 1707px 0 0px rgba(255,255,255, 0.322) , 1672px 440px 0 0px rgba(255,255,255, 0.468) , 883px 1132px 0 0px rgba(255,255,255, 0.392) , 254px 7px 0 0px rgba(255,255,255, 0.576) , 917px 1609px 0 0px rgba(255,255,255, 0.997) , 848px 1628px 0 0px rgba(255,255,255, 0.493) , 995px 975px 0 0px rgba(255,255,255, 0.379) , 1014px 864px 0 0px rgba(255,255,255, 0.605) , 1382px 17px 0 0px rgba(255,255,255, 0.155) , 692px 1493px 0 0px rgba(255,255,255, 0.966) , 353px 723px 0 0px rgba(255,255,255, 0.74) , 81px 1674px 0 0px rgba(255,255,255, 0.379) , 679px 1447px 0 0px rgba(255,255,255, 0.703) , 828px 716px 0 0px rgba(255,255,255, 0.774) , 1420px 1529px 0 0px rgba(255,255,255, 0.824) , 1068px 851px 0 0px rgba(255,255,255, 0.367) , 1005px 1710px 0 0px rgba(255,255,255, 0.28) , 571px 337px 0 0px rgba(255,255,255, 0.354) , 1721px 624px 0 0px rgba(255,255,255, 0.918) , 530px 829px 0 0px rgba(255,255,255, 0.835) , 253px 145px 0 0px rgba(255,255,255, 0.062) , 46px 778px 0 0px rgba(255,255,255, 0.651) , 46px 519px 0 0px rgba(255,255,255, 0.448) , 968px 1286px 0 0px rgba(255,255,255, 0.747) , 924px 871px 0 0px rgba(255,255,255, 0.92) , 499px 595px 0 0px rgba(255,255,255, 0.177) , 354px 182px 0 0px rgba(255,255,255, 0.068) , 1040px 1377px 0 0px rgba(255,255,255, 0.352) , 233px 746px 0 0px rgba(255,255,255, 0.438) , 420px 782px 0 0px rgba(255,255,255, 0.163) , 833px 1126px 0 0px rgba(255,255,255, 0.591) , 534px 1208px 0 0px rgba(255,255,255, 0.342) , 1658px 275px 0 0px rgba(255,255,255, 0.309) , 1563px 265px 0 0px rgba(255,255,255, 0.341) , 1272px 1387px 0 0px rgba(255,255,255, 0.6) , 627px 1398px 0 0px rgba(255,255,255, 0.464) , 1548px 597px 0 0px rgba(255,255,255, 0.204) , 1628px 420px 0 0px rgba(255,255,255, 0.72) , 808px 1756px 0 0px rgba(255,255,255, 0.991) , 1500px 702px 0 0px rgba(255,255,255, 0.603) , 1491px 50px 0 0px rgba(255,255,255, 0.249) , 304px 298px 0 0px rgba(255,255,255, 0.505) , 745px 9px 0 0px rgba(255,255,255, 0.691) , 1089px 508px 0 0px rgba(255,255,255, 0.891) , 533px 1498px 0 0px rgba(255,255,255, 0.031) , 556px 128px 0 0px rgba(255,255,255, 0.691) , 1219px 681px 0 0px rgba(255,255,255, 0.248) , 649px 1711px 0 0px rgba(255,255,255, 0.298) , 814px 285px 0 0px rgba(255,255,255, 0.18) , 1366px 1625px 0 0px rgba(255,255,255, 0.244) , 938px 104px 0 0px rgba(255,255,255, 0.414) , 1532px 520px 0 0px rgba(255,255,255, 0.379) , 264px 1098px 0 0px rgba(255,255,255, 0.296) , 991px 167px 0 0px rgba(255,255,255, 0.746) , 1723px 1529px 0 0px rgba(255,255,255, 0.685) , 934px 1374px 0 0px rgba(255,255,255, 0.275) , 1px 1285px 0 0px rgba(255,255,255, 0.551) , 48px 315px 0 0px rgba(255,255,255, 0.045) , 1245px 1460px 0 0px rgba(255,255,255, 0.414) , 73px 505px 0 0px rgba(255,255,255, 0.077) , 361px 1042px 0 0px rgba(255,255,255, 0.903) , 1298px 1300px 0 0px rgba(255,255,255, 0.175) , 773px 1438px 0 0px rgba(255,255,255, 0.686) , 746px 516px 0 0px rgba(255,255,255, 0.754) , 1759px 1018px 0 0px rgba(255,255,255, 0.019) , 925px 189px 0 0px rgba(255,255,255, 0.141) , 1307px 69px 0 0px rgba(255,255,255, 0.69) , 813px 1679px 0 0px rgba(255,255,255, 0.502) , 1387px 558px 0 0px rgba(255,255,255, 0.928) , 1232px 1053px 0 0px rgba(255,255,255, 0.793) , 1232px 1609px 0 0px rgba(255,255,255, 0.118) , 1317px 618px 0 0px rgba(255,255,255, 0.044) , 770px 938px 0 0px rgba(255,255,255, 0.341) , 552px 1187px 0 0px rgba(255,255,255, 0.994) , 1426px 1025px 0 0px rgba(255,255,255, 0.557) , 238px 1524px 0 0px rgba(255,255,255, 0.743) , 392px 1585px 0 0px rgba(255,255,255, 0.431) , 791px 185px 0 0px rgba(255,255,255, 0.187) , 425px 706px 0 0px rgba(255,255,255, 0.959) , 450px 392px 0 0px rgba(255,255,255, 0.326) , 95px 1383px 0 0px rgba(255,255,255, 0.374) , 1390px 1071px 0 0px rgba(255,255,255, 0.161) , 1343px 596px 0 0px rgba(255,255,255, 0.373) , 1151px 1563px 0 0px rgba(255,255,255, 0.583) , 402px 1165px 0 0px rgba(255,255,255, 0.997) , 1364px 1255px 0 0px rgba(255,255,255, 0.125) , 557px 1023px 0 0px rgba(255,255,255, 0.39) , 877px 378px 0 0px rgba(255,255,255, 0.225) , 1114px 1099px 0 0px rgba(255,255,255, 0.467) , 1259px 917px 0 0px rgba(255,255,255, 0.586) , 1258px 765px 0 0px rgba(255,255,255, 0.484) , 123px 1449px 0 0px rgba(255,255,255, 0.825) , 1461px 1159px 0 0px rgba(255,255,255, 0.866) , 1155px 1207px 0 0px rgba(255,255,255, 0.375) , 342px 46px 0 0px rgba(255,255,255, 0.789) , 1581px 446px 0 0px rgba(255,255,255, 0.732) , 86px 357px 0 0px rgba(255,255,255, 0.553) , 427px 1332px 0 0px rgba(255,255,255, 0.761) , 1093px 1015px 0 0px rgba(255,255,255, 0.124) , 1074px 1309px 0 0px rgba(255,255,255, 0.553) , 1213px 1268px 0 0px rgba(255,255,255, 0.988) , 45px 743px 0 0px rgba(255,255,255, 0.075) , 1614px 374px 0 0px rgba(255,255,255, 0.924) , 1346px 218px 0 0px rgba(255,255,255, 0.511) , 516px 473px 0 0px rgba(255,255,255, 0.042) , 1120px 1509px 0 0px rgba(255,255,255, 0.852) , 933px 495px 0 0px rgba(255,255,255, 0.184) , 1053px 1563px 0 0px rgba(255,255,255, 0.148) , 1061px 1529px 0 0px rgba(255,255,255, 0.94) , 451px 606px 0 0px rgba(255,255,255, 0.349) , 1027px 1149px 0 0px rgba(255,255,255, 0.959) , 675px 1667px 0 0px rgba(255,255,255, 0.332) , 626px 807px 0 0px rgba(255,255,255, 0.849) , 1483px 209px 0 0px rgba(255,255,255, 0.587) , 1414px 498px 0 0px rgba(255,255,255, 0.546) , 373px 1342px 0 0px rgba(255,255,255, 0.236) , 1373px 584px 0 0px rgba(255,255,255, 0.842) , 1140px 665px 0 0px rgba(255,255,255, 0.819) , 744px 1065px 0 0px rgba(255,255,255, 0.477) , 477px 1510px 0 0px rgba(255,255,255, 0.196) , 1796px 1228px 0 0px rgba(255,255,255, 0.443) , 1015px 1727px 0 0px rgba(255,255,255, 0.542) , 369px 1191px 0 0px rgba(255,255,255, 0.559) , 1423px 1538px 0 0px rgba(255,255,255, 0.344) , 1153px 1757px 0 0px rgba(255,255,255, 0.941) , 520px 388px 0 0px rgba(255,255,255, 0.764) , 202px 691px 0 0px rgba(255,255,255, 0.189) , 1031px 28px 0 0px rgba(255,255,255, 0.975) , 1225px 222px 0 0px rgba(255,255,255, 0.529) , 871px 478px 0 0px rgba(255,255,255, 0.168) , 1637px 1183px 0 0px rgba(255,255,255, 0.099) , 1069px 492px 0 0px rgba(255,255,255, 0.99) , 1307px 162px 0 0px rgba(255,255,255, 0.999) , 1744px 1405px 0 0px rgba(255,255,255, 0.383) , 883px 722px 0 0px rgba(255,255,255, 0.081) , 97px 3px 0 0px rgba(255,255,255, 0.697) , 396px 365px 0 0px rgba(255,255,255, 0.537) , 1228px 700px 0 0px rgba(255,255,255, 0.596) , 1443px 556px 0 0px rgba(255,255,255, 0.223) , 1041px 1468px 0 0px rgba(255,255,255, 0.282) , 1075px 293px 0 0px rgba(255,255,255, 0.172) , 306px 727px 0 0px rgba(255,255,255, 0.414) , 57px 626px 0 0px rgba(255,255,255, 0.188) , 600px 803px 0 0px rgba(255,255,255, 0.461) , 1568px 1039px 0 0px rgba(255,255,255, 0.358) , 228px 1072px 0 0px rgba(255,255,255, 0.441) , 1571px 296px 0 0px rgba(255,255,255, 0.547) , 1401px 1069px 0 0px rgba(255,255,255, 0.184) , 799px 247px 0 0px rgba(255,255,255, 0.081) , 1074px 1500px 0 0px rgba(255,255,255, 0.335) , 98px 1001px 0 0px rgba(255,255,255, 0.114) , 490px 300px 0 0px rgba(255,255,255, 0.114) , 642px 1016px 0 0px rgba(255,255,255, 0.941) , 922px 1157px 0 0px rgba(255,255,255, 0.599) , 1702px 1267px 0 0px rgba(255,255,255, 0.923) , 797px 249px 0 0px rgba(255,255,255, 0.343) , 884px 1426px 0 0px rgba(255,255,255, 0.071) , 1172px 597px 0 0px rgba(255,255,255, 0.968) , 711px 1777px 0 0px rgba(255,255,255, 0.783) , 748px 146px 0 0px rgba(255,255,255, 0.481) , 513px 1059px 0 0px rgba(255,255,255, 0.758) , 1729px 387px 0 0px rgba(255,255,255, 0.282) , 887px 1416px 0 0px rgba(255,255,255, 0.65) , 475px 1117px 0 0px rgba(255,255,255, 0.119) , 228px 1464px 0 0px rgba(255,255,255, 0.506) , 571px 810px 0 0px rgba(255,255,255, 0.555) , 1590px 265px 0 0px rgba(255,255,255, 0.075) , 717px 218px 0 0px rgba(255,255,255, 0.737) , 979px 16px 0 0px rgba(255,255,255, 0.376) , 1580px 899px 0 0px rgba(255,255,255, 0.646) , 1790px 873px 0 0px rgba(255,255,255, 0.491) , 805px 1546px 0 0px rgba(255,255,255, 0.602) , 1116px 914px 0 0px rgba(255,255,255, 0.736) , 1057px 1083px 0 0px rgba(255,255,255, 0.758) , 1081px 1714px 0 0px rgba(255,255,255, 0.254) , 1347px 912px 0 0px rgba(255,255,255, 0.974) , 188px 1547px 0 0px rgba(255,255,255, 0.481) , 917px 262px 0 0px rgba(255,255,255, 0.284) , 1020px 916px 0 0px rgba(255,255,255, 0.139) , 1160px 1197px 0 0px rgba(255,255,255, 0.169) , 814px 1153px 0 0px rgba(255,255,255, 0.434) , 147px 1325px 0 0px rgba(255,255,255, 0.852) , 584px 772px 0 0px rgba(255,255,255, 0.093) , 754px 430px 0 0px rgba(255,255,255, 0.228) , 1106px 1002px 0 0px rgba(255,255,255, 0.712) , 1393px 46px 0 0px rgba(255,255,255, 0.937) , 236px 1509px 0 0px rgba(255,255,255, 0.612) , 1370px 1487px 0 0px rgba(255,255,255, 0.766) , 838px 1053px 0 0px rgba(255,255,255, 0.903) , 766px 186px 0 0px rgba(255,255,255, 0.557) , 516px 392px 0 0px rgba(255,255,255, 0.04) , 42px 875px 0 0px rgba(255,255,255, 0.07) , 347px 63px 0 0px rgba(255,255,255, 0.498) , 701px 105px 0 0px rgba(255,255,255, 0.465) , 969px 1405px 0 0px rgba(255,255,255, 0.047) , 1753px 1014px 0 0px rgba(255,255,255, 0.203) , 625px 714px 0 0px rgba(255,255,255, 0.899) , 424px 475px 0 0px rgba(255,255,255, 0.938) , 1176px 1555px 0 0px rgba(255,255,255, 0.124) , 409px 164px 0 0px rgba(255,255,255, 0.25) , 913px 1566px 0 0px rgba(255,255,255, 0.282) , 477px 328px 0 0px rgba(255,255,255, 0.625) , 1456px 271px 0 0px rgba(255,255,255, 0.27) , 1350px 1531px 0 0px rgba(255,255,255, 0.872) , 1190px 248px 0 0px rgba(255,255,255, 0.765) , 1316px 235px 0 0px rgba(255,255,255, 0.671) , 133px 275px 0 0px rgba(255,255,255, 0.229) , 831px 1379px 0 0px rgba(255,255,255, 0.582) , 504px 944px 0 0px rgba(255,255,255, 0.492) , 1463px 1353px 0 0px rgba(255,255,255, 0.182) , 1209px 822px 0 0px rgba(255,255,255, 0.823) , 157px 1202px 0 0px rgba(255,255,255, 0.682) , 1374px 543px 0 0px rgba(255,255,255, 0.354) , 737px 875px 0 0px rgba(255,255,255, 0.31) , 1183px 298px 0 0px rgba(255,255,255, 0.571) , 157px 546px 0 0px rgba(255,255,255, 0.876) , 1224px 355px 0 0px rgba(255,255,255, 0.926) , 1382px 1785px 0 0px rgba(255,255,255, 0.674) , 552px 970px 0 0px rgba(255,255,255, 0.744) , 335px 1345px 0 0px rgba(255,255,255, 0.846) , 356px 671px 0 0px rgba(255,255,255, 0.173) , 910px 45px 0 0px rgba(255,255,255, 0.745) , 271px 285px 0 0px rgba(255,255,255, 0.806) , 73px 715px 0 0px rgba(255,255,255, 0.913) , 1507px 123px 0 0px rgba(255,255,255, 0.841) , 1015px 1765px 0 0px rgba(255,255,255, 0.091) , 1716px 145px 0 0px rgba(255,255,255, 0.024) , 1148px 971px 0 0px rgba(255,255,255, 0.537) , 1259px 231px 0 0px rgba(255,255,255, 0.347) , 1434px 628px 0 0px rgba(255,255,255, 0.967) , 1153px 275px 0 0px rgba(255,255,255, 0.906) , 973px 117px 0 0px rgba(255,255,255, 0.978) , 1595px 55px 0 0px rgba(255,255,255, 0.841) , 1654px 401px 0 0px rgba(255,255,255, 0.971) , 1752px 119px 0 0px rgba(255,255,255, 0.686) , 713px 1211px 0 0px rgba(255,255,255, 0.625) , 131px 1461px 0 0px rgba(255,255,255, 0.661) , 1033px 196px 0 0px rgba(255,255,255, 0.587) , 973px 1624px 0 0px rgba(255,255,255, 0.232) , 1217px 795px 0 0px rgba(255,255,255, 0.782) , 1540px 1688px 0 0px rgba(255,255,255, 0.804) , 1368px 546px 0 0px rgba(255,255,255, 0.871) , 1039px 700px 0 0px rgba(255,255,255, 0.514) , 1302px 735px 0 0px rgba(255,255,255, 0.52) , 577px 596px 0 0px rgba(255,255,255, 0.87) , 653px 530px 0 0px rgba(255,255,255, 0.497) , 146px 1321px 0 0px rgba(255,255,255, 0.716) , 1700px 259px 0 0px rgba(255,255,255, 0.667) , 591px 1679px 0 0px rgba(255,255,255, 0.479) , 1351px 634px 0 0px rgba(255,255,255, 0.487) , 479px 1771px 0 0px rgba(255,255,255, 0.77) , 733px 1049px 0 0px rgba(255,255,255, 0.901) , 80px 1591px 0 0px rgba(255,255,255, 0.315) , 1299px 263px 0 0px rgba(255,255,255, 0.13) , 1053px 1771px 0 0px rgba(255,255,255, 0.716) , 1136px 1083px 0 0px rgba(255,255,255, 0.685) , 1033px 592px 0 0px rgba(255,255,255, 0.749) , 1777px 1542px 0 0px rgba(255,255,255, 0.026) , 68px 808px 0 0px rgba(255,255,255, 0.846) , 1682px 1289px 0 0px rgba(255,255,255, 0.413) , 843px 613px 0 0px rgba(255,255,255, 0.896) , 1306px 1259px 0 0px rgba(255,255,255, 0.602) , 566px 651px 0 0px rgba(255,255,255, 0.412) , 75px 708px 0 0px rgba(255,255,255, 0.924) , 1132px 516px 0 0px rgba(255,255,255, 0.818) , 1162px 1063px 0 0px rgba(255,255,255, 0.288) , 1229px 1251px 0 0px rgba(255,255,255, 0.49) , 416px 980px 0 0px rgba(255,255,255, 0.647) , 1359px 887px 0 0px rgba(255,255,255, 0.647) , 1435px 1253px 0 0px rgba(255,255,255, 0.238) , 628px 1051px 0 0px rgba(255,255,255, 0.153) , 608px 580px 0 0px rgba(255,255,255, 0.162) , 1344px 1622px 0 0px rgba(255,255,255, 0.462) , 166px 728px 0 0px rgba(255,255,255, 0.054); border-radius: 100px; } .solar-syst div { border-radius: 1000px; top: 50%; left: 50%; position: absolute; z-index: 2; } .solar-syst div:not(.sun) { border: 1px solid rgba(102, 166, 229, 0.12); } .solar-syst div:not(.sun):before { left: 50%; border-radius: 100px; content: ""; position: absolute; } .solar-syst div:not(.asteroids-belt):before { box-shadow: inset 0 6px 0 -2px rgba(0, 0, 0, 0.25); } .sun { background: radial-gradient(ellipse at center, #ffd000 1%, #f9b700 39%, #f9b700 39%, #e06317 100%); height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; background-clip: padding-box; border: 0 !important; background-position: -28px -103px; background-size: 175%; box-shadow: 0 0 10px 2px rgba(255, 107, 0, 0.4), 0 0 22px 11px rgba(255, 203, 0, 0.13); } .mercury { height: 70px; width: 70px; margin-top: -35px; margin-left: -35px; -webkit-animation: orb 7.1867343561s linear infinite; animation: orb 7.1867343561s linear infinite; } .mercury:before { height: 4px; width: 4px; background: #9f5e26; margin-top: -2px; margin-left: -2px; } .venus { height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; -webkit-animation: orb 18.4555338265s linear infinite; animation: orb 18.4555338265s linear infinite; } .venus:before { height: 8px; width: 8px; background: #BEB768; margin-top: -4px; margin-left: -4px; } .earth { height: 145px; width: 145px; margin-top: -72.5px; margin-left: -72.5px; -webkit-animation: orb 30s linear infinite; animation: orb 30s linear infinite; } .earth:before { height: 6px; width: 6px; background: #11abe9; margin-top: -3px; margin-left: -3px; } .earth:after { position: absolute; content: ""; height: 18px; width: 18px; left: 50%; top: 0px; margin-left: -9px; margin-top: -9px; border-radius: 100px; box-shadow: 0 -10px 0 -8px grey; -webkit-animation: orb 2.2440352158s linear infinite; animation: orb 2.2440352158s linear infinite; } .mars { height: 190px; width: 190px; margin-top: -95px; margin-left: -95px; -webkit-animation: orb 56.4261314589s linear infinite; animation: orb 56.4261314589s linear infinite; } .mars:before { height: 6px; width: 6px; background: #cf3921; margin-top: -3px; margin-left: -3px; } .jupiter { height: 340px; width: 340px; margin-top: -170px; margin-left: -170px; -webkit-animation: orb 355.7228171013s linear infinite; animation: orb 355.7228171013s linear infinite; } .jupiter:before { height: 18px; width: 18px; background: #c76e2a; margin-top: -9px; margin-left: -9px; } .saturn { height: 440px; width: 440px; margin-top: -220px; margin-left: -220px; -webkit-animation: orb 882.6952471456s linear infinite; animation: orb 882.6952471456s linear infinite; } .saturn:before { height: 12px; width: 12px; background: #e7c194; margin-top: -6px; margin-left: -6px; } .saturn:after { position: absolute; content: ""; height: 2.34%; width: 4.676%; left: 50%; top: 0px; -webkit-transform: rotateZ(-52deg); transform: rotateZ(-52deg); margin-left: -2.3%; margin-top: -1.2%; border-radius: 50% 50% 50% 50%; box-shadow: 0 1px 0 1px #987641, 3px 1px 0 #987641, -3px 1px 0 #987641; -webkit-animation: orb 882.6952471456s linear infinite; animation: orb 882.6952471456s linear infinite; animation-direction: reverse; -webkit-transform-origin: 52% 60%; transform-origin: 52% 60%; } .uranus { height: 520px; width: 520px; margin-top: -260px; margin-left: -260px; -webkit-animation: orb 2512.4001967933s linear infinite; animation: orb 2512.4001967933s linear infinite; } .uranus:before { height: 10px; width: 10px; background: #b5e3e3; margin-top: -5px; margin-left: -5px; } .neptune { height: 630px; width: 630px; margin-top: -315px; margin-left: -315px; -webkit-animation: orb 4911.7838624549s linear infinite; animation: orb 4911.7838624549s linear infinite; } .neptune:before { height: 10px; width: 10px; background: #175e9e; margin-top: -5px; margin-left: -5px; } .asteroids-belt { opacity: .7; border-color: transparent !important; height: 300px; width: 300px; margin-top: -150px; margin-left: -150px; -webkit-animation: orb 179.9558282773s linear infinite; animation: orb 179.9558282773s linear infinite; overflow: hidden; } .asteroids-belt:before { top: 50%; height: 210px; width: 210px; margin-left: -105px; margin-top: -105px; background: transparent; border-radius: 140px !important; box-shadow: 57px -44px 0 -104px rgba(255, 255, 255, 0.252) , 4px -139px 0 -104px rgba(255,255,255, 0.151) , -89px -39px 0 -104px rgba(255,255,255, 0.807) , 86px -108px 0 -104px rgba(255,255,255, 0.629) , 38px 44px 0 -104px rgba(255,255,255, 0.165) , 17px 87px 0 -104px rgba(255,255,255, 0.763) , -58px 9px 0 -104px rgba(255,255,255, 0.204) , 72px 31px 0 -104px rgba(255,255,255, 0.334) , 133px 57px 0 -104px rgba(255,255,255, 0.352) , 86px -116px 0 -104px rgba(255,255,255, 0.896) , -137px -71px 0 -104px rgba(255,255,255, 0.492) , 115px 38px 0 -104px rgba(255,255,255, 0.286) , -8px -15px 0 -104px rgba(255,255,255, 0.316) , 95px -5px 0 -104px rgba(255,255,255, 0.025) , -16px -112px 0 -104px rgba(255,255,255, 0.745) , 103px 117px 0 -104px rgba(255,255,255, 0.984) , 47px -70px 0 -104px rgba(255,255,255, 0.963) , -77px 52px 0 -104px rgba(255,255,255, 0.377) , -24px -110px 0 -104px rgba(255,255,255, 0.38) , -20px -53px 0 -104px rgba(255,255,255, 0.49) , -85px -81px 0 -104px rgba(255,255,255, 0.455) , -115px 28px 0 -104px rgba(255,255,255, 0.24) , -116px 4px 0 -104px rgba(255,255,255, 0.44) , 17px 96px 0 -104px rgba(255,255,255, 0.182) , -13px -51px 0 -104px rgba(255,255,255, 0.788) , -117px 118px 0 -104px rgba(255,255,255, 0.361) , 26px -80px 0 -104px rgba(255,255,255, 0.482) , -26px -79px 0 -104px rgba(255,255,255, 0.089) , 27px 114px 0 -104px rgba(255,255,255, 0.102) , -59px 130px 0 -104px rgba(255,255,255, 0.299) , 114px 64px 0 -104px rgba(255,255,255, 0.584) , 124px 70px 0 -104px rgba(255,255,255, 0.039) , 49px -119px 0 -104px rgba(255,255,255, 0.909) , -135px 47px 0 -104px rgba(255,255,255, 0.149) , 79px -67px 0 -104px rgba(255,255,255, 0.021) , -138px -121px 0 -104px rgba(255,255,255, 0.307) , -69px 4px 0 -104px rgba(255,255,255, 0.759) , 118px -70px 0 -104px rgba(255,255,255, 0.736) , 46px 82px 0 -104px rgba(255,255,255, 0.408) , 75px 70px 0 -104px rgba(255,255,255, 0.699) , 12px -48px 0 -104px rgba(255,255,255, 0.652) , -81px 108px 0 -104px rgba(255,255,255, 0.189) , -143px -2px 0 -104px rgba(255,255,255, 0.055) , 101px -101px 0 -104px rgba(255,255,255, 0.554) , -15px -35px 0 -104px rgba(255,255,255, 0.894) , 142px 9px 0 -104px rgba(255,255,255, 0.051) , 141px -69px 0 -104px rgba(255,255,255, 0.285) , -136px -125px 0 -104px rgba(255,255,255, 0.879) , -69px 136px 0 -104px rgba(255,255,255, 0.51) , -109px -11px 0 -104px rgba(255,255,255, 0.246) , -87px -133px 0 -104px rgba(255,255,255, 0.761) , 114px -124px 0 -104px rgba(255,255,255, 0.396) , 111px -119px 0 -104px rgba(255,255,255, 0.446) , 47px 118px 0 -104px rgba(255,255,255, 0.621) , 24px -86px 0 -104px rgba(255,255,255, 0.286) , 15px -123px 0 -104px rgba(255,255,255, 0.869) , -114px -51px 0 -104px rgba(255,255,255, 0.165) , -61px -63px 0 -104px rgba(255,255,255, 0.667) , -33px -40px 0 -104px rgba(255,255,255, 0.892) , 122px 76px 0 -104px rgba(255,255,255, 0.907) , -68px -22px 0 -104px rgba(255,255,255, 0.838) , 42px -48px 0 -104px rgba(255,255,255, 0.806) , -59px -134px 0 -104px rgba(255,255,255, 0.747) , 99px 131px 0 -104px rgba(255,255,255, 0.035) , 77px 68px 0 -104px rgba(255,255,255, 0.181) , 83px -4px 0 -104px rgba(255,255,255, 0.191) , 53px -43px 0 -104px rgba(255,255,255, 0.931) , -13px 38px 0 -104px rgba(255,255,255, 0.093) , -85px 32px 0 -104px rgba(255,255,255, 0.888) , -34px -8px 0 -104px rgba(255,255,255, 0.296) , -109px -92px 0 -104px rgba(255,255,255, 0.335) , 135px -80px 0 -104px rgba(255,255,255, 0.907) , -15px 122px 0 -104px rgba(255,255,255, 0.24) , -142px -135px 0 -104px rgba(255,255,255, 0.948) , 102px 104px 0 -104px rgba(255,255,255, 0.217) , -58px 58px 0 -104px rgba(255,255,255, 0.931) , 31px -15px 0 -104px rgba(255,255,255, 0.447) , 14px 75px 0 -104px rgba(255,255,255, 0.632) , 129px 60px 0 -104px rgba(255,255,255, 0.223) , 9px 8px 0 -104px rgba(255,255,255, 0.648) , 137px -52px 0 -104px rgba(255,255,255, 0.278) , 110px -83px 0 -104px rgba(255,255,255, 0.884) , 89px 46px 0 -104px rgba(255,255,255, 0.745) , 111px -137px 0 -104px rgba(255,255,255, 0.484) , 76px 0px 0 -104px rgba(255,255,255, 0.093) , 141px 124px 0 -104px rgba(255,255,255, 0.871) , 46px -134px 0 -104px rgba(255,255,255, 0.442) , -32px -15px 0 -104px rgba(255,255,255, 0.779) , -57px -33px 0 -104px rgba(255,255,255, 0.709) , 36px 143px 0 -104px rgba(255,255,255, 0.439) , 51px 143px 0 -104px rgba(255,255,255, 0.09) , 103px 19px 0 -104px rgba(255,255,255, 0.383) , 42px 55px 0 -104px rgba(255,255,255, 0.124) , 12px -84px 0 -104px rgba(255,255,255, 0.09) , 127px -34px 0 -104px rgba(255,255,255, 0.493) , -12px 20px 0 -104px rgba(255,255,255, 0.078) , -8px -93px 0 -104px rgba(255,255,255, 0.339) , -63px -109px 0 -104px rgba(255,255,255, 0.686) , -13px 112px 0 -104px rgba(255,255,255, 0.354) , 70px 36px 0 -104px rgba(255,255,255, 0.309) , -60px -13px 0 -104px rgba(255,255,255, 0.999) , 31px -4px 0 -104px rgba(255,255,255, 0.977) , -132px -74px 0 -104px rgba(255,255,255, 0.324) , 0px -35px 0 -104px rgba(255,255,255, 0.143) , 53px -68px 0 -104px rgba(255,255,255, 0.269) , -33px 128px 0 -104px rgba(255,255,255, 0.517) , 77px 60px 0 -104px rgba(255,255,255, 0.105) , -34px 16px 0 -104px rgba(255,255,255, 0.26) , 41px -104px 0 -104px rgba(255,255,255, 0.328) , -74px 101px 0 -104px rgba(255,255,255, 0.513) , -101px 145px 0 -104px rgba(255,255,255, 0.96) , -54px 46px 0 -104px rgba(255,255,255, 0.69) , -35px -111px 0 -104px rgba(255,255,255, 0.434) , -10px -62px 0 -104px rgba(255,255,255, 0.998) , 65px -32px 0 -104px rgba(255,255,255, 0.213) , 83px -100px 0 -104px rgba(255,255,255, 0.132) , -122px 0px 0 -104px rgba(255,255,255, 0.496) , -138px -139px 0 -104px rgba(255,255,255, 0.743) , 103px -127px 0 -104px rgba(255,255,255, 0.41) , -75px -110px 0 -104px rgba(255,255,255, 0.089) , -76px -33px 0 -104px rgba(255,255,255, 0.563) , -141px 55px 0 -104px rgba(255,255,255, 0.267) , 35px 109px 0 -104px rgba(255,255,255, 0.22) , 118px 88px 0 -104px rgba(255,255,255, 0.986) , -43px -73px 0 -104px rgba(255,255,255, 0.725) , 101px 62px 0 -104px rgba(255,255,255, 0.351) , 41px -53px 0 -104px rgba(255,255,255, 0.561) , 11px -33px 0 -104px rgba(255,255,255, 0.671) , -65px -57px 0 -104px rgba(255,255,255, 0.038) , -5px -77px 0 -104px rgba(255,255,255, 1) , -43px 21px 0 -104px rgba(255,255,255, 0.507) , -4px -110px 0 -104px rgba(255,255,255, 0.064) , 31px 6px 0 -104px rgba(255,255,255, 0.484) , 117px 107px 0 -104px rgba(255,255,255, 0.958) , 83px -59px 0 -104px rgba(255,255,255, 0.632) , -118px 70px 0 -104px rgba(255,255,255, 0.404) , -72px -46px 0 -104px rgba(255,255,255, 0.74) , -108px 105px 0 -104px rgba(255,255,255, 0.967) , 110px -93px 0 -104px rgba(255,255,255, 0.512) , 96px 144px 0 -104px rgba(255,255,255, 0.893) , 60px -136px 0 -104px rgba(255,255,255, 0.36) , -141px -47px 0 -104px rgba(255,255,255, 0.2) , 100px -25px 0 -104px rgba(255,255,255, 0.407) , -128px 75px 0 -104px rgba(255,255,255, 0.783) , -115px 117px 0 -104px rgba(255,255,255, 0.536) , 38px 10px 0 -104px rgba(255,255,255, 0.886) , -106px 73px 0 -104px rgba(255,255,255, 0.319) , 35px -129px 0 -104px rgba(255,255,255, 0.31) , -74px -78px 0 -104px rgba(255,255,255, 0.17) , 1px 20px 0 -104px rgba(255,255,255, 0.333) , -84px 52px 0 -104px rgba(255,255,255, 0.27) , 16px 5px 0 -104px rgba(255,255,255, 0.538) , -10px -89px 0 -104px rgba(255,255,255, 0.237) , 135px -141px 0 -104px rgba(255,255,255, 0.588) , -76px 88px 0 -104px rgba(255,255,255, 0.453) , -20px -41px 0 -104px rgba(255,255,255, 0.921) , -113px -42px 0 -104px rgba(255,255,255, 0.857) , 71px -59px 0 -104px rgba(255,255,255, 0.522) , -33px 110px 0 -104px rgba(255,255,255, 0.111) , -97px 94px 0 -104px rgba(255,255,255, 0.712) , -130px 120px 0 -104px rgba(255,255,255, 0.465) , -27px 30px 0 -104px rgba(255,255,255, 0.147) , -50px 131px 0 -104px rgba(255,255,255, 0.475) , 16px -45px 0 -104px rgba(255,255,255, 0.233) , -91px 60px 0 -104px rgba(255,255,255, 0.479) , 116px -6px 0 -104px rgba(255,255,255, 0.448) , 121px 96px 0 -104px rgba(255,255,255, 0.573) , 143px 3px 0 -104px rgba(255,255,255, 0.769) , -75px 53px 0 -104px rgba(255,255,255, 0.365) , -65px -118px 0 -104px rgba(255,255,255, 0.882) , 33px 124px 0 -104px rgba(255,255,255, 0.032) , -52px 144px 0 -104px rgba(255,255,255, 0.646) , 12px 135px 0 -104px rgba(255,255,255, 0.111) , 42px 65px 0 -104px rgba(255,255,255, 0.854) , 76px 83px 0 -104px rgba(255,255,255, 0.137) , 60px -25px 0 -104px rgba(255,255,255, 0.536) , 127px -62px 0 -104px rgba(255,255,255, 0.013) , -144px 135px 0 -104px rgba(255,255,255, 0.492) , 37px 3px 0 -104px rgba(255,255,255, 0.775) , 78px -130px 0 -104px rgba(255,255,255, 0.251) , 37px 48px 0 -104px rgba(255,255,255, 0.925) , 137px 4px 0 -104px rgba(255,255,255, 0.283) , 34px 13px 0 -104px rgba(255,255,255, 0.556) , 120px -127px 0 -104px rgba(255,255,255, 0.781) , -49px -139px 0 -104px rgba(255,255,255, 0.56) , -23px 0px 0 -104px rgba(255,255,255, 0.903) , 63px -57px 0 -104px rgba(255,255,255, 0.555) , -94px -104px 0 -104px rgba(255,255,255, 0.915) , 100px -56px 0 -104px rgba(255,255,255, 0.896) , 77px -12px 0 -104px rgba(255,255,255, 0.242) , 26px 3px 0 -104px rgba(255,255,255, 0.84) , 90px -137px 0 -104px rgba(255,255,255, 0.628) , -29px 34px 0 -104px rgba(255,255,255, 0.458) , -36px 130px 0 -104px rgba(255,255,255, 0.406) , 67px 44px 0 -104px rgba(255,255,255, 0.188) , -10px 77px 0 -104px rgba(255,255,255, 0.011) , 79px 31px 0 -104px rgba(255,255,255, 0.985) , -1px 123px 0 -104px rgba(255,255,255, 0.262) , 127px -89px 0 -104px rgba(255,255,255, 0.169) , -101px 25px 0 -104px rgba(255,255,255, 0.443) , -4px -140px 0 -104px rgba(255,255,255, 0.842) , 70px 36px 0 -104px rgba(255,255,255, 0.547) , -13px 22px 0 -104px rgba(255,255,255, 0.584) , -57px -130px 0 -104px rgba(255,255,255, 0.251) , -28px 87px 0 -104px rgba(255,255,255, 0.848) , -95px 94px 0 -104px rgba(255,255,255, 0.396) , -61px -91px 0 -104px rgba(255,255,255, 0.113) , 89px 139px 0 -104px rgba(255,255,255, 0.064) , -40px -73px 0 -104px rgba(255,255,255, 0.241) , -62px -95px 0 -104px rgba(255,255,255, 0.452) , 15px 73px 0 -104px rgba(255,255,255, 0.483) , 103px -68px 0 -104px rgba(255,255,255, 0.991) , -34px -34px 0 -104px rgba(255,255,255, 0.788) , 114px 103px 0 -104px rgba(255,255,255, 0.916) , -140px -33px 0 -104px rgba(255,255,255, 0.786) , 46px -14px 0 -104px rgba(255,255,255, 0.132) , -125px -33px 0 -104px rgba(255,255,255, 0.01) , 1px 111px 0 -104px rgba(255,255,255, 0.612) , -2px -35px 0 -104px rgba(255,255,255, 0.642) , -102px 93px 0 -104px rgba(255,255,255, 0.953) , 87px 85px 0 -104px rgba(255,255,255, 0.236) , 100px 102px 0 -104px rgba(255,255,255, 0.312) , 128px 33px 0 -104px rgba(255,255,255, 0.227) , -30px -121px 0 -104px rgba(255,255,255, 0.446) , 11px -133px 0 -104px rgba(255,255,255, 0.222) , -23px -32px 0 -104px rgba(255,255,255, 0.806) , 41px 6px 0 -104px rgba(255,255,255, 0.26) , 1px 0px 0 -104px rgba(255,255,255, 0.622) , -41px -93px 0 -104px rgba(255,255,255, 0.567) , 67px -85px 0 -104px rgba(255,255,255, 0.913) , 84px 13px 0 -104px rgba(255,255,255, 0.452) , 134px -31px 0 -104px rgba(255,255,255, 0.667) , -108px 99px 0 -104px rgba(255,255,255, 0.732) , -4px -124px 0 -104px rgba(255,255,255, 0.669) , 131px 37px 0 -104px rgba(255,255,255, 0.464) , 106px 56px 0 -104px rgba(255,255,255, 0.469) , -23px 6px 0 -104px rgba(255,255,255, 0.679) , 44px -40px 0 -104px rgba(255,255,255, 0.617) , 17px -68px 0 -104px rgba(255,255,255, 0.876) , -127px -137px 0 -104px rgba(255,255,255, 0.176) , -86px -1px 0 -104px rgba(255,255,255, 0.236) , 8px 110px 0 -104px rgba(255,255,255, 0.349) , 121px 105px 0 -104px rgba(255,255,255, 0.101) , -134px 104px 0 -104px rgba(255,255,255, 0.553) , -62px -40px 0 -104px rgba(255,255,255, 0.73) , -58px 97px 0 -104px rgba(255,255,255, 0.596) , 138px -41px 0 -104px rgba(255,255,255, 0.923) , -39px -108px 0 -104px rgba(255,255,255, 0.832) , 58px -69px 0 -104px rgba(255,255,255, 0.588) , 103px 16px 0 -104px rgba(255,255,255, 0.477) , 5px -67px 0 -104px rgba(255,255,255, 0.909) , -109px -108px 0 -104px rgba(255,255,255, 0.933) , -103px 58px 0 -104px rgba(255,255,255, 0.84) , 69px -115px 0 -104px rgba(255,255,255, 0.822) , -103px 103px 0 -104px rgba(255,255,255, 0.512) , 13px -108px 0 -104px rgba(255,255,255, 0.288) , 95px -59px 0 -104px rgba(255,255,255, 0.216) , -106px 97px 0 -104px rgba(255,255,255, 0.128) , 67px -102px 0 -104px rgba(255,255,255, 0.161) , 135px 5px 0 -104px rgba(255,255,255, 0.912) , 61px -27px 0 -104px rgba(255,255,255, 0.548) , -48px 45px 0 -104px rgba(255,255,255, 0.935) , -51px 53px 0 -104px rgba(255,255,255, 0.432) , 12px 83px 0 -104px rgba(255,255,255, 0.119) , 101px 105px 0 -104px rgba(255,255,255, 0.801) , -19px -25px 0 -104px rgba(255,255,255, 0.8) , -31px -78px 0 -104px rgba(255,255,255, 0.678) , 45px -26px 0 -104px rgba(255,255,255, 0.471) , -142px 128px 0 -104px rgba(255,255,255, 0.84) , -43px -117px 0 -104px rgba(255,255,255, 0.939) , 17px 95px 0 -104px rgba(255,255,255, 0.384) , 18px -26px 0 -104px rgba(255,255,255, 0.319) , 34px -142px 0 -104px rgba(255,255,255, 0.948) , -32px 69px 0 -104px rgba(255,255,255, 0.345) , 137px -24px 0 -104px rgba(255,255,255, 0.316) , 132px -36px 0 -104px rgba(255,255,255, 0.414) , 122px 16px 0 -104px rgba(255,255,255, 0.663) , 50px 82px 0 -104px rgba(255,255,255, 0.523) , 129px -55px 0 -104px rgba(255,255,255, 0.91) , 59px 78px 0 -104px rgba(255,255,255, 0.047) , 98px -118px 0 -104px rgba(255,255,255, 0.091) , -2px 79px 0 -104px rgba(255,255,255, 0.707) , -126px 30px 0 -104px rgba(255,255,255, 0.86) , -44px 82px 0 -104px rgba(255,255,255, 0.577) , -1px 8px 0 -104px rgba(255,255,255, 0.133) , 63px -49px 0 -104px rgba(255,255,255, 0.417) , 23px 121px 0 -104px rgba(255,255,255, 0.04) , 40px 57px 0 -104px rgba(255,255,255, 0.571) , 70px -45px 0 -104px rgba(255,255,255, 0.878) , 33px 140px 0 -104px rgba(255,255,255, 0.235) , 71px -118px 0 -104px rgba(255,255,255, 0.189) , 13px 37px 0 -104px rgba(255,255,255, 0.641) , 110px -89px 0 -104px rgba(255,255,255, 0.202) , 77px -113px 0 -104px rgba(255,255,255, 0.958) , 102px -60px 0 -104px rgba(255,255,255, 0.223) , 49px 10px 0 -104px rgba(255,255,255, 0.38) , -134px -41px 0 -104px rgba(255,255,255, 0.394) , 116px 77px 0 -104px rgba(255,255,255, 0.698) , -36px -69px 0 -104px rgba(255,255,255, 0.412) , -31px 124px 0 -104px rgba(255,255,255, 0.947) , 99px 56px 0 -104px rgba(255,255,255, 0.303) , -47px -130px 0 -104px rgba(255,255,255, 0.469) , 30px 113px 0 -104px rgba(255,255,255, 0.379) , -23px 82px 0 -104px rgba(255,255,255, 0.171) , 14px -72px 0 -104px rgba(255,255,255, 0.806) , -96px -90px 0 -104px rgba(255,255,255, 0.626) , -56px -140px 0 -104px rgba(255,255,255, 0.343) , -79px -2px 0 -104px rgba(255,255,255, 0.717) , -113px -105px 0 -104px rgba(255,255,255, 0.731) , -83px 101px 0 -104px rgba(255,255,255, 0.206) , 0px 69px 0 -104px rgba(255,255,255, 0.57) , -102px -75px 0 -104px rgba(255,255,255, 0.454) , 113px 38px 0 -104px rgba(255,255,255, 0.6) , 130px 74px 0 -104px rgba(255,255,255, 0.248) , -123px 137px 0 -104px rgba(255,255,255, 0.206) , -55px -15px 0 -104px rgba(255,255,255, 0.587) , 80px -40px 0 -104px rgba(255,255,255, 0.554) , -81px 72px 0 -104px rgba(255,255,255, 0.534) , -2px 18px 0 -104px rgba(255,255,255, 0.449) , -65px -122px 0 -104px rgba(255,255,255, 0.838) , 134px -127px 0 -104px rgba(255,255,255, 0.845) , 95px -135px 0 -104px rgba(255,255,255, 0.592) , 53px 133px 0 -104px rgba(255,255,255, 0.292) , 37px -82px 0 -104px rgba(255,255,255, 0.507) , 102px 125px 0 -104px rgba(255,255,255, 0.467) , 125px 96px 0 -104px rgba(255,255,255, 0.194) , -140px -113px 0 -104px rgba(255,255,255, 0.083) , -63px -107px 0 -104px rgba(255,255,255, 0.64) , -107px 1px 0 -104px rgba(255,255,255, 0.48) , -107px -63px 0 -104px rgba(255,255,255, 0.106) , 74px 10px 0 -104px rgba(255,255,255, 0.22) , 63px 16px 0 -104px rgba(255,255,255, 0.207) , 87px -57px 0 -104px rgba(255,255,255, 0.351) , 15px 122px 0 -104px rgba(255,255,255, 0.865) , 59px -143px 0 -104px rgba(255,255,255, 0.238) , -26px 141px 0 -104px rgba(255,255,255, 0.69) , 69px 92px 0 -104px rgba(255,255,255, 0.595) , -143px 17px 0 -104px rgba(255,255,255, 0.16) , -40px 63px 0 -104px rgba(255,255,255, 0.754) , 140px -116px 0 -104px rgba(255,255,255, 0.939) , -31px -99px 0 -104px rgba(255,255,255, 0.551) , -2px -95px 0 -104px rgba(255,255,255, 0.302) , -85px 142px 0 -104px rgba(255,255,255, 0.136) , 126px -47px 0 -104px rgba(255,255,255, 0.043) , -130px -79px 0 -104px rgba(255,255,255, 0.061) , 141px 1px 0 -104px rgba(255,255,255, 0.632) , 45px 123px 0 -104px rgba(255,255,255, 0.162) , 93px -59px 0 -104px rgba(255,255,255, 0.332) , 129px 0px 0 -104px rgba(255,255,255, 0.627) , 52px -21px 0 -104px rgba(255,255,255, 0.681) , 36px -1px 0 -104px rgba(255,255,255, 0.948) , 111px 63px 0 -104px rgba(255,255,255, 0.348) , 124px -71px 0 -104px rgba(255,255,255, 0.6) , 89px -51px 0 -104px rgba(255,255,255, 0.789) , -9px 29px 0 -104px rgba(255,255,255, 0.454) , -140px -61px 0 -104px rgba(255,255,255, 0.728) , -119px 26px 0 -104px rgba(255,255,255, 0.044) , 97px 47px 0 -104px rgba(255,255,255, 0.309) , 124px -27px 0 -104px rgba(255,255,255, 0.125) , -56px 107px 0 -104px rgba(255,255,255, 0.917) , -8px 15px 0 -104px rgba(255,255,255, 0.949) , -6px 45px 0 -104px rgba(255,255,255, 0.349) , 130px 102px 0 -104px rgba(255,255,255, 0.261) , 83px -32px 0 -104px rgba(255,255,255, 0.911) , 23px 10px 0 -104px rgba(255,255,255, 0.399) , 28px 39px 0 -104px rgba(255,255,255, 0.128) , -124px -12px 0 -104px rgba(255,255,255, 0.696) , 81px 63px 0 -104px rgba(255,255,255, 0.962) , 132px 75px 0 -104px rgba(255,255,255, 0.01) , -116px 61px 0 -104px rgba(255,255,255, 0.784) , -123px 34px 0 -104px rgba(255,255,255, 0.932) , -18px 101px 0 -104px rgba(255,255,255, 0.47) , -17px 120px 0 -104px rgba(255,255,255, 0.082) , 86px -8px 0 -104px rgba(255,255,255, 0.013) , 97px 10px 0 -104px rgba(255,255,255, 0.191) , -116px -55px 0 -104px rgba(255,255,255, 0.685) , -129px -109px 0 -104px rgba(255,255,255, 0.544) , 73px 51px 0 -104px rgba(255,255,255, 0.609) , -118px -13px 0 -104px rgba(255,255,255, 0.01) , 11px 39px 0 -104px rgba(255,255,255, 0.323) , -102px -27px 0 -104px rgba(255,255,255, 0.071) , 111px -77px 0 -104px rgba(255,255,255, 0.707) , 49px 96px 0 -104px rgba(255,255,255, 0.31) , -122px -117px 0 -104px rgba(255,255,255, 0.229) , 20px 17px 0 -104px rgba(255,255,255, 0.649) , 36px -20px 0 -104px rgba(255,255,255, 0.767) , 70px 6px 0 -104px rgba(255,255,255, 0.321) , -5px 66px 0 -104px rgba(255,255,255, 0.416) , -123px 50px 0 -104px rgba(255,255,255, 0.833) , -115px -84px 0 -104px rgba(255,255,255, 0.328); } .pluto { height: 780px; width: 780px; margin-top: -450px; margin-left: -320px; -webkit-animation: orb 7439.7074054575s linear infinite; animation: orb 7439.7074054575s linear infinite; } .pluto:before { height: 3px; width: 3px; background: #fff; margin-top: -1.5px; margin-left: -1.5px; } @-webkit-keyframes orb { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes orb { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /* Malik Dellidj - @Dathink Solar System orbit animation true time scaled Revolution of planets in earth days (from Wikipedia) Mercury : ~87,5 days Venus : ~224,7 days Earth : ~365,2563 days + Moon : ~27,3216 days (around earth) Mars : ~687 days (~1,8 year) Jupiter : ~4 331 days (~12 years) Saturn : ~10 747 days (~30 years) Uranus : ~30 589 days (~84 years) Neptune : ~59 802 days (~165 years) Pluto : ~90 580 days (~248 years) */ .solartop{ height: 100px; position: relative; top: 100px; background-image: linear-gradient(to top, rgba(255,0,0,0), #FFFFFF 80%); z-index: 5; } .bandom2{ position: relative; height: 600px; width: 100%; background: radial-gradient(ellipse at bottom, #1C2837 0%, #050608 100%); overflow: hidden; } .solarbottom{ height: 100px; position: relative; top: -100px; background-image: linear-gradient(to bottom, rgba(255,0,0,0), #FFFFFF 80%); z-index: 5; } .solar-syst { margin: 0 auto; width: 100%; height: 100%; position: relative; } .solar-syst:after { content: ""; position: absolute; height: 2px; width: 2px; top: -2px; background: white; box-shadow: 1395px 307px 0 0px rgba(255, 255, 255, 0.469) , 1458px 673px 0 0px rgba(255,255,255, 0.823) , 871px 930px 0 0px rgba(255,255,255, 0.424) , 146px 1539px 0 0px rgba(255,255,255, 0.596) , 1216px 1173px 0 0px rgba(255,255,255, 0.21) , 785px 1497px 0 0px rgba(255,255,255, 0.512) , 1523px 102px 0 0px rgba(255,255,255, 0.276) , 1429px 689px 0 0px rgba(255,255,255, 0.917) , 1250px 1413px 0 0px rgba(255,255,255, 0.716) , 717px 73px 0 0px rgba(255,255,255, 0.902) , 858px 791px 0 0px rgba(255,255,255, 0.947) , 1756px 258px 0 0px rgba(255,255,255, 0.022) , 908px 1258px 0 0px rgba(255,255,255, 0.816) , 283px 852px 0 0px rgba(255,255,255, 0.438) , 1084px 302px 0 0px rgba(255,255,255, 0.197) , 1376px 205px 0 0px rgba(255,255,255, 0.103) , 1373px 110px 0 0px rgba(255,255,255, 0.744) , 1457px 343px 0 0px rgba(255,255,255, 0.788) , 1639px 1391px 0 0px rgba(255,255,255, 0.044) , 894px 1772px 0 0px rgba(255,255,255, 0.241) , 1477px 982px 0 0px rgba(255,255,255, 0.615) , 38px 577px 0 0px rgba(255,255,255, 0.862) , 507px 925px 0 0px rgba(255,255,255, 0.696) , 1689px 1465px 0 0px rgba(255,255,255, 0.399) , 575px 1748px 0 0px rgba(255,255,255, 0.501) , 540px 1515px 0 0px rgba(255,255,255, 0.103) , 380px 99px 0 0px rgba(255,255,255, 0.662) , 1292px 1319px 0 0px rgba(255,255,255, 0.251) , 889px 957px 0 0px rgba(255,255,255, 0.954) , 188px 236px 0 0px rgba(255,255,255, 0.78) , 978px 1113px 0 0px rgba(255,255,255, 0.817) , 1563px 1784px 0 0px rgba(255,255,255, 0.272) , 2px 1062px 0 0px rgba(255,255,255, 0.776) , 39px 1797px 0 0px rgba(255,255,255, 0.571) , 703px 678px 0 0px rgba(255,255,255, 0.621) , 1036px 45px 0 0px rgba(255,255,255, 0.668) , 1535px 589px 0 0px rgba(255,255,255, 0.898) , 417px 1069px 0 0px rgba(255,255,255, 0.144) , 1055px 1297px 0 0px rgba(255,255,255, 0.364) , 1122px 1035px 0 0px rgba(255,255,255, 0.04) , 798px 1663px 0 0px rgba(255,255,255, 0.066) , 1322px 246px 0 0px rgba(255,255,255, 0.169) , 1270px 674px 0 0px rgba(255,255,255, 0.454) , 849px 1579px 0 0px rgba(255,255,255, 0.472) , 860px 156px 0 0px rgba(255,255,255, 0.784) , 610px 1238px 0 0px rgba(255,255,255, 0.678) , 810px 1554px 0 0px rgba(255,255,255, 0.889) , 191px 1417px 0 0px rgba(255,255,255, 0.921) , 1217px 549px 0 0px rgba(255,255,255, 0.346) , 12px 1589px 0 0px rgba(255,255,255, 0.986) , 1339px 1121px 0 0px rgba(255,255,255, 0.239) , 1068px 1171px 0 0px rgba(255,255,255, 0.811) , 589px 1535px 0 0px rgba(255,255,255, 0.082) , 564px 89px 0 0px rgba(255,255,255, 0.713) , 1667px 1416px 0 0px rgba(255,255,255, 0.838) , 266px 649px 0 0px rgba(255,255,255, 0.551) , 1389px 577px 0 0px rgba(255,255,255, 0.969) , 985px 1633px 0 0px rgba(255,255,255, 0.519) , 684px 1732px 0 0px rgba(255,255,255, 0.053) , 475px 1678px 0 0px rgba(255,255,255, 0.232) , 610px 572px 0 0px rgba(255,255,255, 0.804) , 1418px 1760px 0 0px rgba(255,255,255, 0.366) , 862px 237px 0 0px rgba(255,255,255, 0.625) , 1730px 763px 0 0px rgba(255,255,255, 0.286) , 1555px 449px 0 0px rgba(255,255,255, 0.82) , 1013px 1521px 0 0px rgba(255,255,255, 0.613) , 524px 515px 0 0px rgba(255,255,255, 0.392) , 152px 7px 0 0px rgba(255,255,255, 0.326) , 711px 1024px 0 0px rgba(255,255,255, 0.736) , 1587px 1416px 0 0px rgba(255,255,255, 0.632) , 1496px 1247px 0 0px rgba(255,255,255, 0.659) , 784px 1668px 0 0px rgba(255,255,255, 0.558) , 973px 448px 0 0px rgba(255,255,255, 0.594) , 1494px 39px 0 0px rgba(255,255,255, 0.432) , 982px 1477px 0 0px rgba(255,255,255, 0.678) , 389px 216px 0 0px rgba(255,255,255, 0.048) , 999px 1546px 0 0px rgba(255,255,255, 0.918) , 359px 1402px 0 0px rgba(255,255,255, 0.983) , 1360px 681px 0 0px rgba(255,255,255, 0.689) , 856px 1778px 0 0px rgba(255,255,255, 0.269) , 1020px 894px 0 0px rgba(255,255,255, 0.569) , 1390px 831px 0 0px rgba(255,255,255, 0.892) , 1762px 408px 0 0px rgba(255,255,255, 0.293) , 1062px 1544px 0 0px rgba(255,255,255, 0.205) , 1797px 1660px 0 0px rgba(255,255,255, 0.185) , 1245px 1216px 0 0px rgba(255,255,255, 0.355) , 623px 521px 0 0px rgba(255,255,255, 0.909) , 1455px 1180px 0 0px rgba(255,255,255, 0.025) , 617px 496px 0 0px rgba(255,255,255, 0.76) , 1772px 1413px 0 0px rgba(255,255,255, 0.336) , 277px 9px 0 0px rgba(255,255,255, 0.353) , 155px 93px 0 0px rgba(255,255,255, 0.008) , 525px 536px 0 0px rgba(255,255,255, 0.832) , 1355px 250px 0 0px rgba(255,255,255, 0.069) , 510px 1147px 0 0px rgba(255,255,255, 0.489) , 789px 1769px 0 0px rgba(255,255,255, 0.424) , 1270px 435px 0 0px rgba(255,255,255, 0.968) , 775px 1140px 0 0px rgba(255,255,255, 0.144) , 827px 983px 0 0px rgba(255,255,255, 0.506) , 938px 101px 0 0px rgba(255,255,255, 0.143) , 1610px 153px 0 0px rgba(255,255,255, 0.353) , 191px 1524px 0 0px rgba(255,255,255, 0.703) , 473px 20px 0 0px rgba(255,255,255, 0.158) , 1168px 1710px 0 0px rgba(255,255,255, 0.77) , 1644px 583px 0 0px rgba(255,255,255, 0.794) , 382px 1700px 0 0px rgba(255,255,255, 0.853) , 636px 79px 0 0px rgba(255,255,255, 0.61) , 1193px 271px 0 0px rgba(255,255,255, 0.619) , 434px 1602px 0 0px rgba(255,255,255, 0.397) , 912px 655px 0 0px rgba(255,255,255, 0.1) , 1324px 324px 0 0px rgba(255,255,255, 0.586) , 718px 292px 0 0px rgba(255,255,255, 0.193) , 552px 963px 0 0px rgba(255,255,255, 0.101) , 295px 547px 0 0px rgba(255,255,255, 0.37) , 103px 1042px 0 0px rgba(255,255,255, 0.829) , 1131px 1224px 0 0px rgba(255,255,255, 0.463) , 1643px 431px 0 0px rgba(255,255,255, 0.683) , 1553px 3px 0 0px rgba(255,255,255, 0.598) , 1475px 396px 0 0px rgba(255,255,255, 0.583) , 273px 477px 0 0px rgba(255,255,255, 0.943) , 665px 1542px 0 0px rgba(255,255,255, 0.264) , 1032px 787px 0 0px rgba(255,255,255, 0.174) , 699px 1321px 0 0px rgba(255,255,255, 0.26) , 1624px 1217px 0 0px rgba(255,255,255, 0.124) , 653px 33px 0 0px rgba(255,255,255, 0.624) , 1004px 1154px 0 0px rgba(255,255,255, 0.284) , 1527px 100px 0 0px rgba(255,255,255, 0.813) , 956px 689px 0 0px rgba(255,255,255, 0.19) , 408px 1281px 0 0px rgba(255,255,255, 0.922) , 1347px 1067px 0 0px rgba(255,255,255, 0.623) , 294px 375px 0 0px rgba(255,255,255, 0.499) , 508px 1557px 0 0px rgba(255,255,255, 0.422) , 438px 1073px 0 0px rgba(255,255,255, 0.829) , 1533px 1017px 0 0px rgba(255,255,255, 0.626) , 844px 531px 0 0px rgba(255,255,255, 0.273) , 298px 1239px 0 0px rgba(255,255,255, 0.124) , 282px 1546px 0 0px rgba(255,255,255, 0.714) , 1328px 997px 0 0px rgba(255,255,255, 0.613) , 615px 50px 0 0px rgba(255,255,255, 0.231) , 35px 792px 0 0px rgba(255,255,255, 0.549) , 37px 745px 0 0px rgba(255,255,255, 0.759) , 665px 1354px 0 0px rgba(255,255,255, 0.73) , 581px 366px 0 0px rgba(255,255,255, 0.371) , 453px 344px 0 0px rgba(255,255,255, 0.998) , 751px 855px 0 0px rgba(255,255,255, 0.382) , 1584px 1564px 0 0px rgba(255,255,255, 0.282) , 122px 1374px 0 0px rgba(255,255,255, 0.579) , 309px 559px 0 0px rgba(255,255,255, 0.401) , 1789px 448px 0 0px rgba(255,255,255, 0.433) , 1473px 1081px 0 0px rgba(255,255,255, 0.281) , 457px 1686px 0 0px rgba(255,255,255, 0.788) , 1244px 294px 0 0px rgba(255,255,255, 0.833) , 1768px 1198px 0 0px rgba(255,255,255, 0.125) , 1026px 1631px 0 0px rgba(255,255,255, 0.96) , 235px 904px 0 0px rgba(255,255,255, 0.14) , 50px 1028px 0 0px rgba(255,255,255, 0.964) , 1171px 1364px 0 0px rgba(255,255,255, 0.148) , 125px 754px 0 0px rgba(255,255,255, 0.298) , 370px 1031px 0 0px rgba(255,255,255, 0.43) , 172px 259px 0 0px rgba(255,255,255, 0.11) , 1360px 1363px 0 0px rgba(255,255,255, 0.14) , 200px 1605px 0 0px rgba(255,255,255, 0.73) , 1506px 915px 0 0px rgba(255,255,255, 0.461) , 653px 1347px 0 0px rgba(255,255,255, 0.116) , 315px 1532px 0 0px rgba(255,255,255, 0.367) , 1511px 1638px 0 0px rgba(255,255,255, 0.916) , 1654px 136px 0 0px rgba(255,255,255, 0.378) , 1462px 637px 0 0px rgba(255,255,255, 0.932) , 1243px 482px 0 0px rgba(255,255,255, 0.786) , 1090px 637px 0 0px rgba(255,255,255, 0.574) , 815px 149px 0 0px rgba(255,255,255, 0.505) , 1788px 1078px 0 0px rgba(255,255,255, 0.018) , 1741px 232px 0 0px rgba(255,255,255, 0.555) , 1631px 523px 0 0px rgba(255,255,255, 0.87) , 234px 65px 0 0px rgba(255,255,255, 0.368) , 1490px 588px 0 0px rgba(255,255,255, 0.705) , 1371px 858px 0 0px rgba(255,255,255, 0.411) , 193px 593px 0 0px rgba(255,255,255, 0.845) , 1606px 461px 0 0px rgba(255,255,255, 0.704) , 719px 1181px 0 0px rgba(255,255,255, 0.554) , 1104px 1536px 0 0px rgba(255,255,255, 0.029) , 1778px 342px 0 0px rgba(255,255,255, 0.243) , 238px 296px 0 0px rgba(255,255,255, 0.665) , 616px 1642px 0 0px rgba(255,255,255, 0.625) , 1783px 331px 0 0px rgba(255,255,255, 0.053) , 383px 1388px 0 0px rgba(255,255,255, 0.299) , 605px 378px 0 0px rgba(255,255,255, 0.866) , 1324px 122px 0 0px rgba(255,255,255, 0.663) , 1653px 193px 0 0px rgba(255,255,255, 0.511) , 29px 472px 0 0px rgba(255,255,255, 0.142) , 1482px 1111px 0 0px rgba(255,255,255, 0.129) , 597px 1576px 0 0px rgba(255,255,255, 0.821) , 58px 717px 0 0px rgba(255,255,255, 0.835) , 873px 1641px 0 0px rgba(255,255,255, 0.162) , 1058px 1636px 0 0px rgba(255,255,255, 0.168) , 30px 1540px 0 0px rgba(255,255,255, 0.661) , 1619px 1766px 0 0px rgba(255,255,255, 0.165) , 1324px 1247px 0 0px rgba(255,255,255, 0.366) , 74px 1099px 0 0px rgba(255,255,255, 0.336) , 653px 316px 0 0px rgba(255,255,255, 0.637) , 763px 801px 0 0px rgba(255,255,255, 0.198) , 141px 1650px 0 0px rgba(255,255,255, 0.413) , 1263px 1357px 0 0px rgba(255,255,255, 0.642) , 809px 9px 0 0px rgba(255,255,255, 0.281) , 1227px 1744px 0 0px rgba(255,255,255, 0.592) , 1602px 1193px 0 0px rgba(255,255,255, 0.812) , 787px 88px 0 0px rgba(255,255,255, 0.291) , 501px 1435px 0 0px rgba(255,255,255, 0.842) , 1294px 837px 0 0px rgba(255,255,255, 0.436) , 944px 1480px 0 0px rgba(255,255,255, 0.505) , 796px 855px 0 0px rgba(255,255,255, 0.274) , 1555px 1341px 0 0px rgba(255,255,255, 0.17) , 1579px 1765px 0 0px rgba(255,255,255, 0.906) , 1481px 102px 0 0px rgba(255,255,255, 0.12) , 1367px 1520px 0 0px rgba(255,255,255, 0.88) , 237px 40px 0 0px rgba(255,255,255, 0.92) , 1800px 787px 0 0px rgba(255,255,255, 0.233) , 1650px 174px 0 0px rgba(255,255,255, 0.199) , 337px 1653px 0 0px rgba(255,255,255, 0.502) , 1226px 1217px 0 0px rgba(255,255,255, 0.222) , 590px 320px 0 0px rgba(255,255,255, 0.334) , 666px 1781px 0 0px rgba(255,255,255, 0.496) , 517px 1186px 0 0px rgba(255,255,255, 0.322) , 1122px 676px 0 0px rgba(255,255,255, 0.372) , 1398px 204px 0 0px rgba(255,255,255, 0.859) , 175px 323px 0 0px rgba(255,255,255, 0.627) , 1391px 1707px 0 0px rgba(255,255,255, 0.322) , 1672px 440px 0 0px rgba(255,255,255, 0.468) , 883px 1132px 0 0px rgba(255,255,255, 0.392) , 254px 7px 0 0px rgba(255,255,255, 0.576) , 917px 1609px 0 0px rgba(255,255,255, 0.997) , 848px 1628px 0 0px rgba(255,255,255, 0.493) , 995px 975px 0 0px rgba(255,255,255, 0.379) , 1014px 864px 0 0px rgba(255,255,255, 0.605) , 1382px 17px 0 0px rgba(255,255,255, 0.155) , 692px 1493px 0 0px rgba(255,255,255, 0.966) , 353px 723px 0 0px rgba(255,255,255, 0.74) , 81px 1674px 0 0px rgba(255,255,255, 0.379) , 679px 1447px 0 0px rgba(255,255,255, 0.703) , 828px 716px 0 0px rgba(255,255,255, 0.774) , 1420px 1529px 0 0px rgba(255,255,255, 0.824) , 1068px 851px 0 0px rgba(255,255,255, 0.367) , 1005px 1710px 0 0px rgba(255,255,255, 0.28) , 571px 337px 0 0px rgba(255,255,255, 0.354) , 1721px 624px 0 0px rgba(255,255,255, 0.918) , 530px 829px 0 0px rgba(255,255,255, 0.835) , 253px 145px 0 0px rgba(255,255,255, 0.062) , 46px 778px 0 0px rgba(255,255,255, 0.651) , 46px 519px 0 0px rgba(255,255,255, 0.448) , 968px 1286px 0 0px rgba(255,255,255, 0.747) , 924px 871px 0 0px rgba(255,255,255, 0.92) , 499px 595px 0 0px rgba(255,255,255, 0.177) , 354px 182px 0 0px rgba(255,255,255, 0.068) , 1040px 1377px 0 0px rgba(255,255,255, 0.352) , 233px 746px 0 0px rgba(255,255,255, 0.438) , 420px 782px 0 0px rgba(255,255,255, 0.163) , 833px 1126px 0 0px rgba(255,255,255, 0.591) , 534px 1208px 0 0px rgba(255,255,255, 0.342) , 1658px 275px 0 0px rgba(255,255,255, 0.309) , 1563px 265px 0 0px rgba(255,255,255, 0.341) , 1272px 1387px 0 0px rgba(255,255,255, 0.6) , 627px 1398px 0 0px rgba(255,255,255, 0.464) , 1548px 597px 0 0px rgba(255,255,255, 0.204) , 1628px 420px 0 0px rgba(255,255,255, 0.72) , 808px 1756px 0 0px rgba(255,255,255, 0.991) , 1500px 702px 0 0px rgba(255,255,255, 0.603) , 1491px 50px 0 0px rgba(255,255,255, 0.249) , 304px 298px 0 0px rgba(255,255,255, 0.505) , 745px 9px 0 0px rgba(255,255,255, 0.691) , 1089px 508px 0 0px rgba(255,255,255, 0.891) , 533px 1498px 0 0px rgba(255,255,255, 0.031) , 556px 128px 0 0px rgba(255,255,255, 0.691) , 1219px 681px 0 0px rgba(255,255,255, 0.248) , 649px 1711px 0 0px rgba(255,255,255, 0.298) , 814px 285px 0 0px rgba(255,255,255, 0.18) , 1366px 1625px 0 0px rgba(255,255,255, 0.244) , 938px 104px 0 0px rgba(255,255,255, 0.414) , 1532px 520px 0 0px rgba(255,255,255, 0.379) , 264px 1098px 0 0px rgba(255,255,255, 0.296) , 991px 167px 0 0px rgba(255,255,255, 0.746) , 1723px 1529px 0 0px rgba(255,255,255, 0.685) , 934px 1374px 0 0px rgba(255,255,255, 0.275) , 1px 1285px 0 0px rgba(255,255,255, 0.551) , 48px 315px 0 0px rgba(255,255,255, 0.045) , 1245px 1460px 0 0px rgba(255,255,255, 0.414) , 73px 505px 0 0px rgba(255,255,255, 0.077) , 361px 1042px 0 0px rgba(255,255,255, 0.903) , 1298px 1300px 0 0px rgba(255,255,255, 0.175) , 773px 1438px 0 0px rgba(255,255,255, 0.686) , 746px 516px 0 0px rgba(255,255,255, 0.754) , 1759px 1018px 0 0px rgba(255,255,255, 0.019) , 925px 189px 0 0px rgba(255,255,255, 0.141) , 1307px 69px 0 0px rgba(255,255,255, 0.69) , 813px 1679px 0 0px rgba(255,255,255, 0.502) , 1387px 558px 0 0px rgba(255,255,255, 0.928) , 1232px 1053px 0 0px rgba(255,255,255, 0.793) , 1232px 1609px 0 0px rgba(255,255,255, 0.118) , 1317px 618px 0 0px rgba(255,255,255, 0.044) , 770px 938px 0 0px rgba(255,255,255, 0.341) , 552px 1187px 0 0px rgba(255,255,255, 0.994) , 1426px 1025px 0 0px rgba(255,255,255, 0.557) , 238px 1524px 0 0px rgba(255,255,255, 0.743) , 392px 1585px 0 0px rgba(255,255,255, 0.431) , 791px 185px 0 0px rgba(255,255,255, 0.187) , 425px 706px 0 0px rgba(255,255,255, 0.959) , 450px 392px 0 0px rgba(255,255,255, 0.326) , 95px 1383px 0 0px rgba(255,255,255, 0.374) , 1390px 1071px 0 0px rgba(255,255,255, 0.161) , 1343px 596px 0 0px rgba(255,255,255, 0.373) , 1151px 1563px 0 0px rgba(255,255,255, 0.583) , 402px 1165px 0 0px rgba(255,255,255, 0.997) , 1364px 1255px 0 0px rgba(255,255,255, 0.125) , 557px 1023px 0 0px rgba(255,255,255, 0.39) , 877px 378px 0 0px rgba(255,255,255, 0.225) , 1114px 1099px 0 0px rgba(255,255,255, 0.467) , 1259px 917px 0 0px rgba(255,255,255, 0.586) , 1258px 765px 0 0px rgba(255,255,255, 0.484) , 123px 1449px 0 0px rgba(255,255,255, 0.825) , 1461px 1159px 0 0px rgba(255,255,255, 0.866) , 1155px 1207px 0 0px rgba(255,255,255, 0.375) , 342px 46px 0 0px rgba(255,255,255, 0.789) , 1581px 446px 0 0px rgba(255,255,255, 0.732) , 86px 357px 0 0px rgba(255,255,255, 0.553) , 427px 1332px 0 0px rgba(255,255,255, 0.761) , 1093px 1015px 0 0px rgba(255,255,255, 0.124) , 1074px 1309px 0 0px rgba(255,255,255, 0.553) , 1213px 1268px 0 0px rgba(255,255,255, 0.988) , 45px 743px 0 0px rgba(255,255,255, 0.075) , 1614px 374px 0 0px rgba(255,255,255, 0.924) , 1346px 218px 0 0px rgba(255,255,255, 0.511) , 516px 473px 0 0px rgba(255,255,255, 0.042) , 1120px 1509px 0 0px rgba(255,255,255, 0.852) , 933px 495px 0 0px rgba(255,255,255, 0.184) , 1053px 1563px 0 0px rgba(255,255,255, 0.148) , 1061px 1529px 0 0px rgba(255,255,255, 0.94) , 451px 606px 0 0px rgba(255,255,255, 0.349) , 1027px 1149px 0 0px rgba(255,255,255, 0.959) , 675px 1667px 0 0px rgba(255,255,255, 0.332) , 626px 807px 0 0px rgba(255,255,255, 0.849) , 1483px 209px 0 0px rgba(255,255,255, 0.587) , 1414px 498px 0 0px rgba(255,255,255, 0.546) , 373px 1342px 0 0px rgba(255,255,255, 0.236) , 1373px 584px 0 0px rgba(255,255,255, 0.842) , 1140px 665px 0 0px rgba(255,255,255, 0.819) , 744px 1065px 0 0px rgba(255,255,255, 0.477) , 477px 1510px 0 0px rgba(255,255,255, 0.196) , 1796px 1228px 0 0px rgba(255,255,255, 0.443) , 1015px 1727px 0 0px rgba(255,255,255, 0.542) , 369px 1191px 0 0px rgba(255,255,255, 0.559) , 1423px 1538px 0 0px rgba(255,255,255, 0.344) , 1153px 1757px 0 0px rgba(255,255,255, 0.941) , 520px 388px 0 0px rgba(255,255,255, 0.764) , 202px 691px 0 0px rgba(255,255,255, 0.189) , 1031px 28px 0 0px rgba(255,255,255, 0.975) , 1225px 222px 0 0px rgba(255,255,255, 0.529) , 871px 478px 0 0px rgba(255,255,255, 0.168) , 1637px 1183px 0 0px rgba(255,255,255, 0.099) , 1069px 492px 0 0px rgba(255,255,255, 0.99) , 1307px 162px 0 0px rgba(255,255,255, 0.999) , 1744px 1405px 0 0px rgba(255,255,255, 0.383) , 883px 722px 0 0px rgba(255,255,255, 0.081) , 97px 3px 0 0px rgba(255,255,255, 0.697) , 396px 365px 0 0px rgba(255,255,255, 0.537) , 1228px 700px 0 0px rgba(255,255,255, 0.596) , 1443px 556px 0 0px rgba(255,255,255, 0.223) , 1041px 1468px 0 0px rgba(255,255,255, 0.282) , 1075px 293px 0 0px rgba(255,255,255, 0.172) , 306px 727px 0 0px rgba(255,255,255, 0.414) , 57px 626px 0 0px rgba(255,255,255, 0.188) , 600px 803px 0 0px rgba(255,255,255, 0.461) , 1568px 1039px 0 0px rgba(255,255,255, 0.358) , 228px 1072px 0 0px rgba(255,255,255, 0.441) , 1571px 296px 0 0px rgba(255,255,255, 0.547) , 1401px 1069px 0 0px rgba(255,255,255, 0.184) , 799px 247px 0 0px rgba(255,255,255, 0.081) , 1074px 1500px 0 0px rgba(255,255,255, 0.335) , 98px 1001px 0 0px rgba(255,255,255, 0.114) , 490px 300px 0 0px rgba(255,255,255, 0.114) , 642px 1016px 0 0px rgba(255,255,255, 0.941) , 922px 1157px 0 0px rgba(255,255,255, 0.599) , 1702px 1267px 0 0px rgba(255,255,255, 0.923) , 797px 249px 0 0px rgba(255,255,255, 0.343) , 884px 1426px 0 0px rgba(255,255,255, 0.071) , 1172px 597px 0 0px rgba(255,255,255, 0.968) , 711px 1777px 0 0px rgba(255,255,255, 0.783) , 748px 146px 0 0px rgba(255,255,255, 0.481) , 513px 1059px 0 0px rgba(255,255,255, 0.758) , 1729px 387px 0 0px rgba(255,255,255, 0.282) , 887px 1416px 0 0px rgba(255,255,255, 0.65) , 475px 1117px 0 0px rgba(255,255,255, 0.119) , 228px 1464px 0 0px rgba(255,255,255, 0.506) , 571px 810px 0 0px rgba(255,255,255, 0.555) , 1590px 265px 0 0px rgba(255,255,255, 0.075) , 717px 218px 0 0px rgba(255,255,255, 0.737) , 979px 16px 0 0px rgba(255,255,255, 0.376) , 1580px 899px 0 0px rgba(255,255,255, 0.646) , 1790px 873px 0 0px rgba(255,255,255, 0.491) , 805px 1546px 0 0px rgba(255,255,255, 0.602) , 1116px 914px 0 0px rgba(255,255,255, 0.736) , 1057px 1083px 0 0px rgba(255,255,255, 0.758) , 1081px 1714px 0 0px rgba(255,255,255, 0.254) , 1347px 912px 0 0px rgba(255,255,255, 0.974) , 188px 1547px 0 0px rgba(255,255,255, 0.481) , 917px 262px 0 0px rgba(255,255,255, 0.284) , 1020px 916px 0 0px rgba(255,255,255, 0.139) , 1160px 1197px 0 0px rgba(255,255,255, 0.169) , 814px 1153px 0 0px rgba(255,255,255, 0.434) , 147px 1325px 0 0px rgba(255,255,255, 0.852) , 584px 772px 0 0px rgba(255,255,255, 0.093) , 754px 430px 0 0px rgba(255,255,255, 0.228) , 1106px 1002px 0 0px rgba(255,255,255, 0.712) , 1393px 46px 0 0px rgba(255,255,255, 0.937) , 236px 1509px 0 0px rgba(255,255,255, 0.612) , 1370px 1487px 0 0px rgba(255,255,255, 0.766) , 838px 1053px 0 0px rgba(255,255,255, 0.903) , 766px 186px 0 0px rgba(255,255,255, 0.557) , 516px 392px 0 0px rgba(255,255,255, 0.04) , 42px 875px 0 0px rgba(255,255,255, 0.07) , 347px 63px 0 0px rgba(255,255,255, 0.498) , 701px 105px 0 0px rgba(255,255,255, 0.465) , 969px 1405px 0 0px rgba(255,255,255, 0.047) , 1753px 1014px 0 0px rgba(255,255,255, 0.203) , 625px 714px 0 0px rgba(255,255,255, 0.899) , 424px 475px 0 0px rgba(255,255,255, 0.938) , 1176px 1555px 0 0px rgba(255,255,255, 0.124) , 409px 164px 0 0px rgba(255,255,255, 0.25) , 913px 1566px 0 0px rgba(255,255,255, 0.282) , 477px 328px 0 0px rgba(255,255,255, 0.625) , 1456px 271px 0 0px rgba(255,255,255, 0.27) , 1350px 1531px 0 0px rgba(255,255,255, 0.872) , 1190px 248px 0 0px rgba(255,255,255, 0.765) , 1316px 235px 0 0px rgba(255,255,255, 0.671) , 133px 275px 0 0px rgba(255,255,255, 0.229) , 831px 1379px 0 0px rgba(255,255,255, 0.582) , 504px 944px 0 0px rgba(255,255,255, 0.492) , 1463px 1353px 0 0px rgba(255,255,255, 0.182) , 1209px 822px 0 0px rgba(255,255,255, 0.823) , 157px 1202px 0 0px rgba(255,255,255, 0.682) , 1374px 543px 0 0px rgba(255,255,255, 0.354) , 737px 875px 0 0px rgba(255,255,255, 0.31) , 1183px 298px 0 0px rgba(255,255,255, 0.571) , 157px 546px 0 0px rgba(255,255,255, 0.876) , 1224px 355px 0 0px rgba(255,255,255, 0.926) , 1382px 1785px 0 0px rgba(255,255,255, 0.674) , 552px 970px 0 0px rgba(255,255,255, 0.744) , 335px 1345px 0 0px rgba(255,255,255, 0.846) , 356px 671px 0 0px rgba(255,255,255, 0.173) , 910px 45px 0 0px rgba(255,255,255, 0.745) , 271px 285px 0 0px rgba(255,255,255, 0.806) , 73px 715px 0 0px rgba(255,255,255, 0.913) , 1507px 123px 0 0px rgba(255,255,255, 0.841) , 1015px 1765px 0 0px rgba(255,255,255, 0.091) , 1716px 145px 0 0px rgba(255,255,255, 0.024) , 1148px 971px 0 0px rgba(255,255,255, 0.537) , 1259px 231px 0 0px rgba(255,255,255, 0.347) , 1434px 628px 0 0px rgba(255,255,255, 0.967) , 1153px 275px 0 0px rgba(255,255,255, 0.906) , 973px 117px 0 0px rgba(255,255,255, 0.978) , 1595px 55px 0 0px rgba(255,255,255, 0.841) , 1654px 401px 0 0px rgba(255,255,255, 0.971) , 1752px 119px 0 0px rgba(255,255,255, 0.686) , 713px 1211px 0 0px rgba(255,255,255, 0.625) , 131px 1461px 0 0px rgba(255,255,255, 0.661) , 1033px 196px 0 0px rgba(255,255,255, 0.587) , 973px 1624px 0 0px rgba(255,255,255, 0.232) , 1217px 795px 0 0px rgba(255,255,255, 0.782) , 1540px 1688px 0 0px rgba(255,255,255, 0.804) , 1368px 546px 0 0px rgba(255,255,255, 0.871) , 1039px 700px 0 0px rgba(255,255,255, 0.514) , 1302px 735px 0 0px rgba(255,255,255, 0.52) , 577px 596px 0 0px rgba(255,255,255, 0.87) , 653px 530px 0 0px rgba(255,255,255, 0.497) , 146px 1321px 0 0px rgba(255,255,255, 0.716) , 1700px 259px 0 0px rgba(255,255,255, 0.667) , 591px 1679px 0 0px rgba(255,255,255, 0.479) , 1351px 634px 0 0px rgba(255,255,255, 0.487) , 479px 1771px 0 0px rgba(255,255,255, 0.77) , 733px 1049px 0 0px rgba(255,255,255, 0.901) , 80px 1591px 0 0px rgba(255,255,255, 0.315) , 1299px 263px 0 0px rgba(255,255,255, 0.13) , 1053px 1771px 0 0px rgba(255,255,255, 0.716) , 1136px 1083px 0 0px rgba(255,255,255, 0.685) , 1033px 592px 0 0px rgba(255,255,255, 0.749) , 1777px 1542px 0 0px rgba(255,255,255, 0.026) , 68px 808px 0 0px rgba(255,255,255, 0.846) , 1682px 1289px 0 0px rgba(255,255,255, 0.413) , 843px 613px 0 0px rgba(255,255,255, 0.896) , 1306px 1259px 0 0px rgba(255,255,255, 0.602) , 566px 651px 0 0px rgba(255,255,255, 0.412) , 75px 708px 0 0px rgba(255,255,255, 0.924) , 1132px 516px 0 0px rgba(255,255,255, 0.818) , 1162px 1063px 0 0px rgba(255,255,255, 0.288) , 1229px 1251px 0 0px rgba(255,255,255, 0.49) , 416px 980px 0 0px rgba(255,255,255, 0.647) , 1359px 887px 0 0px rgba(255,255,255, 0.647) , 1435px 1253px 0 0px rgba(255,255,255, 0.238) , 628px 1051px 0 0px rgba(255,255,255, 0.153) , 608px 580px 0 0px rgba(255,255,255, 0.162) , 1344px 1622px 0 0px rgba(255,255,255, 0.462) , 166px 728px 0 0px rgba(255,255,255, 0.054); border-radius: 100px; } .solar-syst div { border-radius: 1000px; top: 50%; left: 50%; position: absolute; z-index: 2; } .solar-syst div:not(.sun) { border: 1px solid rgba(102, 166, 229, 0.12); } .solar-syst div:not(.sun):before { left: 50%; border-radius: 100px; content: ""; position: absolute; } .solar-syst div:not(.asteroids-belt):before { box-shadow: inset 0 6px 0 -2px rgba(0, 0, 0, 0.25); } .sun { background: radial-gradient(ellipse at center, #ffd000 1%, #f9b700 39%, #f9b700 39%, #e06317 100%); height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; background-clip: padding-box; border: 0 !important; background-position: -28px -103px; background-size: 175%; box-shadow: 0 0 10px 2px rgba(255, 107, 0, 0.4), 0 0 22px 11px rgba(255, 203, 0, 0.13); } .mercury { height: 70px; width: 70px; margin-top: -35px; margin-left: -35px; -webkit-animation: orb 7.1867343561s linear infinite; animation: orb 7.1867343561s linear infinite; } .mercury:before { height: 4px; width: 4px; background: #9f5e26; margin-top: -2px; margin-left: -2px; } .venus { height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; -webkit-animation: orb 18.4555338265s linear infinite; animation: orb 18.4555338265s linear infinite; } .venus:before { height: 8px; width: 8px; background: #BEB768; margin-top: -4px; margin-left: -4px; } .earth { height: 145px; width: 145px; margin-top: -72.5px; margin-left: -72.5px; -webkit-animation: orb 30s linear infinite; animation: orb 30s linear infinite; } .earth:before { height: 6px; width: 6px; background: #11abe9; margin-top: -3px; margin-left: -3px; } .earth:after { position: absolute; content: ""; height: 18px; width: 18px; left: 50%; top: 0px; margin-left: -9px; margin-top: -9px; border-radius: 100px; box-shadow: 0 -10px 0 -8px grey; -webkit-animation: orb 2.2440352158s linear infinite; animation: orb 2.2440352158s linear infinite; } .mars { height: 190px; width: 190px; margin-top: -95px; margin-left: -95px; -webkit-animation: orb 56.4261314589s linear infinite; animation: orb 56.4261314589s linear infinite; } .mars:before { height: 6px; width: 6px; background: #cf3921; margin-top: -3px; margin-left: -3px; } .jupiter { height: 340px; width: 340px; margin-top: -170px; margin-left: -170px; -webkit-animation: orb 355.7228171013s linear infinite; animation: orb 355.7228171013s linear infinite; } .jupiter:before { height: 18px; width: 18px; background: #c76e2a; margin-top: -9px; margin-left: -9px; } .saturn { height: 440px; width: 440px; margin-top: -220px; margin-left: -220px; -webkit-animation: orb 882.6952471456s linear infinite; animation: orb 882.6952471456s linear infinite; } .saturn:before { height: 12px; width: 12px; background: #e7c194; margin-top: -6px; margin-left: -6px; } .saturn:after { position: absolute; content: ""; height: 2.34%; width: 4.676%; left: 50%; top: 0px; -webkit-transform: rotateZ(-52deg); transform: rotateZ(-52deg); margin-left: -2.3%; margin-top: -1.2%; border-radius: 50% 50% 50% 50%; box-shadow: 0 1px 0 1px #987641, 3px 1px 0 #987641, -3px 1px 0 #987641; -webkit-animation: orb 882.6952471456s linear infinite; animation: orb 882.6952471456s linear infinite; animation-direction: reverse; -webkit-transform-origin: 52% 60%; transform-origin: 52% 60%; } .uranus { height: 520px; width: 520px; margin-top: -260px; margin-left: -260px; -webkit-animation: orb 2512.4001967933s linear infinite; animation: orb 2512.4001967933s linear infinite; } .uranus:before { height: 10px; width: 10px; background: #b5e3e3; margin-top: -5px; margin-left: -5px; } .neptune { height: 630px; width: 630px; margin-top: -315px; margin-left: -315px; -webkit-animation: orb 4911.7838624549s linear infinite; animation: orb 4911.7838624549s linear infinite; } .neptune:before { height: 10px; width: 10px; background: #175e9e; margin-top: -5px; margin-left: -5px; } .asteroids-belt { opacity: .7; border-color: transparent !important; height: 300px; width: 300px; margin-top: -150px; margin-left: -150px; -webkit-animation: orb 179.9558282773s linear infinite; animation: orb 179.9558282773s linear infinite; overflow: hidden; } .asteroids-belt:before { top: 50%; height: 210px; width: 210px; margin-left: -105px; margin-top: -105px; background: transparent; border-radius: 140px !important; box-shadow: 57px -44px 0 -104px rgba(255, 255, 255, 0.252) , 4px -139px 0 -104px rgba(255,255,255, 0.151) , -89px -39px 0 -104px rgba(255,255,255, 0.807) , 86px -108px 0 -104px rgba(255,255,255, 0.629) , 38px 44px 0 -104px rgba(255,255,255, 0.165) , 17px 87px 0 -104px rgba(255,255,255, 0.763) , -58px 9px 0 -104px rgba(255,255,255, 0.204) , 72px 31px 0 -104px rgba(255,255,255, 0.334) , 133px 57px 0 -104px rgba(255,255,255, 0.352) , 86px -116px 0 -104px rgba(255,255,255, 0.896) , -137px -71px 0 -104px rgba(255,255,255, 0.492) , 115px 38px 0 -104px rgba(255,255,255, 0.286) , -8px -15px 0 -104px rgba(255,255,255, 0.316) , 95px -5px 0 -104px rgba(255,255,255, 0.025) , -16px -112px 0 -104px rgba(255,255,255, 0.745) , 103px 117px 0 -104px rgba(255,255,255, 0.984) , 47px -70px 0 -104px rgba(255,255,255, 0.963) , -77px 52px 0 -104px rgba(255,255,255, 0.377) , -24px -110px 0 -104px rgba(255,255,255, 0.38) , -20px -53px 0 -104px rgba(255,255,255, 0.49) , -85px -81px 0 -104px rgba(255,255,255, 0.455) , -115px 28px 0 -104px rgba(255,255,255, 0.24) , -116px 4px 0 -104px rgba(255,255,255, 0.44) , 17px 96px 0 -104px rgba(255,255,255, 0.182) , -13px -51px 0 -104px rgba(255,255,255, 0.788) , -117px 118px 0 -104px rgba(255,255,255, 0.361) , 26px -80px 0 -104px rgba(255,255,255, 0.482) , -26px -79px 0 -104px rgba(255,255,255, 0.089) , 27px 114px 0 -104px rgba(255,255,255, 0.102) , -59px 130px 0 -104px rgba(255,255,255, 0.299) , 114px 64px 0 -104px rgba(255,255,255, 0.584) , 124px 70px 0 -104px rgba(255,255,255, 0.039) , 49px -119px 0 -104px rgba(255,255,255, 0.909) , -135px 47px 0 -104px rgba(255,255,255, 0.149) , 79px -67px 0 -104px rgba(255,255,255, 0.021) , -138px -121px 0 -104px rgba(255,255,255, 0.307) , -69px 4px 0 -104px rgba(255,255,255, 0.759) , 118px -70px 0 -104px rgba(255,255,255, 0.736) , 46px 82px 0 -104px rgba(255,255,255, 0.408) , 75px 70px 0 -104px rgba(255,255,255, 0.699) , 12px -48px 0 -104px rgba(255,255,255, 0.652) , -81px 108px 0 -104px rgba(255,255,255, 0.189) , -143px -2px 0 -104px rgba(255,255,255, 0.055) , 101px -101px 0 -104px rgba(255,255,255, 0.554) , -15px -35px 0 -104px rgba(255,255,255, 0.894) , 142px 9px 0 -104px rgba(255,255,255, 0.051) , 141px -69px 0 -104px rgba(255,255,255, 0.285) , -136px -125px 0 -104px rgba(255,255,255, 0.879) , -69px 136px 0 -104px rgba(255,255,255, 0.51) , -109px -11px 0 -104px rgba(255,255,255, 0.246) , -87px -133px 0 -104px rgba(255,255,255, 0.761) , 114px -124px 0 -104px rgba(255,255,255, 0.396) , 111px -119px 0 -104px rgba(255,255,255, 0.446) , 47px 118px 0 -104px rgba(255,255,255, 0.621) , 24px -86px 0 -104px rgba(255,255,255, 0.286) , 15px -123px 0 -104px rgba(255,255,255, 0.869) , -114px -51px 0 -104px rgba(255,255,255, 0.165) , -61px -63px 0 -104px rgba(255,255,255, 0.667) , -33px -40px 0 -104px rgba(255,255,255, 0.892) , 122px 76px 0 -104px rgba(255,255,255, 0.907) , -68px -22px 0 -104px rgba(255,255,255, 0.838) , 42px -48px 0 -104px rgba(255,255,255, 0.806) , -59px -134px 0 -104px rgba(255,255,255, 0.747) , 99px 131px 0 -104px rgba(255,255,255, 0.035) , 77px 68px 0 -104px rgba(255,255,255, 0.181) , 83px -4px 0 -104px rgba(255,255,255, 0.191) , 53px -43px 0 -104px rgba(255,255,255, 0.931) , -13px 38px 0 -104px rgba(255,255,255, 0.093) , -85px 32px 0 -104px rgba(255,255,255, 0.888) , -34px -8px 0 -104px rgba(255,255,255, 0.296) , -109px -92px 0 -104px rgba(255,255,255, 0.335) , 135px -80px 0 -104px rgba(255,255,255, 0.907) , -15px 122px 0 -104px rgba(255,255,255, 0.24) , -142px -135px 0 -104px rgba(255,255,255, 0.948) , 102px 104px 0 -104px rgba(255,255,255, 0.217) , -58px 58px 0 -104px rgba(255,255,255, 0.931) , 31px -15px 0 -104px rgba(255,255,255, 0.447) , 14px 75px 0 -104px rgba(255,255,255, 0.632) , 129px 60px 0 -104px rgba(255,255,255, 0.223) , 9px 8px 0 -104px rgba(255,255,255, 0.648) , 137px -52px 0 -104px rgba(255,255,255, 0.278) , 110px -83px 0 -104px rgba(255,255,255, 0.884) , 89px 46px 0 -104px rgba(255,255,255, 0.745) , 111px -137px 0 -104px rgba(255,255,255, 0.484) , 76px 0px 0 -104px rgba(255,255,255, 0.093) , 141px 124px 0 -104px rgba(255,255,255, 0.871) , 46px -134px 0 -104px rgba(255,255,255, 0.442) , -32px -15px 0 -104px rgba(255,255,255, 0.779) , -57px -33px 0 -104px rgba(255,255,255, 0.709) , 36px 143px 0 -104px rgba(255,255,255, 0.439) , 51px 143px 0 -104px rgba(255,255,255, 0.09) , 103px 19px 0 -104px rgba(255,255,255, 0.383) , 42px 55px 0 -104px rgba(255,255,255, 0.124) , 12px -84px 0 -104px rgba(255,255,255, 0.09) , 127px -34px 0 -104px rgba(255,255,255, 0.493) , -12px 20px 0 -104px rgba(255,255,255, 0.078) , -8px -93px 0 -104px rgba(255,255,255, 0.339) , -63px -109px 0 -104px rgba(255,255,255, 0.686) , -13px 112px 0 -104px rgba(255,255,255, 0.354) , 70px 36px 0 -104px rgba(255,255,255, 0.309) , -60px -13px 0 -104px rgba(255,255,255, 0.999) , 31px -4px 0 -104px rgba(255,255,255, 0.977) , -132px -74px 0 -104px rgba(255,255,255, 0.324) , 0px -35px 0 -104px rgba(255,255,255, 0.143) , 53px -68px 0 -104px rgba(255,255,255, 0.269) , -33px 128px 0 -104px rgba(255,255,255, 0.517) , 77px 60px 0 -104px rgba(255,255,255, 0.105) , -34px 16px 0 -104px rgba(255,255,255, 0.26) , 41px -104px 0 -104px rgba(255,255,255, 0.328) , -74px 101px 0 -104px rgba(255,255,255, 0.513) , -101px 145px 0 -104px rgba(255,255,255, 0.96) , -54px 46px 0 -104px rgba(255,255,255, 0.69) , -35px -111px 0 -104px rgba(255,255,255, 0.434) , -10px -62px 0 -104px rgba(255,255,255, 0.998) , 65px -32px 0 -104px rgba(255,255,255, 0.213) , 83px -100px 0 -104px rgba(255,255,255, 0.132) , -122px 0px 0 -104px rgba(255,255,255, 0.496) , -138px -139px 0 -104px rgba(255,255,255, 0.743) , 103px -127px 0 -104px rgba(255,255,255, 0.41) , -75px -110px 0 -104px rgba(255,255,255, 0.089) , -76px -33px 0 -104px rgba(255,255,255, 0.563) , -141px 55px 0 -104px rgba(255,255,255, 0.267) , 35px 109px 0 -104px rgba(255,255,255, 0.22) , 118px 88px 0 -104px rgba(255,255,255, 0.986) , -43px -73px 0 -104px rgba(255,255,255, 0.725) , 101px 62px 0 -104px rgba(255,255,255, 0.351) , 41px -53px 0 -104px rgba(255,255,255, 0.561) , 11px -33px 0 -104px rgba(255,255,255, 0.671) , -65px -57px 0 -104px rgba(255,255,255, 0.038) , -5px -77px 0 -104px rgba(255,255,255, 1) , -43px 21px 0 -104px rgba(255,255,255, 0.507) , -4px -110px 0 -104px rgba(255,255,255, 0.064) , 31px 6px 0 -104px rgba(255,255,255, 0.484) , 117px 107px 0 -104px rgba(255,255,255, 0.958) , 83px -59px 0 -104px rgba(255,255,255, 0.632) , -118px 70px 0 -104px rgba(255,255,255, 0.404) , -72px -46px 0 -104px rgba(255,255,255, 0.74) , -108px 105px 0 -104px rgba(255,255,255, 0.967) , 110px -93px 0 -104px rgba(255,255,255, 0.512) , 96px 144px 0 -104px rgba(255,255,255, 0.893) , 60px -136px 0 -104px rgba(255,255,255, 0.36) , -141px -47px 0 -104px rgba(255,255,255, 0.2) , 100px -25px 0 -104px rgba(255,255,255, 0.407) , -128px 75px 0 -104px rgba(255,255,255, 0.783) , -115px 117px 0 -104px rgba(255,255,255, 0.536) , 38px 10px 0 -104px rgba(255,255,255, 0.886) , -106px 73px 0 -104px rgba(255,255,255, 0.319) , 35px -129px 0 -104px rgba(255,255,255, 0.31) , -74px -78px 0 -104px rgba(255,255,255, 0.17) , 1px 20px 0 -104px rgba(255,255,255, 0.333) , -84px 52px 0 -104px rgba(255,255,255, 0.27) , 16px 5px 0 -104px rgba(255,255,255, 0.538) , -10px -89px 0 -104px rgba(255,255,255, 0.237) , 135px -141px 0 -104px rgba(255,255,255, 0.588) , -76px 88px 0 -104px rgba(255,255,255, 0.453) , -20px -41px 0 -104px rgba(255,255,255, 0.921) , -113px -42px 0 -104px rgba(255,255,255, 0.857) , 71px -59px 0 -104px rgba(255,255,255, 0.522) , -33px 110px 0 -104px rgba(255,255,255, 0.111) , -97px 94px 0 -104px rgba(255,255,255, 0.712) , -130px 120px 0 -104px rgba(255,255,255, 0.465) , -27px 30px 0 -104px rgba(255,255,255, 0.147) , -50px 131px 0 -104px rgba(255,255,255, 0.475) , 16px -45px 0 -104px rgba(255,255,255, 0.233) , -91px 60px 0 -104px rgba(255,255,255, 0.479) , 116px -6px 0 -104px rgba(255,255,255, 0.448) , 121px 96px 0 -104px rgba(255,255,255, 0.573) , 143px 3px 0 -104px rgba(255,255,255, 0.769) , -75px 53px 0 -104px rgba(255,255,255, 0.365) , -65px -118px 0 -104px rgba(255,255,255, 0.882) , 33px 124px 0 -104px rgba(255,255,255, 0.032) , -52px 144px 0 -104px rgba(255,255,255, 0.646) , 12px 135px 0 -104px rgba(255,255,255, 0.111) , 42px 65px 0 -104px rgba(255,255,255, 0.854) , 76px 83px 0 -104px rgba(255,255,255, 0.137) , 60px -25px 0 -104px rgba(255,255,255, 0.536) , 127px -62px 0 -104px rgba(255,255,255, 0.013) , -144px 135px 0 -104px rgba(255,255,255, 0.492) , 37px 3px 0 -104px rgba(255,255,255, 0.775) , 78px -130px 0 -104px rgba(255,255,255, 0.251) , 37px 48px 0 -104px rgba(255,255,255, 0.925) , 137px 4px 0 -104px rgba(255,255,255, 0.283) , 34px 13px 0 -104px rgba(255,255,255, 0.556) , 120px -127px 0 -104px rgba(255,255,255, 0.781) , -49px -139px 0 -104px rgba(255,255,255, 0.56) , -23px 0px 0 -104px rgba(255,255,255, 0.903) , 63px -57px 0 -104px rgba(255,255,255, 0.555) , -94px -104px 0 -104px rgba(255,255,255, 0.915) , 100px -56px 0 -104px rgba(255,255,255, 0.896) , 77px -12px 0 -104px rgba(255,255,255, 0.242) , 26px 3px 0 -104px rgba(255,255,255, 0.84) , 90px -137px 0 -104px rgba(255,255,255, 0.628) , -29px 34px 0 -104px rgba(255,255,255, 0.458) , -36px 130px 0 -104px rgba(255,255,255, 0.406) , 67px 44px 0 -104px rgba(255,255,255, 0.188) , -10px 77px 0 -104px rgba(255,255,255, 0.011) , 79px 31px 0 -104px rgba(255,255,255, 0.985) , -1px 123px 0 -104px rgba(255,255,255, 0.262) , 127px -89px 0 -104px rgba(255,255,255, 0.169) , -101px 25px 0 -104px rgba(255,255,255, 0.443) , -4px -140px 0 -104px rgba(255,255,255, 0.842) , 70px 36px 0 -104px rgba(255,255,255, 0.547) , -13px 22px 0 -104px rgba(255,255,255, 0.584) , -57px -130px 0 -104px rgba(255,255,255, 0.251) , -28px 87px 0 -104px rgba(255,255,255, 0.848) , -95px 94px 0 -104px rgba(255,255,255, 0.396) , -61px -91px 0 -104px rgba(255,255,255, 0.113) , 89px 139px 0 -104px rgba(255,255,255, 0.064) , -40px -73px 0 -104px rgba(255,255,255, 0.241) , -62px -95px 0 -104px rgba(255,255,255, 0.452) , 15px 73px 0 -104px rgba(255,255,255, 0.483) , 103px -68px 0 -104px rgba(255,255,255, 0.991) , -34px -34px 0 -104px rgba(255,255,255, 0.788) , 114px 103px 0 -104px rgba(255,255,255, 0.916) , -140px -33px 0 -104px rgba(255,255,255, 0.786) , 46px -14px 0 -104px rgba(255,255,255, 0.132) , -125px -33px 0 -104px rgba(255,255,255, 0.01) , 1px 111px 0 -104px rgba(255,255,255, 0.612) , -2px -35px 0 -104px rgba(255,255,255, 0.642) , -102px 93px 0 -104px rgba(255,255,255, 0.953) , 87px 85px 0 -104px rgba(255,255,255, 0.236) , 100px 102px 0 -104px rgba(255,255,255, 0.312) , 128px 33px 0 -104px rgba(255,255,255, 0.227) , -30px -121px 0 -104px rgba(255,255,255, 0.446) , 11px -133px 0 -104px rgba(255,255,255, 0.222) , -23px -32px 0 -104px rgba(255,255,255, 0.806) , 41px 6px 0 -104px rgba(255,255,255, 0.26) , 1px 0px 0 -104px rgba(255,255,255, 0.622) , -41px -93px 0 -104px rgba(255,255,255, 0.567) , 67px -85px 0 -104px rgba(255,255,255, 0.913) , 84px 13px 0 -104px rgba(255,255,255, 0.452) , 134px -31px 0 -104px rgba(255,255,255, 0.667) , -108px 99px 0 -104px rgba(255,255,255, 0.732) , -4px -124px 0 -104px rgba(255,255,255, 0.669) , 131px 37px 0 -104px rgba(255,255,255, 0.464) , 106px 56px 0 -104px rgba(255,255,255, 0.469) , -23px 6px 0 -104px rgba(255,255,255, 0.679) , 44px -40px 0 -104px rgba(255,255,255, 0.617) , 17px -68px 0 -104px rgba(255,255,255, 0.876) , -127px -137px 0 -104px rgba(255,255,255, 0.176) , -86px -1px 0 -104px rgba(255,255,255, 0.236) , 8px 110px 0 -104px rgba(255,255,255, 0.349) , 121px 105px 0 -104px rgba(255,255,255, 0.101) , -134px 104px 0 -104px rgba(255,255,255, 0.553) , -62px -40px 0 -104px rgba(255,255,255, 0.73) , -58px 97px 0 -104px rgba(255,255,255, 0.596) , 138px -41px 0 -104px rgba(255,255,255, 0.923) , -39px -108px 0 -104px rgba(255,255,255, 0.832) , 58px -69px 0 -104px rgba(255,255,255, 0.588) , 103px 16px 0 -104px rgba(255,255,255, 0.477) , 5px -67px 0 -104px rgba(255,255,255, 0.909) , -109px -108px 0 -104px rgba(255,255,255, 0.933) , -103px 58px 0 -104px rgba(255,255,255, 0.84) , 69px -115px 0 -104px rgba(255,255,255, 0.822) , -103px 103px 0 -104px rgba(255,255,255, 0.512) , 13px -108px 0 -104px rgba(255,255,255, 0.288) , 95px -59px 0 -104px rgba(255,255,255, 0.216) , -106px 97px 0 -104px rgba(255,255,255, 0.128) , 67px -102px 0 -104px rgba(255,255,255, 0.161) , 135px 5px 0 -104px rgba(255,255,255, 0.912) , 61px -27px 0 -104px rgba(255,255,255, 0.548) , -48px 45px 0 -104px rgba(255,255,255, 0.935) , -51px 53px 0 -104px rgba(255,255,255, 0.432) , 12px 83px 0 -104px rgba(255,255,255, 0.119) , 101px 105px 0 -104px rgba(255,255,255, 0.801) , -19px -25px 0 -104px rgba(255,255,255, 0.8) , -31px -78px 0 -104px rgba(255,255,255, 0.678) , 45px -26px 0 -104px rgba(255,255,255, 0.471) , -142px 128px 0 -104px rgba(255,255,255, 0.84) , -43px -117px 0 -104px rgba(255,255,255, 0.939) , 17px 95px 0 -104px rgba(255,255,255, 0.384) , 18px -26px 0 -104px rgba(255,255,255, 0.319) , 34px -142px 0 -104px rgba(255,255,255, 0.948) , -32px 69px 0 -104px rgba(255,255,255, 0.345) , 137px -24px 0 -104px rgba(255,255,255, 0.316) , 132px -36px 0 -104px rgba(255,255,255, 0.414) , 122px 16px 0 -104px rgba(255,255,255, 0.663) , 50px 82px 0 -104px rgba(255,255,255, 0.523) , 129px -55px 0 -104px rgba(255,255,255, 0.91) , 59px 78px 0 -104px rgba(255,255,255, 0.047) , 98px -118px 0 -104px rgba(255,255,255, 0.091) , -2px 79px 0 -104px rgba(255,255,255, 0.707) , -126px 30px 0 -104px rgba(255,255,255, 0.86) , -44px 82px 0 -104px rgba(255,255,255, 0.577) , -1px 8px 0 -104px rgba(255,255,255, 0.133) , 63px -49px 0 -104px rgba(255,255,255, 0.417) , 23px 121px 0 -104px rgba(255,255,255, 0.04) , 40px 57px 0 -104px rgba(255,255,255, 0.571) , 70px -45px 0 -104px rgba(255,255,255, 0.878) , 33px 140px 0 -104px rgba(255,255,255, 0.235) , 71px -118px 0 -104px rgba(255,255,255, 0.189) , 13px 37px 0 -104px rgba(255,255,255, 0.641) , 110px -89px 0 -104px rgba(255,255,255, 0.202) , 77px -113px 0 -104px rgba(255,255,255, 0.958) , 102px -60px 0 -104px rgba(255,255,255, 0.223) , 49px 10px 0 -104px rgba(255,255,255, 0.38) , -134px -41px 0 -104px rgba(255,255,255, 0.394) , 116px 77px 0 -104px rgba(255,255,255, 0.698) , -36px -69px 0 -104px rgba(255,255,255, 0.412) , -31px 124px 0 -104px rgba(255,255,255, 0.947) , 99px 56px 0 -104px rgba(255,255,255, 0.303) , -47px -130px 0 -104px rgba(255,255,255, 0.469) , 30px 113px 0 -104px rgba(255,255,255, 0.379) , -23px 82px 0 -104px rgba(255,255,255, 0.171) , 14px -72px 0 -104px rgba(255,255,255, 0.806) , -96px -90px 0 -104px rgba(255,255,255, 0.626) , -56px -140px 0 -104px rgba(255,255,255, 0.343) , -79px -2px 0 -104px rgba(255,255,255, 0.717) , -113px -105px 0 -104px rgba(255,255,255, 0.731) , -83px 101px 0 -104px rgba(255,255,255, 0.206) , 0px 69px 0 -104px rgba(255,255,255, 0.57) , -102px -75px 0 -104px rgba(255,255,255, 0.454) , 113px 38px 0 -104px rgba(255,255,255, 0.6) , 130px 74px 0 -104px rgba(255,255,255, 0.248) , -123px 137px 0 -104px rgba(255,255,255, 0.206) , -55px -15px 0 -104px rgba(255,255,255, 0.587) , 80px -40px 0 -104px rgba(255,255,255, 0.554) , -81px 72px 0 -104px rgba(255,255,255, 0.534) , -2px 18px 0 -104px rgba(255,255,255, 0.449) , -65px -122px 0 -104px rgba(255,255,255, 0.838) , 134px -127px 0 -104px rgba(255,255,255, 0.845) , 95px -135px 0 -104px rgba(255,255,255, 0.592) , 53px 133px 0 -104px rgba(255,255,255, 0.292) , 37px -82px 0 -104px rgba(255,255,255, 0.507) , 102px 125px 0 -104px rgba(255,255,255, 0.467) , 125px 96px 0 -104px rgba(255,255,255, 0.194) , -140px -113px 0 -104px rgba(255,255,255, 0.083) , -63px -107px 0 -104px rgba(255,255,255, 0.64) , -107px 1px 0 -104px rgba(255,255,255, 0.48) , -107px -63px 0 -104px rgba(255,255,255, 0.106) , 74px 10px 0 -104px rgba(255,255,255, 0.22) , 63px 16px 0 -104px rgba(255,255,255, 0.207) , 87px -57px 0 -104px rgba(255,255,255, 0.351) , 15px 122px 0 -104px rgba(255,255,255, 0.865) , 59px -143px 0 -104px rgba(255,255,255, 0.238) , -26px 141px 0 -104px rgba(255,255,255, 0.69) , 69px 92px 0 -104px rgba(255,255,255, 0.595) , -143px 17px 0 -104px rgba(255,255,255, 0.16) , -40px 63px 0 -104px rgba(255,255,255, 0.754) , 140px -116px 0 -104px rgba(255,255,255, 0.939) , -31px -99px 0 -104px rgba(255,255,255, 0.551) , -2px -95px 0 -104px rgba(255,255,255, 0.302) , -85px 142px 0 -104px rgba(255,255,255, 0.136) , 126px -47px 0 -104px rgba(255,255,255, 0.043) , -130px -79px 0 -104px rgba(255,255,255, 0.061) , 141px 1px 0 -104px rgba(255,255,255, 0.632) , 45px 123px 0 -104px rgba(255,255,255, 0.162) , 93px -59px 0 -104px rgba(255,255,255, 0.332) , 129px 0px 0 -104px rgba(255,255,255, 0.627) , 52px -21px 0 -104px rgba(255,255,255, 0.681) , 36px -1px 0 -104px rgba(255,255,255, 0.948) , 111px 63px 0 -104px rgba(255,255,255, 0.348) , 124px -71px 0 -104px rgba(255,255,255, 0.6) , 89px -51px 0 -104px rgba(255,255,255, 0.789) , -9px 29px 0 -104px rgba(255,255,255, 0.454) , -140px -61px 0 -104px rgba(255,255,255, 0.728) , -119px 26px 0 -104px rgba(255,255,255, 0.044) , 97px 47px 0 -104px rgba(255,255,255, 0.309) , 124px -27px 0 -104px rgba(255,255,255, 0.125) , -56px 107px 0 -104px rgba(255,255,255, 0.917) , -8px 15px 0 -104px rgba(255,255,255, 0.949) , -6px 45px 0 -104px rgba(255,255,255, 0.349) , 130px 102px 0 -104px rgba(255,255,255, 0.261) , 83px -32px 0 -104px rgba(255,255,255, 0.911) , 23px 10px 0 -104px rgba(255,255,255, 0.399) , 28px 39px 0 -104px rgba(255,255,255, 0.128) , -124px -12px 0 -104px rgba(255,255,255, 0.696) , 81px 63px 0 -104px rgba(255,255,255, 0.962) , 132px 75px 0 -104px rgba(255,255,255, 0.01) , -116px 61px 0 -104px rgba(255,255,255, 0.784) , -123px 34px 0 -104px rgba(255,255,255, 0.932) , -18px 101px 0 -104px rgba(255,255,255, 0.47) , -17px 120px 0 -104px rgba(255,255,255, 0.082) , 86px -8px 0 -104px rgba(255,255,255, 0.013) , 97px 10px 0 -104px rgba(255,255,255, 0.191) , -116px -55px 0 -104px rgba(255,255,255, 0.685) , -129px -109px 0 -104px rgba(255,255,255, 0.544) , 73px 51px 0 -104px rgba(255,255,255, 0.609) , -118px -13px 0 -104px rgba(255,255,255, 0.01) , 11px 39px 0 -104px rgba(255,255,255, 0.323) , -102px -27px 0 -104px rgba(255,255,255, 0.071) , 111px -77px 0 -104px rgba(255,255,255, 0.707) , 49px 96px 0 -104px rgba(255,255,255, 0.31) , -122px -117px 0 -104px rgba(255,255,255, 0.229) , 20px 17px 0 -104px rgba(255,255,255, 0.649) , 36px -20px 0 -104px rgba(255,255,255, 0.767) , 70px 6px 0 -104px rgba(255,255,255, 0.321) , -5px 66px 0 -104px rgba(255,255,255, 0.416) , -123px 50px 0 -104px rgba(255,255,255, 0.833) , -115px -84px 0 -104px rgba(255,255,255, 0.328); } .pluto { height: 780px; width: 780px; margin-top: -450px; margin-left: -320px; -webkit-animation: orb 7439.7074054575s linear infinite; animation: orb 7439.7074054575s linear infinite; } .pluto:before { height: 3px; width: 3px; background: #fff; margin-top: -1.5px; margin-left: -1.5px; } @-webkit-keyframes orb { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes orb { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /* Malik Dellidj - @Dathink Solar System orbit animation true time scaled Revolution of planets in earth days (from Wikipedia) Mercury : ~87,5 days Venus : ~224,7 days Earth : ~365,2563 days + Moon : ~27,3216 days (around earth) Mars : ~687 days (~1,8 year) Jupiter : ~4 331 days (~12 years) Saturn : ~10 747 days (~30 years) Uranus : ~30 589 days (~84 years) Neptune : ~59 802 days (~165 years) Pluto : ~90 580 days (~248 years) */ .solartop{ height: 100px; position: relative; top: 100px; background-image: linear-gradient(to top, rgba(255,0,0,0), #FFFFFF 80%); z-index: 5; } .bandom2{ position: relative; height: 600px; width: 100%; background: radial-gradient(ellipse at bottom, #1C2837 0%, #050608 100%); overflow: hidden; } .solarbottom{ height: 100px; position: relative; top: -100px; background-image: linear-gradient(to bottom, rgba(255,0,0,0), #FFFFFF 80%); z-index: 5; } .solar-syst { margin: 0 auto; width: 100%; height: 100%; position: relative; } .solar-syst:after { content: ""; position: absolute; height: 2px; width: 2px; top: -2px; background: white; box-shadow: 1395px 307px 0 0px rgba(255, 255, 255, 0.469) , 1458px 673px 0 0px rgba(255,255,255, 0.823) , 871px 930px 0 0px rgba(255,255,255, 0.424) , 146px 1539px 0 0px rgba(255,255,255, 0.596) , 1216px 1173px 0 0px rgba(255,255,255, 0.21) , 785px 1497px 0 0px rgba(255,255,255, 0.512) , 1523px 102px 0 0px rgba(255,255,255, 0.276) , 1429px 689px 0 0px rgba(255,255,255, 0.917) , 1250px 1413px 0 0px rgba(255,255,255, 0.716) , 717px 73px 0 0px rgba(255,255,255, 0.902) , 858px 791px 0 0px rgba(255,255,255, 0.947) , 1756px 258px 0 0px rgba(255,255,255, 0.022) , 908px 1258px 0 0px rgba(255,255,255, 0.816) , 283px 852px 0 0px rgba(255,255,255, 0.438) , 1084px 302px 0 0px rgba(255,255,255, 0.197) , 1376px 205px 0 0px rgba(255,255,255, 0.103) , 1373px 110px 0 0px rgba(255,255,255, 0.744) , 1457px 343px 0 0px rgba(255,255,255, 0.788) , 1639px 1391px 0 0px rgba(255,255,255, 0.044) , 894px 1772px 0 0px rgba(255,255,255, 0.241) , 1477px 982px 0 0px rgba(255,255,255, 0.615) , 38px 577px 0 0px rgba(255,255,255, 0.862) , 507px 925px 0 0px rgba(255,255,255, 0.696) , 1689px 1465px 0 0px rgba(255,255,255, 0.399) , 575px 1748px 0 0px rgba(255,255,255, 0.501) , 540px 1515px 0 0px rgba(255,255,255, 0.103) , 380px 99px 0 0px rgba(255,255,255, 0.662) , 1292px 1319px 0 0px rgba(255,255,255, 0.251) , 889px 957px 0 0px rgba(255,255,255, 0.954) , 188px 236px 0 0px rgba(255,255,255, 0.78) , 978px 1113px 0 0px rgba(255,255,255, 0.817) , 1563px 1784px 0 0px rgba(255,255,255, 0.272) , 2px 1062px 0 0px rgba(255,255,255, 0.776) , 39px 1797px 0 0px rgba(255,255,255, 0.571) , 703px 678px 0 0px rgba(255,255,255, 0.621) , 1036px 45px 0 0px rgba(255,255,255, 0.668) , 1535px 589px 0 0px rgba(255,255,255, 0.898) , 417px 1069px 0 0px rgba(255,255,255, 0.144) , 1055px 1297px 0 0px rgba(255,255,255, 0.364) , 1122px 1035px 0 0px rgba(255,255,255, 0.04) , 798px 1663px 0 0px rgba(255,255,255, 0.066) , 1322px 246px 0 0px rgba(255,255,255, 0.169) , 1270px 674px 0 0px rgba(255,255,255, 0.454) , 849px 1579px 0 0px rgba(255,255,255, 0.472) , 860px 156px 0 0px rgba(255,255,255, 0.784) , 610px 1238px 0 0px rgba(255,255,255, 0.678) , 810px 1554px 0 0px rgba(255,255,255, 0.889) , 191px 1417px 0 0px rgba(255,255,255, 0.921) , 1217px 549px 0 0px rgba(255,255,255, 0.346) , 12px 1589px 0 0px rgba(255,255,255, 0.986) , 1339px 1121px 0 0px rgba(255,255,255, 0.239) , 1068px 1171px 0 0px rgba(255,255,255, 0.811) , 589px 1535px 0 0px rgba(255,255,255, 0.082) , 564px 89px 0 0px rgba(255,255,255, 0.713) , 1667px 1416px 0 0px rgba(255,255,255, 0.838) , 266px 649px 0 0px rgba(255,255,255, 0.551) , 1389px 577px 0 0px rgba(255,255,255, 0.969) , 985px 1633px 0 0px rgba(255,255,255, 0.519) , 684px 1732px 0 0px rgba(255,255,255, 0.053) , 475px 1678px 0 0px rgba(255,255,255, 0.232) , 610px 572px 0 0px rgba(255,255,255, 0.804) , 1418px 1760px 0 0px rgba(255,255,255, 0.366) , 862px 237px 0 0px rgba(255,255,255, 0.625) , 1730px 763px 0 0px rgba(255,255,255, 0.286) , 1555px 449px 0 0px rgba(255,255,255, 0.82) , 1013px 1521px 0 0px rgba(255,255,255, 0.613) , 524px 515px 0 0px rgba(255,255,255, 0.392) , 152px 7px 0 0px rgba(255,255,255, 0.326) , 711px 1024px 0 0px rgba(255,255,255, 0.736) , 1587px 1416px 0 0px rgba(255,255,255, 0.632) , 1496px 1247px 0 0px rgba(255,255,255, 0.659) , 784px 1668px 0 0px rgba(255,255,255, 0.558) , 973px 448px 0 0px rgba(255,255,255, 0.594) , 1494px 39px 0 0px rgba(255,255,255, 0.432) , 982px 1477px 0 0px rgba(255,255,255, 0.678) , 389px 216px 0 0px rgba(255,255,255, 0.048) , 999px 1546px 0 0px rgba(255,255,255, 0.918) , 359px 1402px 0 0px rgba(255,255,255, 0.983) , 1360px 681px 0 0px rgba(255,255,255, 0.689) , 856px 1778px 0 0px rgba(255,255,255, 0.269) , 1020px 894px 0 0px rgba(255,255,255, 0.569) , 1390px 831px 0 0px rgba(255,255,255, 0.892) , 1762px 408px 0 0px rgba(255,255,255, 0.293) , 1062px 1544px 0 0px rgba(255,255,255, 0.205) , 1797px 1660px 0 0px rgba(255,255,255, 0.185) , 1245px 1216px 0 0px rgba(255,255,255, 0.355) , 623px 521px 0 0px rgba(255,255,255, 0.909) , 1455px 1180px 0 0px rgba(255,255,255, 0.025) , 617px 496px 0 0px rgba(255,255,255, 0.76) , 1772px 1413px 0 0px rgba(255,255,255, 0.336) , 277px 9px 0 0px rgba(255,255,255, 0.353) , 155px 93px 0 0px rgba(255,255,255, 0.008) , 525px 536px 0 0px rgba(255,255,255, 0.832) , 1355px 250px 0 0px rgba(255,255,255, 0.069) , 510px 1147px 0 0px rgba(255,255,255, 0.489) , 789px 1769px 0 0px rgba(255,255,255, 0.424) , 1270px 435px 0 0px rgba(255,255,255, 0.968) , 775px 1140px 0 0px rgba(255,255,255, 0.144) , 827px 983px 0 0px rgba(255,255,255, 0.506) , 938px 101px 0 0px rgba(255,255,255, 0.143) , 1610px 153px 0 0px rgba(255,255,255, 0.353) , 191px 1524px 0 0px rgba(255,255,255, 0.703) , 473px 20px 0 0px rgba(255,255,255, 0.158) , 1168px 1710px 0 0px rgba(255,255,255, 0.77) , 1644px 583px 0 0px rgba(255,255,255, 0.794) , 382px 1700px 0 0px rgba(255,255,255, 0.853) , 636px 79px 0 0px rgba(255,255,255, 0.61) , 1193px 271px 0 0px rgba(255,255,255, 0.619) , 434px 1602px 0 0px rgba(255,255,255, 0.397) , 912px 655px 0 0px rgba(255,255,255, 0.1) , 1324px 324px 0 0px rgba(255,255,255, 0.586) , 718px 292px 0 0px rgba(255,255,255, 0.193) , 552px 963px 0 0px rgba(255,255,255, 0.101) , 295px 547px 0 0px rgba(255,255,255, 0.37) , 103px 1042px 0 0px rgba(255,255,255, 0.829) , 1131px 1224px 0 0px rgba(255,255,255, 0.463) , 1643px 431px 0 0px rgba(255,255,255, 0.683) , 1553px 3px 0 0px rgba(255,255,255, 0.598) , 1475px 396px 0 0px rgba(255,255,255, 0.583) , 273px 477px 0 0px rgba(255,255,255, 0.943) , 665px 1542px 0 0px rgba(255,255,255, 0.264) , 1032px 787px 0 0px rgba(255,255,255, 0.174) , 699px 1321px 0 0px rgba(255,255,255, 0.26) , 1624px 1217px 0 0px rgba(255,255,255, 0.124) , 653px 33px 0 0px rgba(255,255,255, 0.624) , 1004px 1154px 0 0px rgba(255,255,255, 0.284) , 1527px 100px 0 0px rgba(255,255,255, 0.813) , 956px 689px 0 0px rgba(255,255,255, 0.19) , 408px 1281px 0 0px rgba(255,255,255, 0.922) , 1347px 1067px 0 0px rgba(255,255,255, 0.623) , 294px 375px 0 0px rgba(255,255,255, 0.499) , 508px 1557px 0 0px rgba(255,255,255, 0.422) , 438px 1073px 0 0px rgba(255,255,255, 0.829) , 1533px 1017px 0 0px rgba(255,255,255, 0.626) , 844px 531px 0 0px rgba(255,255,255, 0.273) , 298px 1239px 0 0px rgba(255,255,255, 0.124) , 282px 1546px 0 0px rgba(255,255,255, 0.714) , 1328px 997px 0 0px rgba(255,255,255, 0.613) , 615px 50px 0 0px rgba(255,255,255, 0.231) , 35px 792px 0 0px rgba(255,255,255, 0.549) , 37px 745px 0 0px rgba(255,255,255, 0.759) , 665px 1354px 0 0px rgba(255,255,255, 0.73) , 581px 366px 0 0px rgba(255,255,255, 0.371) , 453px 344px 0 0px rgba(255,255,255, 0.998) , 751px 855px 0 0px rgba(255,255,255, 0.382) , 1584px 1564px 0 0px rgba(255,255,255, 0.282) , 122px 1374px 0 0px rgba(255,255,255, 0.579) , 309px 559px 0 0px rgba(255,255,255, 0.401) , 1789px 448px 0 0px rgba(255,255,255, 0.433) , 1473px 1081px 0 0px rgba(255,255,255, 0.281) , 457px 1686px 0 0px rgba(255,255,255, 0.788) , 1244px 294px 0 0px rgba(255,255,255, 0.833) , 1768px 1198px 0 0px rgba(255,255,255, 0.125) , 1026px 1631px 0 0px rgba(255,255,255, 0.96) , 235px 904px 0 0px rgba(255,255,255, 0.14) , 50px 1028px 0 0px rgba(255,255,255, 0.964) , 1171px 1364px 0 0px rgba(255,255,255, 0.148) , 125px 754px 0 0px rgba(255,255,255, 0.298) , 370px 1031px 0 0px rgba(255,255,255, 0.43) , 172px 259px 0 0px rgba(255,255,255, 0.11) , 1360px 1363px 0 0px rgba(255,255,255, 0.14) , 200px 1605px 0 0px rgba(255,255,255, 0.73) , 1506px 915px 0 0px rgba(255,255,255, 0.461) , 653px 1347px 0 0px rgba(255,255,255, 0.116) , 315px 1532px 0 0px rgba(255,255,255, 0.367) , 1511px 1638px 0 0px rgba(255,255,255, 0.916) , 1654px 136px 0 0px rgba(255,255,255, 0.378) , 1462px 637px 0 0px rgba(255,255,255, 0.932) , 1243px 482px 0 0px rgba(255,255,255, 0.786) , 1090px 637px 0 0px rgba(255,255,255, 0.574) , 815px 149px 0 0px rgba(255,255,255, 0.505) , 1788px 1078px 0 0px rgba(255,255,255, 0.018) , 1741px 232px 0 0px rgba(255,255,255, 0.555) , 1631px 523px 0 0px rgba(255,255,255, 0.87) , 234px 65px 0 0px rgba(255,255,255, 0.368) , 1490px 588px 0 0px rgba(255,255,255, 0.705) , 1371px 858px 0 0px rgba(255,255,255, 0.411) , 193px 593px 0 0px rgba(255,255,255, 0.845) , 1606px 461px 0 0px rgba(255,255,255, 0.704) , 719px 1181px 0 0px rgba(255,255,255, 0.554) , 1104px 1536px 0 0px rgba(255,255,255, 0.029) , 1778px 342px 0 0px rgba(255,255,255, 0.243) , 238px 296px 0 0px rgba(255,255,255, 0.665) , 616px 1642px 0 0px rgba(255,255,255, 0.625) , 1783px 331px 0 0px rgba(255,255,255, 0.053) , 383px 1388px 0 0px rgba(255,255,255, 0.299) , 605px 378px 0 0px rgba(255,255,255, 0.866) , 1324px 122px 0 0px rgba(255,255,255, 0.663) , 1653px 193px 0 0px rgba(255,255,255, 0.511) , 29px 472px 0 0px rgba(255,255,255, 0.142) , 1482px 1111px 0 0px rgba(255,255,255, 0.129) , 597px 1576px 0 0px rgba(255,255,255, 0.821) , 58px 717px 0 0px rgba(255,255,255, 0.835) , 873px 1641px 0 0px rgba(255,255,255, 0.162) , 1058px 1636px 0 0px rgba(255,255,255, 0.168) , 30px 1540px 0 0px rgba(255,255,255, 0.661) , 1619px 1766px 0 0px rgba(255,255,255, 0.165) , 1324px 1247px 0 0px rgba(255,255,255, 0.366) , 74px 1099px 0 0px rgba(255,255,255, 0.336) , 653px 316px 0 0px rgba(255,255,255, 0.637) , 763px 801px 0 0px rgba(255,255,255, 0.198) , 141px 1650px 0 0px rgba(255,255,255, 0.413) , 1263px 1357px 0 0px rgba(255,255,255, 0.642) , 809px 9px 0 0px rgba(255,255,255, 0.281) , 1227px 1744px 0 0px rgba(255,255,255, 0.592) , 1602px 1193px 0 0px rgba(255,255,255, 0.812) , 787px 88px 0 0px rgba(255,255,255, 0.291) , 501px 1435px 0 0px rgba(255,255,255, 0.842) , 1294px 837px 0 0px rgba(255,255,255, 0.436) , 944px 1480px 0 0px rgba(255,255,255, 0.505) , 796px 855px 0 0px rgba(255,255,255, 0.274) , 1555px 1341px 0 0px rgba(255,255,255, 0.17) , 1579px 1765px 0 0px rgba(255,255,255, 0.906) , 1481px 102px 0 0px rgba(255,255,255, 0.12) , 1367px 1520px 0 0px rgba(255,255,255, 0.88) , 237px 40px 0 0px rgba(255,255,255, 0.92) , 1800px 787px 0 0px rgba(255,255,255, 0.233) , 1650px 174px 0 0px rgba(255,255,255, 0.199) , 337px 1653px 0 0px rgba(255,255,255, 0.502) , 1226px 1217px 0 0px rgba(255,255,255, 0.222) , 590px 320px 0 0px rgba(255,255,255, 0.334) , 666px 1781px 0 0px rgba(255,255,255, 0.496) , 517px 1186px 0 0px rgba(255,255,255, 0.322) , 1122px 676px 0 0px rgba(255,255,255, 0.372) , 1398px 204px 0 0px rgba(255,255,255, 0.859) , 175px 323px 0 0px rgba(255,255,255, 0.627) , 1391px 1707px 0 0px rgba(255,255,255, 0.322) , 1672px 440px 0 0px rgba(255,255,255, 0.468) , 883px 1132px 0 0px rgba(255,255,255, 0.392) , 254px 7px 0 0px rgba(255,255,255, 0.576) , 917px 1609px 0 0px rgba(255,255,255, 0.997) , 848px 1628px 0 0px rgba(255,255,255, 0.493) , 995px 975px 0 0px rgba(255,255,255, 0.379) , 1014px 864px 0 0px rgba(255,255,255, 0.605) , 1382px 17px 0 0px rgba(255,255,255, 0.155) , 692px 1493px 0 0px rgba(255,255,255, 0.966) , 353px 723px 0 0px rgba(255,255,255, 0.74) , 81px 1674px 0 0px rgba(255,255,255, 0.379) , 679px 1447px 0 0px rgba(255,255,255, 0.703) , 828px 716px 0 0px rgba(255,255,255, 0.774) , 1420px 1529px 0 0px rgba(255,255,255, 0.824) , 1068px 851px 0 0px rgba(255,255,255, 0.367) , 1005px 1710px 0 0px rgba(255,255,255, 0.28) , 571px 337px 0 0px rgba(255,255,255, 0.354) , 1721px 624px 0 0px rgba(255,255,255, 0.918) , 530px 829px 0 0px rgba(255,255,255, 0.835) , 253px 145px 0 0px rgba(255,255,255, 0.062) , 46px 778px 0 0px rgba(255,255,255, 0.651) , 46px 519px 0 0px rgba(255,255,255, 0.448) , 968px 1286px 0 0px rgba(255,255,255, 0.747) , 924px 871px 0 0px rgba(255,255,255, 0.92) , 499px 595px 0 0px rgba(255,255,255, 0.177) , 354px 182px 0 0px rgba(255,255,255, 0.068) , 1040px 1377px 0 0px rgba(255,255,255, 0.352) , 233px 746px 0 0px rgba(255,255,255, 0.438) , 420px 782px 0 0px rgba(255,255,255, 0.163) , 833px 1126px 0 0px rgba(255,255,255, 0.591) , 534px 1208px 0 0px rgba(255,255,255, 0.342) , 1658px 275px 0 0px rgba(255,255,255, 0.309) , 1563px 265px 0 0px rgba(255,255,255, 0.341) , 1272px 1387px 0 0px rgba(255,255,255, 0.6) , 627px 1398px 0 0px rgba(255,255,255, 0.464) , 1548px 597px 0 0px rgba(255,255,255, 0.204) , 1628px 420px 0 0px rgba(255,255,255, 0.72) , 808px 1756px 0 0px rgba(255,255,255, 0.991) , 1500px 702px 0 0px rgba(255,255,255, 0.603) , 1491px 50px 0 0px rgba(255,255,255, 0.249) , 304px 298px 0 0px rgba(255,255,255, 0.505) , 745px 9px 0 0px rgba(255,255,255, 0.691) , 1089px 508px 0 0px rgba(255,255,255, 0.891) , 533px 1498px 0 0px rgba(255,255,255, 0.031) , 556px 128px 0 0px rgba(255,255,255, 0.691) , 1219px 681px 0 0px rgba(255,255,255, 0.248) , 649px 1711px 0 0px rgba(255,255,255, 0.298) , 814px 285px 0 0px rgba(255,255,255, 0.18) , 1366px 1625px 0 0px rgba(255,255,255, 0.244) , 938px 104px 0 0px rgba(255,255,255, 0.414) , 1532px 520px 0 0px rgba(255,255,255, 0.379) , 264px 1098px 0 0px rgba(255,255,255, 0.296) , 991px 167px 0 0px rgba(255,255,255, 0.746) , 1723px 1529px 0 0px rgba(255,255,255, 0.685) , 934px 1374px 0 0px rgba(255,255,255, 0.275) , 1px 1285px 0 0px rgba(255,255,255, 0.551) , 48px 315px 0 0px rgba(255,255,255, 0.045) , 1245px 1460px 0 0px rgba(255,255,255, 0.414) , 73px 505px 0 0px rgba(255,255,255, 0.077) , 361px 1042px 0 0px rgba(255,255,255, 0.903) , 1298px 1300px 0 0px rgba(255,255,255, 0.175) , 773px 1438px 0 0px rgba(255,255,255, 0.686) , 746px 516px 0 0px rgba(255,255,255, 0.754) , 1759px 1018px 0 0px rgba(255,255,255, 0.019) , 925px 189px 0 0px rgba(255,255,255, 0.141) , 1307px 69px 0 0px rgba(255,255,255, 0.69) , 813px 1679px 0 0px rgba(255,255,255, 0.502) , 1387px 558px 0 0px rgba(255,255,255, 0.928) , 1232px 1053px 0 0px rgba(255,255,255, 0.793) , 1232px 1609px 0 0px rgba(255,255,255, 0.118) , 1317px 618px 0 0px rgba(255,255,255, 0.044) , 770px 938px 0 0px rgba(255,255,255, 0.341) , 552px 1187px 0 0px rgba(255,255,255, 0.994) , 1426px 1025px 0 0px rgba(255,255,255, 0.557) , 238px 1524px 0 0px rgba(255,255,255, 0.743) , 392px 1585px 0 0px rgba(255,255,255, 0.431) , 791px 185px 0 0px rgba(255,255,255, 0.187) , 425px 706px 0 0px rgba(255,255,255, 0.959) , 450px 392px 0 0px rgba(255,255,255, 0.326) , 95px 1383px 0 0px rgba(255,255,255, 0.374) , 1390px 1071px 0 0px rgba(255,255,255, 0.161) , 1343px 596px 0 0px rgba(255,255,255, 0.373) , 1151px 1563px 0 0px rgba(255,255,255, 0.583) , 402px 1165px 0 0px rgba(255,255,255, 0.997) , 1364px 1255px 0 0px rgba(255,255,255, 0.125) , 557px 1023px 0 0px rgba(255,255,255, 0.39) , 877px 378px 0 0px rgba(255,255,255, 0.225) , 1114px 1099px 0 0px rgba(255,255,255, 0.467) , 1259px 917px 0 0px rgba(255,255,255, 0.586) , 1258px 765px 0 0px rgba(255,255,255, 0.484) , 123px 1449px 0 0px rgba(255,255,255, 0.825) , 1461px 1159px 0 0px rgba(255,255,255, 0.866) , 1155px 1207px 0 0px rgba(255,255,255, 0.375) , 342px 46px 0 0px rgba(255,255,255, 0.789) , 1581px 446px 0 0px rgba(255,255,255, 0.732) , 86px 357px 0 0px rgba(255,255,255, 0.553) , 427px 1332px 0 0px rgba(255,255,255, 0.761) , 1093px 1015px 0 0px rgba(255,255,255, 0.124) , 1074px 1309px 0 0px rgba(255,255,255, 0.553) , 1213px 1268px 0 0px rgba(255,255,255, 0.988) , 45px 743px 0 0px rgba(255,255,255, 0.075) , 1614px 374px 0 0px rgba(255,255,255, 0.924) , 1346px 218px 0 0px rgba(255,255,255, 0.511) , 516px 473px 0 0px rgba(255,255,255, 0.042) , 1120px 1509px 0 0px rgba(255,255,255, 0.852) , 933px 495px 0 0px rgba(255,255,255, 0.184) , 1053px 1563px 0 0px rgba(255,255,255, 0.148) , 1061px 1529px 0 0px rgba(255,255,255, 0.94) , 451px 606px 0 0px rgba(255,255,255, 0.349) , 1027px 1149px 0 0px rgba(255,255,255, 0.959) , 675px 1667px 0 0px rgba(255,255,255, 0.332) , 626px 807px 0 0px rgba(255,255,255, 0.849) , 1483px 209px 0 0px rgba(255,255,255, 0.587) , 1414px 498px 0 0px rgba(255,255,255, 0.546) , 373px 1342px 0 0px rgba(255,255,255, 0.236) , 1373px 584px 0 0px rgba(255,255,255, 0.842) , 1140px 665px 0 0px rgba(255,255,255, 0.819) , 744px 1065px 0 0px rgba(255,255,255, 0.477) , 477px 1510px 0 0px rgba(255,255,255, 0.196) , 1796px 1228px 0 0px rgba(255,255,255, 0.443) , 1015px 1727px 0 0px rgba(255,255,255, 0.542) , 369px 1191px 0 0px rgba(255,255,255, 0.559) , 1423px 1538px 0 0px rgba(255,255,255, 0.344) , 1153px 1757px 0 0px rgba(255,255,255, 0.941) , 520px 388px 0 0px rgba(255,255,255, 0.764) , 202px 691px 0 0px rgba(255,255,255, 0.189) , 1031px 28px 0 0px rgba(255,255,255, 0.975) , 1225px 222px 0 0px rgba(255,255,255, 0.529) , 871px 478px 0 0px rgba(255,255,255, 0.168) , 1637px 1183px 0 0px rgba(255,255,255, 0.099) , 1069px 492px 0 0px rgba(255,255,255, 0.99) , 1307px 162px 0 0px rgba(255,255,255, 0.999) , 1744px 1405px 0 0px rgba(255,255,255, 0.383) , 883px 722px 0 0px rgba(255,255,255, 0.081) , 97px 3px 0 0px rgba(255,255,255, 0.697) , 396px 365px 0 0px rgba(255,255,255, 0.537) , 1228px 700px 0 0px rgba(255,255,255, 0.596) , 1443px 556px 0 0px rgba(255,255,255, 0.223) , 1041px 1468px 0 0px rgba(255,255,255, 0.282) , 1075px 293px 0 0px rgba(255,255,255, 0.172) , 306px 727px 0 0px rgba(255,255,255, 0.414) , 57px 626px 0 0px rgba(255,255,255, 0.188) , 600px 803px 0 0px rgba(255,255,255, 0.461) , 1568px 1039px 0 0px rgba(255,255,255, 0.358) , 228px 1072px 0 0px rgba(255,255,255, 0.441) , 1571px 296px 0 0px rgba(255,255,255, 0.547) , 1401px 1069px 0 0px rgba(255,255,255, 0.184) , 799px 247px 0 0px rgba(255,255,255, 0.081) , 1074px 1500px 0 0px rgba(255,255,255, 0.335) , 98px 1001px 0 0px rgba(255,255,255, 0.114) , 490px 300px 0 0px rgba(255,255,255, 0.114) , 642px 1016px 0 0px rgba(255,255,255, 0.941) , 922px 1157px 0 0px rgba(255,255,255, 0.599) , 1702px 1267px 0 0px rgba(255,255,255, 0.923) , 797px 249px 0 0px rgba(255,255,255, 0.343) , 884px 1426px 0 0px rgba(255,255,255, 0.071) , 1172px 597px 0 0px rgba(255,255,255, 0.968) , 711px 1777px 0 0px rgba(255,255,255, 0.783) , 748px 146px 0 0px rgba(255,255,255, 0.481) , 513px 1059px 0 0px rgba(255,255,255, 0.758) , 1729px 387px 0 0px rgba(255,255,255, 0.282) , 887px 1416px 0 0px rgba(255,255,255, 0.65) , 475px 1117px 0 0px rgba(255,255,255, 0.119) , 228px 1464px 0 0px rgba(255,255,255, 0.506) , 571px 810px 0 0px rgba(255,255,255, 0.555) , 1590px 265px 0 0px rgba(255,255,255, 0.075) , 717px 218px 0 0px rgba(255,255,255, 0.737) , 979px 16px 0 0px rgba(255,255,255, 0.376) , 1580px 899px 0 0px rgba(255,255,255, 0.646) , 1790px 873px 0 0px rgba(255,255,255, 0.491) , 805px 1546px 0 0px rgba(255,255,255, 0.602) , 1116px 914px 0 0px rgba(255,255,255, 0.736) , 1057px 1083px 0 0px rgba(255,255,255, 0.758) , 1081px 1714px 0 0px rgba(255,255,255, 0.254) , 1347px 912px 0 0px rgba(255,255,255, 0.974) , 188px 1547px 0 0px rgba(255,255,255, 0.481) , 917px 262px 0 0px rgba(255,255,255, 0.284) , 1020px 916px 0 0px rgba(255,255,255, 0.139) , 1160px 1197px 0 0px rgba(255,255,255, 0.169) , 814px 1153px 0 0px rgba(255,255,255, 0.434) , 147px 1325px 0 0px rgba(255,255,255, 0.852) , 584px 772px 0 0px rgba(255,255,255, 0.093) , 754px 430px 0 0px rgba(255,255,255, 0.228) , 1106px 1002px 0 0px rgba(255,255,255, 0.712) , 1393px 46px 0 0px rgba(255,255,255, 0.937) , 236px 1509px 0 0px rgba(255,255,255, 0.612) , 1370px 1487px 0 0px rgba(255,255,255, 0.766) , 838px 1053px 0 0px rgba(255,255,255, 0.903) , 766px 186px 0 0px rgba(255,255,255, 0.557) , 516px 392px 0 0px rgba(255,255,255, 0.04) , 42px 875px 0 0px rgba(255,255,255, 0.07) , 347px 63px 0 0px rgba(255,255,255, 0.498) , 701px 105px 0 0px rgba(255,255,255, 0.465) , 969px 1405px 0 0px rgba(255,255,255, 0.047) , 1753px 1014px 0 0px rgba(255,255,255, 0.203) , 625px 714px 0 0px rgba(255,255,255, 0.899) , 424px 475px 0 0px rgba(255,255,255, 0.938) , 1176px 1555px 0 0px rgba(255,255,255, 0.124) , 409px 164px 0 0px rgba(255,255,255, 0.25) , 913px 1566px 0 0px rgba(255,255,255, 0.282) , 477px 328px 0 0px rgba(255,255,255, 0.625) , 1456px 271px 0 0px rgba(255,255,255, 0.27) , 1350px 1531px 0 0px rgba(255,255,255, 0.872) , 1190px 248px 0 0px rgba(255,255,255, 0.765) , 1316px 235px 0 0px rgba(255,255,255, 0.671) , 133px 275px 0 0px rgba(255,255,255, 0.229) , 831px 1379px 0 0px rgba(255,255,255, 0.582) , 504px 944px 0 0px rgba(255,255,255, 0.492) , 1463px 1353px 0 0px rgba(255,255,255, 0.182) , 1209px 822px 0 0px rgba(255,255,255, 0.823) , 157px 1202px 0 0px rgba(255,255,255, 0.682) , 1374px 543px 0 0px rgba(255,255,255, 0.354) , 737px 875px 0 0px rgba(255,255,255, 0.31) , 1183px 298px 0 0px rgba(255,255,255, 0.571) , 157px 546px 0 0px rgba(255,255,255, 0.876) , 1224px 355px 0 0px rgba(255,255,255, 0.926) , 1382px 1785px 0 0px rgba(255,255,255, 0.674) , 552px 970px 0 0px rgba(255,255,255, 0.744) , 335px 1345px 0 0px rgba(255,255,255, 0.846) , 356px 671px 0 0px rgba(255,255,255, 0.173) , 910px 45px 0 0px rgba(255,255,255, 0.745) , 271px 285px 0 0px rgba(255,255,255, 0.806) , 73px 715px 0 0px rgba(255,255,255, 0.913) , 1507px 123px 0 0px rgba(255,255,255, 0.841) , 1015px 1765px 0 0px rgba(255,255,255, 0.091) , 1716px 145px 0 0px rgba(255,255,255, 0.024) , 1148px 971px 0 0px rgba(255,255,255, 0.537) , 1259px 231px 0 0px rgba(255,255,255, 0.347) , 1434px 628px 0 0px rgba(255,255,255, 0.967) , 1153px 275px 0 0px rgba(255,255,255, 0.906) , 973px 117px 0 0px rgba(255,255,255, 0.978) , 1595px 55px 0 0px rgba(255,255,255, 0.841) , 1654px 401px 0 0px rgba(255,255,255, 0.971) , 1752px 119px 0 0px rgba(255,255,255, 0.686) , 713px 1211px 0 0px rgba(255,255,255, 0.625) , 131px 1461px 0 0px rgba(255,255,255, 0.661) , 1033px 196px 0 0px rgba(255,255,255, 0.587) , 973px 1624px 0 0px rgba(255,255,255, 0.232) , 1217px 795px 0 0px rgba(255,255,255, 0.782) , 1540px 1688px 0 0px rgba(255,255,255, 0.804) , 1368px 546px 0 0px rgba(255,255,255, 0.871) , 1039px 700px 0 0px rgba(255,255,255, 0.514) , 1302px 735px 0 0px rgba(255,255,255, 0.52) , 577px 596px 0 0px rgba(255,255,255, 0.87) , 653px 530px 0 0px rgba(255,255,255, 0.497) , 146px 1321px 0 0px rgba(255,255,255, 0.716) , 1700px 259px 0 0px rgba(255,255,255, 0.667) , 591px 1679px 0 0px rgba(255,255,255, 0.479) , 1351px 634px 0 0px rgba(255,255,255, 0.487) , 479px 1771px 0 0px rgba(255,255,255, 0.77) , 733px 1049px 0 0px rgba(255,255,255, 0.901) , 80px 1591px 0 0px rgba(255,255,255, 0.315) , 1299px 263px 0 0px rgba(255,255,255, 0.13) , 1053px 1771px 0 0px rgba(255,255,255, 0.716) , 1136px 1083px 0 0px rgba(255,255,255, 0.685) , 1033px 592px 0 0px rgba(255,255,255, 0.749) , 1777px 1542px 0 0px rgba(255,255,255, 0.026) , 68px 808px 0 0px rgba(255,255,255, 0.846) , 1682px 1289px 0 0px rgba(255,255,255, 0.413) , 843px 613px 0 0px rgba(255,255,255, 0.896) , 1306px 1259px 0 0px rgba(255,255,255, 0.602) , 566px 651px 0 0px rgba(255,255,255, 0.412) , 75px 708px 0 0px rgba(255,255,255, 0.924) , 1132px 516px 0 0px rgba(255,255,255, 0.818) , 1162px 1063px 0 0px rgba(255,255,255, 0.288) , 1229px 1251px 0 0px rgba(255,255,255, 0.49) , 416px 980px 0 0px rgba(255,255,255, 0.647) , 1359px 887px 0 0px rgba(255,255,255, 0.647) , 1435px 1253px 0 0px rgba(255,255,255, 0.238) , 628px 1051px 0 0px rgba(255,255,255, 0.153) , 608px 580px 0 0px rgba(255,255,255, 0.162) , 1344px 1622px 0 0px rgba(255,255,255, 0.462) , 166px 728px 0 0px rgba(255,255,255, 0.054); border-radius: 100px; } .solar-syst div { border-radius: 1000px; top: 50%; left: 50%; position: absolute; z-index: 2; } .solar-syst div:not(.sun) { border: 1px solid rgba(102, 166, 229, 0.12); } .solar-syst div:not(.sun):before { left: 50%; border-radius: 100px; content: ""; position: absolute; } .solar-syst div:not(.asteroids-belt):before { box-shadow: inset 0 6px 0 -2px rgba(0, 0, 0, 0.25); } .sun { background: radial-gradient(ellipse at center, #ffd000 1%, #f9b700 39%, #f9b700 39%, #e06317 100%); height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; background-clip: padding-box; border: 0 !important; background-position: -28px -103px; background-size: 175%; box-shadow: 0 0 10px 2px rgba(255, 107, 0, 0.4), 0 0 22px 11px rgba(255, 203, 0, 0.13); } .mercury { height: 70px; width: 70px; margin-top: -35px; margin-left: -35px; -webkit-animation: orb 7.1867343561s linear infinite; animation: orb 7.1867343561s linear infinite; } .mercury:before { height: 4px; width: 4px; background: #9f5e26; margin-top: -2px; margin-left: -2px; } .venus { height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; -webkit-animation: orb 18.4555338265s linear infinite; animation: orb 18.4555338265s linear infinite; } .venus:before { height: 8px; width: 8px; background: #BEB768; margin-top: -4px; margin-left: -4px; } .earth { height: 145px; width: 145px; margin-top: -72.5px; margin-left: -72.5px; -webkit-animation: orb 30s linear infinite; animation: orb 30s linear infinite; } .earth:before { height: 6px; width: 6px; background: #11abe9; margin-top: -3px; margin-left: -3px; } .earth:after { position: absolute; content: ""; height: 18px; width: 18px; left: 50%; top: 0px; margin-left: -9px; margin-top: -9px; border-radius: 100px; box-shadow: 0 -10px 0 -8px grey; -webkit-animation: orb 2.2440352158s linear infinite; animation: orb 2.2440352158s linear infinite; } .mars { height: 190px; width: 190px; margin-top: -95px; margin-left: -95px; -webkit-animation: orb 56.4261314589s linear infinite; animation: orb 56.4261314589s linear infinite; } .mars:before { height: 6px; width: 6px; background: #cf3921; margin-top: -3px; margin-left: -3px; } .jupiter { height: 340px; width: 340px; margin-top: -170px; margin-left: -170px; -webkit-animation: orb 355.7228171013s linear infinite; animation: orb 355.7228171013s linear infinite; } .jupiter:before { height: 18px; width: 18px; background: #c76e2a; margin-top: -9px; margin-left: -9px; } .saturn { height: 440px; width: 440px; margin-top: -220px; margin-left: -220px; -webkit-animation: orb 882.6952471456s linear infinite; animation: orb 882.6952471456s linear infinite; } .saturn:before { height: 12px; width: 12px; background: #e7c194; margin-top: -6px; margin-left: -6px; } .saturn:after { position: absolute; content: ""; height: 2.34%; width: 4.676%; left: 50%; top: 0px; -webkit-transform: rotateZ(-52deg); transform: rotateZ(-52deg); margin-left: -2.3%; margin-top: -1.2%; border-radius: 50% 50% 50% 50%; box-shadow: 0 1px 0 1px #987641, 3px 1px 0 #987641, -3px 1px 0 #987641; -webkit-animation: orb 882.6952471456s linear infinite; animation: orb 882.6952471456s linear infinite; animation-direction: reverse; -webkit-transform-origin: 52% 60%; transform-origin: 52% 60%; } .uranus { height: 520px; width: 520px; margin-top: -260px; margin-left: -260px; -webkit-animation: orb 2512.4001967933s linear infinite; animation: orb 2512.4001967933s linear infinite; } .uranus:before { height: 10px; width: 10px; background: #b5e3e3; margin-top: -5px; margin-left: -5px; } .neptune { height: 630px; width: 630px; margin-top: -315px; margin-left: -315px; -webkit-animation: orb 4911.7838624549s linear infinite; animation: orb 4911.7838624549s linear infinite; } .neptune:before { height: 10px; width: 10px; background: #175e9e; margin-top: -5px; margin-left: -5px; } .asteroids-belt { opacity: .7; border-color: transparent !important; height: 300px; width: 300px; margin-top: -150px; margin-left: -150px; -webkit-animation: orb 179.9558282773s linear infinite; animation: orb 179.9558282773s linear infinite; overflow: hidden; } .asteroids-belt:before { top: 50%; height: 210px; width: 210px; margin-left: -105px; margin-top: -105px; background: transparent; border-radius: 140px !important; box-shadow: 57px -44px 0 -104px rgba(255, 255, 255, 0.252) , 4px -139px 0 -104px rgba(255,255,255, 0.151) , -89px -39px 0 -104px rgba(255,255,255, 0.807) , 86px -108px 0 -104px rgba(255,255,255, 0.629) , 38px 44px 0 -104px rgba(255,255,255, 0.165) , 17px 87px 0 -104px rgba(255,255,255, 0.763) , -58px 9px 0 -104px rgba(255,255,255, 0.204) , 72px 31px 0 -104px rgba(255,255,255, 0.334) , 133px 57px 0 -104px rgba(255,255,255, 0.352) , 86px -116px 0 -104px rgba(255,255,255, 0.896) , -137px -71px 0 -104px rgba(255,255,255, 0.492) , 115px 38px 0 -104px rgba(255,255,255, 0.286) , -8px -15px 0 -104px rgba(255,255,255, 0.316) , 95px -5px 0 -104px rgba(255,255,255, 0.025) , -16px -112px 0 -104px rgba(255,255,255, 0.745) , 103px 117px 0 -104px rgba(255,255,255, 0.984) , 47px -70px 0 -104px rgba(255,255,255, 0.963) , -77px 52px 0 -104px rgba(255,255,255, 0.377) , -24px -110px 0 -104px rgba(255,255,255, 0.38) , -20px -53px 0 -104px rgba(255,255,255, 0.49) , -85px -81px 0 -104px rgba(255,255,255, 0.455) , -115px 28px 0 -104px rgba(255,255,255, 0.24) , -116px 4px 0 -104px rgba(255,255,255, 0.44) , 17px 96px 0 -104px rgba(255,255,255, 0.182) , -13px -51px 0 -104px rgba(255,255,255, 0.788) , -117px 118px 0 -104px rgba(255,255,255, 0.361) , 26px -80px 0 -104px rgba(255,255,255, 0.482) , -26px -79px 0 -104px rgba(255,255,255, 0.089) , 27px 114px 0 -104px rgba(255,255,255, 0.102) , -59px 130px 0 -104px rgba(255,255,255, 0.299) , 114px 64px 0 -104px rgba(255,255,255, 0.584) , 124px 70px 0 -104px rgba(255,255,255, 0.039) , 49px -119px 0 -104px rgba(255,255,255, 0.909) , -135px 47px 0 -104px rgba(255,255,255, 0.149) , 79px -67px 0 -104px rgba(255,255,255, 0.021) , -138px -121px 0 -104px rgba(255,255,255, 0.307) , -69px 4px 0 -104px rgba(255,255,255, 0.759) , 118px -70px 0 -104px rgba(255,255,255, 0.736) , 46px 82px 0 -104px rgba(255,255,255, 0.408) , 75px 70px 0 -104px rgba(255,255,255, 0.699) , 12px -48px 0 -104px rgba(255,255,255, 0.652) , -81px 108px 0 -104px rgba(255,255,255, 0.189) , -143px -2px 0 -104px rgba(255,255,255, 0.055) , 101px -101px 0 -104px rgba(255,255,255, 0.554) , -15px -35px 0 -104px rgba(255,255,255, 0.894) , 142px 9px 0 -104px rgba(255,255,255, 0.051) , 141px -69px 0 -104px rgba(255,255,255, 0.285) , -136px -125px 0 -104px rgba(255,255,255, 0.879) , -69px 136px 0 -104px rgba(255,255,255, 0.51) , -109px -11px 0 -104px rgba(255,255,255, 0.246) , -87px -133px 0 -104px rgba(255,255,255, 0.761) , 114px -124px 0 -104px rgba(255,255,255, 0.396) , 111px -119px 0 -104px rgba(255,255,255, 0.446) , 47px 118px 0 -104px rgba(255,255,255, 0.621) , 24px -86px 0 -104px rgba(255,255,255, 0.286) , 15px -123px 0 -104px rgba(255,255,255, 0.869) , -114px -51px 0 -104px rgba(255,255,255, 0.165) , -61px -63px 0 -104px rgba(255,255,255, 0.667) , -33px -40px 0 -104px rgba(255,255,255, 0.892) , 122px 76px 0 -104px rgba(255,255,255, 0.907) , -68px -22px 0 -104px rgba(255,255,255, 0.838) , 42px -48px 0 -104px rgba(255,255,255, 0.806) , -59px -134px 0 -104px rgba(255,255,255, 0.747) , 99px 131px 0 -104px rgba(255,255,255, 0.035) , 77px 68px 0 -104px rgba(255,255,255, 0.181) , 83px -4px 0 -104px rgba(255,255,255, 0.191) , 53px -43px 0 -104px rgba(255,255,255, 0.931) , -13px 38px 0 -104px rgba(255,255,255, 0.093) , -85px 32px 0 -104px rgba(255,255,255, 0.888) , -34px -8px 0 -104px rgba(255,255,255, 0.296) , -109px -92px 0 -104px rgba(255,255,255, 0.335) , 135px -80px 0 -104px rgba(255,255,255, 0.907) , -15px 122px 0 -104px rgba(255,255,255, 0.24) , -142px -135px 0 -104px rgba(255,255,255, 0.948) , 102px 104px 0 -104px rgba(255,255,255, 0.217) , -58px 58px 0 -104px rgba(255,255,255, 0.931) , 31px -15px 0 -104px rgba(255,255,255, 0.447) , 14px 75px 0 -104px rgba(255,255,255, 0.632) , 129px 60px 0 -104px rgba(255,255,255, 0.223) , 9px 8px 0 -104px rgba(255,255,255, 0.648) , 137px -52px 0 -104px rgba(255,255,255, 0.278) , 110px -83px 0 -104px rgba(255,255,255, 0.884) , 89px 46px 0 -104px rgba(255,255,255, 0.745) , 111px -137px 0 -104px rgba(255,255,255, 0.484) , 76px 0px 0 -104px rgba(255,255,255, 0.093) , 141px 124px 0 -104px rgba(255,255,255, 0.871) , 46px -134px 0 -104px rgba(255,255,255, 0.442) , -32px -15px 0 -104px rgba(255,255,255, 0.779) , -57px -33px 0 -104px rgba(255,255,255, 0.709) , 36px 143px 0 -104px rgba(255,255,255, 0.439) , 51px 143px 0 -104px rgba(255,255,255, 0.09) , 103px 19px 0 -104px rgba(255,255,255, 0.383) , 42px 55px 0 -104px rgba(255,255,255, 0.124) , 12px -84px 0 -104px rgba(255,255,255, 0.09) , 127px -34px 0 -104px rgba(255,255,255, 0.493) , -12px 20px 0 -104px rgba(255,255,255, 0.078) , -8px -93px 0 -104px rgba(255,255,255, 0.339) , -63px -109px 0 -104px rgba(255,255,255, 0.686) , -13px 112px 0 -104px rgba(255,255,255, 0.354) , 70px 36px 0 -104px rgba(255,255,255, 0.309) , -60px -13px 0 -104px rgba(255,255,255, 0.999) , 31px -4px 0 -104px rgba(255,255,255, 0.977) , -132px -74px 0 -104px rgba(255,255,255, 0.324) , 0px -35px 0 -104px rgba(255,255,255, 0.143) , 53px -68px 0 -104px rgba(255,255,255, 0.269) , -33px 128px 0 -104px rgba(255,255,255, 0.517) , 77px 60px 0 -104px rgba(255,255,255, 0.105) , -34px 16px 0 -104px rgba(255,255,255, 0.26) , 41px -104px 0 -104px rgba(255,255,255, 0.328) , -74px 101px 0 -104px rgba(255,255,255, 0.513) , -101px 145px 0 -104px rgba(255,255,255, 0.96) , -54px 46px 0 -104px rgba(255,255,255, 0.69) , -35px -111px 0 -104px rgba(255,255,255, 0.434) , -10px -62px 0 -104px rgba(255,255,255, 0.998) , 65px -32px 0 -104px rgba(255,255,255, 0.213) , 83px -100px 0 -104px rgba(255,255,255, 0.132) , -122px 0px 0 -104px rgba(255,255,255, 0.496) , -138px -139px 0 -104px rgba(255,255,255, 0.743) , 103px -127px 0 -104px rgba(255,255,255, 0.41) , -75px -110px 0 -104px rgba(255,255,255, 0.089) , -76px -33px 0 -104px rgba(255,255,255, 0.563) , -141px 55px 0 -104px rgba(255,255,255, 0.267) , 35px 109px 0 -104px rgba(255,255,255, 0.22) , 118px 88px 0 -104px rgba(255,255,255, 0.986) , -43px -73px 0 -104px rgba(255,255,255, 0.725) , 101px 62px 0 -104px rgba(255,255,255, 0.351) , 41px -53px 0 -104px rgba(255,255,255, 0.561) , 11px -33px 0 -104px rgba(255,255,255, 0.671) , -65px -57px 0 -104px rgba(255,255,255, 0.038) , -5px -77px 0 -104px rgba(255,255,255, 1) , -43px 21px 0 -104px rgba(255,255,255, 0.507) , -4px -110px 0 -104px rgba(255,255,255, 0.064) , 31px 6px 0 -104px rgba(255,255,255, 0.484) , 117px 107px 0 -104px rgba(255,255,255, 0.958) , 83px -59px 0 -104px rgba(255,255,255, 0.632) , -118px 70px 0 -104px rgba(255,255,255, 0.404) , -72px -46px 0 -104px rgba(255,255,255, 0.74) , -108px 105px 0 -104px rgba(255,255,255, 0.967) , 110px -93px 0 -104px rgba(255,255,255, 0.512) , 96px 144px 0 -104px rgba(255,255,255, 0.893) , 60px -136px 0 -104px rgba(255,255,255, 0.36) , -141px -47px 0 -104px rgba(255,255,255, 0.2) , 100px -25px 0 -104px rgba(255,255,255, 0.407) , -128px 75px 0 -104px rgba(255,255,255, 0.783) , -115px 117px 0 -104px rgba(255,255,255, 0.536) , 38px 10px 0 -104px rgba(255,255,255, 0.886) , -106px 73px 0 -104px rgba(255,255,255, 0.319) , 35px -129px 0 -104px rgba(255,255,255, 0.31) , -74px -78px 0 -104px rgba(255,255,255, 0.17) , 1px 20px 0 -104px rgba(255,255,255, 0.333) , -84px 52px 0 -104px rgba(255,255,255, 0.27) , 16px 5px 0 -104px rgba(255,255,255, 0.538) , -10px -89px 0 -104px rgba(255,255,255, 0.237) , 135px -141px 0 -104px rgba(255,255,255, 0.588) , -76px 88px 0 -104px rgba(255,255,255, 0.453) , -20px -41px 0 -104px rgba(255,255,255, 0.921) , -113px -42px 0 -104px rgba(255,255,255, 0.857) , 71px -59px 0 -104px rgba(255,255,255, 0.522) , -33px 110px 0 -104px rgba(255,255,255, 0.111) , -97px 94px 0 -104px rgba(255,255,255, 0.712) , -130px 120px 0 -104px rgba(255,255,255, 0.465) , -27px 30px 0 -104px rgba(255,255,255, 0.147) , -50px 131px 0 -104px rgba(255,255,255, 0.475) , 16px -45px 0 -104px rgba(255,255,255, 0.233) , -91px 60px 0 -104px rgba(255,255,255, 0.479) , 116px -6px 0 -104px rgba(255,255,255, 0.448) , 121px 96px 0 -104px rgba(255,255,255, 0.573) , 143px 3px 0 -104px rgba(255,255,255, 0.769) , -75px 53px 0 -104px rgba(255,255,255, 0.365) , -65px -118px 0 -104px rgba(255,255,255, 0.882) , 33px 124px 0 -104px rgba(255,255,255, 0.032) , -52px 144px 0 -104px rgba(255,255,255, 0.646) , 12px 135px 0 -104px rgba(255,255,255, 0.111) , 42px 65px 0 -104px rgba(255,255,255, 0.854) , 76px 83px 0 -104px rgba(255,255,255, 0.137) , 60px -25px 0 -104px rgba(255,255,255, 0.536) , 127px -62px 0 -104px rgba(255,255,255, 0.013) , -144px 135px 0 -104px rgba(255,255,255, 0.492) , 37px 3px 0 -104px rgba(255,255,255, 0.775) , 78px -130px 0 -104px rgba(255,255,255, 0.251) , 37px 48px 0 -104px rgba(255,255,255, 0.925) , 137px 4px 0 -104px rgba(255,255,255, 0.283) , 34px 13px 0 -104px rgba(255,255,255, 0.556) , 120px -127px 0 -104px rgba(255,255,255, 0.781) , -49px -139px 0 -104px rgba(255,255,255, 0.56) , -23px 0px 0 -104px rgba(255,255,255, 0.903) , 63px -57px 0 -104px rgba(255,255,255, 0.555) , -94px -104px 0 -104px rgba(255,255,255, 0.915) , 100px -56px 0 -104px rgba(255,255,255, 0.896) , 77px -12px 0 -104px rgba(255,255,255, 0.242) , 26px 3px 0 -104px rgba(255,255,255, 0.84) , 90px -137px 0 -104px rgba(255,255,255, 0.628) , -29px 34px 0 -104px rgba(255,255,255, 0.458) , -36px 130px 0 -104px rgba(255,255,255, 0.406) , 67px 44px 0 -104px rgba(255,255,255, 0.188) , -10px 77px 0 -104px rgba(255,255,255, 0.011) , 79px 31px 0 -104px rgba(255,255,255, 0.985) , -1px 123px 0 -104px rgba(255,255,255, 0.262) , 127px -89px 0 -104px rgba(255,255,255, 0.169) , -101px 25px 0 -104px rgba(255,255,255, 0.443) , -4px -140px 0 -104px rgba(255,255,255, 0.842) , 70px 36px 0 -104px rgba(255,255,255, 0.547) , -13px 22px 0 -104px rgba(255,255,255, 0.584) , -57px -130px 0 -104px rgba(255,255,255, 0.251) , -28px 87px 0 -104px rgba(255,255,255, 0.848) , -95px 94px 0 -104px rgba(255,255,255, 0.396) , -61px -91px 0 -104px rgba(255,255,255, 0.113) , 89px 139px 0 -104px rgba(255,255,255, 0.064) , -40px -73px 0 -104px rgba(255,255,255, 0.241) , -62px -95px 0 -104px rgba(255,255,255, 0.452) , 15px 73px 0 -104px rgba(255,255,255, 0.483) , 103px -68px 0 -104px rgba(255,255,255, 0.991) , -34px -34px 0 -104px rgba(255,255,255, 0.788) , 114px 103px 0 -104px rgba(255,255,255, 0.916) , -140px -33px 0 -104px rgba(255,255,255, 0.786) , 46px -14px 0 -104px rgba(255,255,255, 0.132) , -125px -33px 0 -104px rgba(255,255,255, 0.01) , 1px 111px 0 -104px rgba(255,255,255, 0.612) , -2px -35px 0 -104px rgba(255,255,255, 0.642) , -102px 93px 0 -104px rgba(255,255,255, 0.953) , 87px 85px 0 -104px rgba(255,255,255, 0.236) , 100px 102px 0 -104px rgba(255,255,255, 0.312) , 128px 33px 0 -104px rgba(255,255,255, 0.227) , -30px -121px 0 -104px rgba(255,255,255, 0.446) , 11px -133px 0 -104px rgba(255,255,255, 0.222) , -23px -32px 0 -104px rgba(255,255,255, 0.806) , 41px 6px 0 -104px rgba(255,255,255, 0.26) , 1px 0px 0 -104px rgba(255,255,255, 0.622) , -41px -93px 0 -104px rgba(255,255,255, 0.567) , 67px -85px 0 -104px rgba(255,255,255, 0.913) , 84px 13px 0 -104px rgba(255,255,255, 0.452) , 134px -31px 0 -104px rgba(255,255,255, 0.667) , -108px 99px 0 -104px rgba(255,255,255, 0.732) , -4px -124px 0 -104px rgba(255,255,255, 0.669) , 131px 37px 0 -104px rgba(255,255,255, 0.464) , 106px 56px 0 -104px rgba(255,255,255, 0.469) , -23px 6px 0 -104px rgba(255,255,255, 0.679) , 44px -40px 0 -104px rgba(255,255,255, 0.617) , 17px -68px 0 -104px rgba(255,255,255, 0.876) , -127px -137px 0 -104px rgba(255,255,255, 0.176) , -86px -1px 0 -104px rgba(255,255,255, 0.236) , 8px 110px 0 -104px rgba(255,255,255, 0.349) , 121px 105px 0 -104px rgba(255,255,255, 0.101) , -134px 104px 0 -104px rgba(255,255,255, 0.553) , -62px -40px 0 -104px rgba(255,255,255, 0.73) , -58px 97px 0 -104px rgba(255,255,255, 0.596) , 138px -41px 0 -104px rgba(255,255,255, 0.923) , -39px -108px 0 -104px rgba(255,255,255, 0.832) , 58px -69px 0 -104px rgba(255,255,255, 0.588) , 103px 16px 0 -104px rgba(255,255,255, 0.477) , 5px -67px 0 -104px rgba(255,255,255, 0.909) , -109px -108px 0 -104px rgba(255,255,255, 0.933) , -103px 58px 0 -104px rgba(255,255,255, 0.84) , 69px -115px 0 -104px rgba(255,255,255, 0.822) , -103px 103px 0 -104px rgba(255,255,255, 0.512) , 13px -108px 0 -104px rgba(255,255,255, 0.288) , 95px -59px 0 -104px rgba(255,255,255, 0.216) , -106px 97px 0 -104px rgba(255,255,255, 0.128) , 67px -102px 0 -104px rgba(255,255,255, 0.161) , 135px 5px 0 -104px rgba(255,255,255, 0.912) , 61px -27px 0 -104px rgba(255,255,255, 0.548) , -48px 45px 0 -104px rgba(255,255,255, 0.935) , -51px 53px 0 -104px rgba(255,255,255, 0.432) , 12px 83px 0 -104px rgba(255,255,255, 0.119) , 101px 105px 0 -104px rgba(255,255,255, 0.801) , -19px -25px 0 -104px rgba(255,255,255, 0.8) , -31px -78px 0 -104px rgba(255,255,255, 0.678) , 45px -26px 0 -104px rgba(255,255,255, 0.471) , -142px 128px 0 -104px rgba(255,255,255, 0.84) , -43px -117px 0 -104px rgba(255,255,255, 0.939) , 17px 95px 0 -104px rgba(255,255,255, 0.384) , 18px -26px 0 -104px rgba(255,255,255, 0.319) , 34px -142px 0 -104px rgba(255,255,255, 0.948) , -32px 69px 0 -104px rgba(255,255,255, 0.345) , 137px -24px 0 -104px rgba(255,255,255, 0.316) , 132px -36px 0 -104px rgba(255,255,255, 0.414) , 122px 16px 0 -104px rgba(255,255,255, 0.663) , 50px 82px 0 -104px rgba(255,255,255, 0.523) , 129px -55px 0 -104px rgba(255,255,255, 0.91) , 59px 78px 0 -104px rgba(255,255,255, 0.047) , 98px -118px 0 -104px rgba(255,255,255, 0.091) , -2px 79px 0 -104px rgba(255,255,255, 0.707) , -126px 30px 0 -104px rgba(255,255,255, 0.86) , -44px 82px 0 -104px rgba(255,255,255, 0.577) , -1px 8px 0 -104px rgba(255,255,255, 0.133) , 63px -49px 0 -104px rgba(255,255,255, 0.417) , 23px 121px 0 -104px rgba(255,255,255, 0.04) , 40px 57px 0 -104px rgba(255,255,255, 0.571) , 70px -45px 0 -104px rgba(255,255,255, 0.878) , 33px 140px 0 -104px rgba(255,255,255, 0.235) , 71px -118px 0 -104px rgba(255,255,255, 0.189) , 13px 37px 0 -104px rgba(255,255,255, 0.641) , 110px -89px 0 -104px rgba(255,255,255, 0.202) , 77px -113px 0 -104px rgba(255,255,255, 0.958) , 102px -60px 0 -104px rgba(255,255,255, 0.223) , 49px 10px 0 -104px rgba(255,255,255, 0.38) , -134px -41px 0 -104px rgba(255,255,255, 0.394) , 116px 77px 0 -104px rgba(255,255,255, 0.698) , -36px -69px 0 -104px rgba(255,255,255, 0.412) , -31px 124px 0 -104px rgba(255,255,255, 0.947) , 99px 56px 0 -104px rgba(255,255,255, 0.303) , -47px -130px 0 -104px rgba(255,255,255, 0.469) , 30px 113px 0 -104px rgba(255,255,255, 0.379) , -23px 82px 0 -104px rgba(255,255,255, 0.171) , 14px -72px 0 -104px rgba(255,255,255, 0.806) , -96px -90px 0 -104px rgba(255,255,255, 0.626) , -56px -140px 0 -104px rgba(255,255,255, 0.343) , -79px -2px 0 -104px rgba(255,255,255, 0.717) , -113px -105px 0 -104px rgba(255,255,255, 0.731) , -83px 101px 0 -104px rgba(255,255,255, 0.206) , 0px 69px 0 -104px rgba(255,255,255, 0.57) , -102px -75px 0 -104px rgba(255,255,255, 0.454) , 113px 38px 0 -104px rgba(255,255,255, 0.6) , 130px 74px 0 -104px rgba(255,255,255, 0.248) , -123px 137px 0 -104px rgba(255,255,255, 0.206) , -55px -15px 0 -104px rgba(255,255,255, 0.587) , 80px -40px 0 -104px rgba(255,255,255, 0.554) , -81px 72px 0 -104px rgba(255,255,255, 0.534) , -2px 18px 0 -104px rgba(255,255,255, 0.449) , -65px -122px 0 -104px rgba(255,255,255, 0.838) , 134px -127px 0 -104px rgba(255,255,255, 0.845) , 95px -135px 0 -104px rgba(255,255,255, 0.592) , 53px 133px 0 -104px rgba(255,255,255, 0.292) , 37px -82px 0 -104px rgba(255,255,255, 0.507) , 102px 125px 0 -104px rgba(255,255,255, 0.467) , 125px 96px 0 -104px rgba(255,255,255, 0.194) , -140px -113px 0 -104px rgba(255,255,255, 0.083) , -63px -107px 0 -104px rgba(255,255,255, 0.64) , -107px 1px 0 -104px rgba(255,255,255, 0.48) , -107px -63px 0 -104px rgba(255,255,255, 0.106) , 74px 10px 0 -104px rgba(255,255,255, 0.22) , 63px 16px 0 -104px rgba(255,255,255, 0.207) , 87px -57px 0 -104px rgba(255,255,255, 0.351) , 15px 122px 0 -104px rgba(255,255,255, 0.865) , 59px -143px 0 -104px rgba(255,255,255, 0.238) , -26px 141px 0 -104px rgba(255,255,255, 0.69) , 69px 92px 0 -104px rgba(255,255,255, 0.595) , -143px 17px 0 -104px rgba(255,255,255, 0.16) , -40px 63px 0 -104px rgba(255,255,255, 0.754) , 140px -116px 0 -104px rgba(255,255,255, 0.939) , -31px -99px 0 -104px rgba(255,255,255, 0.551) , -2px -95px 0 -104px rgba(255,255,255, 0.302) , -85px 142px 0 -104px rgba(255,255,255, 0.136) , 126px -47px 0 -104px rgba(255,255,255, 0.043) , -130px -79px 0 -104px rgba(255,255,255, 0.061) , 141px 1px 0 -104px rgba(255,255,255, 0.632) , 45px 123px 0 -104px rgba(255,255,255, 0.162) , 93px -59px 0 -104px rgba(255,255,255, 0.332) , 129px 0px 0 -104px rgba(255,255,255, 0.627) , 52px -21px 0 -104px rgba(255,255,255, 0.681) , 36px -1px 0 -104px rgba(255,255,255, 0.948) , 111px 63px 0 -104px rgba(255,255,255, 0.348) , 124px -71px 0 -104px rgba(255,255,255, 0.6) , 89px -51px 0 -104px rgba(255,255,255, 0.789) , -9px 29px 0 -104px rgba(255,255,255, 0.454) , -140px -61px 0 -104px rgba(255,255,255, 0.728) , -119px 26px 0 -104px rgba(255,255,255, 0.044) , 97px 47px 0 -104px rgba(255,255,255, 0.309) , 124px -27px 0 -104px rgba(255,255,255, 0.125) , -56px 107px 0 -104px rgba(255,255,255, 0.917) , -8px 15px 0 -104px rgba(255,255,255, 0.949) , -6px 45px 0 -104px rgba(255,255,255, 0.349) , 130px 102px 0 -104px rgba(255,255,255, 0.261) , 83px -32px 0 -104px rgba(255,255,255, 0.911) , 23px 10px 0 -104px rgba(255,255,255, 0.399) , 28px 39px 0 -104px rgba(255,255,255, 0.128) , -124px -12px 0 -104px rgba(255,255,255, 0.696) , 81px 63px 0 -104px rgba(255,255,255, 0.962) , 132px 75px 0 -104px rgba(255,255,255, 0.01) , -116px 61px 0 -104px rgba(255,255,255, 0.784) , -123px 34px 0 -104px rgba(255,255,255, 0.932) , -18px 101px 0 -104px rgba(255,255,255, 0.47) , -17px 120px 0 -104px rgba(255,255,255, 0.082) , 86px -8px 0 -104px rgba(255,255,255, 0.013) , 97px 10px 0 -104px rgba(255,255,255, 0.191) , -116px -55px 0 -104px rgba(255,255,255, 0.685) , -129px -109px 0 -104px rgba(255,255,255, 0.544) , 73px 51px 0 -104px rgba(255,255,255, 0.609) , -118px -13px 0 -104px rgba(255,255,255, 0.01) , 11px 39px 0 -104px rgba(255,255,255, 0.323) , -102px -27px 0 -104px rgba(255,255,255, 0.071) , 111px -77px 0 -104px rgba(255,255,255, 0.707) , 49px 96px 0 -104px rgba(255,255,255, 0.31) , -122px -117px 0 -104px rgba(255,255,255, 0.229) , 20px 17px 0 -104px rgba(255,255,255, 0.649) , 36px -20px 0 -104px rgba(255,255,255, 0.767) , 70px 6px 0 -104px rgba(255,255,255, 0.321) , -5px 66px 0 -104px rgba(255,255,255, 0.416) , -123px 50px 0 -104px rgba(255,255,255, 0.833) , -115px -84px 0 -104px rgba(255,255,255, 0.328); } .pluto { height: 780px; width: 780px; margin-top: -450px; margin-left: -320px; -webkit-animation: orb 7439.7074054575s linear infinite; animation: orb 7439.7074054575s linear infinite; } .pluto:before { height: 3px; width: 3px; background: #fff; margin-top: -1.5px; margin-left: -1.5px; } @-webkit-keyframes orb { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes orb { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-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); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-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-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-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; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -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 { from, to { -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; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-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); } to { -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); } to { -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; } @-webkit-keyframes tada { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { 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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { 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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { 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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { 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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-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); } to { 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); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-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); } to { 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); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { 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); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { 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); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-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); } to { 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); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -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; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -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; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -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; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -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; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -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; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -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; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -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; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -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; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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 { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -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; } @-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; } to { -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; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { 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 { from { opacity: 1; } to { 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; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { 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; } @-webkit-keyframes zoomInDown { from { 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 { from { 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; } @-webkit-keyframes zoomInLeft { from { 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 { from { 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; } @-webkit-keyframes zoomInRight { from { 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 { from { 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; } @-webkit-keyframes zoomInUp { from { 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 { from { 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; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-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); } to { 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); } to { 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; } @-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); } to { 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); } to { 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; } @-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); } to { 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); } to { 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; } @-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); } to { 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); } to { 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; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } }


.fonas { background-color: #F2F2F2; } .headeris{ } .i11 { font-family: "ikaros"; font-style: normal; font-size: 3vw; margin-left: 5%; } .i12 { font-family: "ikaros"; font-style: normal; font-size: 3vw; margin-left: 30%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .introtxt5 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: 80%; margin-top: -10%; z-index: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .introtxt10 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 30%; margin-left: -15%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 1 } .introtxt16 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 85%; margin-left: 50%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 1 } .introtxt22 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 130%; margin-left: 0%; z-index: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 } .introtxt26 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 190%; margin-left: 40%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 1; } .introtxt28 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 200%; margin-left: 65%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 1; } .introtxt32 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 245%; margin-left: -10%; z-index: 1; white-space:nowrap; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 } .introtxt35 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 255%; margin-left: 5%; z-index: 1; white-space:nowrap; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 } .i111 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 320%; margin-left: 7%; z-index: 1; white-space:nowrap; } .i112 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 330%; margin-left: 32%; z-index: 1; white-space:nowrap; } .i113 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 3vw; text-align: center; margin-top: 350%; width: 100%; z-index: 1; white-space:nowrap; } .poslink{ text-indent: 100em; } .matuoklis1{ position:relative; top: -50em; } .matuoklis2{ position:relative; margin-top: 200%; } .overflowcontrol{ margin: auto; width: 1200px; } .container{ margin: auto; width: 1200px; } .intro1{ white-space:nowrap; position:relative; width: 80%; margin: auto; margin-top: 10%; margin-bottom: 320%; } @media only screen and (min-width: 800px) { .introlib{ white-space:nowrap; position:relative; width: 60%; margin: auto; } } .introxxx{ position:absolute; width: 70%; } .margin{ margin-left:5%; margin-right:5%; } .igmA { position: absolute; z-index: 1; } .igmB { position: absolute; z-index: 6; } .igmB5 { position: absolute; -webkit-clip-path: inset(0% 2% 80% 66%); clip-path: inset(0% 2% 80% 66%); z-index: 6; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmB10 { position: absolute; -webkit-clip-path: inset(12% 47% 70% 5%); clip-path: inset(12% 47% 70% 5%); z-index: 6; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmB16 { position: absolute; -webkit-clip-path: inset(20% 10% 55% 50%); clip-path: inset(20% 10% 55% 50%); z-index: 6; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmB22 { position: absolute; -webkit-clip-path: inset(45% 47% 38% 5%); clip-path: inset(45% 47% 38% 5%); z-index: 6; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmB26 { position: absolute; -webkit-clip-path: inset(62% 40% 27% 25%); clip-path: inset(62% 40% 27% 25%); z-index: 6; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmB28 { position: absolute; -webkit-clip-path: inset(62% 10% 23% 50%); clip-path: inset(62% 10% 23% 50%); z-index: 6; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmB32 { position: absolute; -webkit-clip-path: inset(77% 10% 10% 50%); clip-path: inset(77% 10% 10% 50%); z-index: 6; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmB35 { position: absolute; -webkit-clip-path: inset(80% 30% 0% 0%); clip-path: inset(80% 30% 0% 0%); z-index: 6; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA0 { position: absolute; -webkit-clip-path: inset(0% 83% 97% 0%); clip-path: inset(0% 83% 97% 0%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA1 { position: absolute; -webkit-clip-path: inset(0% 83% 97% 0%); clip-path: inset(0% 83% 97% 0%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA2 { position: absolute; -webkit-clip-path: inset(3% 66% 95% 18%); clip-path: inset(3% 66% 95% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA3 { position: absolute; -webkit-clip-path: inset(5% 49% 92% 34%); clip-path: inset(5% 49% 92% 34%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA4 { position: absolute; -webkit-clip-path: inset(7% 22% 90.5% 50%); clip-path: inset(7% 22% 90.5% 50%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA5 { position: absolute; -webkit-clip-path: inset(9% 5% 88% 66%); clip-path: inset(9% 5% 88% 66%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA6 { position: absolute; -webkit-clip-path: inset(11% 0% 84% 84%); clip-path: inset(11% 0% 84% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA7 { position: absolute; -webkit-clip-path: inset(16% 0% 80% 84%); clip-path: inset(16% 0% 80% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA8 { position: absolute; -webkit-clip-path: inset(20% 5% 76% 67%); clip-path: inset(20% 5% 76% 67%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA9 { position: absolute; -webkit-clip-path: inset(22% 22% 74% 51%); clip-path: inset(22% 22% 74% 51%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA10 { position: absolute; -webkit-clip-path: inset(24% 47% 73% 34%); clip-path: inset(24% 47% 73% 34%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA11 { position: absolute; -webkit-clip-path: inset(26% 65% 71% 18%); clip-path: inset(26% 65% 71% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA12 { position: absolute; -webkit-clip-path: inset(28% 82% 67.5% 4%); clip-path: inset(28% 82% 67.5% 4%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA13 { position: absolute; -webkit-clip-path: inset(32.5% 83% 64% 4%); clip-path: inset(32.5% 83% 64% 4%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA14 { position: absolute; -webkit-clip-path: inset(34.5% 66% 60.5% 18%); clip-path: inset(34.5% 66% 60.5% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA15 { position: absolute; -webkit-clip-path: inset(36.5% 49% 58.5% 34%); clip-path: inset(36.5% 49% 58.5% 34%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA16 { position: absolute; -webkit-clip-path: inset(38.5% 24% 57% 51%); clip-path: inset(38.5% 24% 57% 51%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA17 { position: absolute; -webkit-clip-path: inset(40.5% 7% 55% 67%); clip-path: inset(40.5% 7% 55% 67%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA18 { position: absolute; -webkit-clip-path: inset(44.5% 2% 51% 84%); clip-path: inset(44.5% 2% 51% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA19 { position: absolute; -webkit-clip-path: inset(49.5% 2% 47% 84%); clip-path: inset(49.5% 2% 47% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA20 { position: absolute; -webkit-clip-path: inset(53% 7% 43% 66%); clip-path: inset(53% 7% 43% 66%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA21 { position: absolute; -webkit-clip-path: inset(55% 31% 39% 50%); clip-path: inset(55% 31% 39% 50%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA22 { position: absolute; -webkit-clip-path: inset(57% 49% 36.5% 34%); clip-path: inset(57% 49% 36.5% 34%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA23 { position: absolute; -webkit-clip-path: inset(59% 66% 33.5% 18%); clip-path: inset(59% 66% 33.5% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA24 { position: absolute; -webkit-clip-path: inset(61% 83% 34% 2%); clip-path: inset(61% 83% 34% 2%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA25 { position: absolute; -webkit-clip-path: inset(65.5% 83% 31% 2%); clip-path: inset(65.5% 83% 31% 2%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA26 { position: absolute; -webkit-clip-path: inset(67.5% 65% 28% 18%); clip-path: inset(67.5% 65% 28% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA27 { position: absolute; -webkit-clip-path: inset(69.5% 48% 26% 35%); clip-path: inset(69.5% 48% 26% 35%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA28 { position: absolute; -webkit-clip-path: inset(71.5% 31% 24% 52%); clip-path: inset(71.5% 31% 24% 52%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA29 { position: absolute; -webkit-clip-path: inset(73.5% 14% 21.5% 68%); clip-path: inset(73.5% 14% 21.5% 68%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA30 { position: absolute; -webkit-clip-path: inset(75.5% 2% 18% 84%); clip-path: inset(75.5% 2% 18% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA31 { position: absolute; -webkit-clip-path: inset(82% 2% 13% 84%); clip-path: inset(82% 2% 13% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA32 { position: absolute; -webkit-clip-path: inset(85% 15% 8% 68%); clip-path: inset(85% 15% 8% 68%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA33 { position: absolute; -webkit-clip-path: inset(87% 32% 6% 52%); clip-path: inset(87% 32% 6% 52%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA34 { position: absolute; -webkit-clip-path: inset(89% 49% 4% 35%); clip-path: inset(89% 49% 4% 35%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA35 { position: absolute; -webkit-clip-path: inset(91% 66% 2% 18%); clip-path: inset(91% 66% 2% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmA36 { position: absolute; -webkit-clip-path: inset(93% 83% 0% 2%); clip-path: inset(93% 83% 0% 2%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .txt1{ font-family: "ikaros"; font-style: normal; font-size: 150%; margin-left: 60%; display: none; z-index: 10; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 4s; animation-delay: 4s; } .i21 { font-family: "ikaros"; font-style: normal; font-size: 250%; text-align: center; visibility: hidden; z-index: 5; margin-bottom: 10%; } .i22 { font-family: "ikaros"; font-style: normal; font-size: 250%; text-align: center; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden } .startext{ visibility: hidden; position: absolute; top: 20%; text-align: center; width: 100%; font-family: "ikaros"; font-style: normal; font-size: 2vh; text-align: center; color: #ffffffda; z-index: 10; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .startrash{ position: relative; top:20%; font-family: "ikaros"; font-style: normal; font-size: 200%; text-align: center; color: #ffffffda; z-index: 0; opacity: 0; } .klipis{ position: relative; -webkit-clip-path: inset(0% 65% 80% 20%); clip-path: inset(0% 65% 80% 20%); } .i24 { font-family: "ikaros"; font-style: normal; font-size: 200%; text-align: center; margin-bottom: 5%; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden } .i25 { font-family: "ikaros"; font-style: normal; font-size: 200%; text-align: center; margin-top: 5%; margin-bottom: 3%; visibility: hidden; } .i26 { font-family: "ikaros"; font-style: normal; font-size: 200%; text-align: center; margin-top: 10%; margin-bottom: 3%; visibility: hidden; -webkit-animation-delay: 1s; animation-delay: 1s; } .prothold{ position: relative; overflow: hidden; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; margin-bottom: 10%; visibility: hidden; z-index: 1; } .logogrey{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 15%; width: 30%; visibility: hidden; -webkit-animation-delay: 1s; animation-delay: 1s; } .libraryholder{ position: relative; display: block; margin-left: auto; margin-right: auto; width: 60%; margin-bottom: 110%; } .dnalibrarytxt { font-family: "ikaros"; font-style: normal; font-size: 25px; text-align: center; margin-top: 5%; visibility: hidden; } .dnalibrary{ -webkit-clip-path: inset(0% 0% 80% 0%); clip-path: inset(0% 0% 80% 0%); position: absolute; visibility: hidden; } .dnalibraryleft{ -webkit-clip-path: inset(0% 0% 80% 0%); clip-path: inset(0% 0% 80% 0%); } .dnalibraryright{ -webkit-clip-path: inset(0% 0% 80% 0%); clip-path: inset(0% 0% 80% 0%); } .dna11{ -webkit-clip-path: inset(15% 80% 80% 5%); clip-path: inset(15% 80% 80% 5%); visibility: hidden; position: absolute; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-name: dna11; animation-name: dna11; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; /*when the spec is finished*/ } @-webkit-keyframes dna11{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(34.5%,10%) ; transform: translate(34.5%,10%) ; } 100% { -webkit-transform: translate(34.5%,25%) ; transform: translate(34.5%,25%) ; } } @keyframes dna11{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(34.5%,10%) ; transform: translate(34.5%,10%) ; } 100% { -webkit-transform: translate(34.5%,25%) ; transform: translate(34.5%,25%) ; } } .dna12{ -webkit-clip-path: inset(15% 40% 80% 40%); clip-path: inset(15% 40% 80% 40%); visibility: hidden; position: absolute; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; /*when the spec is finished*/ } @-webkit-keyframes dna12{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(-2.4%,10%) ; transform: translate(-2.4%,10%) ; } 100% { -webkit-transform: translate(-2.4%,22%) ; transform: translate(-2.4%,22%) ; } } @keyframes dna12{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(-2.4%,10%) ; transform: translate(-2.4%,10%) ; } 100% { -webkit-transform: translate(-2.4%,22%) ; transform: translate(-2.4%,22%) ; } } .dna13{ -webkit-clip-path: inset(15% 5% 80% 75%); clip-path: inset(15% 5% 80% 75%); visibility: hidden; position: absolute; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; /*when the spec is finished*/ } @-webkit-keyframes dna13{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(-38%,10%) ; transform: translate(-38%,10%) ; } 100% { -webkit-transform: translate(-38%,18.5%) ; transform: translate(-38%,18.5%) ; } } @keyframes dna13{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(-38%,10%) ; transform: translate(-38%,10%) ; } 100% { -webkit-transform: translate(-38%,18.5%) ; transform: translate(-38%,18.5%) ; } } .chippng{ -webkit-clip-path: inset(25% 10% 20% 10%); clip-path: inset(25% 10% 20% 10%); position: absolute; visibility: hidden; z-index: 5; } .dnaarr1{ -webkit-clip-path: inset(10% 30% 65% 30%); clip-path: inset(10% 30% 65% 30%); position: absolute; visibility: hidden; -webkit-animation-delay: 5.5s; animation-delay: 5.5s; } .encapsulationtxt { position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 20px; margin-top: 60%; margin-left: 60%; white-space: nowrap; visibility: hidden; } @-webkit-keyframes dna112{ 0% { -webkit-transform: translate(34.5%,25%) ; transform: translate(34.5%,25%) ; } 100% { -webkit-transform: translate(35.5%,46%) ; transform: translate(35.5%,46%) ; } } @keyframes dna112{ 0% { -webkit-transform: translate(34.5%,25%) ; transform: translate(34.5%,25%) ; } 100% { -webkit-transform: translate(35.5%,46%) ; transform: translate(35.5%,46%) ; } } .dnaarr21{ -webkit-clip-path: inset(40% 50% 30% 10%); clip-path: inset(40% 50% 30% 10%); visibility: hidden; position: absolute; } .dnaarr22{ -webkit-clip-path: inset(40% 10% 30% 50%); clip-path: inset(40% 10% 30% 50%); visibility: hidden; position: absolute; } .droplet1{ -webkit-clip-path: inset(30% 40% 30% 40%); clip-path: inset(30% 40% 30% 40%); position: absolute; visibility: hidden; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; /*when the spec is finished*/ } @-webkit-keyframes droplet1{ 0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; opacity:0.1; } 25% { opacity:0.8; } 100% { -webkit-transform: translate(0%,10%) ; transform: translate(0%,10%) ; opacity:1; } } @keyframes droplet1{ 0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; opacity:0.1; } 25% { opacity:0.8; } 100% { -webkit-transform: translate(0%,10%) ; transform: translate(0%,10%) ; opacity:1; } } .droplet2{ -webkit-clip-path: inset(70% 10% 0% 10%); clip-path: inset(70% 10% 0% 10%); visibility: hidden; position: absolute; } .recmodholder{ position: relative; display: block; margin-left: auto; margin-right: auto; width: 60%; margin-bottom: 120%; } .droplet21{ -webkit-clip-path: inset(0% 29% 62% 30%); clip-path: inset(0% 29% 62% 30%); visibility: hidden; position: absolute; } .droparr1{ -webkit-clip-path: inset(0% 29% 62% 30%); clip-path: inset(0% 29% 62% 30%); visibility: hidden; position: absolute; } .biomolecule1{ -webkit-clip-path: inset(0% 29% 62% 30%); clip-path: inset(0% 29% 62% 30%); visibility: hidden; position: absolute; } .outarrow1{ -webkit-clip-path: inset(26% 29% 50% 25%); clip-path: inset(26% 29% 50% 25%); visibility: hidden; position: absolute; } .droplet22{ -webkit-clip-path: inset(30% 55% 25% 0%); clip-path: inset(30% 55% 25% 0%); visibility: hidden; position: absolute; } .droparr2{ -webkit-clip-path: inset(30% 55% 25% 0%); clip-path: inset(30% 55% 25% 0%); visibility: hidden; position: absolute; } .recmod{ -webkit-clip-path: inset(30% 55% 25% 0%); clip-path: inset(30% 55% 25% 0%); visibility: hidden; position: absolute; } .outarrow2{ -webkit-clip-path: inset(50% 20% 20% 0%); clip-path: inset(50% 20% 20% 0%); visibility: hidden; position: absolute; } .droplet23{ -webkit-clip-path: inset(55% 0% 0% 40%); clip-path: inset(55% 0% 0% 40%); visibility: hidden; position: absolute; } .droparr3{ -webkit-clip-path: inset(55% 0% 0% 40%); clip-path: inset(55% 0% 0% 40%); visibility: hidden; position: absolute; } .modif{ -webkit-clip-path: inset(55% 0% 0% 40%); clip-path: inset(55% 0% 0% 40%); visibility: hidden; position: absolute; } .moddna{ -webkit-clip-path: inset(65% 30% 15% 55%); clip-path: inset(65% 30% 15% 55%); visibility: hidden; position: absolute; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 6; } .moddnacolor{ -webkit-clip-path: inset(65% 30% 15% 55%); clip-path: inset(65% 30% 15% 55%); visibility: hidden; position: absolute; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 7; opacity: 0; } .nanoarr1{ visibility: hidden; position: absolute; } @-webkit-keyframes nanoporeseq{ 0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; } 40% { -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:1 } 100% { -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:0 } } @keyframes nanoporeseq{ 0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; } 40% { -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:1 } 100% { -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:0 } } @-webkit-keyframes nanoporeseqcolor{ 0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; } 40% { -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:0; } 100% { -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:1; } } @keyframes nanoporeseqcolor{ 0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; } 40% { -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:0; } 100% { -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:1; } } .nanodiv{ margin-top: 130%; bottom:200%; } .nanoporeseq{ visibility: hidden; position: absolute; } .nanoarr4{ visibility: hidden; position: absolute; } #mygtukas1{ border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; left: 89%; top: 5%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; z-index: 6; visibility: hidden; position: absolute; } .mygtukas1txt{ position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 25px; top: 5%; left: 70%; visibility: hidden; white-space: nowrap; } #mygtukas1:hover, #mygtukas2:hover, #mygtukas3:hover, #mygtukas01:hover { background-color: #ffffff; } #mygtukas2{ border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; visibility: hidden; position: absolute; top: 46%; left: 89%; } .mygtukas2txt{ position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 25px; top: 35%; left: 72%; visibility: hidden; white-space: nowrap; } #mygtukas3{ visibility: hidden; border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; top: 79%; position: absolute; left: 89%; } .mygtukas3txt{ position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 25px; top: 85%; left: 72%; visibility: hidden; white-space: nowrap; } #mygtukas4{ visibility: hidden; border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; top: 105%; position: absolute; left: 89%; } .mygtukas4txt{ position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 25px; white-space: nowrap; top: 110%; left: 66%; visibility: hidden; } .mygtukas4txt2{ position: absolute; visibility: hidden; font-family: "ikaros"; font-style: normal; font-size: 25px; text-align: center; margin-top: 108%; } #mygtukas01{ border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; z-index: 6; visibility: visible; } .mygtukas01 { position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 2vw; margin-top: 75%; width: 73%; left: 87%; } .sudastekstas{ visibility: hidden; } .sudastekstas2{ visibility: hidden; } .image-wrapperis { width: 170%; position:relative; left: -34%; } .moddnacoloract{ -webkit-clip-path: inset(65% 30% 15% 55%); clip-path: inset(65% 30% 15% 55%); position: absolute; margin-top: -6%; margin-left: -21.5%; -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); -ms-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); z-index: 7; opacity: 0; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .moddnacoloract2{ -webkit-clip-path: inset(65% 30% 15% 55%); clip-path: inset(65% 30% 15% 55%); position: absolute; margin-top: -6%; margin-left: -21.5%; -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); -ms-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); z-index: 8; opacity: 0; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .gnk1{ position: absolute; margin-top: 85%; -webkit-clip-path: inset(0% 90% 90% 0%); clip-path: inset(0% 90% 90% 0%); opacity: 0; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .gnk1bar{ position: absolute; margin-top: 85%; -webkit-clip-path: inset(0% 100% 90% 0%); clip-path: inset(0% 100% 90% 0%); -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } @-webkit-keyframes gnk1bar { 0% { -webkit-clip-path: inset(0% 100% 90% 0%); clip-path: inset(0% 100% 90% 0%); } 100% { -webkit-clip-path: inset(0% 90% 90% 0%); clip-path: inset(0% 90% 90% 0%); } } @keyframes gnk1bar { 0% { -webkit-clip-path: inset(0% 100% 90% 0%); clip-path: inset(0% 100% 90% 0%); } 100% { -webkit-clip-path: inset(0% 90% 90% 0%); clip-path: inset(0% 90% 90% 0%); } } @-webkit-keyframes moddnacoloract1{ 0% { -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); opacity: 0.8; } 100% { -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); opacity: 0; } } @keyframes moddnacoloract1{ 0% { -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); opacity: 0.8; } 100% { -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); opacity: 0; } } @-webkit-keyframes moddnacoloract2{ 0% { -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); opacity: 0; } 100% { -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); opacity: 1; } } @keyframes moddnacoloract2{ 0% { -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); opacity: 0; } 100% { -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); opacity: 1; } } #mygtukas5{ visibility: visible; border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; top: 175%; left: 89%; position: absolute; } .mygtukas5txt{ position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 25px; white-space: nowrap; width:90%; margin-left: 5%; margin-top: 115%; opacity: 1; -webkit-animation-delay: 8s; animation-delay: 8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; visibility: hidden; } .genukaiblack{ position: absolute; margin-top: 85%; opacity: 0; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; } .genukaibar{ position: absolute; margin-top: 85%; opacity: 0; -webkit-animation-delay: 6s; animation-delay: 6s; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 1; } .genukaicolor{ position: absolute; margin-top: 85%; opacity: 0; -webkit-animation-delay: 6s; animation-delay: 6s; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 2; } @-webkit-keyframes genukaibar { 0% { -webkit-clip-path: ellipse(0% 51% at 0% 50%); clip-path: ellipse(0% 51% at 0% 50%); opacity: 1; } 100% { -webkit-clip-path: ellipse(120% 80% at 0% 50%); clip-path: ellipse(120% 80% at 0% 50%); opacity: 1; } } @keyframes genukaibar { 0% { -webkit-clip-path: ellipse(0% 51% at 0% 50%); clip-path: ellipse(0% 51% at 0% 50%); opacity: 1; } 100% { -webkit-clip-path: ellipse(120% 80% at 0% 50%); clip-path: ellipse(120% 80% at 0% 50%); opacity: 1; } } @-webkit-keyframes genukaicolor { 0% { -webkit-clip-path: ellipse(0% 51% at 100% 50%); clip-path: ellipse(0% 51% at 100% 50%); opacity: 1; } 100% { -webkit-clip-path: ellipse(120% 80% at 100% 50%); clip-path: ellipse(120% 80% at 100% 50%); opacity: 1; } } @keyframes genukaicolor { 0% { -webkit-clip-path: ellipse(0% 51% at 100% 50%); clip-path: ellipse(0% 51% at 100% 50%); opacity: 1; } 100% { -webkit-clip-path: ellipse(120% 80% at 100% 50%); clip-path: ellipse(120% 80% at 100% 50%); opacity: 1; } } .outrodiv{ visibility: hidden; white-space:nowrap; position:relative; width: 80%; margin: auto; margin-bottom: -50%; } .sudastekstas3{ visibility: hidden; } .outrotxt1{ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; -webkit-animation-delay: 9s; animation-delay: 9s; position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 3vw; width: 90%; left: -5%; margin-top: 10%; } .outrotxt2{ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; -webkit-animation-delay: 9s; animation-delay: 9s; position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; width: 90%; margin-top: 5%; font-size: 3vw; left: 5%; margin-top: 20%; } .igmY4{ margin-top: 35%; clip-path: inset(0% 5% 82% 55%); position:absolute; z-index: 6; -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .igmY10{ margin-top: 50%; clip-path: inset(10% 50% 73% 10%); position:absolute; z-index: 6; -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .igmY15{ margin-top: 50%; clip-path: inset(20% 20% 55% 20%); position:absolute; z-index: 6; -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .igmY23{ margin-top: 50%; clip-path: inset(40% 40% 34% 5%); position:absolute; z-index: 6; -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .igmX1{ margin-top: 50%; position:absolute; } .igmXA{ clip-path: inset(0% 0% 34% 0%); margin-top: 50%; position:absolute; } .igmY .igmX0 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(0% 83% 97% 0%); clip-path: inset(0% 83% 97% 0%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX1 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(0% 83% 97% 0%); clip-path: inset(0% 83% 97% 0%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX2 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(3% 66% 95% 18%); clip-path: inset(3% 66% 95% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX3 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(5% 49% 92% 34%); clip-path: inset(5% 49% 92% 34%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX4 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(7% 22% 90.5% 50%); clip-path: inset(7% 22% 90.5% 50%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX5 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(9% 5% 88% 66%); clip-path: inset(9% 5% 88% 66%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX6 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(11% 0% 84% 84%); clip-path: inset(11% 0% 84% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX7 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(16% 0% 80% 84%); clip-path: inset(16% 0% 80% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX8 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(20% 5% 76% 67%); clip-path: inset(20% 5% 76% 67%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX9 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(22% 22% 74% 51%); clip-path: inset(22% 22% 74% 51%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX10 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(24% 47% 73% 34%); clip-path: inset(24% 47% 73% 34%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX11 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(26% 65% 71% 18%); clip-path: inset(26% 65% 71% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX12 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(28% 82% 67.5% 4%); clip-path: inset(28% 82% 67.5% 4%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX13 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(32.5% 83% 64% 4%); clip-path: inset(32.5% 83% 64% 4%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX14 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(34.5% 66% 60.5% 18%); clip-path: inset(34.5% 66% 60.5% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX15 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(36.5% 49% 58.5% 34%); clip-path: inset(36.5% 49% 58.5% 34%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX16 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(38.5% 24% 57% 51%); clip-path: inset(38.5% 24% 57% 51%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX17 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(40.5% 7% 55% 67%); clip-path: inset(40.5% 7% 55% 67%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX18 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(44.5% 2% 51% 84%); clip-path: inset(44.5% 2% 51% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX19 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(49.5% 2% 47% 84%); clip-path: inset(49.5% 2% 47% 84%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX20 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(53% 7% 43% 66%); clip-path: inset(53% 7% 43% 66%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX21 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(55% 31% 39% 50%); clip-path: inset(55% 31% 39% 50%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX22 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(57% 49% 36.5% 34%); clip-path: inset(57% 49% 36.5% 34%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX23 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(59% 66% 33.5% 18%); clip-path: inset(59% 66% 33.5% 18%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .igmX24 { position: absolute; margin-top: 50%; -webkit-clip-path: inset(61% 83% 34% 2%); clip-path: inset(61% 83% 34% 2%); z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .outrotxt4 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: 0%; margin-top: 35%; z-index: 1; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .outrotxt10 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: -10%; margin-top: 75%; z-index: 1; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .outrotxt15 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: 75%; margin-top: 140%; z-index: 1; white-space: nowrap; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .outrotxt23 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: 5%; margin-top: 180%; z-index: 1; white-space: nowrap; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .sdnadiv{ margin-bottom: 40%; position:relative; } .slowdnablack{ position: absolute; } .sdna1{ position:absolute;clip-path: inset(0% 92.3% 89% 0%); opacity: 0; animation-fill-mode: forwards; animation-delay: 10s;} .sdna2{ position:absolute;clip-path: inset(11% 92.3% 78% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna3{ position:absolute;clip-path: inset(22% 92.3% 67% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna4{ position:absolute;clip-path: inset(33% 92.3% 56% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna5{ position:absolute;clip-path: inset(44% 92.3% 45% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna6{ position:absolute;clip-path: inset(55% 92.3% 34% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna7{ position:absolute;clip-path: inset(66% 92.3% 23% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna8{ position:absolute;clip-path: inset(77% 92.3% 12% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna9{ position:absolute;clip-path: inset(88% 92.3% 1% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna10{ position:absolute;clip-path: inset(0% 84.6% 89% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna11{ position:absolute;clip-path: inset(11% 84.6% 78% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna12{ position:absolute;clip-path: inset(22% 84.6% 67% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna13{ position:absolute;clip-path: inset(33% 84.6% 56% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna14{ position:absolute;clip-path: inset(44% 84.6% 45% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna15{ position:absolute;clip-path: inset(55% 84.6% 34% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna16{ position:absolute;clip-path: inset(66% 84.6% 23% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna17{ position:absolute;clip-path: inset(77% 84.6% 12% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna18{ position:absolute;clip-path: inset(88% 84.6% 1% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna19{ position:absolute;clip-path: inset(0% 76.9% 89% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna20{ position:absolute;clip-path: inset(11% 76.9% 78% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna21{ position:absolute;clip-path: inset(22% 76.9% 67% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna22{ position:absolute;clip-path: inset(33% 76.9% 56% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna23{ position:absolute;clip-path: inset(44% 76.9% 45% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna24{ position:absolute;clip-path: inset(55% 76.9% 34% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna25{ position:absolute;clip-path: inset(66% 76.9% 23% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna26{ position:absolute;clip-path: inset(77% 76.9% 12% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna27{ position:absolute;clip-path: inset(88% 76.9% 1% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna28{ position:absolute;clip-path: inset(0% 69.2% 89% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna29{ position:absolute;clip-path: inset(11% 69.2% 78% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna30{ position:absolute;clip-path: inset(22% 69.2% 67% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna31{ position:absolute;clip-path: inset(33% 69.2% 56% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna32{ position:absolute;clip-path: inset(44% 69.2% 45% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna33{ position:absolute;clip-path: inset(55% 69.2% 34% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna34{ position:absolute;clip-path: inset(66% 69.2% 23% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna35{ position:absolute;clip-path: inset(77% 69.2% 12% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna36{ position:absolute;clip-path: inset(88% 69.2% 1% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna37{ position:absolute;clip-path: inset(0% 61.5% 89% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna38{ position:absolute;clip-path: inset(11% 61.5% 78% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna39{ position:absolute;clip-path: inset(22% 61.5% 67% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna40{ position:absolute;clip-path: inset(33% 61.5% 56% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna41{ position:absolute;clip-path: inset(44% 61.5% 45% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna42{ position:absolute;clip-path: inset(55% 61.5% 34% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna43{ position:absolute;clip-path: inset(66% 61.5% 23% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna44{ position:absolute;clip-path: inset(77% 61.5% 12% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna45{ position:absolute;clip-path: inset(88% 61.5% 1% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna46{ position:absolute;clip-path: inset(0% 53.8% 89% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna47{ position:absolute;clip-path: inset(11% 53.8% 78% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna48{ position:absolute;clip-path: inset(22% 53.8% 67% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna49{ position:absolute;clip-path: inset(33% 53.8% 56% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna50{ position:absolute;clip-path: inset(44% 53.8% 45% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna51{ position:absolute;clip-path: inset(55% 53.8% 34% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna52{ position:absolute;clip-path: inset(66% 53.8% 23% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna53{ position:absolute;clip-path: inset(77% 53.8% 12% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna54{ position:absolute;clip-path: inset(88% 53.8% 1% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna55{ position:absolute;clip-path: inset(0% 46.1% 89% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna56{ position:absolute;clip-path: inset(11% 46.1% 78% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna57{ position:absolute;clip-path: inset(22% 46.1% 67% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna58{ position:absolute;clip-path: inset(33% 46.1% 56% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna59{ position:absolute;clip-path: inset(44% 46.1% 45% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna60{ position:absolute;clip-path: inset(55% 46.1% 34% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna61{ position:absolute;clip-path: inset(66% 46.1% 23% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna62{ position:absolute;clip-path: inset(77% 46.1% 12% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna63{ position:absolute;clip-path: inset(88% 46.1% 1% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna64{ position:absolute;clip-path: inset(0% 38.4% 89% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna65{ position:absolute;clip-path: inset(11% 38.4% 78% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna66{ position:absolute;clip-path: inset(22% 38.4% 67% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna67{ position:absolute;clip-path: inset(33% 38.4% 56% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna68{ position:absolute;clip-path: inset(44% 38.4% 45% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna69{ position:absolute;clip-path: inset(55% 38.4% 34% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna70{ position:absolute;clip-path: inset(66% 38.4% 23% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna71{ position:absolute;clip-path: inset(77% 38.4% 12% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna72{ position:absolute;clip-path: inset(88% 38.4% 1% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna73{ position:absolute;clip-path: inset(0% 30.7% 89% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna74{ position:absolute;clip-path: inset(11% 30.7% 78% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna75{ position:absolute;clip-path: inset(22% 30.7% 67% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna76{ position:absolute;clip-path: inset(33% 30.7% 56% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna77{ position:absolute;clip-path: inset(44% 30.7% 45% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna78{ position:absolute;clip-path: inset(55% 30.7% 34% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna79{ position:absolute;clip-path: inset(66% 30.7% 23% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna80{ position:absolute;clip-path: inset(77% 30.7% 12% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna81{ position:absolute;clip-path: inset(88% 30.7% 1% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna82{ position:absolute;clip-path: inset(0% 23% 89% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna83{ position:absolute;clip-path: inset(11% 23% 78% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna84{ position:absolute;clip-path: inset(22% 23% 67% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna85{ position:absolute;clip-path: inset(33% 23% 56% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna86{ position:absolute;clip-path: inset(44% 23% 45% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna87{ position:absolute;clip-path: inset(55% 23% 34% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna88{ position:absolute;clip-path: inset(66% 23% 23% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna89{ position:absolute;clip-path: inset(77% 23% 12% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna90{ position:absolute;clip-path: inset(88% 23% 1% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna91{ position:absolute;clip-path: inset(0% 15.3% 89% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna92{ position:absolute;clip-path: inset(11% 15.3% 78% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna93{ position:absolute;clip-path: inset(22% 15.3% 67% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna94{ position:absolute;clip-path: inset(33% 15.3% 56% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna95{ position:absolute;clip-path: inset(44% 15.3% 45% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna96{ position:absolute;clip-path: inset(55% 15.3% 34% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna97{ position:absolute;clip-path: inset(66% 15.3% 23% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna98{ position:absolute;clip-path: inset(77% 15.3% 12% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna99{ position:absolute;clip-path: inset(88% 15.3% 1% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna100{ position:absolute;clip-path: inset(0% 7.6% 89% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna101{ position:absolute;clip-path: inset(11% 7.6% 78% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna102{ position:absolute;clip-path: inset(22% 7.6% 67% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna103{ position:absolute;clip-path: inset(33% 7.6% 56% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna104{ position:absolute;clip-path: inset(44% 7.6% 45% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna105{ position:absolute;clip-path: inset(55% 7.6% 34% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna106{ position:absolute;clip-path: inset(66% 7.6% 23% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna107{ position:absolute;clip-path: inset(77% 7.6% 12% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna108{ position:absolute;clip-path: inset(88% 7.6% 1% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna109{ position:absolute;clip-path: inset(0% 0% 89% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna110{ position:absolute;clip-path: inset(11% 0% 78% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna111{ position:absolute;clip-path: inset(22% 0% 67% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna112{ position:absolute;clip-path: inset(33% 0% 56% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna113{ position:absolute;clip-path: inset(44% 0% 45% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna114{ position:absolute;clip-path: inset(55% 0% 34% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna115{ position:absolute;clip-path: inset(66% 0% 23% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna116{ position:absolute;clip-path: inset(77% 0% 12% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna117{ position:absolute;clip-path: inset(88% 0% 1% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .logo-hd{ margin-top: 270%; display: block; margin-left: auto; margin-right: auto; width: 80%; margin-bottom: 120%; } Home

Synthetic Biology has come

a long way already...

2000
First genetic circuits

2010
Bacteria with synthetic genome

2013
Commercial Artemisinin production

2016
Light activated communication
in synthetic tissue

Yet, incredibly complex synthetic systems...

... that will define our century...

... require immense amount of

well defined biological parts...

However, characterization and novel

part creation is not an easy task...

... as Nature is immensly complex

A small protein of 100 amino acids

Has 20100 possible sequences

That's already a far greater number
than there are atoms in the known universe

That's already a far greater number
than there are atoms in the known universe

1
1

Current methods are relatively slow
compared to the data amount we need to explore!

We can either use traditional methods
and collect data for another hundred years...

...or take a step in another direction...

Why choose Us?

DNA library of uncharacterized
and unique catalytic biomolecules

Each different DNA molecule is
swiftly encapsulated into water droplets

Each different DNA molecule is
swiftly encapsulated into water droplets

dsad

Catalytic Biomolecule is produced
inside of the droplet

Recording Module measures the
activity of the Biomolecule…

…and then records it into the
biomolecule’s DNA sequence

The recorded activity and
sequence of biomolecule is
retrieved by Nanopore Sequencing

A characterized
biomolecule

A DNA library of well-characterized biological parts

dsad

dsad

With CAT-SEQ

it all becomes possible

2034
Readily accessible Synthetic Enzymes

2041
Engineered cells capable of Terraforming mars

2079
Cities fully powered by
Synthetic Plants

2095
First Aid kits for Limb Regrowth

p