[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
Data Shendy
/
Back up Shendy
/
DATA
/
Envato Assets
/
Maret 2021
/
main
/
topseo
/
[
Home
]
File: style.css
@charset "UTF-8"; /**============================================================ * Theme Name: Topseo * Version: 2.2 * Description: SEO, Digital marketing WP theme form Haintheme * Author: Haintheme * Author URI: http://themeforest.net/user/haintheme * Theme URI: http://haintheme.com * Text Domain: topseo * License: GNU General Public License version 3.0 * License URI: http://www.gnu.org/licenses/gpl-3.0.html * Tags: custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready *============================================================*/ /* ---------------- TABLE OF CONTENT ---------------------- ----------------------------------------------------------- ----------------------------------------------------------- 0. FRAMEWORK 1. BASE 1.1. BASE 1.2. TYPOGRAPHY 2. COMPONENT 2.1. PLUGINS 2.2. COMMON 2.3. MODULES 3. SKELETON 3.1. PAGE 3.2. HEADER 3.3. FOOTER ----------------------------------------------------------- ----------------------------------------------------------- ------------------- END TABLE OF CONTENT ------------------*/ /* I. FRAMEWORK ***********************/ @media print { *, *:before, *:after { background: rgba(0, 0, 0, 0) !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { 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 #ddd !important; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } /* I. REFERENCES */ /* II. GENERAL ***********************/ /*-------------------------------------------------------------- Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; outline: none; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol { list-style: decimal; } ul { list-style: disc; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } iframe, embed, figure, figcaption { margin: 20px 0; max-width: 100%; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: none; } a:hover, a:active { outline: 0; } a img { border: 0; } /*-------------------------------------------- Initial Setup ----------------------------------------------*/ a { text-decoration: none; } input:focus, textarea:focus { outline: none; } img, video { max-width: 100%; vertical-align: top; } audio, canvas, video { display: inline; zoom: 1; } html { font-size: 100%; } body { font-size: 14px; color: #737373; font-family: 'Lato', sans-serif; overflow-x: hidden; } body, button, input, select, textarea { font-family: 'Lato', sans-serif; line-height: 1; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: 700; clear: both; line-height: 30px; margin: 20px 0; } h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p { line-height: 24px; -webkit-margin-before: 0; -webkit-margin-after: 0; margin: 0 0 10px; word-break: break-word; } li ul, li ol { margin-left: 1.25em; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } li, figcaption { line-height: 24px; } blockquote { border-left: 4px solid #707070; border-left: 4px solid rgba(51, 51, 51, 0.7); color: #707070; color: rgba(51, 51, 51, 0.7); font-size: 18px; font-size: 1.8rem; font-style: italic; line-height: 1.6667; margin-bottom: 1.6667em; padding-left: 0.7778em; } blockquote p { margin-bottom: 1.6667em; } blockquote > p:last-child { margin-bottom: 0; } blockquote cite, blockquote small { color: #333; font-size: 16px; line-height: 1.6; } blockquote a { font-size: 16px; color: #ffa506; } blockquote a:hover { text-decoration: none; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote.alignleft { margin: 0.3157894737em 1.4736842105em 1.473684211em 0; } blockquote.alignright { margin: 0.3157894737em 0 1.473684211em 1.4736842105em; } blockquote.aligncenter { margin-bottom: 1.473684211em; } address { font-style: italic; margin: 0 0 1.6em; line-height: 24px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0.01); border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); line-height: 24px; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 0.8em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } abbr[title] { border-bottom: 1px dotted #eaeaea; border-bottom: 1px dotted rgba(51, 51, 51, 0.1); cursor: help; } mark, ins { background-color: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } hr { background-color: #eaeaea; background-color: rgba(51, 51, 51, 0.1); border: 0; height: 1px; margin: 15px 0; } table, th, td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 20px 0; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ max-width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 1em; } img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } del { opacity: 0.8; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Lato', sans-serif; font-weight: 400; } :-moz-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Lato', sans-serif; font-weight: 400; } ::-moz-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; } :-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); font-family: 'Lato', sans-serif; font-weight: 400; } textarea { max-width: 100%; } a { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } a:hover { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } dl { margin: 0 0 1.75em; line-height: 24px; } dt { font-weight: 700; } dd { margin: 0 0 10px; } select { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-item { width: 100%; display: inline-block; text-align: center; vertical-align: top; padding: 1.79104477%; } /* Alignments */ .alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right; margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } .row { *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } /***************************Style***************************/ .cl { clear: both; } .flw { float: left; width: 100%; } /* Text align --------------------------*/ .float-left { float: left; } .float-right { float: right; } .float-none { float: left; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } @media only screen and (min-width: 768px) { .text-right-sm { text-align: right; } } @media only screen and (min-width: 992px) { .text-right-md { text-align: right; } } .text-lowercase { text-transform: lowercase!important; } .text-uppercase { text-transform: uppercase!important; } .text-capitalize { text-transform: capitalize!important; } .text-none { text-transform: none!important; } .line-height-default { line-height: 1!important; } .no-wrap { white-space: nowrap; } .display-none { display: none; } .display-block { display: block; } .display-inline { display: inline; } .display-inline-block { display: inline-block; } .center-x { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .center-y { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .center-xy { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .tr-none { -webkit-transform: none; -ms-transform: none; -moz-transform: none; transform: none; } .no-padding { padding: 0; } .no-margin { margin: 0; } .screen-reader-text, .sr-only { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } select { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* III. SKELETON ***********************/ body { opacity: 1; transition: 1s opacity; } body .fade-page { opacity: 0; transition: none; } #preloader { position: fixed; top: 0; background-color: white; z-index: 99; width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out 0.3s ease-out; -moz-transition: opacity 0.25s ease-in-out 0.3s ease-out; -o-transition: opacity 0.25s ease-in-out 0.3s ease-out; transition: opacity 0.25s ease-in-out 0.3s ease-out; } #preloader .img-preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: default; pointer-events: none; background-image: url('images/preloader.gif'); background-repeat: no-repeat; background-position: center; } .primary-menu > li > .sub-menu li a:before { content: "•"; line-height: 0; margin-right: 10px; font-size: 18px; position: static; } .topseo-header { background: #272f45; } .ht-header { position: relative; } .topbar { background: #2e3751; height: 45px; position: relative; z-index: 2; } .topbar-left { float: left; line-height: 45px; } .lang { float: left; width: 75px; border: 0; height: 45px; } .lang select { cursor: pointer; font-size: 12px; font-family: 'Lato', sans-serif; color: #ffffff; font-weight: 400; background: none; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .lang:after { font-size: 12px; color: #ffffff; font-family: "ionicons"; content: "\f104"; margin-left: 3px; } .tel { float: left; color: #ffffff; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 600; background: #272f45; height: 45px; width: 173px; text-align: center; } .tel:before { margin-right: 5px; } .chathead { float: left; margin-left: 25px; line-height: 43px; } .chathead span { display: inline-block; margin-right: 11px; } .chathead a { color: #ffffff; font-size: 20px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .chathead a:hover { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .topbar-right { float: right; line-height: 45px; } .topbar-text { font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 400; color: #ffffff; line-height: 45px; } .topbar-btn { color: #ffffff; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 900; height: 45px; line-height: 45px; width: 161px; text-align: center; float: right; font-size: 12px; margin-left: 30px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .topbar-btn:hover { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .topbar-btn:before { font-size: 16px; margin-right: 10px; position: relative; top: 1px; } .menu-box-right .sub-menu { list-style: none; } .menu-box { height: 102px; position: relative; z-index: 5; background: transparent; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-box.topseo-not-top.sticky-menu { background: #ffffff; z-index: 15; position: fixed; right: 0; left: 0; top: 0; box-shadow: 1px 0 15px rgba(0, 0, 0, 0.1); height: 70px; } .menu-box.topseo-not-top.sticky-menu .menu-box-nav { height: 70px; } .menu-box.topseo-not-top.sticky-menu .lg-top { line-height: 70px; height: 70px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-box.topseo-not-top.sticky-menu .lg-top a { float: left; height: 100%; display: flex; justify-content: center; align-items: center; } .menu-box.topseo-not-top.sticky-menu .primary-menu > li > a { line-height: 70px; } .menu-box.topseo-not-top.sticky-menu.menu-style-2 .search-form-button { line-height: 70px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-box.topseo-not-top.sticky-menu .action-menu { line-height: 70px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-box.topseo-not-top.sticky-menu .search-form-button { line-height: inherit; } .menu-style-1.topseo-not-top.sticky-menu .lg-top { display: block; } .menu-style-1 .primary-menu > li > a { color: #ffffff; } .menu-style-1 .menu-item-has-mega-menu:hover .mega-menu { top: 100%; } .menu-style-1 .current-menu-ancestor.menu-item-has-mega-menu:after, .menu-style-1 .current-menu-item.menu-item-has-mega-menu:after { content: none; } .menu-style-1 .current-menu-ancestor.menu-item-has-mega-menu > a:after, .menu-style-1 .current-menu-item.menu-item-has-mega-menu > a:after { content: ""; position: absolute; height: 5px; width: 5px; border-radius: 50%; bottom: -2px; background: rgba(255, 255, 255, 0.5); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .menu-style-1 .current-menu-ancestor:after, .menu-style-1 .current-menu-item:after { content: ""; position: absolute; height: 5px; width: 5px; border-radius: 50%; bottom: -2px; background: rgba(255, 255, 255, 0.5); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .menu-style-1 .current-menu-ancestor > a, .menu-style-1 .current-menu-item > a { position: relative; } .menu-style-1 .current-menu-ancestor > a:before, .menu-style-1 .current-menu-item > a:before { content: ""; background: rgba(255, 255, 255, 0.2); width: 1px; height: 5px; position: absolute; z-index: 1; bottom: 6px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .menu-style-1 .current-menu-ancestor > a:after, .menu-style-1 .current-menu-item > a:after { content: ""; background: rgba(255, 255, 255, 0.2); width: 1px; height: 5px; position: absolute; z-index: 1; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .menu-style-1 .action-menu > li { position: relative; } .menu-style-1 .action-menu > li > a { color: #ffffff; } .topseo-not-top.sticky-menu .search-form-button, .menu-style-2 .search-form-button { color: #232323; } .topseo-not-top.sticky-menu .search-form-input, .menu-style-2 .search-form-input { color: #232323; } .topseo-not-top.sticky-menu .search-form-input::-webkit-input-placeholder, .menu-style-2 .search-form-input::-webkit-input-placeholder { color: #232323; } .topseo-not-top.sticky-menu .search-form-input:-moz-placeholder, .menu-style-2 .search-form-input:-moz-placeholder { color: #232323; } .topseo-not-top.sticky-menu .search-form-input::-moz-placeholder, .menu-style-2 .search-form-input::-moz-placeholder { color: #232323; opacity: 1; } .topseo-not-top.sticky-menu .search-form-input:-ms-input-placeholder, .menu-style-2 .search-form-input:-ms-input-placeholder { color: #232323; } .topseo-not-top.sticky-menu .close-form-btn, .menu-style-2 .close-form-btn { color: #232323; } .menu-box-nav { height: 102px; position: relative; } .menu-box-left { float: left; position: relative; z-index: 2; } .lg-top { position: relative; z-index: 2; line-height: 102px; height: 102px; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .lg-top img { max-height: 90px; } .topseo-not-top.sticky-menu .primary-menu > li > a { color: #232323; } .topseo-not-top.sticky-menu .action-menu:before { background: #232323; } .topseo-not-top.sticky-menu .action-menu > li > a { color: #232323; } .topseo-not-top.sticky-menu .action-menu .topbar-cart { padding-top: 23px; } .topseo-not-top.sticky-menu .current-menu-ancestor:after, .topseo-not-top.sticky-menu .current-menu-item:after { content: none; } .topseo-not-top.sticky-menu .current-menu-ancestor > a:after, .topseo-not-top.sticky-menu .current-menu-item > a:after { content: none; } .topseo-not-top.sticky-menu .current-menu-ancestor.menu-item-has-mega-menu:after, .topseo-not-top.sticky-menu .current-menu-item.menu-item-has-mega-menu:after { content: none; } .topseo-not-top.sticky-menu .current-menu-ancestor.menu-item-has-mega-menu > a:after, .topseo-not-top.sticky-menu .current-menu-item.menu-item-has-mega-menu > a:after { content: none; } .menu-box-right { float: right; } @media only screen and (min-width: 992px) { .menu-style-2 .primary-menu > li.current-menu-item.menu-item-has-mega-menu > a:before, .menu-style-2 .primary-menu > li.current-menu-ancestor.menu-item-has-mega-menu > a:before { width: calc(100% - 40px); } .seo-wrap-menu { height: 102px; float: left; width: 100%; position: relative; z-index: 20; } .collapse-button { display: none; } .primary-menu { display: inline-block; } .primary-menu .sub-menu { margin-left: 0; } .primary-menu li { position: relative; } .primary-menu li:not(.menu-item-has-mega-menu) .sub-menu li { position: relative; } .primary-menu li:not(.menu-item-has-mega-menu) .sub-menu li ul { position: absolute; left: 100%; margin-left: 0; top: -1px; visibility: hidden; opacity: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .primary-menu li:not(.menu-item-has-mega-menu) .sub-menu li:hover > a { color: #27ae61; } .primary-menu li:not(.menu-item-has-mega-menu) .sub-menu li:hover > ul { opacity: 1; visibility: visible; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .primary-menu > li { display: inline-block; } .primary-menu > li:hover .sub-menu { opacity: 1; visibility: visible; top: 100%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .primary-menu > li > a { padding: 0 20px; line-height: 102px; } .primary-menu a { color: #ffffff; text-transform: uppercase; display: block; } .menu-box-right .sub-menu { position: absolute; z-index: 5; border: 1px solid #f2f2f2; top: 130%; left: -3%; opacity: 0; background: #ffffff; display: block; width: 230px; visibility: hidden; -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .menu-box-right .sub-menu li { line-height: normal; margin: 0; padding: 0 20px; float: left; width: 100%; } .menu-box-right .sub-menu li:last-of-type a { border-bottom: 0; } .menu-box-right .sub-menu a { display: block; padding: 10px 0; border-bottom: 1px solid #f4f4f4; color: #999; text-transform: none; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } .menu-box-right .sub-menu a:hover { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-box-right .menu-item-has-mega-menu { position: static; } .menu-box-right .menu-item-has-mega-menu:hover .mega-menu { opacity: 1; visibility: visible; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row { width: 100%; left: 0; margin-left: 0; padding: 20px 15px; background-color: #ffffff; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row > li { width: 25%; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row > li > a { font-weight: 600; font-family: 'Poppins', sans-serif; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row > li > a:hover { color: #27ae61; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row li { overflow: hidden; list-style: none; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row li span { color: #b6b6b6; font-size: 12px; line-height: 24px; margin-bottom: 10px; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row li div { line-height: 24px; color: grey; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row li div p { margin-top: 10px; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row li ul { position: static; float: left; border: 0; width: 100%; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row li ul li { width: 100%; padding: 0 0 0 1px; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row .sub-menu { margin-left: 0; left: 0; background: rgba(0, 0, 0, 0); } .menu-box-right .menu-item-has-mega-menu .mega-menu-row .sub-menu a { color: #999; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row .sub-menu a i { min-width: 20px; } .menu-box-right .menu-item-has-mega-menu .mega-menu-row a { border: 0; } .menu-box-right .mega-menu-col li { display: inline-block; width: 170px; } .menu-box-right .mega-menu-col .sub-menu { width: 100%; } .search-form-button { display: inline-block; font-size: 18px; color: #ffffff; cursor: pointer; position: relative; top: 2px; margin-right: 20px; line-height: 102px; } .box-form-top { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; } .search-form-menu { float: left; width: 100%; height: 100%; } .search-form-input { width: 100%; height: 100%; font-size: 30px; padding-right: 130px; font-weight: 300; font-family: 'Lato', sans-serif; color: #ffffff; border: 0; background: transparent; } .search-form-input::-webkit-input-placeholder { color: #ffffff; font-weight: 300; font-family: 'Lato', sans-serif; } .search-form-input:-moz-placeholder { color: #ffffff; font-weight: 300; font-family: 'Lato', sans-serif; } .search-form-input::-moz-placeholder { color: #ffffff; font-weight: 300; font-family: 'Lato', sans-serif; opacity: 1; } .search-form-input:-ms-input-placeholder { color: #ffffff; font-weight: 300; font-family: 'Lato', sans-serif; } .close-form-btn { color: #ffffff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 85px; z-index: 2; cursor: pointer; font-size: 20px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .close-form-btn:hover { opacity: .5; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .search-form-mobile { display: none; } .seo-wrap-menu .mega-menu { position: absolute; left: 0; top: 130%; visibility: hidden; opacity: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seo-wrap-menu .mega-menu-row { float: left; width: 100%; } } .action-menu { display: inline-block; height: 100%; float: right; line-height: 102px; position: relative; padding-left: 10px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .action-menu:before { content: ""; position: absolute; left: 0; background: #ffffff; width: 1px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .action-menu > li { display: inline-block; margin-left: 14px; position: relative; } .action-menu > li > span { width: 17px; height: 17px; position: absolute; z-index: 3; top: 50%; right: -10px; line-height: 17px; text-align: center; border-radius: 50%; display: block; color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 9px; } .action-menu > a { color: #ffffff; font-size: 18px; } .action-menu .has-shopping-cart-icon:hover > a { color: #27ae61; } .action-menu .has-shopping-cart-icon:hover .topbar-cart { visibility: visible; opacity: 1; top: 100%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .action-menu .topbar-cart { position: absolute; visibility: hidden; top: 150%; -moz-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; opacity: 0; right: -15px; width: 260px; padding-top: 39px; -webkit-box-shadow: 0 8px 6px -6px #e5e6e6; -moz-box-shadow: 0 8px 6px -6px #e5e6e6; box-shadow: 0 8px 6px -6px #e5e6e6; } .action-menu .topbar-cart ul { margin: 0; } .action-menu .cart_list { float: left; width: 100%; padding: 0 25px; background: #ffffff; } .action-menu .mini_cart_item { margin: 0; padding: 15px 0; border-bottom: 1px solid #f4f4f4; list-style: none; } .action-menu .mini_cart_item .wp-post-image { margin-top: 6px; } .action-menu .mini_cart_item a:not(.remove) { font-family: 'Lato', sans-serif; font-size: 13px; color: #999; font-weight: 400; } .action-menu .mini_cart_item a:not(.remove):hover { color: #27ae61; } .action-menu .mini_cart_item .remove { float: right; font-weight: 700; font-size: 14px; color: #999; } .action-menu .mini_cart_item .remove:hover { color: #f00; } .action-menu .mini_cart_item .quantity { display: block; font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 12px; color: #999; } .action-menu .mini_cart_item img { max-width: 37px; max-height: 37px; float: left; margin-right: 10px; } .action-menu .total { text-align: right; margin: 0; float: left; width: 100%; padding: 15px 25px; font-family: 'Poppins', sans-serif; background: #ffffff; } .action-menu .total strong { float: left; font-size: 13px; color: #999; } .action-menu .total span { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 13px; color: #999; } .action-menu .buttons { background: #ffffff; float: left; width: 100%; padding: 0 25px 25px 25px; margin: 0; } .action-menu .buttons a { font-size: 10px; font-family: 'Poppins', sans-serif; text-transform: uppercase; float: left; width: 50%; height: 30px; text-align: center; line-height: 30px; background: #27ae61; border: 1px solid #27ae61; color: #ffffff; } .action-menu .buttons a:hover { background: #ffffff; border-color: #27ae61; color: #27ae61; } /* UPDATE: LOGO AND MENU ******************************************************************************************************/ .menu-box:not(.sticky-menu) .logo-img-sticky, .menu-box:not(.topseo-not-top) .logo-img-sticky { display: none; } .menu-box.sticky-menu.topseo-not-top .logo-img { display: none; } @media (max-width: 1700px) { .menu-box-right .primary-menu li:last-child .sub-menu li .sub-menu { left: -100%; } } @media (max-width: 1400px) { .menu-box-right .primary-menu li:nth-last-child(2) .sub-menu li .sub-menu { left: -100%; } } .ht-footer { padding: 80px 0 65px 0; background: #232323; color: #636363; } .ht-footer .col-md-3:nth-child(5) { clear: both; } .ht-footer li { list-style: none; } .ht-footer .widget-title { color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #313131; padding-bottom: 13px; margin-bottom: 28px; } .ht-footer .widget_nav_menu .menu li { border-bottom: 1px solid #272727; padding: 12px 0; } .ht-footer .widget_nav_menu .menu li:last-of-type { border-bottom: 0; } .ht-footer .widget_nav_menu .menu li a { color: #636363; } .ht-footer .widget_nav_menu .menu li a:hover { color: #27ae61; } .ht-footer .widget_nav_menu .menu li a:before { content: "\f105"; font-family: "FontAwesome"; margin-right: 13px; } .ht-footer .widget_tag_cloud a { background: #363636; color: #636363; border: 0; } .ht-footer .widget_tag_cloud a:hover { background: #27ae61; color: #ffffff; } .ht-footer .widget_twitter .wrap-twitter li { position: relative; border-bottom: 1px solid #272727; padding-bottom: 14px; margin-bottom: 14px; } .ht-footer .widget_twitter .wrap-twitter li:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .ht-footer .widget_twitter .wrap-twitter li a { color: #27ae61; } .ht-footer .widget_twitter .wrap-twitter li a:hover { color: #27ae61; text-decoration: underline; } .ht-footer .widget_twitter .wrap-twitter li p { color: #636363; } .ht-footer .widget_twitter .wrap-twitter li span { color: #464646; } .ht-footer .widget_twitter .tweet-view-all:hover { color: #ffa506; } .footer-col { float: left; width: 100%; } .footer-title { font-size: 16px; color: #ffffff; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 600; border-bottom: 1px solid #313131; padding-bottom: 13px; margin-bottom: 28px; } .ft_tb { margin-top: 55px; } .lg-bottom { margin-bottom: 25px; } .footer-content { float: left; width: 100%; } .footer-content p { line-height: 20px; } .footer-content a { color: #636363; font-size: 14px; display: block; margin-top: 25px; } .footer-content a:hover { text-decoration: underline; } .footer-contact-info li { position: relative; line-height: 21px; font-size: 14px; padding: 8px 0 8px 30px; border-bottom: 1px solid #272727; } .footer-contact-info span { position: absolute; left: 0; margin-top: 4px; color: #27ae61; } .footer-popular-post dt { float: left; width: 100%; margin-bottom: 12px; } .footer-popular-post a { line-height: 18px; color: #636363; } .footer-popular-post dd { float: left; width: 100%; border-bottom: 1px solid #272727; font-size: 12px; padding-bottom: 12px; margin-bottom: 14px; } .footer-popular-post dd:before { content: "\f117"; font-family: "ionicons"; font-size: 14px; margin-right: 5px; } .footer-popular-post dd:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .footer-tag-list li { display: inline-block; margin-bottom: 8px; margin-right: 7px; } .footer-tag-list a { float: left; text-align: center; background: #363636; color: #636363; padding: 8px 29px; } .footer-tag-list a:hover { color: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .footer-box-split { position: relative; overflow: hidden; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } .footer-box-split a { margin-bottom: 15px; display: block; } .footer-box-split img { width: 100%; } .footer-list-tweet { position: relative; border-bottom: 1px solid #272727; padding-bottom: 14px; margin-bottom: 14px; } .footer-list-tweet:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .footer-tweet-icon { position: absolute; left: 0; margin-top: 2px; } .footer-tweet-content { padding-left: 30px; } .footer-tw-cmt { line-height: 18px; color: #636363; } .footer-tw-cmt a { color: #898989; } .footer-tw-cmt a:hover { text-decoration: underline; } .footer-tweet-date { font-size: 12px; color: #464646; line-height: 18px; margin-top: 8px; } .footer-email-desc { line-height: 18px; } .footer-email-form { margin-top: 20px; } .footer-email-label { position: relative; } .footer-email-label:before { position: absolute; right: 19px; top: 14px; color: #686868; font-size: 20px; } .footer-email-input { height: 50px; margin-bottom: 20px; padding-left: 20px; padding-right: 50px; background: rgba(0, 0, 0, 0); border: 0; color: #636363; font-size: 14px; border-width: 1px; border-style: solid; border-color: #686868; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .footer-email-input:focus { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .footer-email-input:focus::-webkit-input-placeholder { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .footer-email-input:focus:-moz-placeholder { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .footer-email-input:focus::-moz-placeholder { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .footer-email-input:focus:-ms-input-placeholder { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .footer-email-input::-webkit-input-placeholder { color: #888; font-family: 'Lato', sans-serif; font-weight: 400; } .footer-email-input:-moz-placeholder { color: #888; font-family: 'Lato', sans-serif; font-weight: 400; } .footer-email-input::-moz-placeholder { color: #888; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .footer-email-input:-ms-input-placeholder { color: #888; font-family: 'Lato', sans-serif; font-weight: 400; } .widget .footer-email-submit { color: #ffffff; } .footer-email-submit { height: 50px; line-height: 50px; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 600; border: 0; cursor: pointer; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .footer-email-submit:hover { background: #181818; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .copyright { background: #111111; padding: 22px 0; position: relative; min-height: 80px; } .left-copyright { float: left; margin: 13px; text-align: left; line-height: 24px; } .left-copyright .site-name { font-weight: 900; } .left-copyright .designed-by { font-weight: 900; color: #636363; } .left-copyright a:hover { text-decoration: underline; } .right-copyright { float: right; } .copy-right-social li { display: inline-block; margin: 3px; } .copy-right-social a { width: 32px; height: 32px; display: block; border-radius: 50%; border: 1px solid #777; text-align: center; line-height: 32px; color: #888; } .copy-right-social a:before { font-family: "ionicons"; } .copy-right-social a[href*="twitter.com"]:before { content: "\f243"; } .copy-right-social a[href*="facebook.com"]:before { content: "\f231"; } .copy-right-social a[href*="plus.google.com"]:before { content: "\f235"; } .copy-right-social a[href*="instagram.com"]:before { content: "\f351"; } .copy-right-social a[href*="vimeo.com"]:before { content: "\f245"; } .copy-right-social a[href*="youtube.com"]:before { content: "\f24d"; } .copy-right-social a[href*="github.com"]:before { content: "\f233"; } .copy-right-social a[href*="linkedin.com"]:before { content: "\f239"; } .copy-right-social a[href*="pinterest.com"]:before { content: "\f2b1"; } .copy-right-social a[href*="feed"]:before { content: "\f23d"; } .copy-right-social a:hover { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .scroll-to-top { background: #888; color: #000; font-size: 24px; width: 34px; height: 34px; text-align: center; border: 0; cursor: pointer; position: absolute; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; } .scroll-to-top:before { position: relative; top: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .scroll-to-top:hover:before { position: relative; top: -5px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .f-page-landing { background: #ffffff; } .f-copyright { position: relative; padding: 0 20px; line-height: 26px; height: 88px; display: flex; font-size: 16px; font-family: 'Lato', sans-serif; color: #232323; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; } /* V. PART ***********************/ .blog .blog-btn-read-more a { color: #ffffff; } .box-button .ht-btn.ht-btn-normal { color: #ffffff; } .box-button span { display: inline-block; position: relative; margin-right: 7px; } .box-button span:last-of-type { margin-right: 0; } .btn-no-bg { height: 60px; border-width: 1px; border-style: solid; color: #232323; display: block; line-height: 60px; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 700; padding: 0 31px; background: #ffffff; } .btn-no-bg:hover { border-color: rgba(0, 0, 0, 0); color: #ffffff; } .btn-no-bg:before { font-size: 20px; margin-right: 7px; position: relative; top: 2px; } .ht-btn, .ht-btn-normal { position: relative; z-index: 2; display: inline-block; text-transform: uppercase; font-weight: 700; padding: 22px 43px; color: #ffffff; background: #27ae61; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0); line-height: 1; } .ht-btn-normal, .ht-btn-large, .ht-btn-small { display: table-cell; vertical-align: middle; } .ht-btn-normal:hover, .ht-btn-large:hover, .ht-btn-small:hover { background: #ffffff; color: #27ae61; border-color: #27ae61; } .ht-btn-large { padding: 25px 50px; font-size: large; } .ht-btn-small { padding: 15px 35px; font-size: smaller; } .ht-btn-icon-left { margin-right: 7px; } .ht-btn-icon-right { margin-left: 7px; } .fw-special-title { line-height: 40px; margin-bottom: 10px; } .white-title .fw-special-title, .white-title .fw-desc { color: #ffffff; } .ht_icon_box h1, .ht_icon_box h2, .ht_icon_box h3, .ht_icon_box h4, .ht_icon_box h5 { font-family: 'Poppins', sans-serif; font-weight: 600; color: #232323; line-height: 30px; margin-top: 25px; margin-bottom: 5px; } .ht_icon_box p { font-size: 15px; line-height: 26px; font-family: 'Lato', sans-serif; font-weight: 400; } .box-icon-item { margin-bottom: 60px; } .box-icon-item:after { clear: both; content: ""; } .box-icon-item.box-icon-ver-2 { padding-left: 100px; position: relative; } .box-icon-item.box-icon-ver-2 .box-icon-img { position: absolute; left: 0; top: 0; width: 80px; } .box-icon-item.box-icon-ver-2 .box-icon-font { position: absolute; left: 0; top: 0; } .box-icon-item.box-icon-ver-2 .box-icon-title { margin-top: 0; line-height: 1; } .box-icon-img { min-height: 70px; } .box-icon-font { min-height: 70px; } .box-icon-title { line-height: 30px; margin-top: 25px; margin-bottom: 5px; } .ht-call-to-action { display: flex; padding: 35px 40px; } .ht-call-to-action .col-lg-4, .ht-call-to-action .col-lg-8 { display: inherit; align-items: center; } .call-to-action-img { max-width: 200px; float: left; margin-right: 30px; padding-right: 30px; position: relative; } .call-to-action-img + .call-to-action-mess { max-width: 530px; } .call-to-action-img:after { content: ''; position: absolute; height: 100%; width: 1px; background: #3b4257; right: 0; top: 0; } .call-to-action-mess { display: inline-block; } .call-to-action-mess p { font-size: 24px; line-height: 36px; display: inline; } .btn-buss { float: right; color: #232323; width: 221px; text-align: center; height: 60px; line-height: 58px; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 700; border-width: 1px; border-style: solid; border-color: #ffffff; position: relative; z-index: 10; } .btn-buss:hover { -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; color: #ffffff; } .btn-buss:hover:after { left: 100%; top: 2px; bottom: 2px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .btn-buss:after { content: ""; position: absolute; left: 2px; top: 2px; bottom: 2px; right: 2px; background: #ffffff; z-index: -1; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .btn-buss:before { font-size: 24px; margin-right: 9px; position: relative; top: 2px; } @media (max-width: 1600px) { .perfect-seo-content { padding: 0 100px; } .perfect-seo-crs .owl-buttons .owl-prev { left: 0; } .perfect-seo-crs .owl-buttons .owl-next { right: 0; } .services-crs .owl-controls .owl-buttons .owl-prev { left: -7%; } .services-crs .owl-controls .owl-buttons .owl-next { right: -7%; } .full-range { height: auto; min-height: inherit!important; } .full-range-right .fw-heading { margin-top: 0; } } @media only screen and (min-width: 1200px) { .container, .fw-container { width: 1200px; } } @media (max-width: 1340px) { .services-crs .owl-controls .owl-buttons .owl-prev { left: -45px; } .services-crs .owl-controls .owl-buttons .owl-next { right: -45px; } .services-crs .owl-controls .owl-pagination .owl-page { position: relative; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #999; } .services-crs .owl-controls .owl-pagination .owl-page:hover { background: #232323; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .services-crs .owl-controls .owl-pagination .owl-page:after { content: none; } .services-crs .owl-controls .owl-pagination .owl-page span { display: none; } } @media (max-width: 1280px) { #main .services-crs .owl-controls .owl-buttons { display: none; } #main .our-bookmark-special-item .ourblog-bottom-info dd { position: static; text-align: left; } #main .our-blog-special-item .ourblog-bottom-info dt, #main .our-blog-special-item .ourblog-bottom-info dd { width: 100%; text-align: left; position: static; } #main .our-blog-special-item.blog-post-2-columns .ourblog-bottom-info dd { text-align: left !important; } } @media (min-width: 1200px) { .seo-wrap-menu .mega-menu { width: 1170px; } } @media (min-width: 993px) and (max-width: 1279px) { .project-grid .element-item.col-md-3 { width: 33.33333333%; } } @media (max-width: 1199px) { .woocommerce-cart .woocommerce-cart-form table td { padding: 15px; } .woocommerce-cart .woocommerce-cart-form table a { line-height: 24px; } #main .about-team-item-with-img-circle.about-team-item { height: auto; padding-bottom: 15px; } #main .services-crs .owl-controls .owl-pagination .owl-page.active { background: #232323; } #main .woo-shopping-cart form table tbody tr td.product-name { padding-left: 10px; } .seo-wrap-menu .mega-menu { width: 940px; } .services-crs .services-item { padding: 25px 0; } .services-crs .services-item .services-title a { font-size: 14px; line-height: 24px; } .services-crs .services-item .servide-desc { padding: 0 10px; } .reputation-ccordion .accordion_in .acc_head { overflow: hidden; } .our-blog-special-content .ourblog-bottom-info { position: relative; } .our-blog-special-content .ourblog-bottom-info dt { width: 100%; } .our-blog-special-content .ourblog-bottom-info dd { position: absolute; right: 0; width: initial; text-align: right; } .free-seo-left .free-seo-title { font-size: 24px; } .free-seo-left .free-seo-times { font-size: 15px; } .free-seo-form i { display: none; } .home-2 .our-blog-special-content .ourblog-bottom-info dd { margin-top: 10px; position: static; text-align: left; width: 100%; } .our-partient-speak .owl-pagination { display: none; } .what-we-offer-item .what-we-offer-name a { font-size: 14px!important; } .what-we-offer-item .what-we-offer-desc { padding: 0 20px; } .full-range-right { margin-top: 20px; } .full-range-right .full-range-accordion .accordion_in .acc_head { padding-left: 60px; padding-right: 15px; overflow: hidden; } .case-study .case-name a { font-size: 14px; } .case-study .case-cate a { text-transform: capitalize; } .about-team-item .about-team-info .about-team-title a { font-size: 14px; } .victorious-list-tabs li { overflow: hidden; padding-right: 15px; } .voctorious-bot img { top: 0!important; } .features-services-item h3 a { white-space: nowrap; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; } .pricing-common .btn-no-bg { padding: 0 25px; } #main .pricing-common-item { height: auto; } #main .pricing-common-item .pricing-common-item-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #main .pricing-common-item .pricing-common-item-desc { height: auto; } .case-detail-info .case-detail-info-name { font-size: 16px; } .case-detail-info .case-detail-info-name span { font-size: 13px; } .case-detail-info .case-detail-info-cate { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } .case-detail-right { height: auto!important; } .case-detail-right .box-button { position: static!important; margin-top: 30px; } .case-detail-social-icon li { float: left; margin-right: 1px!important; } .blog .blog-post-cover .blog-post-quote { padding: 40px; } .blog .blog-post-cover .blog-post-quote:before { content: none; } .blog .blog-post-cover .blog-post-quote:after { content: none; } .blog .blog-post-sumary { max-width: 490px; } #main.blog-2-columns .blog-post-sumary { max-width: 250px; } #main.blog-masonry .blog-masonry-item { width: 470px; } .blog-single .blog-single-social { float: left; margin-top: 20px; width: 100%; } .blog-single .blog-single-social li { margin-right: 10px; margin-left: 0; } .blog-single .author-desc { height: 72px; overflow: hidden; } .blog-single .blog-post-sumary { max-width: 490px; } #main .seotabs-v7 .seotab-wrap, #main .seotabs-v8 .seotab-wrap { max-width: 640px; } } @media (min-width: 993px) { .blog-3-columns-item { min-height: 600px; } .action-menu > li > span.sub-toggle { display: none; } } @media (max-width: 991px) { .page_woo .products, .woo-single .products { width: 100%; margin-left: 0; margin-right: 0; } .prl { display: none; } .menu-box.menu-style-1.sticky-menu.topseo-top .collapse-button { color: #ffffff; } #mainview .topseo-icon-primary-menu { min-width: 20px; } .page_content .free-seo-col input:not([type='submit']) { margin-bottom: 10px; } .page_content .our-bookmark-special-item { width: 100%; } .page_content .call-to-action-mess { margin: 30px 0; } .page_content .widget:first-of-type { margin-top: 60px; } .page_content .widget_recent_reviews ul .star-rating { display: block; } .page_content #customer_details { width: 100%; } .page_content #customer_details .form-row.form-row-first, .page_content #customer_details .form-row.form-row-last { max-width: 100%; width: 100%; } .page_content #order_review_heading { text-align: left; width: 100%; } .page_content .woocommerce-checkout-review-order { width: 100%; } .seotop-slider { overflow: hidden; float: left; width: 100%; position: relative; } .search-form-mobile { display: block; width: 100%; float: left; padding: 0 10px; margin: 10px 0; position: relative; z-index: 2; } .search-form-monile-input { width: 100%; background: #444; border-radius: 2px; border: 0; height: 46px; color: #ffffff; padding-left: 40px; padding-right: 10px; font-weight: 400; } .search-form-monile-input::-webkit-input-placeholder { color: #ffffff; font-weight: 400; } .search-form-monile-input:-moz-placeholder { color: #ffffff; font-weight: 400; } .search-form-monile-input::-moz-placeholder { color: #ffffff; font-weight: 400; opacity: 1; } .search-form-monile-input:-ms-input-placeholder { color: #ffffff; font-weight: 400; } .topseo_search_form_mobile { position: absolute; top: 50%; left: 20px; border: 0; background: rgba(0, 0, 0, 0); cursor: pointer; } .topseo_search_form_mobile:before { content: "\f21f"; font-family: "ionicons"; color: #ffffff; font-size: 20px; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .search-form-button { display: none; } .topbar { display: none; } .footer-popular, .footer-twitter, .footer-feature { margin-top: 30px; } .footer-box-split { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; } .footer-box-split a { margin-bottom: 0; } .footer-link-list li a { display: block; } .box-form-top { display: none; } .page_content .owl-buttons { display: none; } .page_content .our-partient-speak .owl-buttons { display: block; } .page_content .reputation-crs { margin-bottom: 30px; } .page_content .bussiness { height: auto; padding: 60px 0; } .page_content .bussiness .bussiness-right { float: left; margin-top: 20px; } .page_content .counter { height: auto; padding-top: 30px; background-position: bottom; } .page_content .counter .counter-effects { display: none; } .page_content .counter .counter-item { margin: 0 0 30px 0; } .page_content .our-blog-special-img { width: 50%; margin-bottom: 15px; } .page_content .freeseo { height: auto; } .page_content .freeseo .free-seo-left { margin-bottom: 30px; } .page_content .freeseo .free-seo-col input { margin-bottom: 15px; } .page_content .box-icon-item { float: left; } .page_content .our-blog-special-content { float: left; margin-bottom: 30px; } .page_content .our-bookmark-special-item { float: left; } .page_content .full-range-left { margin-bottom: 30px; } .page_content .full-range-right { padding-left: 0; } .page_content .our-partient { height: auto; padding: 50px 0; background: url(../images/upload/bg-client.png) repeat; } .page_content .our-partient .our-partient-left { padding-right: 0; margin-bottom: 50px; } .page_content .our-partient .our-partient-right { padding-left: 0; } .page_content .about-team-img { height: 225px; } .page_content .about-team-img img { width: 100%; position: absolute; top: 50%; left: 50%; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page_content .about-live-by .acc_active { padding-bottom: 20px; margin-bottom: 15px; } .page_content .service-icon-box { width: 100%; } .page_content .service-sidebar { margin-top: 50px; } .page_content .victorious-left { margin-bottom: 50px; } .page_content .voctorious-bot { padding: 30px 0; } .page_content .voctorious-bot p { padding-left: 0; margin: 20px 0; } .page_content .voctorious-bot .box-button { text-align: left; } .page_content .srvice-detail-info-bottom { height: auto; } .page_content .srvice-detail-info-bottom .service-detail-info-botto-desc { margin-top: 0; padding-left: 0; border-left: 0; top: 0; height: auto; } .page_content .srvice-detail-info-bottom .box-button { text-align: left; } .page_content .pricing-common .box-button { margin: 30px 0; text-align: left; } .page_content .case-detail-thumbnail img { width: 100%; } .page_content .case-detail-thumbnail img.case-detail-lg-img { width: initial; } .page_content .case-detail-content-left { margin-bottom: 30px; } .page_content .counter-2-item { margin-bottom: 20px; } .page_content .case-detail-social-icon { float: left; width: 100%; margin-bottom: 30px; } .page_content .case-detail-comment { padding-left: 0; } .page_content .case-detail-comment:before { content: none; } .page_content .case-detail-quote { height: auto; } .page_content .case-detail-quote-form label { margin-bottom: 15px; } .page_content .btn-no-bg { padding: 0 25px; } .page_content .error-img { text-align: center; } .page_content .sidebar { margin-top: 50px; } .page_content .contact-form { margin-bottom: 50px; } .action-menu { display: none; } .page-home-1 .lg-1 { display: none; } .page-home-1 .lg-2 { display: block; } #mainview .seo-wrap-menu { height: 70px; } #mainview .menu-box { height: 70px; } #mainview .menu-box-nav { height: 70px; } #mainview .lg-top { height: 70px; line-height: 70px; } #mainview .pricing-table-item { margin-bottom: 30px; } #mainview .contact .contact-form .no-padding { padding: 0; } #mainview .contact .no-padding { float: left; width: 100%; padding: 0 15px; } #mainview .our-blog-special-item.blog-post-2-columns { width: 100%; } .case-isotope-grid .case-study { margin-bottom: 30px; } .case-isotope-grid .element-item { width: 48.5%; } .case-isotope-grid .gutter-sizer { width: 3%; } .scroll-to-top { top: 0; } #main.blog-3-columns .blog-post-sumary { max-width: 100%; } #main.blog-2-columns .blog-post-sumary { max-width: 500px; } #main.blog-masonry .blog-masonry-item { width: 100%; } #main .contact-info-detail { margin: 0 15px; } .error-page .col-md-4.col-lg-4 { display: none; } #main .seotabs-v7 .seotab-wrap, #main .seotabs-v8 .seotab-wrap { max-width: 420px; } #main .seotabs-v9 .seotab-nav a { margin: 0 5px; } .ht-call-to-action { display: block; } .menu-box-right.collapsed .primary-menu > li > a { color: #232323; } .menu-box.topseo-not-top .menu-box-right.collapsed .primary-menu > li > a { line-height: 36px; } .seo-wrap-menu .mega-menu { width: 100%; } #mainview .menu-box-right .sub-menu li div { color: #232323; padding-left: 30px; padding-right: 20px; margin-top: 10px; } } @media (min-width: 783px) { .logged-in.admin-bar .topseo-not-top { top: 32px; } } @media (min-width: 600px) and (max-width: 782px) { .logged-in.admin-bar .topseo-not-top { top: 46px; } } @media (max-width: 767px) { .woocommerce-account .woocommerce #customer_login .col-1, .woocommerce-account .woocommerce #customer_login .col-2 { max-width: 100%; width: 100%; margin-bottom: 50px; } .woocommerce-account .woocommerce #customer_login input:not([type="submit"]):not([type="checkbox"]) { width: 100%!important; } #main .partner-pagination .owl-controls:before, #main .partner-pagination .owl-controls:after { content: none; } #main .textblock-shortcode { padding: 15px; } #main .seo-media-images { padding: 0 15px; } .case-isotope-grid .element-item { width: 100%; } .case-isotope-grid .gutter-sizer { width: 0; } .accordion_in .acc_head { padding-right: 30px; } .footer-box-split { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } .footer-box-split img { width: 100%; margin-bottom: 10px; } #mainview .breadcrumb { height: auto; } #mainview .breadcrumb .bread { padding: 35px; } #mainview .breadcrumb .bread:before { top: 35%; } #mainview .breadcrumb .bread:after { height: 65px; } #mainview .breadcrumb img { display: none; } .page .service-page-img { position: relative; min-height: 240px; } .page .service-page-img img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page .case-detail-info-cate { float: left; width: 100%; column-count: initial; -webkit-column-count: initial; -moz-column-count: initial; } .page .case-detail-info-cate h3 { float: left; width: 100%; } .page .case-detail-nav .box-button { margin-bottom: 20px; text-align: left; } .page .case-detail-quote-title { margin-bottom: 20px; float: left; width: 100%; } .page .case-detail-quote-title span { position: static; float: left; width: 100%; margin-top: 10px; } .page .post-type-quote .blog-post-cover { height: 200px; } .page .post-type-quote .blog-post-cover img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page .pagination { float: left; width: 100%; margin-top: 20px; } .page .pagination li { margin-left: 0; margin-right: 10px; } .page .control-post-name { display: none; } #main .woo-pro .onsale { right: -5px; } #main .woo-single .onsale { left: 0; } #main .contact-info-detail { float: left; width: 100%; margin: 0; text-align: left; margin-bottom: 10px; } #main .counter-item { margin-bottom: 30px; } #main .box-button.text-right .ht-btn, #main .box-button.text-right .ht-btn-normal { padding: 20px 45px; } #main .pagination.float-right { float: left; margin-top: 30px; } #main .pagination.float-right li { margin-left: 0; margin-right: 10px; } #main .wpcf7-form .fw-col-sm-12, #main .wpcf7-form .fw-col-md-4 { float: left; width: 100%; } #main .seotabs-v7 .seotab-wrap, #main .seotabs-v8 .seotab-wrap { max-width: 100%; position: relative; bottom: 1px; } #main .seotabs-v7 .seotab-nav, #main .seotabs-v8 .seotab-nav { max-width: 100%; } #main .seotabs-v7 .seotab-nav a.current-tabs:before, #main .seotabs-v8 .seotab-nav a.current-tabs:before { content: none; } #main .seotabs-v9 .seotab-nav li { float: left; width: 100%; } #main .seotabs-v4 .seotab-nav li { margin-bottom: 10px; } #main .seotabs-v1 .seotab-nav li, #main .seotabs-v2 .seotab-nav li { width: 100%; } #main .seotabs-v5 .seotab-nav a, #main .seotabs-v6 .seotab-nav a { width: 100%; } #main .seotabs-v5 .seotab-nav li, #main .seotabs-v6 .seotab-nav li { width: 100%; border-left: 1px solid #eee; } #main .seotabs-v1 .seotab-nav a, #main .seotabs-v2 .seotab-nav a { padding-left: 0; } #main .seotabs-v3 .seotab-nav { padding: 15px 0; border-radius: 0; border: 0; } #main .seotabs-v3 .seotab-nav li { width: 100%; border: 1px solid #e9e9e9; } #main .seotabs-v3 .seotab-nav li:before { content: none; } #main .seotabs-v3 .seotab-nav li:first-of-type { border-bottom: 0; } #main .seotabs-v3 .seotab-nav li:not(:first-of-type):not(:last-of-type) { border-bottom: 0; } .ht-btn, .ht-btn-normal { padding: 20px 15px; } .ht-call-to-action .box-button { margin-top: 20px; } } @media (min-width: 601px) and (max-width: 720px) { #main .blog-post-sumary { max-width: 370px; } } @media (max-width: 680px) { .woocommerce-checkout h3 { font-size: 18px; line-height: 26px; } .woocommerce-cart form table .actions > input[type="submit"] { width: 100%; margin-top: 10px; } .woocommerce-cart form table .actions .coupon { width: 100%; } .woocommerce-cart form table .actions .coupon label { display: none; } .woocommerce-cart form table .actions .coupon input[type="text"] { width: calc(100% - 182px); margin-right: 0; } .shop_table_responsive .product-remove { width: initial!important; } .shop_table_responsive .cart_item:nth-child(even) td { background: rgba(0, 0, 0, 0.025) !important; } .shop_table_responsive .cart_item td { padding-left: 10px !important; padding-right: 10px !important; } .shop_table_responsive .product-remove { width: 100%; text-align: left !important; } .shop_table_responsive thead { display: none; } .shop_table_responsive td { display: block; text-align: right!important; } .shop_table_responsive td.product-remove::before, .shop_table_responsive td.actions::before { content: none; } .shop_table_responsive td:before { content: attr(data-title) ': '; font-weight: 700; float: left; } .shop_table_responsive .product-thumbnail { display: none; } .page_content .perfect-seo-content { padding: 0 15px; } .page_content .perfect-seo { height: auto; padding: 30px 0; } .copyright { height: auto; } .copyright .left-copyright { width: 100%; text-align: center; } .copyright .right-copyright { width: 100%; margin-top: 15px; text-align: center; } .copyright .right-copyright li { margin: 0 3px 0 0; } .page .children { padding-left: 0; } } @media (max-width: 600px) { body { position: static !important; } .page .case-detail-tabs-menu { border-radius: 0; width: 100%; height: auto; } .page .case-detail-tabs-menu li { width: 100%; margin: 0; } .page .post-type-quote .blog-post-cover { display: none; } .page .blog-single-author-box { height: auto; padding-bottom: 30px; } .page .author-avatar { width: 100%; } .page .author-info { position: static; width: 100%; } #main .blog-post-date { width: 100%; margin-right: 0; } #main .blog-post-date-number { width: initial; margin-right: 15px; } #main .blog-post-date-text { width: 150px; text-align: left; } #main .blog-post-date-text span { float: left; width: 100%; } #main .blog-post-date-text:before { content: none; } #main .blog-post-sumary { max-width: 100%; } } @media (max-width: 520px) { body.single-ht-service .seo-accordion { width: 100%; margin: 0; } #mainview #main .about-live-by .accordion_in .acc_content { padding-right: 10px; } #mainview #main .about-live-by .accordion_in .acc_content span { padding-left: 0; } #mainview #main .about-live-by .accordion_in .about-live-img { overflow: hidden; position: static; width: 100%; left: 0; height: auto; margin-bottom: 15px; } #mainview #main .about-live-by .accordion_in .about-live-img img { position: static; max-width: 100%; -webkit-transform: none; -ms-transform: none; -moz-transform: none; transform: none; } #mainview #main .tes-single-ava { margin: 30px auto; width: 250px; height: 250px; padding: 10px; } #mainview #main .tes-single-ava-img { width: 100%; height: 100%; } #mainview #main .box-button span { text-align: center; } #mainview #main .box-button .ht-btn-normal, #mainview #main .box-button .ht-btn { padding: 20px 15px; min-width: 150px; } #mainview #main .our-blog-special-img + .our-blog-special-content, #mainview #main .our-blog-special-content { width: 100%; } .page_content .box-icon-item { width: 100%; } .page_content .our-partient-title { line-height: 1; } .page_content .box-button span { margin-bottom: 10px; } .page_content .box-button span:last-of-type { margin-bottom: 0; } .page_content .our-blog-special-img { width: 100%; } .page_content .blog-post-date { position: static; width: 100%; } .page_content .blog-post-sumary { padding-left: 0; } .page_content .prev-post { width: 100%; margin-bottom: 25px; } .page_content .next-post { width: 100%; text-align: left; float: left; } .page_content .next-post .center-y { left: 135px; right: inherit; } .page_content .next-post .control-post-img { float: left; margin-left: 0; } .page_content .next-post .control-post-desc { float: left; } .page_content .contact-form i { float: left; width: 100%; margin-top: 15px; } } @media (max-width: 480px) { .single_add_to_cart_button { margin-top: 10px; } } @media (max-width: 420px) { .page .case-detail-info .case-detail-info-name span { position: static; width: 100%; float: left; } } @media (max-width: 360px) { .page .blog-total-post li { width: 100%; float: left; margin: 0; } .page .blog-total-post li:before { content: none; } .page .blog-total-post li:first-of-type { margin-right: 0; } #main .box-button.text-right { text-align: left; margin-top: 10px; } } .case-study { position: relative; overflow: hidden; z-index: 1; margin-bottom: 38px; } .case-study:hover { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2); } .case-study:hover .case-overlay-banner { top: 0; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .case-study:hover .case-overlay-info { bottom: 0; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .case-study:hover .case-like { background: #f3f3f3; } .case-study:hover .case-readmore { top: 26.296%; opacity: 1; -moz-transition-duration: 0.45s; -webkit-transition-duration: 0.45s; transition-duration: 0.45s; } .case-img { overflow: hidden; position: relative; } .case-img img { width: 100%; } .case-like { position: absolute; z-index: 4; bottom: 21px; right: 0; height: 38px; width: 70px; border-radius: 50px 0 0 50px; background: #ffffff; text-align: center; line-height: 38px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; color: #232323; } .case-like span:before { font-size: 18px; margin-right: 5px; } .case-overlay-banner { opacity: 0.95; z-index: 2; position: absolute; left: 0; top: -100%; width: 100%; height: 100%; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .case-readmore { position: absolute; z-index: 4; text-align: center; display: block; width: 100%; top: 10%; opacity: 0; font-size: 0; margin: 0; line-height: 30px; } .case-readmore-btn { font-size: 14px; color: #ffffff; font-weight: 300; text-transform: uppercase; display: inline-block; padding: 5px 15px; border: 1px solid #ffffff; position: relative; overflow: hidden; } .case-readmore-btn:after { position: absolute; content: ""; background: #ffffff; right: 0; top: 0; bottom: 0; left: 100%; z-index: -1; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .case-readmore-btn:hover { z-index: 2; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .case-readmore-btn:hover:after { left: 0; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .case-overlay-info { padding: 15px 25px; height: 80px; position: absolute; left: 0; z-index: 3; bottom: -100%; width: 100%; background: #ffffff; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .case-name { font-size: 0; margin: 0; } .case-name-btn { color: #232323; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 24px; overflow: hidden; text-overflow: ellipsis; padding-right: 25px; display: block; white-space: nowrap; } .case-cate:before { content: "\f3a7"; font-family: "ionicons"; position: relative; top: 1px; margin-right: 3px; font-size: 15px; } .case-cate span { display: inline-block; margin-right: 5px; } .case-cate span:after { content: "/"; margin-left: 5px; font-size: 14px; } .case-cate span:last-of-type:after { content: ""; } .case-cate a { text-transform: uppercase; color: #737373; font-size: 12px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 24px; margin-right: 2px; } .partner { text-align: center; } .partner-pagination { text-align: center; } .partner-pagination .owl-controls { margin-top: 30px; position: relative; } .partner-pagination .owl-controls:before { content: ''; position: absolute; left: 0; top: 50%; width: 42%; height: 1px; background: #bbbbbb; } .partner-pagination .owl-controls:after { content: ''; position: absolute; right: 0; top: 50%; width: 42%; height: 1px; background: #bbbbbb; } .partner-pagination .owl-pagination .owl-page { width: 10px; height: 10px; border-radius: 50%; background: #bbbbbb; position: relative; margin: 0 5px; } .partner-pagination .owl-pagination .owl-page.active { cursor: default; } .partner-pagination .owl-pagination .owl-page.active:before { position: absolute; content: ''; left: -2px; top: -2px; bottom: -2px; right: -2px; background: #bbbbbb; border-radius: 50%; } .our-blog-top-news h4 { position: relative; font-size: 0; border-bottom: 1px solid #e3e3e3; margin: 0; padding: 10px 20px 10px 24px; line-height: 28px; } .our-blog-top-news h4:last-of-type { border-bottom: 0; } .our-blog-top-news h4:before { font-size: 19px; } .our-blog-top-news i { position: absolute; left: 0; top: 10px; font-size: 18px; } .our-blog-top-news a { font-size: 14px; color: #232323; font-family: 'Poppins', sans-serif; font-weight: 600; white-space: normal; } .our-blog-special-item { margin-bottom: 30px; float: left; width: 100%; } .our-blog-special-item.blog-post-2-columns { width: 50%; padding: 0 15px; } .our-blog-special-item.blog-post-2-columns .our-blog-date { color: #27ae61; margin-top: 15px; } .our-blog-special-item.blog-post-2-columns .our-blog-special-content { padding-right: 0 !important; } .our-blog-special-item.blog-post-2-columns .ourblog-bottom-info dd { text-align: right; } .our-blog-special-img { position: relative; overflow: hidden; float: left; width: 50%; height: 238px; } .our-blog-special-img + .our-blog-special-content { width: 50%; } .our-blog-special-img img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .our-blog-special-img:hover .our-blog-special-rm { -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 1; top: 41.176%; } .our-blog-special-img:hover .our-blog-overlay:before { top: 0; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .our-blog-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; overflow: hidden; opacity: 0.95; } .our-blog-overlay:before { content: ""; width: 100%; height: 100%; top: -100%; position: absolute; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .our-blog-special-rm { line-height: 30px; position: absolute; z-index: 1; margin: 0; text-align: center; display: block; width: 100%; top: 61.176%; opacity: 0; font-size: 0; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .our-blog-special-btn { font-size: 14px; color: #ffffff; font-weight: 300; text-transform: uppercase; display: inline-block; padding: 5px 15px; border: 1px solid #ffffff; position: relative; overflow: hidden; } .our-blog-special-btn:after { position: absolute; content: ""; z-index: -1; background: #ffffff; right: 0; top: 0; bottom: 0; left: 100%; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .our-blog-special-btn:hover { -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .our-blog-special-btn:hover:after { left: 0; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .our-blog-special-content { padding-top: 35px; float: left; width: 100%; padding: 0 15px; } .our-blog-date { font-size: 36px; color: #232323; font-family: 'Poppins', sans-serif; font-weight: 700; margin: 0; text-transform: uppercase; } .our-blog-date span { font-size: 20px; color: #ccc; position: relative; top: -1px; } .our-blog-date span:before { content: ""; width: 1px; height: 30px; display: inline-block; margin-right: 15px; margin-left: 10px; background: #ccc; position: relative; top: 2px; transform: rotate(25deg); } .ourblog-name { font-size: 0; margin: 10px 0 15px 0; } .ourblog-name a { font-size: 16px; line-height: 28px; color: #232323; font-weight: 600; } .ourblog-bottom-info { position: relative; float: left; width: 100%; border-top: 1px solid #e3e3e3; padding-top: 22px; margin: 0; } .ourblog-bottom-info dt { float: left; width: 50%; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 300; } .ourblog-bottom-info dt:before { margin-right: 10px; } .ourblog-bottom-info a { color: #232323; } .ourblog-bottom-info dd { float: left; width: 50%; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 300; } .ourblog-bottom-info dd:before { margin-right: 10px; } .blog-post-crs-s4 { position: relative; } .blog-post-crs-s4 .our-bookmark-special-item .ourblog-bottom-info dd { width: 100%; position: static; text-align: left; } .blog-post-crs-s4 .our-blog-special-content { padding: 0 30px; } .blog-post-crs-s4 .owl-controls { position: absolute; top: -115px; right: 0; } .blog-post-crs-s4 .owl-buttons { float: right; } .blog-post-crs-s4 .owl-buttons div { font-size: 0; height: 50px; width: 50px; text-align: center; line-height: 50px; border: 1px solid #cccccc; } .blog-post-crs-s4 .owl-buttons div:not(.disabled):hover { border-color: #aaa; } .blog-post-crs-s4 .owl-buttons div:not(.disabled):hover:before { color: #aaa; } .blog-post-crs-s4 .owl-buttons div.owl-prev:before { content: "\f3d5"; } .blog-post-crs-s4 .owl-buttons div.owl-next { margin-left: 10px; } .blog-post-crs-s4 .owl-buttons div.owl-next:before { content: "\f3d6"; } .blog-post-crs-s4 .owl-buttons div.disabled { border-color: #efe9e7; cursor: default; } .blog-post-crs-s4 .owl-buttons div.disabled:before { color: #efe9e7; } .blog-post-crs-s4 .owl-buttons div:before { font-family: "ionicons"; font-size: 24px; color: #999999; } .free-seo-left { border: 1px solid #ffffff; height: 191px; padding: 0 40px; position: relative; } .free-seo-title { font-size: 36px; line-height: 18px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #ffffff; white-space: nowrap; margin-bottom: 17px; } .free-seo-times { font-size: 18px; color: #ffffff; line-height: 24px; font-weight: 400; } .free-seo-label { font-size: 14px; color: #ffffff; line-height: 24px; font-family: 'Poppins', sans-serif; font-weight: 600; position: relative; margin-bottom: 3px; margin-top: 0; } .free-seo-label span { position: absolute; right: 0; color: #ffffff; font-size: 14px; } .free-seo-col { margin-bottom: 17px; } .free-seo-col input:not([type='submit']) { float: left; width: 100%; background: #ffffff; border: 1px solid #ffffff; height: 60px; padding: 0 11px; color: #888; position: relative; z-index: 2; font-size: 13px; } .free-seo-col input:not([type='submit']):focus { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .free-seo-col input:not([type='submit']):focus::-webkit-input-placeholder { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .free-seo-col input:not([type='submit']):focus:-moz-placeholder { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .free-seo-col input:not([type='submit']):focus::-moz-placeholder { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .free-seo-col input:not([type='submit']):focus:-ms-input-placeholder { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .free-seo-col input:not([type='submit'])::-webkit-input-placeholder { color: #888; font-family: 'Lato', sans-serif; font-weight: 400; } .free-seo-col input:not([type='submit']):-moz-placeholder { color: #888; font-family: 'Lato', sans-serif; font-weight: 400; } .free-seo-col input:not([type='submit'])::-moz-placeholder { color: #888; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .free-seo-col input:not([type='submit']):-ms-input-placeholder { color: #888; font-family: 'Lato', sans-serif; font-weight: 400; } .free-seo-col input[type='submit'] { width: 160px; height: 60px; line-height: 60px; margin-top: 27px; float: left; color: #ffffff; background: #333; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; border: 0; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .free-seo-col input[type='submit']:before { font-size: 24px; margin-right: 10px; position: relative; top: 2px; } .free-seo-col input[type='submit']:hover, .free-seo-col input[type='submit']:focus { background: #ffffff; color: #333; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .free-seo-col i { margin-top: 50px; margin-left: 27px; font-style: normal; float: left; color: #ffffff; } .wpcf7 input[aria-invalid="true"], .wpcf7 textarea[aria-invalid="true"], .wpcf7 select[aria-invalid="true"] { border-color: #f00 !important; } .wpcf7 br { display: none !important; } .screen-reader-response, .wpcf7-not-valid-tip { display: none !important; } .wpcf7-validation-errors, .wpcf7-mail-sent-ng { font-size: 13px; color: #f00; line-height: 22px; } .wpcf7-mail-sent-ok { color: #27ae61; font-size: 13px; line-height: 22px; } .reputation-crs { text-align: center; } .reputation-crs span { float: left; width: 100%; } .reputation-crs .owl-controls { margin-top: 40px; } .reputation-crs .owl-page.active span:after { cursor: default; content: ""; position: absolute; left: -2px; top: -2px; bottom: -2px; right: -2px; border-radius: 50%; z-index: 2; opacity: .3; } .reputation-crs .owl-page span { position: relative; background: #cccccc; width: 10px; height: 10px; margin: 0 5px; display: block; filter: alpha(opacity=50); /*IE7 fix*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .reputation-crs .owl-page span:hover { background: #232323; } .reputation-title { font-size: 30px; line-height: 35px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; } .reputation-subtitle { line-height: 35px; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; margin-top: 3px; margin-bottom: 5px; } .reputation-desc { font-size: 16px; line-height: 26px; font-style: italic; margin-bottom: 35px; } .seo-accordion { float: left; width: 100%; } .seo-accordion .acc_content { display: none; } .reputation-ccordion { float: left; width: 100%; } .reputation-ccordion .accordion_in .acc_head { font-size: 14px; } .reputation-ccordion .accordion_in .acc_head:before { top: 14px; } .reputation-ccordion .accordion_in .acc_head:hover { background: #ffffff; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .reputation-ccordion .accordion_in .acc_content span { padding-right: 30px; } .acc_tab_transparent .accordion_in.acc_active > .acc_head { box-shadow: none; } .acc_tab_transparent .accordion_in .acc_head { background: #ffffff; border-bottom: 1px solid #e9e9e9; } .acc_tab_transparent .accordion_in .acc_head:hover { box-shadow: none!important; border-bottom-color: #ffa506; } .acc_tab_transparent .accordion_in .acc_head .acc_icon_expand:before { background: #e9e9e9; } .perfect-seo-crs { text-align: center; position: relative; } .perfect-seo-crs .owl-controls { position: absolute; top: 50%; margin-top: -25px; width: 100%; } .perfect-seo-crs .owl-buttons div { font-size: 0; height: 50px; width: 50px; border-radius: 50%; border: 1px solid #ffffff; line-height: 50px; position: absolute; } .perfect-seo-crs .owl-buttons div.disabled { color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); cursor: default; } .perfect-seo-crs .owl-buttons div.disabled:before { color: rgba(255, 255, 255, 0.15); } .perfect-seo-crs .owl-buttons div:before { font-family: "ionicons"; font-size: 24px; color: #ffffff; } .perfect-seo-crs .owl-prev { left: -26%; } .perfect-seo-crs .owl-prev:before { content: "\f3d5"; } .perfect-seo-crs .owl-next { right: -26%; } .perfect-seo-crs .owl-next:before { content: "\f3d6"; } .perfect-rate span { color: #ffe823; font-size: 24px; line-height: 24px; } .perfect-seo-title { font-size: 30px; line-height: 30px; margin: 15px 0 15px 0; } .perfect-seo-content { font-size: 18px; line-height: 28px; font-weight: 300; font-style: italic; } .perfect-seo-author { font-size: 16px; line-height: 24px; font-family: 'Poppins', sans-serif; font-weight: 600; margin-top: 20px; } .perfect-seo-author span { display: inline-block; margin: 0 5px; } .counter-item { text-align: center; } .counter-title { font-size: 18px; line-height: 24px; color: #a9a9a9; margin-bottom: 17px; } .counter-number { line-height: 24px; } .counter-effects { position: relative; margin-top: 100px; } .counter-effects:hover { -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .counter-effects:hover .counter-circle:before { bottom: -60px; height: 60px; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .counter-effects:hover .counter-img { position: relative; top: 10px; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .counter-img { width: 105px; height: 105px; line-height: 105px; border-radius: 50%; box-shadow: 3px 0 20px rgba(0, 0, 0, 0.2); display: inline-block; border: 1px solid #fbfbfb; background: rgba(0, 0, 0, 0); position: relative; top: 0; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .counter-circle { position: absolute; top: -71px; left: 50%; margin-left: -10px; width: 20px; height: 20px; border-radius: 50%; display: block; box-shadow: 3px 0 15px rgba(0, 0, 0, 0.2); } .counter-circle:before { content: ""; width: 2px; height: 50px; position: absolute; left: 9px; border: 1px dashed #dfe8f3; bottom: -50px; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .fw-col-md-15 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 100%; } @media only screen and (min-width: 992px) { .fw-col-md-15 { width: 20%; } } .services-crs { position: relative; float: left; width: 100%; } .services-crs .owl-wrapper-outer { padding: 7px 0; position: relative; z-index: 2; } .services-crs .owl-controls { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; } .services-crs .owl-buttons { position: absolute; top: 50%; margin-top: -25px; width: 100%; } .services-crs .owl-buttons div { font-size: 0; height: 50px; width: 50px; border-radius: 50%; border: 1px solid #e0e0e0; line-height: 50px; position: absolute; } .services-crs .owl-buttons div.disabled { cursor: default; opacity: 0.6; } .services-crs .owl-buttons div.disabled:before { opacity: 0.6; } .services-crs .owl-buttons div:before { font-family: "ionicons"; font-size: 24px; } .services-crs .owl-buttons .owl-prev { left: -11.4%; } .services-crs .owl-buttons .owl-prev:before { content: "\f3d5"; color: #aaaaaa; } .services-crs .owl-buttons .owl-next { right: -11.4%; } .services-crs .owl-buttons .owl-next:before { content: "\f3d6"; color: #aaaaaa; } .services-crs .owl-pagination { margin-top: 50px; width: 100%; padding: 0 11.5px; bottom: -70px; position: absolute; } .services-crs .owl-page { width: 33.333%; position: relative; } .services-crs .owl-page:hover span { background: #999; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-crs .owl-page:last-of-type span:before { content: none; } .services-crs .owl-page:last-of-type span:after { content: none; } .services-crs .owl-page:last-of-type:after { content: none; } .services-crs .owl-page:after { position: absolute; right: 0; top: 10px; content: ""; border-radius: 50%; width: 3px; height: 3px; display: block; } .services-crs .owl-page.active span { cursor: default; } .services-crs .owl-page span { background: #cccccc; width: 100%; height: 1px; margin: 0; display: inline-block; position: relative; } .services-crs .owl-page span:before { content: ""; height: 4px; width: 1px; position: absolute; top: -8px; right: 1px; } .services-crs .owl-page span:after { content: ""; height: 4px; width: 1px; position: absolute; top: 7px; right: 1px; } .services-item { background: #ffffff; text-align: center; border: 1px solid #f2f2f2; padding: 27px 20px; margin: 0 11.5px; min-height: 420px; } .services-item:hover { box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-item:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-item:hover .services-img:before { transform: scale(0.6); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-img { width: 150px; line-height: 150px; height: 150px; border-radius: 50%; display: inline-block; position: relative; } .services-img img { position: relative; z-index: 2; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-title { font-size: 0; position: relative; margin-top: 15px; margin-bottom: 0; } .services-title:hover:before { width: 50px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .services-title:hover:after { width: 50px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .services-title:before { content: ""; width: 25px; height: 1px; position: absolute; bottom: 11px; right: 50%; margin-right: 9px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .services-title:after { content: ""; width: 25px; height: 1px; position: absolute; bottom: 11px; left: 50%; margin-left: 9px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; } .services-effect { width: 17px; height: 17px; display: block; margin: 0 auto; background: #ffffff; position: relative; top: -11px; } .services-effect:before { content: ""; width: 7px; height: 7px; left: 5px; top: 12px; border-radius: 50%; position: absolute; } .services-title-btn { font-size: 16px; line-height: 30px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #232323; } .servide-desc { height: 80px; color: #737373; } .services-rm { font-size: 0; margin-top: 27px; margin-bottom: 0; } .services-rm-btn { font-size: 12px; line-height: 30px; font-family: 'Poppins', sans-serif; font-weight: 700; border-style: solid; background: #ffffff; text-transform: uppercase; border-width: 1px; padding: 6px 21px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-rm-btn:after { content: "\f10b"; font-family: "ionicons"; margin-left: 5px; position: relative; top: 1px; } .services-rm-btn:hover { color: #ffffff !important; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-box-item { padding: 25px 0; text-align: center; border: 1px solid #f3f3f3; margin-bottom: 30px; background: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-box-item:hover { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-box-item:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .services-box-title { margin: 0; margin-top: 15px; } .services-box-title a { font-size: 16px; font-family: 'Lato', sans-serif; text-transform: uppercase; } .service-special-hover-effect { overflow: hidden; position: relative; min-height: 255px; } .service-special-hover-effect .services-box-title { font-size: 0; margin: 0; position: absolute; bottom: 25px; text-align: center; width: 100%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-special-hover-effect .service-box-item-content { padding: 0 60px; font-size: 15px; line-height: 24px; color: #ffffff; position: absolute; top: 90%; opacity: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-special-hover-effect .services-box-item-read-more { position: absolute; bottom: -50px; width: 100%; height: 50px; background: #238f53; font-size: 0; margin: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-special-hover-effect .services-box-item-read-more a { font-size: 14px; text-transform: uppercase; line-height: 50px; color: #ffffff; font-weight: 700; display: block; font-family: 'Poppins', sans-serif; } .service-special-hover-effect .services-box-item-read-more a:before { margin-right: 10px; } .service-special-hover-effect .services-img img { position: static; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } .service-special-hover-effect:hover .services-img img { -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; z-index: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .service-special-hover-effect:hover .services-box-title { bottom: 69.444%; z-index: 3; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .service-special-hover-effect:hover .services-box-title a { color: #ffffff; } .service-special-hover-effect:hover .services-box-title a:after { content: ""; width: 40px; height: 1px; position: absolute; background: #ffffff; bottom: -4px; left: 50%; margin-left: -20px; } .service-special-hover-effect:hover .service-box-item-content { top: 35%; z-index: 3; opacity: 1; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-special-hover-effect:hover .services-box-item-read-more { bottom: 0; z-index: 3; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-special-hover-effect:hover:after { z-index: 2; bottom: 0; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .service-special-hover-effect:after { z-index: -1; opacity: 0; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 100%; background-color: #27ae61; opacity: 0.95; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-normal .services-item { margin: inherit; padding: inherit; margin-bottom: 30px; } .menu-style-1 .breadcrumb { height: 385px; padding-top: 100px; } .breadcrumb { background: #252c44; height: 285px; position: relative; margin-bottom: 100px; overflow: hidden; } .page .breadcrumb { margin-bottom: 0; } .breadcrumb .container { height: 100%; } .prl { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .topseo-breadcrumb .nav-bg-1 { position: absolute; right: 0; top: 0; } .topseo-breadcrumb .nav-bg-2 { position: absolute; right: 5%; bottom: 0; z-index: 2; } .topseo-breadcrumb .nav-bg-3 { z-index: 1; position: absolute; right: 20%; bottom: -10px; } .bread { position: relative; padding: 103px 0 115px 35px; height: 100%; } .bread:before { content: url(images/crumb.png); position: absolute; top: 119px; left: -7px; } .bread:after { content: ""; height: 141px; width: 1px; position: absolute; left: 0; bottom: 0; background: #454b60; } .page-title { text-transform: uppercase; color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 36px; line-height: 48px; position: relative; z-index: 2; margin: 0; } .crumbs { position: relative; z-index: 2; margin-top: 5px; } .crumbs:before { content: "\f434"; font-family: "ionicons"; color: #ffffff; margin-right: 9px; } .crumbs span { color: #ffffff; line-height: 28px; } .crumbs span:last-of-type:after { content: none; } .crumbs span:after { content: "/"; margin-left: 13px; margin-right: 9px; } .crumbs a { font-style: normal; color: #ffffff; } .crumbs a:hover { text-decoration: underline; } .topseo-breadcrumb-custom > img { position: absolute; } .menu-style-2 { background: #ffffff; } @media only screen and (min-width: 992px) { .menu-style-2 { border-bottom: 1px solid #f2f2f2; } .menu-style-2 .menu-box-nav { border: 0; } .menu-style-2 .menu-item-has-mega-menu:hover .mega-menu { top: 100%; } .menu-style-2 .primary-menu { float: left; } .menu-style-2 .primary-menu a { position: relative; } .menu-style-2 .primary-menu > li { /* highlight menu*/ } .menu-style-2 .primary-menu > li.current-menu-item > a, .menu-style-2 .primary-menu > li.current-menu-ancestor > a { color: #27ae61; } .menu-style-2 .primary-menu > li.current-menu-item > a:before, .menu-style-2 .primary-menu > li.current-menu-ancestor > a:before { width: calc(100% - 42px); background: #27ae61; border-radius: 0; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } .menu-style-2 .primary-menu > li.current-menu-item > a:after, .menu-style-2 .primary-menu > li.current-menu-ancestor > a:after { width: 50%; background: #27ae61; border-radius: 0; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } .menu-style-2 .primary-menu > li:hover > a:before { width: 50%; border-radius: 0; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } .menu-style-2 .primary-menu > li:hover > a:after { width: 50%; border-radius: 0; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } .menu-style-2 .primary-menu > li > a { overflow: hidden; color: #232323; } .menu-style-2 .primary-menu > li > a:before { content: ""; height: 1px; position: absolute; width: 0; top: 50%; margin-top: 14px; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .menu-style-2 .primary-menu > li > a:after { content: ""; height: 1px; position: absolute; right: 20px; width: 0; top: 50%; margin-top: 14px; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .menu-style-2 .action-menu:before { background: #232323; } .menu-style-2 .action-menu > li > a { color: #5a5a5a; } .menu-style-2 .search-form-button { color: #232323; float: left; line-height: 102px; top: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } } .our-brand-text { padding-top: 12px; } .our-brand-text-title { font-size: 16px; font-weight: 600; font-family: 'Poppins', sans-serif; line-height: 24px; color: #232323; } .our-brand-text-name { font-size: 12px; line-height: 24px; position: relative; padding-left: 30px; } .our-brand-text-name:after { content: ""; position: absolute; left: 0; width: 25px; height: 1px; top: 8px; } .our-brand-text-content { font-size: 15px; line-height: 26px; color: #737373; } .our-brand-sign { display: block; margin-top: 20px; } .our-branding-accordion .accordion_in .acc_content span { padding-right: 20px; } .our-branding-accordion .accordion_in .acc_head:hover { box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .our-branding-accordion .accordion_in .acc_head:before { top: 14px; } .our-branding-accordion .accordion_in.acc_active > .acc_head .acc_icon_expand:before { color: #ffffff; } .acc_rm { font-size: 15px; text-decoration: underline; } .acc_rm:hover { text-decoration: none; } .what-we-offer-item { float: left; width: 100%; position: relative; text-align: center; background: #ffffff; border: 1px solid #f3f3f3; overflow: hidden; padding-top: 30px; padding-bottom: 25px; min-height: 252px; margin-bottom: 30px; } .what-we-offer-item:hover { box-shadow: 2px 0 12px rgba(0, 0, 0, 0.05); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .what-we-offer-item:hover:after { z-index: 2; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } .what-we-offer-item:hover .what-we-offer-name { bottom: 69.444%; z-index: 3; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .what-we-offer-item:hover .what-we-offer-name:after { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; content: ""; width: 40px; height: 1px; position: absolute; background: #ffffff; bottom: -4px; left: 50%; margin-left: -20px; } .what-we-offer-item:hover .what-we-offer-name a { font-size: 18px; color: #ffffff; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } .what-we-offer-item:hover .what-we-offer-desc { bottom: 34.92%; z-index: 3; opacity: 1; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .what-we-offer-item:hover .what-we-offer-rm { bottom: 0; z-index: 3; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .what-we-offer-item:after { z-index: -1; opacity: 0; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .what-we-offer-name { font-size: 0; position: absolute; bottom: 25px; text-align: center; width: 100%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .what-we-offer-name a { font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; text-transform: uppercase; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } .what-we-offer-desc { padding: 0 60px; font-size: 15px; line-height: 24px; color: #ffffff; position: absolute; bottom: 10%; opacity: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .what-we-offer-rm { position: absolute; bottom: -50px; width: 100%; height: 50px; background: #238f53; font-size: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .what-we-offer-rm:hover { background: #19A049; } .what-we-offer-rm a { font-size: 14px; line-height: 50px; text-transform: uppercase; color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 700; display: block; } .what-we-offer-rm a:before { margin-right: 9px; font-size: 16px; } .full-range-crs { position: relative; overflow: hidden; } .full-range-crs .slick-dots { position: absolute; left: 23px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .full-range-crs .slick-dots li { margin: 13px 0; } .full-range-crs .slick-dots button { font-size: 0; width: 10px; height: 10px; background: #cccccc; border-radius: 50%; border: 0; padding: 0; cursor: pointer; display: block; position: relative; } .full-range-crs .slick-active button:before { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; display: block; left: -3px; top: -3px; } .full-range-accordion { counter-reset: seo-counter; } .full-range-accordion .accordion_in { position: relative; } .full-range-accordion .accordion_in:before { position: absolute; content: ""; left: 0; width: 16px; height: 1px; top: 25px; z-index: 1; background: #dddddd; } .full-range-accordion .accordion_in.acc_active:before { background: #ffdb9b; } .full-range-accordion .accordion_in.acc_active .acc_head:before { color: #ffffff; width: 28px; top: 10px; left: 19px; height: 28px; } .full-range-accordion .accordion_in.acc_active .acc_head:after { width: 36px; height: 36px; position: absolute; content: ""; top: 6px; left: 15px; border-radius: 50%; } .full-range-accordion .accordion_in .acc_head { border: 1px solid #f3f3f3; padding-left: 70px; position: relative; font-size: 14px; height: 50px; line-height: 50px; } .full-range-accordion .accordion_in .acc_head:hover { box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .full-range-accordion .accordion_in .acc_head:before { z-index: 2; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #aaaaaa; top: 8px; height: 32px; width: 32px; line-height: 34px; text-align: center; border-radius: 50%; background: #dddddd; content: counter(seo-counter, decimal-leading-zero); counter-increment: seo-counter; } .full-range-accordion .accordion_in .acc_head .acc_icon_expand:before { content: none; } .full-range-left { margin-top: 50px; } .home-2 .our-blog-special-img { height: 200px; } .our-bookmark-special-item .ourblog-bottom-info dl { position: relative; } .our-bookmark-special-item .ourblog-bottom-info dt { width: 100%; color: #5a5a65; font-size: 13px; } .our-bookmark-special-item .ourblog-bottom-info dt:before { color: #5a5a65; margin-right: 4px; } .our-bookmark-special-item .ourblog-bottom-info dd { text-align: right; font-size: 13px; position: absolute; right: 0; color: #5a5a65; } .our-bookmark-special-item .ourblog-bottom-info dd:before { color: #5a5a65; margin-right: 4px; } .blog-post-crs-s3 { z-index: 3; } .blog-post-crs-s3 .our-blog-date { color: #27ae61; } .blog-post-crs-s3 .owl-controls { text-align: right; position: absolute; top: -100px; right: 0; } .blog-post-crs-s3 .owl-buttons > div { font-size: 0; width: 50px; height: 50px; border: 1px solid #cccccc; text-align: center; } .blog-post-crs-s3 .owl-buttons > div:before { font-family: "ionicons"; color: #999999; font-size: 24px; line-height: 50px; } .blog-post-crs-s3 .owl-buttons > div.disabled { border-color: #eee; cursor: default; } .blog-post-crs-s3 .owl-buttons > div.disabled:before { color: #eee; } .blog-post-crs-s3 .owl-buttons .owl-next { margin-left: 10px; } .blog-post-crs-s3 .owl-buttons .owl-next:before { content: "\f3d6"; } .blog-post-crs-s3 .owl-buttons .owl-prev:before { content: "\f3d5"; } .our-partient { padding-top: 114px; padding-bottom: 130px; position: relative; height: 589px; overflow: hidden; background: url(../images/upload/bg-our-parient.png) no-repeat, url(../images/upload/bg-client.png) repeat; } .our-partient-left { padding-right: 50px; } .our-partient-title { font-size: 36px; line-height: 26px; font-family: 'Poppins', sans-serif; font-weight: 700; } .our-partient-desc { font-size: 18px; color: #ccced4; line-height: 24px; margin-top: 14px; } .our-partient-speak { float: left; } .our-partient-speak .owl-controls { position: absolute; bottom: 55px; width: 100%; z-index: 5; } .our-partient-speak .owl-pagination { position: absolute; top: 12px; right: 40%; } .our-partient-speak .owl-page:first-of-type span { width: 4px; height: 4px; position: relative; top: -2px; } .our-partient-speak .owl-page:nth-child(2) span { position: relative; top: -1px; } .our-partient-speak .owl-page:last-of-type span { width: 8px; height: 8px; } .our-partient-speak .owl-page.active span { cursor: default; } .our-partient-speak .owl-page span { width: 6px; height: 6px; margin: 0 5px; display: block; filter: alpha(opacity=50); /*IE7 fix*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #cccccc; } .our-partient-speak .owl-page span:hover { opacity: .8; } .our-partient-speak .owl-buttons div { font-size: 0; height: 40px; width: 40px; color: #ffffff; background: #6d7386; line-height: 40px; position: absolute; border: 1px solid rgba(0, 0, 0, 0); } .our-partient-speak .owl-buttons div:hover { border-color: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .our-partient-speak .owl-buttons div.disabled { background: rgba(0, 0, 0, 0); color: #6d7386; border-color: #6d7386; cursor: default; } .our-partient-speak .owl-buttons div:before { font-family: "ionicons"; font-size: 24px; } .our-partient-speak .owl-prev { left: 0; } .our-partient-speak .owl-prev:before { content: "\f3d5"; } .our-partient-speak .owl-next { left: 50px; } .our-partient-speak .owl-next:before { content: "\f3d6"; } .our-partient-speak-item { float: left; width: 100%; padding-bottom: 10px; } .our-partient-speak-title { font-size: 18px; line-height: 30px; font-family: 'Poppins', sans-serif; font-weight: 600; margin-top: 50px; margin-bottom: 6px; } .our-partient-speak-rate { display: block; margin-bottom: 13px; } .our-partient-speak-rate span { font-size: 18px; margin-right: -2px; color: #ffa506; } .our-partient-speak-content p { font-style: italic; font-size: 16px; line-height: 26px; font-weight: 300; padding: 0 1px; } .our-partient-speak-content span { font-weight: 400; } .our-partient-speak-user-post { float: right; margin-top: 14px; position: relative; } .user-post-img { position: absolute; left: 0; width: 72px; height: 72px; border-radius: 50%; overflow: hidden; text-align: center; background: rgba(255, 255, 255, 0.15); } .user-post-img a { width: 64px; height: 64px; margin-left: 4px; margin-top: 4px; overflow: hidden; padding-top: 5px; border-radius: 50%; background: #6c707c; float: left; } .user-post-img a:hover { width: 72px; height: 72px; margin: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .user-post-img img { position: relative; z-index: 3; } .user-post-info { padding-left: 80px; padding-top: 14px; } .user-post-name { margin: 0; font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: 1px; } .user-post-role { font-size: 12px; line-height: 24px; font-style: italic; } .our-partient-speak-ver2 .our-partient-speak-user-post { float: left; margin-bottom: 30px; } .our-partient-right { padding-left: 45px; } .client { text-align: center; margin-top: 50px; } .client .slick-dots { position: absolute; right: 5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .client .slick-dots li { margin: 13px 0; } .client .slick-dots button { font-size: 0; width: 10px; height: 10px; background: #cccccc; border-radius: 50%; border: 0; padding: 0; cursor: pointer; display: block; position: relative; } .client .slick-active button:before { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; display: block; left: -3px; top: -3px; } .client-item { float: left; width: 100%; min-height: 90px; margin-bottom: 30px; } .about-us-top-seo { border-bottom: 1px solid #e9e9e9; } .about-us-rating { background: #f9f9f9; text-align: center; border: 1px solid #e9e9e9; padding: 35px 0; margin-top: 45px; } .about-us-rating img { margin-bottom: 15px; } .about-us-rating h3 { font-size: 14px; line-height: 24px; font-weight: 900; } .about-us-rating p { line-height: 24px; } .color-white { color: #ffffff; } .about-team-item { background: #ffffff; text-align: center; margin-bottom: 30px; height: 345px; float: left; width: 100%; } .about-team-item:hover .about-team-img:after { top: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .about-team-item:hover .about-team-social { top: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .about-team-img { position: relative; overflow: hidden; } .about-team-img:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 100%; background: rgba(255, 255, 255, 0.2); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .about-team-social { position: absolute; top: -100%; right: 10px; background: #ffffff; width: 40px; height: 120px; border-radius: 0 0 30px 30px; padding-top: 5px; z-index: 3; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .about-team-social a { position: relative; } .about-team-social a:before { font-family: "ionicons"; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .about-team-social a:hover:before { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .about-team-social a[href*="facebook"] { color: #3b5998; } .about-team-social a[href*="facebook"]:before { content: "\f231"; } .about-team-social a[href*="twitter"] { color: #00aced; } .about-team-social a[href*="twitter"]:before { content: "\f243"; } .about-team-social a[href*="google"] { color: #dd4b39; } .about-team-social a[href*="google"]:before { content: "\f235"; } .about-team-social a[href*="linkedin"] { color: #007bb5; } .about-team-social a[href*="linkedin"]:before { content: "\f239"; } .about-team-social li { list-style: none; } .about-team-title { font-size: 14px; position: relative; margin: 15px 0 0 0; } .about-team-title:hover:before { width: 50px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .about-team-title:hover:after { width: 50px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .about-team-title:before { content: ""; width: 25px; height: 1px; position: absolute; bottom: 11px; right: 50%; margin-right: 9px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .about-team-title:after { content: ""; width: 25px; height: 1px; position: absolute; bottom: 11px; left: 50%; margin-left: 9px; -moz-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .about-team-title-btn { line-height: 30px; font-weight: 700; text-transform: uppercase; color: #232323; } .about-team-effect { width: 17px; height: 17px; display: block; margin: 0 auto; background: #ffffff; position: relative; top: -10px; } .about-team-effect:before { content: ""; width: 7px; height: 7px; left: 5px; top: 12px; border-radius: 50%; position: absolute; } .about-team-desc { font-size: 15px; line-height: 26px; color: #5a5a5a; } .white-color-hover:hover { color: #ffffff; } .about-team-item-with-img-circle:hover .about-team-social { top: 50%; right: 30px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .about-team-item-with-img-circle.about-team-item { height: 260px; } .about-team-item-with-img-circle .about-team-img { min-height: 170px; position: relative; } .about-team-item-with-img-circle .about-team-img img { width: 125px; height: 125px; border-radius: 50%; border: 8px solid #f9edee; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); } .about-team-item-with-img-circle .about-team-social { padding-top: 0; height: auto; right: -50px; background: rgba(0, 0, 0, 0); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } .about-team-item-with-img-circle .about-team-effect { display: none; } .about-team-item-with-img-circle .about-team-title { margin: 0; } .about-team-item-with-img-circle .about-team-title:after, .about-team-item-with-img-circle .about-team-title:before { content: none; } .about-live-by .accordion_in:hover { box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .about-live-by .accordion_in .acc_content { position: relative; padding-left: 25px; background: #ffffff; } .about-live-by .accordion_in .acc_content span { padding-right: 20px; font-size: 16px; line-height: 26px; position: relative; padding-left: 135px; min-height: 130px; top: -8px; } .about-live-by .accordion_in .acc_content span:before { border-left: 0; } .about-live-by .accordion_in .acc_content a { text-decoration: underline; } .about-live-by .accordion_in .acc_content a:hover { text-decoration: none; } .about-live-by .accordion_in.acc_active { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); } .about-live-by .accordion_in.acc_active .acc_head { box-shadow: none; } .about-live-by .accordion_in.acc_active .acc_head .acc_icon_expand:before { color: #ffffff; content: "\f2f4"; -webkit-transform: none; transform: none; -moz-transform: none; } .about-live-by .accordion_in .acc_head { height: 50px; line-height: 50px; background: #f9f9f9; color: #232323; padding-left: 25px; } .about-live-by .accordion_in .acc_head:before { content: none; } .about-live-by .accordion_in .acc_head .acc_icon_expand:before { width: 26px; height: 26px; line-height: 24px; color: #141414; border-radius: 0; border: 2px solid #ececec; content: "\f2c7"; } .about-live-img { overflow: hidden; position: absolute; left: 25px; width: 116px; height: 116px; } .about-live-img img { position: absolute; top: 50%; left: 50%; width: auto; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .about-live-right { background: #f9f9f9; } .about-live-video { position: relative; height: 307px; } .about-live-img-box { height: 100%; position: relative; overflow: hidden; } .about-live-img-box img { top: 50%; left: 50%; width: 100%; position: absolute; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .play-btn { cursor: pointer; border: 0; z-index: 10; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .play-btn:hover { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .about-video-btn { position: absolute; z-index: 15; left: 50%; top: 50%; display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #ffffff; font-size: 30px; border-radius: 50%; margin-top: -30px; margin-left: -30px; } .about-video-btn:before { margin-left: 5px; } .about-live-desc { padding: 30px 25px; } .about-live-desc h3 { font-size: 18px; line-height: 24px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; margin-bottom: 10px; } .about-live-desc p { line-height: 25px; font-size: 15px; color: #595959; } .about-live-desc a:hover { text-decoration: underline; } .error-page { margin-bottom: 80px; } .error-img { position: relative; text-align: right; top: -67px; } .error-title { margin-bottom: -12px; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 140px; color: #232323; line-height: 1; } .error-desc { font-size: 16px; line-height: 26px; color: #5a5a5a; } .error-desc a { text-decoration: underline; } .error-desc a:hover { text-decoration: none; } .error404 .box-button { margin-top: 30px; } .victorious-tabs-menu { text-align: center; margin-top: 45px; margin-bottom: 60px; } .victorious-tabs-menu li { display: inline-block; } .victorious-tabs-menu-current .victorious-item { border-color: rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-tabs-menu-current .victorious-item:before { left: 0; top: 0; width: 100%; height: 100%; z-index: 2; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-tabs-menu-current .victorious-item:after { left: -5px; top: -5px; width: 108px; height: 108px; z-index: 2; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .victorious-tabs-content { display: none; } .victorious-tabs-current { display: block; } .victorious-list-tabs { float: left; width: 100%; } .victorious-list-tabs li { list-style: none; position: relative; height: 50px; line-height: 50px; background: #f9f9f9; font-size: 15px; color: #232323; margin-bottom: 10px; padding-left: 49px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-list-tabs li:hover { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-list-tabs li:before { content: "\f3ff"; font-family: "ionicons"; font-size: 24px; position: absolute; left: 20px; top: 13px; line-height: 1; } .victorious-item { width: 100px; height: 100px; display: inline-block; border-radius: 50%; border: 1px solid #d3d3d3; line-height: 100px; margin: 0 22px; position: relative; } .victorious-item:hover { border-color: rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-item:hover:before { left: 0; top: 0; width: 100%; height: 100%; z-index: 2; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-item:hover:after { left: -5px; top: -5px; width: 108px; height: 108px; z-index: 2; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .victorious-item img { position: relative; z-index: 4; } .victorious-item:before { content: ""; left: 50%; top: 50%; width: 0; height: 0; position: absolute; border-radius: 50%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-item:after { content: ""; border: 1px solid rgba(0, 0, 0, 0); left: 0; top: 0; width: 100%; height: 100%; position: absolute; border-radius: 50%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-left h3 { font-size: 18px; line-height: 28px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; margin: 0; } .victorious-left p { font-size: 15px; line-height: 26px; } .victorious-left img { float: left; margin-top: 5px; margin-right: 20px; } .victorious-ccordion .accordion_in .acc_head { background: #f6f6f6; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-ccordion .accordion_in .acc_head:hover { background: #ffffff; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .victorious-ccordion .accordion_in .acc_head .acc_icon_expand:before { content: none; } .victorious-ccordion .accordion_in .acc_head:before { font-size: 24px; top: 10px; } .voctorious-bot { margin-top: 105px; padding-top: 90px; border-top: 1px solid #e9e9e9; } .voctorious-bot img { position: relative; top: -45px; } .voctorious-bot p { font-size: 24px; line-height: 36px; font-weight: 300; font-style: italic; color: #232323; padding-left: 60px; } .voctorious-bot b { font-weight: 900; } .voctorious-bot span { margin-right: 0; } .voctorious-bot .box-button { margin-bottom: 0; } .service-single p { font-size: 15px; line-height: 26px; } .service-detail-img-1 { float: left; margin-right: 30px; } .service-icon-box { float: left; width: 46%; padding-left: 110px; margin-top: 30px; position: relative; } .service-icon-box:nth-child(odd) { float: right; } .service-icon-box img { position: absolute; left: 0; top: 0; } .service-icon-box h3 { font-size: 18px; font-family: 'Poppins', sans-serif; color: #232323; font-weight: 600; } .service-icon-box p { font-size: 15px; line-height: 26px; } .services-seo-title { font-size: 36px; font-weight: 700; font-family: 'Poppins', sans-serif; color: #232323; line-height: 36px; margin-top: 50px; margin-bottom: 30px; float: left; } .service-detail-accordin { counter-reset: seo-counter; } .service-detail-accordin .accordion_in:hover { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .service-detail-accordin .accordion_in .acc_content { position: relative; padding-left: 38px; background: #ffffff; padding-bottom: 30px; padding-right: 30px; } .service-detail-accordin .accordion_in .acc_content span { padding-left: 42px; } .service-detail-accordin .accordion_in.acc_active { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); } .service-detail-accordin .accordion_in.acc_active .acc_head { box-shadow: none; } .service-detail-accordin .accordion_in.acc_active .acc_head:before { background: #f9f9f9; } .service-detail-accordin .accordion_in.acc_active .acc_head .acc_icon_expand:before { color: #ffffff; content: "\f2f4"; -webkit-transform: none; transform: none; -moz-transform: none; } .service-detail-accordin .accordion_in .acc_head { height: 50px; line-height: 50px; background: #f9f9f9; color: #232323; padding-left: 80px; } .service-detail-accordin .accordion_in .acc_head:before { content: counter(seo-counter, decimal-leading-zero); counter-increment: seo-counter; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #232323; background: #ffffff; height: 40px; width: 40px; border-radius: 50%; border: 1px solid #eeeeee; text-align: center; line-height: 38px; top: 5px; } .service-detail-accordin .accordion_in .acc_head .acc_icon_expand:before { width: 26px; height: 26px; line-height: 24px; color: #141414; border-radius: 0; border: 2px solid #ececec; content: "\f2c7"; } .service-detail-results { background: #f9f9f9; padding: 40px 45px; margin-top: 55px; } .service-detail-results-title { font-weight: 600; font-family: 'Poppins', sans-serif; color: #232323; margin-bottom: 15px; } .service-detail-results-desc { text-align: justify; font-size: 15px; margin-bottom: 20px; line-height: 24px; } .service-detail-results-box { padding-left: 30px; } .service-detail-results-item { position: relative; padding-left: 37px; margin-bottom: 25px; } .service-detail-results-item span.sv-icon { position: relative; } .service-detail-results-item span.sv-icon:before { content: "\f3ff"; font-size: 18px; color: #232323; font-family: "ionicons"; position: absolute; left: -20px; } .service-detail-results-item p { font-size: 15px; line-height: 25px; } .service-detail-results-item b { font-size: 15px; } .single-ht-service .seo-accordion { width: 100%; margin-left: -15px; margin-right: -15px; } .single-ht-service .fw-main-row:first-of-type .fw-container { padding-left: 0; padding-right: 0; } .single-ht-service .box-icon-item { margin-bottom: 30px; } .srvice-detail-info-bottom { margin-top: 120px; line-height: 200px; height: 200px; } .srvice-detail-info-bottom .service-detail-info-botto-desc { border-left: 1px solid rgba(255, 255, 255, 0.1); height: 130px; margin-top: 35px; position: relative; top: 35px; display: table-cell; vertical-align: middle; padding-left: 60px; } .srvice-detail-info-bottom p { font-size: 24px; line-height: 36px; font-weight: 300; font-style: italic; color: #ffffff; } .srvice-detail-info-bottom b { font-weight: 900; } .srvice-detail-info-bottom span { margin-right: 0; } .srvice-detail-info-bottom .box-button { margin-bottom: 0; } .srvice-detail-info-bottom .btn-normal { background: #ffffff; font-size: 14px; } .srvice-detail-info-bottom .btn-normal:hover { color: #ffffff; } .widget-title { text-transform: uppercase; color: #232323; float: left; width: 100%; margin-top: 0; margin-bottom: 25px; font-size: 18px; font-weight: 700; } .services-features { margin-bottom: 40px; } .features-services-item { height: 50px; background: #f9f9f9; position: relative; padding-left: 58px; margin-bottom: 10px; line-height: 50px; border: 1px solid rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .features-services-item:hover { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); background: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .features-services-item:hover .features-services-img { background: #e9e9e9; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .features-services-item:nth-child(even) { border-color: #fcfcfc; } .features-services-item h3 { font-size: 0; line-height: 50px; margin: 0; } .features-services-item a { font-weight: 700; font-size: 14px; text-transform: uppercase; color: #232323; display: block; } .features-services-img { position: absolute; left: 9px; background: #ffffff; border: 1px solid #eeeeee; border-radius: 50%; width: 40px; height: 40px; display: block; text-align: center; line-height: 38px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-detail-sidebar-quote input:not([type="submit"]) { float: left; width: 100%; margin-bottom: 10px; height: 50px; padding: 0 20px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; color: #acacac; border: 1px solid #eeeeee; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-detail-sidebar-quote input:not([type="submit"])::-webkit-input-placeholder { color: #919191; font-family: 'Lato', sans-serif; font-weight: 400; } .service-detail-sidebar-quote input:not([type="submit"]):-moz-placeholder { color: #919191; font-family: 'Lato', sans-serif; font-weight: 400; } .service-detail-sidebar-quote input:not([type="submit"])::-moz-placeholder { color: #919191; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .service-detail-sidebar-quote input:not([type="submit"]):-ms-input-placeholder { color: #919191; font-family: 'Lato', sans-serif; font-weight: 400; } .service-detail-sidebar-quote input:not([type="submit"]):focus { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border-color: #ccc; } .service-detail-sidebar-quote textarea { float: left; width: 100%; margin-bottom: 10px; height: 100px; padding: 15px 20px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; color: #acacac; border: 1px solid #eeeeee; resize: none; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-detail-sidebar-quote textarea::-webkit-input-placeholder { color: #919191; font-family: 'Lato', sans-serif; font-weight: 400; } .service-detail-sidebar-quote textarea:-moz-placeholder { color: #919191; font-family: 'Lato', sans-serif; font-weight: 400; } .service-detail-sidebar-quote textarea::-moz-placeholder { color: #919191; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .service-detail-sidebar-quote textarea:-ms-input-placeholder { color: #919191; font-family: 'Lato', sans-serif; font-weight: 400; } .service-detail-sidebar-quote textarea:focus { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border-color: #ccc; } .service-detail-sidebar-quote input[type="submit"] { float: left; width: 100%; height: 50px; cursor: pointer; border: 0; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; color: #ffffff; border: 1px solid rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-detail-sidebar-quote input[type="submit"]:hover { background: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .service-detail-sidebar-quote input[type="submit"]:focus { color: #ffffff !important; } .services-testimonials-title { margin-bottom: 30px; } .services-testimonials { margin-bottom: 50px; } .services-testimonials .owl-controls { position: absolute; top: 0; margin-top: 3px; width: 100%; } .services-testimonials .owl-buttons div { width: 17px; color: #c5c5c5; font-size: 0; position: absolute; } .services-testimonials .owl-buttons div.disabled { opacity: 0.5; cursor: default; } .services-testimonials .owl-buttons div:before { font-family: "ionicons"; font-size: 18px; } .services-testimonials .owl-prev { right: 23px; } .services-testimonials .owl-prev:before { content: "\f3d2"; } .services-testimonials .owl-next { right: 0; } .services-testimonials .owl-next:before { content: "\f3d3"; } .services-testimonials-item { background: #f9f9f9; padding: 25px; } .services-tes-rate { margin-bottom: 5px; } .services-tes-rate span { font-size: 14px; display: inline-block; margin-right: -3px; } .services-tes-title { margin-bottom: 15px; font-size: 14px; font-weight: 700; color: #232323; text-transform: uppercase; } .services-tes-desc { font-style: italic; } .services-tes-author { margin: 10px 0; font-size: 12px; color: #232323; position: relative; padding-left: 30px; } .services-tes-author:before { content: ""; position: absolute; width: 20px; height: 1px; left: 0; top: 17px; } .services-faqs li { position: relative; padding: 10px 0 10px 23px; display: block; border-bottom: 1px solid #f4f4f4; line-height: inherit; } .services-faqs li:last-of-type { border-bottom: 0; } .services-faqs i { position: absolute; left: 0; top: 15px; } .services-faqs i:before { content: "\f3f9"; font-size: 14px; font-family: "ionicons"; font-style: normal; } .services-faqs a { font-size: 14px; line-height: 24px; color: #232323; } .pricing-table { margin-bottom: 65px; } .pricing-table-title { line-height: 48px; } .pricing-table-item { float: left; width: 100%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .pricing-table-item:hover { box-shadow: 1px 0 15px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .pricing-table-item-highlight { box-shadow: 1px 0 15px rgba(0, 0, 0, 0.15); } .pricing-table-item-highlight .pricing-table-img { background: #27ae61; } .pricing-table-item-highlight .pricing-table-img h3 { color: #ffffff; } .pricing-table-item-highlight .pricing-table-get { background: #27ae61; } .pricing-table-img { height: 214px; background: #e5e5e5; text-align: center; position: relative; overflow: hidden; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .pricing-table-img img { margin-top: 49px; } .pricing-table-img h3 { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: absolute; font-size: 18px; text-transform: uppercase; color: #aaaaaa; font-weight: 700; font-family: 'Poppins', sans-serif; bottom: 28px; text-align: center; width: 100%; margin: 0; } .pricing-table-img-top img { position: relative; top: -20px; } .pricing-table-corner { min-width: 200px; text-align: center; position: absolute; left: -50px; top: 30px; text-transform: uppercase; color: #5a5a5a; font-size: 12px; font-family: 'Lato', sans-serif; font-weight: 700; background: #ffffff; height: 28px; line-height: 28px; padding: 0 50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } .pricing-table-price { height: 60px; line-height: 50px; background: #252c44; text-align: center; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 700; margin: 0; } .pricing-table-price span { font-size: 14px; } .pricing-table-price span:before { content: "/"; font-size: 35px; position: relative; top: 3px; font-weight: 400; margin-left: 2px; } .pricing-table-list { float: left; width: 100%; border: 1px solid #f5f5f5; background: #ffffff; padding-top: 40px; } .pricing-table-list li { font-size: 15px; line-height: 24px; color: #232323; padding: 13px 40px 13px 62px; position: relative; list-style: none; } .pricing-table-list li:before { position: absolute; left: 39px; content: "\f3ff"; font-family: "ionicons"; font-size: 15px; top: 14px; } .pricing-table-list li:nth-child(even) { background: #f9f9f9; } .pricing-table-get { text-align: center; height: 60px; line-height: 60px; background: #cccccc; font-size: 0; margin: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .pricing-table-get a { font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #ffffff; text-transform: uppercase; display: block; } .pricing-results { padding-bottom: 120px; overflow: hidden; } .pricing-results .owl-wrapper-outer { overflow: visible!important; } .pricing-results-title { text-align: center; } .pricing-results-crs .owl-wrapper-outer { z-index: 5; } .pricing-results-crs .owl-controls { margin-top: 60px; } .pricing-results-crs .owl-page.active span { cursor: default; } .pricing-results-crs .owl-page.active span:after { content: ""; position: absolute; left: -3px; top: -3px; right: -3px; bottom: -3px; border-radius: 50%; opacity: 0.3; } .pricing-results-crs .owl-page span { position: relative; background: #cccccc; width: 10px; height: 10px; margin: 0 5px; display: block; filter: alpha(opacity=50); /*IE7 fix*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .pricing-results-crs .owl-page span:hover { background: #232323; } .pricing-results-title { font-size: 36px; color: #232323; font-weight: 700; font-family: 'Poppins', sans-serif; text-transform: uppercase; margin-top: 80px; margin-bottom: 58px; } .pricing-results-item { text-align: center; } .pricing-results-item img:hover + .result-hidden { left: 0; top: 100%; } .result-hidden { position: absolute; display: block; width: 100%; left: -1000%; top: -1000%; z-index: 2; padding-top: 44px; } .result-hidden h3 { font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; line-height: 24px; margin: 0; } .result-hidden p { color: #232323; line-height: 24px; } .result-hidden b { font-weight: 900; font-family: 'Lato', sans-serif; } .result-hidden:hover { left: 0; top: 100%; } .result-hidden-content { background: #eeeeee; padding: 18.5px; position: relative; } .result-hidden-content:before { font-family: "ionicons"; content: "\f365"; color: #eeeeee; position: absolute; top: -3px; line-height: 0; font-size: 30px; } .pricing-common-title { text-transform: uppercase; font-weight: 700; color: #232323; font-size: 36px; font-family: 'Poppins', sans-serif; } .pricing-common-item { margin-bottom: 20px; float: left; width: 100%; height: 185px; overflow: hidden; position: relative; padding: 20px 25px 20px 39px; background: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .pricing-common-item:hover { box-shadow: 1px 0 15px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .pricing-common-item:after { content: ""; position: absolute; left: 20px; top: 20px; height: 40px; width: 40px; border-radius: 50%; border: 1px solid #eeeeee; background: #f9f9f9; } .pricing-common-item:before { font-size: 18px; position: absolute; left: 32px; top: 32px; z-index: 2; } .pricing-common-item-title { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #232323; padding-left: 41px; margin-top: 0; margin-bottom: 10px; } .pricing-common-item-desc { font-size: 15px; line-height: 26px; color: #5a5a5a; position: relative; padding-left: 41px; height: 105px; overflow: hidden; } .pricing-common-item-desc:before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px; border-left: 1px dashed #d9d9d9; } .case-detail-thumbnail { position: relative; } .case-detail-thumbnail:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); } .case-detail-lg-img { z-index: 3; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .case-detail-right { height: 700px; position: relative; } .case-detail-right .box-button { margin-bottom: 0; position: absolute; bottom: 0; left: 0; } .case-detail-right .box-button a { padding: 0 82px; } .case-detail-info { background: #f9f9f9; padding: 35px; float: left; width: 100%; margin-bottom: 15px; } .case-detail-info-name { font-size: 24px; font-weight: 700; color: #232323; font-family: 'Poppins', sans-serif; position: relative; margin-bottom: 15px; } .case-detail-info-name span { position: absolute; right: 0; font-weight: 400; color: #595959; font-size: 14px; } .case-detail-info-name b { font-weight: 900; } .case-detail-info-cate { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } .case-detail-info-cate h3 { font-size: 0; background: #ffffff; border: 1px solid #eeeeee; border-radius: 20px; height: 40px; line-height: 38px; margin-top: 10px; } .case-detail-info-cate h3:hover { border-color: #232323; background: #232323; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .case-detail-info-cate h3:hover a { color: #ffffff; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .case-detail-info-cate a { display: block; font-size: 15px; color: #232323; font-weight: 400; position: relative; padding-left: 43px; } .case-detail-info-cate a:before { position: absolute; left: 18px; content: "\f3ff"; font-family: "ionicons"; font-size: 16px; } .case-detail-content { font-size: 15px; line-height: 26px; color: #5a5a5a; margin-top: 30px; } .case-detail-content a { text-decoration: underline; } .case-detail-content a:hover { text-decoration: none; } .case-detail-tabs-box { float: left; width: 100%; text-align: center; margin-top: 122px; border-top: 1px solid #e9e9e9; } .case-detail-tabs-menu { width: 600px; margin: 0 auto; background: #f9f9f9; border-radius: 50px; border: 1px solid #e9e9e9; height: 60px; position: relative; top: -30px; } .case-detail-tabs-menu li { display: inline-block; line-height: 58px; } .case-detail-tabs-menu a { fz18font-family: 'Poppins', sans-serif; font-weight: 700; color: #595959; text-transform: uppercase; } .case-detail-tabs-menu { margin-bottom: 30px; } .case-detail-tabs-menu li { margin: 0 55px; } .project-tabs-current-menu a { color: #232323; } .case-detail-content-left h3 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; } .case-detail-content-left p { font-size: 15px; line-height: 26px; color: #636363; } .counter-2 { margin: 43px 0 70px 0; text-align: center; } .counter-2-item { text-align: center; } .counter-2-img { display: inline-block; height: 140px; width: 140px; line-height: 140px; border: 1px solid #e9e9e9; border-radius: 50%; margin-bottom: 30px; position: relative; } .counter-2-img img { position: relative; z-index: 3; } .counter-2-img:before { content: ""; left: 50%; top: 50%; width: 0; height: 0; position: absolute; border-radius: 50%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .counter-2-img:after { content: ""; border: 1px solid rgba(0, 0, 0, 0); left: 0; top: 0; width: 100%; height: 100%; position: absolute; border-radius: 50%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .counter-2-img:hover { border-color: rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .counter-2-img:hover:before { left: 0; top: 0; width: 100%; height: 100%; z-index: 2; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .counter-2-img:hover:after { left: -5px; top: -5px; width: 148px; height: 148px; z-index: 2; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .counter-2-number { font-size: 30px; font-weight: 700; font-family: 'Poppins', sans-serif; color: #232323; margin-bottom: 10px; } .counter-2-desc { font-size: 18px; color: #aaaaaa; font-weight: 700; font-family: 'Poppins', sans-serif; } .case-detail-social { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 45px 0; margin-bottom: 50px; } .case-detail-social-title { font-size: 18px; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 700; color: #232323; } .case-detail-social-icon { margin-top: 30px; } .case-detail-social-icon li { display: inline-block; margin-right: 3.5px; } .case-detail-social-icon li a:hover { background: #000; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .case-detail-social-icon a { width: 40px; height: 40px; border-radius: 50%; display: block; text-align: center; line-height: 40px; font-size: 18px; color: #ffffff; } .case-detail-social-icon a.ion-heart { background: #8014cc; } .case-detail-social-icon a.ion-social-facebook { background: #3b5998; } .case-detail-social-icon a.ion-social-twitter { background: #00aced; } .case-detail-social-icon a.ion-social-googleplus { background: #dd4b39; } .case-detail-social-icon a.ion-social-linkedin { background: #007bb5; } .case-detail-comment { padding-left: 60px; position: relative; } .case-detail-comment:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #e9e9e9; } .case-detail-cmt-content { font-size: 18px; font-weight: 300; font-style: italic; line-height: 28px; color: #5a5a5a; } .btn-view-style { background: #f9f9f9; border-color: #cccccc; } .btn-next-post:after { content: "\f3d3"; font-family: "ionicons"; margin-left: 7px; font-size: 20px; font-weight: 300; position: relative; top: 2px; line-height: 1; } .case-detail-label-icon { position: relative; float: left; width: 100%; } .case-detail-label-icon:before { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-family: "ionicons"; color: #5a5a5a; font-size: 16px; } .case-detail-quote-input { float: left; width: 100%; height: 50px; border: 1px solid rgba(0, 0, 0, 0); padding: 0 19px; padding-right: 40px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .case-detail-quote-input:focus { color: #686868; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .case-detail-quote-input::-webkit-input-placeholder { color: #919191; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; } .case-detail-quote-input:-moz-placeholder { color: #919191; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; } .case-detail-quote-input::-moz-placeholder { color: #919191; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .case-detail-quote-input:-ms-input-placeholder { color: #919191; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 400; } .case-detail-quote-select { float: left; padding-right: 40px; width: 100%; height: 50px; border: 1px solid rgba(0, 0, 0, 0); padding: 0 19px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; color: #919191; } .case-detail-quote-submit { float: left; width: 100%; height: 50px; cursor: pointer; border: 0; color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 14px; border: 1px solid rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .case-detail-quote-submit:hover { background: rgba(0, 0, 0, 0); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .case-detail-quote-submit:before { font-size: 16px; margin-right: 10px; position: relative; top: 2px; } .case-detail-more-item { float: left; width: 100%; text-align: center; text-transform: uppercase; font-weight: 700; color: #232323; font-family: 'Poppins', sans-serif; font-size: 24px; margin-bottom: 32px; } .case-detail-more-crs .case-study { margin: 0 15px; } .case-detail-more-crs .owl-controls { margin-top: 65px; } .case-detail-more-crs .owl-page span { background: #cccccc; width: 10px; height: 10px; margin: 0 5px; display: block; filter: alpha(opacity=50); /*IE7 fix*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .case-detail-more-crs .owl-page span:hover { background: #232323; } .project-large-thumbnail-crs .owl-item { padding: 0 15px; } .project-large-thumbnail-crs .case-img { padding: 15px; background: #f8f8f8; } .project-large-thumbnail-crs .case-img img { box-shadow: 0 10px 5px 1px rgba(23, 21, 21, 0.24); } .project-large-thumbnail-crs .case-overlay-info { bottom: 0; height: 100px; } .project-large-thumbnail-crs .case-readmore-btn { font-family: 'Poppins', sans-serif; font-weight: 700; } .project-large-thumbnail-crs .case-like { background: #f3f3f3; } .project-large-thumbnail-crs .owl-controls { position: relative; height: 15px; top: 30px; } .project-large-thumbnail-crs .owl-pagination { position: relative; z-index: 2; } .project-large-thumbnail-crs .owl-page { width: 15px; height: 15px; margin: 0 5px; border-radius: 50%; background: #1b263f; } .project-large-thumbnail-crs .owl-page.active { background: #ffa506; } .contact-info-box { text-align: center; } .contact-info-detail { display: inline-block; position: relative; margin: 0 30px; height: 50px; } .contact-info-detail:last-of-type { margin-right: 0 !important; } .contact-info-detail:first-of-type { margin-left: 0 !important; } .contact-info-detail span { width: 50px; height: 50px; margin-right: 10px; border-radius: 50%; background: #232323; display: inline-block; text-align: center; } .contact-info-detail span:before { color: #ffffff; font-size: 24px; line-height: 50px; } .contact-info-detail h3 { font-size: 15px; color: #232323; line-height: 50px; margin: 0; display: inline-block; position: relative; top: -4px; } .form-wrapper.contact-form input[type='submit'] { color: #ffffff; } .contact-form .wrap-forms .field-text { width: 100%; margin: 0 0 30px 0; } .contact-form .wrap-forms .field-text label { font-size: 15px; font-weight: 400; color: #232323; font-family: 'Lato', sans-serif; } .contact-form .wrap-forms .field-text input[type='text'] { width: 100%; font-size: 14px; height: 50px; background: #f8f8f8; border: 1px solid #f3f3f3; padding: 0 20px; } .contact-form .wrap-forms .field-text input[type='text']::-webkit-input-placeholder { color: rgba(35, 35, 35, 0.35); font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; } .contact-form .wrap-forms .field-text input[type='text']:-moz-placeholder { color: rgba(35, 35, 35, 0.35); font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; } .contact-form .wrap-forms .field-text input[type='text']::-moz-placeholder { color: rgba(35, 35, 35, 0.35); font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .contact-form .wrap-forms .field-text input[type='text']:-ms-input-placeholder { color: rgba(35, 35, 35, 0.35); font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; } .contact-form .wrap-forms .field-text input[type='text']:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .contact-form .wrap-forms .field-textarea label { font-size: 15px; font-weight: 400; color: #232323; font-family: 'Lato', sans-serif; } .contact-form .wrap-forms .field-textarea textarea { width: 100%; font-size: 14px; height: 150px; background: #f8f8f8; border: 1px solid #f3f3f3; resize: none; padding: 20px; } .contact-form .wrap-forms .field-textarea textarea:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .contact-form .wrap-forms p { font-size: 12px; color: rgba(35, 35, 35, 0.75); } .contact-form input[type='submit'] { padding: 0 50px; height: 50px; margin-top: 20px; line-height: 50px; border-width: 1px; border-style: solid; text-align: center; border-color: #27ae61; cursor: pointer; background: #27ae61; color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .contact-form input[type='submit']:hover { color: #27ae61; background: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .contact-form-2 .wrap-forms .field-text { width: 100%; margin: 0 0 30px 0; } .contact-form-2 .wrap-forms .field-text label { font-size: 15px; font-weight: 400; color: #232323; font-family: 'Lato', sans-serif; } .contact-form-2 .wrap-forms .field-text input[type='text'] { width: 100%; height: 100%; border: 0; font-size: 15px; border-bottom: 1px solid #e9e9e9; padding: 0; height: 50px; } .contact-form-2 .wrap-forms .field-text input[type='text']:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .contact-form-2 .wrap-forms .field-textarea label { font-size: 15px; font-weight: 400; color: #232323; font-family: 'Lato', sans-serif; } .contact-form-2 .wrap-forms .field-textarea textarea { width: 100%; border: 0; font-size: 15px; border-bottom: 1px solid #e9e9e9; padding: 0; height: 50px; resize: none; } .contact-form-2 .wrap-forms .field-textarea textarea:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .contact-form-2 input[type='submit'] { padding: 0 50px; height: 50px; margin-top: 20px; line-height: 50px; border-width: 1px; border-style: solid; text-align: center; border-color: #27ae61; cursor: pointer; background: #27ae61; color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .contact-form-2 input[type='submit']:hover { color: #27ae61; background: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .contact-form-3 .wrap-forms .field-text { width: 100%; margin: 0 0 30px 0; } .contact-form-3 .wrap-forms .field-text label { font-size: 15px; font-weight: 400; color: #232323; font-family: 'Lato', sans-serif; } .contact-form-3 .wrap-forms .field-text input[type='text'] { width: 100%; font-size: 14px; height: 50px; background: #f8f8f8; border: 0; border-bottom: 1px solid #e9e9e9; padding: 0 20px; } .contact-form-3 .wrap-forms .field-text input[type='text']:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .contact-form-3 .wrap-forms .field-textarea label { font-size: 15px; font-weight: 400; color: #232323; font-family: 'Lato', sans-serif; } .contact-form-3 .wrap-forms .field-textarea textarea { width: 100%; font-size: 14px; height: 50px; background: #f8f8f8; border: 0; border-bottom: 1px solid #e9e9e9; resize: none; padding: 10px; } .contact-form-3 .wrap-forms .field-textarea textarea:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .contact-form-3 input[type='submit'] { padding: 0 50px; height: 50px; margin-top: 20px; line-height: 50px; border-width: 1px; border-style: solid; text-align: center; border-color: #27ae61; cursor: pointer; background: #ffffff; color: #27ae61; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 14px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .contact-form-3 input[type='submit']:hover { color: #ffffff; background: #27ae61; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .wrap-forms label { width: initial; } .wrap-forms label.required-label:after { content: '*'; margin-left: 5px; } .wrap-forms input[type='text']::-webkit-input-placeholder { color: rgba(35, 35, 35, 0.35); font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; } .wrap-forms input[type='text']:-moz-placeholder { color: rgba(35, 35, 35, 0.35); font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; } .wrap-forms input[type='text']::-moz-placeholder { color: rgba(35, 35, 35, 0.35); font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .wrap-forms input[type='text']:-ms-input-placeholder { color: rgba(35, 35, 35, 0.35); font-style: normal; font-family: 'Lato', sans-serif; font-weight: 400; } .wrap-forms input[type='text']:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .fw-flash-messages ul, .fw-flash-messages li { list-style: none; } .sticky .blog-post-name:after { margin-left: 10px; color: #000; font-family: Fontawesome; content: "\f02e"; } .blog-post { float: left; width: 100%; margin-bottom: 50px; } .blog-post:last-of-type { margin-bottom: 20px; } .blog-post-cover { margin-bottom: 15px; float: left; width: 100%; position: relative; text-align: center; } .blog-post-info { float: left; width: 100%; position: relative; } .blog-post-date { float: left; width: 170px; margin-right: 30px; padding-top: 10px; } .blog-post-date-number { float: left; width: 50%; font-size: 48px; font-family: 'Poppins', sans-serif; font-weight: 700; position: relative; margin-top: 5px; } .blog-post-date-text { float: left; width: 50%; text-align: center; color: #cccccc; position: relative; } .blog-post-date-text:before { content: ""; position: absolute; background: #efefef; width: 1px; bottom: 5px; height: 33px; left: 0; transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); } .blog-post-date-text .blog-post-year-text { font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: 5px; line-height: 24px; } .blog-post-date-text .blog-post-month-text { font-size: 24px; font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: 1px; line-height: 24px; text-transform: uppercase; } .blog-post-under-date { padding-top: 17px; float: left; width: 100%; border-top: 1px solid #eeeeee; margin-top: 10px; } .blog-post-under-date span { float: left; width: 100%; margin-bottom: 13px; line-height: 24px; font-size: 14px; font-weight: 300; color: #999; font-family: 'Lato', sans-serif; } .blog-post-under-date span a { color: #999; } .blog-post-under-date span:before { font-size: 16px; margin-right: 10px; } .blog-post-under-date .ion-ios-chatboxes-outline:before { font-size: 18px; } .blog-post-under-date a { font-size: 14px; font-weight: 300; color: #5a5a65; } .blog-post-sumary { float: left; width: 100%; max-width: 670px; padding-bottom: 50px; border-bottom: 1px solid #e9e9e9; } .blog-post-sumary ul, .blog-post-sumary ol { margin: 0 0 1.75em 1.25em; } .blog-post-sumary ul li, .blog-post-sumary ol li { font-size: 15px; line-height: 26px; color: rgba(35, 35, 35, 0.75); } .blog-post-sumary p { font-size: 15px; line-height: 26px; color: rgba(35, 35, 35, 0.75); margin: 0 0 1.75em; } .blog-post-sumary a { text-decoration: underline; } .blog-post-sumary b { color: #737373; } .blog-post-sumary blockquote { margin-top: 20px; padding: 20px; border: 0; background: #f9f9f9; text-align: center; font-size: 18px; line-height: 28px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: italic; color: #232323; position: relative; } .blog-post-sumary blockquote:before { content: "“"; font-size: 120px; font-weight: 900; top: 42px; left: 33px; font-family: 'Lato', sans-serif; position: absolute; color: rgba(35, 35, 35, 0.1); } .blog-btn-read-more { font-size: 0; margin-top: 30px; height: 50px; width: 167px; line-height: 48px; text-align: center; } .blog-btn-read-more a { display: block; text-decoration: none; text-transform: uppercase; font-weight: 700; font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 14px; border: 1px solid rgba(0, 0, 0, 0); -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .blog-btn-read-more a:hover { background: #ffffff; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .blog-btn-read-more a:before { position: relative; top: 2px; margin-right: 7px; font-size: 20px; } .blog-post-name { margin-bottom: 15px; font-size: 24px; line-height: 36px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; margin-top: 0; text-decoration: none; } .blog-post-name a { color: #232323; text-decoration: none; } .blog-post-gallery { float: left; width: 100%; } .blog-post-gallery .owl-controls { position: absolute; top: 50%; margin-top: -25px; width: 100%; } .blog-post-gallery .owl-buttons div { font-size: 0; height: 50px; width: 50px; border-radius: 50%; border: 1px solid #ffffff; line-height: 50px; position: absolute; } .blog-post-gallery .owl-buttons div.disabled { color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } .blog-post-gallery .owl-buttons div.disabled:before { color: rgba(255, 255, 255, 0.15); } .blog-post-gallery .owl-buttons div:before { font-family: "ionicons"; font-size: 24px; color: #ffffff; } .blog-post-gallery .owl-prev { left: 24px; } .blog-post-gallery .owl-prev:before { content: "\f3d5"; } .blog-post-gallery .owl-next { right: 24px; } .blog-post-gallery .owl-next:before { content: "\f3d6"; } .post-type-gallery .blog-post-cover:before { content: "\f148"; font-family: "ionicons"; color: #ffffff; font-size: 30px; position: absolute; right: 20px; bottom: 15px; z-index: 3; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .post-type-audio iframe { width: 100%; height: 200px; margin: 0; } .blog-post-video-atc { float: left; width: 100%; } .blog-post-quote { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; padding: 0 150px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .blog-post-quote:before { content: "“"; font-family: 'Lato', sans-serif; font-weight: 900; color: #ffffff; font-size: 120px; position: absolute; line-height: 0; top: 50px; left: 100px; } .blog-post-quote:after { content: "“"; font-family: 'Lato', sans-serif; font-weight: 900; color: #ffffff; font-size: 120px; position: absolute; line-height: 0; right: 60px; bottom: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .blog-post-quote p { font-size: 36px; color: #ffffff; line-height: 48px; font-weight: 400; font-style: italic; } .blog-post-quote h1, .blog-post-quote h2, .blog-post-quote h3, .blog-post-quote h4, .blog-post-quote h5, .blog-post-quote h6 { font-weight: 900; color: #ffffff; font-size: 36px; font-style: italic; line-height: 48px; position: relative; margin: 0; } .blog-post-quote span { color: #f77d0a; } .blog-total-post { margin-top: 10px; width: 100%; } .blog-total-post li { display: inline-block; font-size: 14px; color: #2b2e4a; line-height: 24px; } .blog-total-post li:first-of-type { margin-right: 10px; } .blog-total-post li:first-of-type a { text-decoration: none; } .blog-total-post li:first-of-type a:hover { text-decoration: underline; } .blog-total-post li:first-of-type:before { content: none; } .blog-total-post li:before { content: "|"; color: #e8e9eb; margin-right: 10px; } .blog-total-post a { font-weight: 700; text-decoration: underline; } .blog-total-post a:hover { text-decoration: none; } .pagination li { text-align: center; line-height: 40px; float: left; margin-left: 10px; color: #22243b; list-style: none; } .pagination a { border-radius: 50%; width: 40px; height: 40px; border: 1px solid #e9eaec; font-size: 14px; color: #22243b; display: block; line-height: 40px; } .pagination a:before { font-family: "FontAwesome"; } .pagination a.prev:before { content: "\f100"; } .pagination a.next:before { content: "\f101"; } .pagination span { border-radius: 50%; width: 40px; height: 40px; border: 1px solid #e9eaec; display: block; } .post-type-adio iframe { height: 200px; margin: 0; } .post-type-quote img { height: 260px; } .blog-page { margin-bottom: 80px; } .blog-2-columns .blog-2-columns-item:nth-child(3n) { clear: both; } .blog-2-columns .blog-post-sumary { max-width: 370px; border-bottom: 0; } .blog-2-columns .blog-post-some-text { height: 80px; overflow: hidden; } .blog-2-columns .post-type-quote img { height: 200px; } .blog-2-columns .blog-post-quote { overflow: hidden; padding: 0 90px; } .blog-2-columns .blog-post-quote:before { left: 30px; } .blog-2-columns .blog-post-quote p { font-size: 18px; line-height: normal; } .blog-2-columns .blog-post-quote h1, .blog-2-columns .blog-post-quote h2, .blog-2-columns .blog-post-quote h3, .blog-2-columns .blog-post-quote h4, .blog-2-columns .blog-post-quote h5, .blog-2-columns .blog-post-quote h6 { font-size: 26px; line-height: normal; } .blog-3-columns .blog-3-columns-item:nth-child(4n) { clear: both; } .blog-3-columns .blog-post-sumary { max-width: 370px; padding-bottom: 20px; border-bottom: 0; } .blog-3-columns .blog-post-some-text { height: 80px; overflow: hidden; } .blog-3-columns .post-type-audio iframe { height: 250px; } .blog-3-columns .post-type-quote img { height: 250px; } .blog-3-columns .post-type-quote .blog-post-cover { position: relative; } .blog-3-columns .post-type-quote .blog-post-cover:after { position: absolute; content: "\f10d"; font-family: "FontAwesome"; font-size: 30px; color: #ffffff; right: 15px; bottom: 15px; line-height: 1; } .blog-3-columns .blog-post-quote { overflow: hidden; position: absolute; padding: 0 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .blog-3-columns .blog-post-quote:before { content: none; } .blog-3-columns .blog-post-quote:after { content: none; } .blog-3-columns .blog-post-quote p { font-size: 20px; line-height: normal; } .blog-3-columns .blog-post-quote h1, .blog-3-columns .blog-post-quote h2, .blog-3-columns .blog-post-quote h3, .blog-3-columns .blog-post-quote h4, .blog-3-columns .blog-post-quote h5, .blog-3-columns .blog-post-quote h6 { font-size: 30px; line-height: normal; } .blog-3-columns .blog-post-cover img { height: 250px; } .blog-masonry .blog-masonry-grid:after { content: ''; display: block; clear: both; } .blog-masonry .blog-masonry-item { width: 400px; float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .blog-masonry .blog-post-sumary { border-bottom: 0; } .blog-masonry .blog-post-quote { padding: 0 40px; overflow: initial; } .blog-masonry .blog-post-quote p { font-size: 18px; line-height: normal; } .blog-masonry .blog-post-quote h1, .blog-masonry .blog-post-quote h2, .blog-masonry .blog-post-quote h3, .blog-masonry .blog-post-quote h4, .blog-masonry .blog-post-quote h5, .blog-masonry .blog-post-quote h6 { font-size: 30px; line-height: normal; } .blog-masonry .blog-post { background: #fafafa; border-bottom: 1px solid #ebebeb; } .blog-masonry .blog-post .blog-post-cover { overflow: hidden; } .blog-masonry .blog-post .blog-post-cover:before { content: none; } .blog-masonry .blog-post-info { padding: 0 30px; } .blog-masonry .blog-post-sumary { padding-bottom: 30px; } .blog-masonry .blog-post-gallery .owl-controls { top: inherit; bottom: 0; margin-top: 0; } .blog-masonry .blog-post-gallery .owl-buttons div { background: #252c44; border-radius: 0; border-color: rgba(0, 0, 0, 0); width: 43px; height: 43px; line-height: 43px; } .blog-masonry .blog-post-gallery .owl-buttons div.owl-prev { bottom: 20px; right: 68px; left: inherit; } .blog-masonry .blog-post-gallery .owl-buttons div.owl-prev:before { content: "\f3cf"; } .blog-masonry .blog-post-gallery .owl-buttons div.owl-next { right: 20px; bottom: 20px; } .blog-masonry .blog-post-gallery .owl-buttons div.owl-next:before { content: "\f3d1"; } .blog-masonry .blog-post-gallery .owl-buttons div.disabled { background: #888b97; cursor: default; } .blog-masonry .blog-post-gallery .owl-buttons div.disabled:before { color: #ffffff; } .blog-masonry .blog-post-top-left-info { position: absolute; left: 0; top: 0; width: 42px; height: 84px; overflow: hidden; z-index: 5; } .blog-masonry .top-info-date { float: left; text-align: center; width: 100%; height: 42px; background: #252c44; padding: 8px; position: relative; overflow: hidden; } .blog-masonry .top-info-date b { text-transform: uppercase; color: #ffffff; font-size: 20px; font-family: 'Poppins', sans-serif; line-height: 0; } .blog-masonry .top-info-date span { clear: both; color: #959595; text-transform: uppercase; font-size: 11px; font-family: 'Poppins', sans-serif; } .blog-masonry .bottom-info-cmt { float: left; text-align: center; width: 100%; height: 42px; background: #ffa506; padding: 8px; position: relative; overflow: hidden; } .blog-masonry .bottom-info-cmt span { color: #ffffff; display: block; } .blog-masonry .cmt-icon:before { content: "\f11f"; font-family: "ionicons"; color: #ffffff; } .blog-masonry .cmt-count { font-size: 12px; } .blog-masonry .blog-post-quote:after { content: none; } .blog-masonry .blog-post-quote:before { content: none; } .blog-masonry .blog-btn-read-more a { background-color: #252c44; border-color: #252c44; } .blog-masonry .blog-btn-read-more a:hover { color: #252c44 !important; background-color: #ffffff; border-color: #252c44; } .blog-masonry .blog-btn-read-more a:before { content: none; } .blog-masonry .post-type-quote .blog-post-cover { min-height: 260px; } .blog-masonry .post-type-quote img { height: auto; min-height: 260px; } .blog-masonry .blog-masonry-post-by { float: left; width: 100%; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 10px; } .blog-masonry .blog-masonry-post-by li { list-style: none; display: inline-block; color: #636363; font-size: 13px; } .blog-masonry .blog-masonry-post-by li:first-of-type { padding-right: 10px; margin-right: 2px; position: relative; } .blog-masonry .blog-masonry-post-by li:first-of-type:after { position: absolute; right: 0; content: '|'; color: #e1e1e1; } .blog-masonry .blog-masonry-post-by a { color: #c2c2c2; } .blog-masonry .blog-masonry-post-by a:hover { color: #232323; } .blog-masonry .navigation { display: none; } .blog-masonry-mstext { height: 50px; width: 140px; margin-left: -70px; line-height: 50px; color: #ffffff; text-align: center; display: inline-block; background: #252c44; font-family: 'Poppins', sans-serif; position: relative; top: 30px; } .blog-masonry-fsms { background: #252c44; height: 50px; width: 140px; margin-left: -70px; line-height: 50px; color: #ffffff; text-align: center; display: inline-block; font-family: 'Poppins', sans-serif; position: relative; top: 30px; } #infscr-loading { position: absolute; bottom: 0; left: 50%; cursor: pointer; z-index: 2; } #infscr-loading img { display: none !important; } /* pagination */ .paging-navigation { clear: both; } #secondary { margin-bottom: 50px; float: left; width: 100%; } #secondary .mega-menu li span, #secondary .mega-menu li div { font-size: 11px; padding-left: 25px; } #secondary .mega-menu li i { min-width: 20px; } #secondary ul, #secondary ol { list-style: none; margin: 0; } #secondary > :not(.widget) { margin-bottom: 35px; } .content-sidebar ul, .content-sidebar ol { list-style: none; margin: 0; } .widget { float: left; width: 100%; margin-bottom: 35px; } .widget_search { float: left; width: 100%; } .widget_search form { position: relative; float: left; width: 100%; } .widget_search form input[type="search"] { padding-left: 20px; padding-right: 51px; width: 100%; background: #f6f6f6; border: 0; height: 51px; border: 1px solid rgba(0, 0, 0, 0); -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .widget_search form input[type="search"]::-webkit-input-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .widget_search form input[type="search"]:-moz-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .widget_search form input[type="search"]::-moz-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .widget_search form input[type="search"]:-ms-input-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .widget_search form input[type="search"]:focus { color: #232323; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-color: #dad6d6; } .widget_search form input[type="search"]:focus::-webkit-input-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .widget_search form input[type="search"]:focus:-moz-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .widget_search form input[type="search"]:focus::-moz-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .widget_search form input[type="search"]:focus:-ms-input-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .widget_search form input[type="submit"] { -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; font-size: 0; position: absolute; right: 0; top: 0; width: 51px; height: 51px; cursor: pointer; border: 0; background: url(images/search.png) no-repeat center center; padding: 0; color: #585858; } .widget_categories { margin-bottom: 30px; } .widget_categories ul { float: left; width: 100%; } .widget_categories ul .children { padding-left: 10px; border-top: 1px dashed #d9d9d9; } .widget_categories ul .children li:last-of-type { border-bottom: 0; } .widget_categories li { border-bottom: 1px dotted #e5e5e5; text-align: right; line-height: 49px; position: relative; font-size: 13px; float: left; width: 100%; } .widget_categories a { float: left; font-size: 14px; color: #5a5a5a; } .widget_categories .postform { float: left; width: 100%; outline: none; font-family: 'Lato', sans-serif; padding: 10px 5px; } .widget_twitter { padding-right: 70px; margin-bottom: 45px; } .widget_twitter .wrap-twitter { float: left; width: 100%; } .widget_twitter .wrap-twitter li { font-size: 14px; color: #737373; line-height: 24px; } .widget_twitter .wrap-twitter a { color: #ffa506; } .widget_twitter .wrap-twitter a:hover { text-decoration: underline; } .widget_twitter .wrap-twitter span { font-size: 14px; color: #cccccc; line-height: 24px; display: block; } .widget_twitter .tweet-view-all { text-transform: uppercase; font-size: 12px; color: #666666; font-family: 'Poppins', sans-serif; font-weight: 700; float: left; margin-top: 30px; } .widget_twitter .tweet-view-all:hover { color: #232323; } .widget_recent_entries ul { float: left; width: 100%; } .widget_recent_entries li { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px; position: relative; float: left; width: 100%; } .widget_recent_entries li > a { color: #777; } .widget_recent_entries li > a:hover { color: #ffa506; } .widget_recent_entries img { position: relative; z-index: 2; } .widget_recent_entries dl { position: absolute; left: 0; top: 0; padding-left: 100px; } .widget_recent_entries dt { width: 100%; float: left; } .widget_recent_entries dt a { font-weight: 700; color: #232323; font-size: 14px; font-family: 'Poppins', sans-serif; line-height: 24px; } .widget_recent_entries dt a:hover { text-decoration: underline; } .widget_recent_entries dd { width: 100%; float: left; margin-top: 5px; font-size: 12px; color: #737373; } .widget_tag_cloud a, .widget_product_tag_cloud a { float: left; color: #5a5a5a; font-size: 14px!important; padding: 6.5px 16px; margin-right: 9px; margin-bottom: 10px; background: #ffffff; border: 1px solid #cccccc; } .widget_tag_cloud a:hover, .widget_product_tag_cloud a:hover { color: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .widget_archive ul { float: left; width: 100%; } .widget_archive li { height: 50px; line-height: 49px; border-bottom: 1px solid #e5e5e5; text-align: right; position: relative; float: left; width: 100%; font-size: 13px; } .widget_archive a { float: left; font-size: 14px; color: #5a5a5a; } .widget_archive a:hover { color: #ffa506; } .widget_archive select { float: left; width: 100%; outline: none; font-family: Lato, sans-serif; padding: 10px 5px; } .widget_calendar .calendar_wrap { float: left; width: 100%; } .widget_calendar .calendar_wrap #prev { text-align: left!important; padding-left: 10px; } .widget_calendar .calendar_wrap #next { text-align: right!important; padding-right: 10px; } .widget_calendar .calendar_wrap #wp-calendar { border-collapse: collapse; width: 100%; float: left; margin: 0; } .widget_calendar .calendar_wrap #wp-calendar caption { font-family: 'Lato', sans-serif; color: #777; font-weight: 700; margin-bottom: 15px; } .widget_calendar .calendar_wrap #wp-calendar th { text-align: center; color: #777; line-height: 30px; border: 1px solid rgba(51, 51, 51, 0.1); padding: 5px 10px; } .widget_calendar .calendar_wrap #wp-calendar td { line-height: 30px; text-align: center; color: #777; border: 1px solid rgba(51, 51, 51, 0.1); padding: 5px 10px; } .widget_calendar .calendar_wrap #wp-calendar td#today { color: #ffffff; } .widget_calendar .calendar_wrap #wp-calendar td a { color: #ffa506; text-decoration: none; } .widget_pages ul li { line-height: 36px; } .widget_pages ul li.page_item_has_children .children li { float: left; width: 100%; padding-left: 30px; } .widget_pages ul li a { font-family: 'Lato', sans-serif; color: #777; font-size: 14px; } .widget_pages ul li a:hover { color: #ffa506; } .widget_pages ul li a:before { content: "\f105"; font-family: "FontAwesome"; margin-right: 19px; } .widget_meta ul { float: left; width: 100%; } .widget_meta ul li { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 30px; color: #777; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px; position: relative; float: left; width: 100%; } .widget_meta ul li a { font-family: 'Lato', sans-serif; color: #777; font-size: 14px; } .widget_meta ul li a:hover { color: #ffa506; } .widget_meta ul li a abbr { font-style: italic; font-size: 12px; } .widget_recent_comments ul { float: left; width: 100%; } .widget_recent_comments ul li { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 30px; color: #777; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px; position: relative; float: left; width: 100%; } .widget_recent_comments ul li span { font-family: 'Lato', sans-serif; font-size: 14px; color: #777; } .widget_recent_comments ul li a { font-family: 'Lato', sans-serif; font-size: 14px; color: #777; } .widget_recent_comments ul li a:hover { color: #ffa506; } .widget_nav_menu .menu { float: left; width: 100%; } .widget_nav_menu .menu li { line-height: 30px; } .widget_nav_menu .menu li a { color: #777; line-height: 24px; font-size: 14px; } .widget_nav_menu .menu li a:hover { color: #ffa506; } .widget_nav_menu .menu li a:before { content: "\f105"; font-family: FontAwesome; margin-right: 19px; } .widget_nav_menu .menu li .sub-menu { padding-left: 15px; } .widget_text .textwidget { float: left; width: 100%; } .widget_text .textwidget p { float: left; width: 100%; margin-bottom: 15px; color: #777; font-size: 14px; line-height: 24px; } .widget_text .textwidget p img { vertical-align: inherit; } .widget_text .textwidget p strong { font-weight: 700; color: #777; font-family: 'Lato', sans-serif; display: block; } .widget_text .textwidget .wp-caption img { max-width: 100%; height: auto!important; float: left; margin-bottom: 10px; } .widget_text .textwidget .wp-caption p { font-size: 14px; font-family: 'Lato', sans-serif; color: #777; line-height: 24px; } .widget_text .textwidget form { float: left; width: 100%; } .widget_text .textwidget form select { float: left; width: 100%; outline: none; padding: 10px 5px; font-family: 'Lato', sans-serif; color: #777; } .widget_text .textwidget form select option { width: 100%; float: left; } .widget-title .rsswidget { color: #232323; } .widget_rss .title_ h3 .rsswidget { color: #777; } .widget_rss ul li { float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px dashed #777; padding-bottom: 15px; } .widget_rss ul li:last-of-type { border-bottom: 0; } .widget_rss ul li .rsswidget { font-family: 'Lato', sans-serif; font-size: 14px; line-height: 24px; color: #232323; } .widget_rss ul li .rsswidget:hover { color: #ffa506; } .widget_rss ul li .rss-date { font-family: 'Lato', sans-serif; color: #232323; font-size: 14px; font-style: italic; } .widget_rss ul li .rssSummary { float: left; width: 100%; margin-top: 10px; margin-bottom: 5px; font-family: 'Lato', sans-serif; line-height: 24px; color: #777; font-size: 14px; } .widget_rss ul li cite { float: left; width: 100%; font-size: 14px; display: block; } .single-post .breadcrumb { margin-bottom: 130px; } .blog-single .blog-post { margin-bottom: 20px; } .blog-single .blog-post-sumary { line-height: 24px; padding-bottom: 30px; min-height: 250px; } .blog-single-tags { float: left; color: #aaaaaa; } .blog-single-tags span { font-size: 14px; color: #232323; margin-right: 20px; } .blog-single-tags span:before { margin-right: 10px; } .blog-single-tags a { line-height: 24px; font-style: italic; color: #aaaaaa; } .blog-single-tags a:hover { text-decoration: underline; } .blog-single-social { float: right; } .blog-single-social span { float: left; line-height: 24px; margin-right: 10px; font-style: italic; color: #232323; } .blog-single-social span:before { margin-right: 10px; } .blog-single-social li { float: left; margin-left: 10px; list-style: none; } .blog-single-social li a:hover { background: #000; } .blog-single-social a { display: block; border-radius: 50%; height: 30px; width: 30px; text-align: center; line-height: 30px; color: #ffffff; } .blog-single-social a.ion-heart { background: #891fb5; } .blog-single-social a.ion-social-facebook { background: #3b5998; } .blog-single-social a.ion-social-twitter { background: #00aced; } .blog-single-social a.ion-social-googleplus { background: #dd4b39; } .box-author-top { margin-bottom: 20px; } .blog-single-author-box { float: left; width: 100%; margin-top: 17px; margin-bottom: 50px; background: #252c44; height: 190px; position: relative; } .author-avatar { position: relative; width: 200px; height: 100%; text-align: center; padding-top: 32px; overflow: hidden; } .author-avatar-img { width: 105px; height: 105px; background: #ffffff; margin: 0 auto; border-radius: 50%; text-align: center; overflow: hidden; padding-top: 5px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .author-avatar-img:hover { box-shadow: 1px 0 15px rgba(255, 255, 255, 0.8); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .author-avatar-img:hover + .author-social-box { opacity: 1; top: 0; z-index: 1; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .author-social-box { display: block; padding-top: 9px; position: relative; top: 20px; opacity: 0; z-index: -2; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .author-social-box:hover { opacity: 1; z-index: 1; top: 0; } .author-avatar-social { width: 100px; height: 26px; border-radius: 50px; margin: 0 auto; background: #ffffff; position: relative; } .author-avatar-social:before { bottom: 100%; left: 50%; border: solid rgba(0, 0, 0, 0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #ffffff; border-width: 4px; margin-left: -4px; } .author-avatar-social li { display: inline-block; line-height: 26px; margin: 0 6px; } .author-avatar-social li a:hover { color: #232323; } .author-avatar-social a { -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } .author-avatar-social a.ion-social-facebook { color: #3b5998; } .author-avatar-social a.ion-social-twitter { color: #00aced; } .author-avatar-social a.ion-social-googleplus { color: #dd4b39; } .author-info { position: absolute; left: 200px; top: 0; right: 0; bottom: 0; padding-left: 30px; padding-top: 26px; padding-right: 30px; } .author-info:before { content: ""; background: rgba(255, 255, 255, 0.1); width: 1px; top: 32px; bottom: 32px; position: absolute; left: 0; } .author-name { font-size: 0; line-height: 0; } .author-name a { font-size: 18px; color: #ffffff; font-weight: 600; font-family: 'Poppins', sans-serif; line-height: 24px; } .author-role { font-size: 12px; font-style: italic; line-height: 24px; color: rgba(255, 255, 255, 0.75); } .author-desc { line-height: 24px; margin-top: 15px; color: rgba(255, 255, 255, 0.75); } .comment-total-title { font-size: 30px; line-height: 40px; font-family: 'Poppins', sans-serif; color: #232323; font-weight: 700; margin-bottom: 35px; } .comment { float: left; width: 100%; } .comment:last-of-type .comment-body:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .comment-list .children { padding-left: 135px; float: left; width: 100%; } .comment-body { float: left; margin-bottom: 35px; width: 100%; padding-bottom: 40px; border-bottom: 1px solid #e9e9e9; } .comment-avatar { width: 83px; height: 83px; border-radius: 50%; overflow: hidden; position: absolute; z-index: 2; } .comment-avatar img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .comment-content { float: left; width: 100%; padding-left: 100px; } .comment-author { float: left; width: 100%; margin-bottom: 10px; } .comment-author-name { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; color: #232323; display: inline-block; } .comment-time { font-size: 12px; display: inline-block; margin-left: 5px; } .comment-text { font-size: 14px; line-height: 24px; color: rgba(35, 35, 35, 0.75); margin-bottom: 28px; } .comment-btn-reply { height: 33px; width: 33px; border-radius: 50%; border-width: 1px; border-style: solid; font-size: 13px; text-align: center; } .comment-btn-reply:before { line-height: 30px; } .comment-reply-title { font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 700; color: #232323; margin-top: 58px; margin-bottom: 25px; float: left; width: 100%; } .comment-form { margin-bottom: 120px; float: left; width: 100%; } .comment-form input[type='text'], .comment-form input[type='email'] { width: 100%; height: 43px; border: 0; float: left; border-bottom: 1px solid #e9e9e9; margin-top: 33px; font-size: 15px; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form input[type='text']::-webkit-input-placeholder, .comment-form input[type='email']::-webkit-input-placeholder { color: #232323; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form input[type='text']:-moz-placeholder, .comment-form input[type='email']:-moz-placeholder { color: #232323; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form input[type='text']::-moz-placeholder, .comment-form input[type='email']::-moz-placeholder { color: #232323; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .comment-form input[type='text']:-ms-input-placeholder, .comment-form input[type='email']:-ms-input-placeholder { color: #232323; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form input[type='text']:focus, .comment-form input[type='email']:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .comment-form input[type='text']:focus::-webkit-input-placeholder, .comment-form input[type='email']:focus::-webkit-input-placeholder { font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form input[type='text']:focus:-moz-placeholder, .comment-form input[type='email']:focus:-moz-placeholder { font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form input[type='text']:focus::-moz-placeholder, .comment-form input[type='email']:focus::-moz-placeholder { font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .comment-form input[type='text']:focus:-ms-input-placeholder, .comment-form input[type='email']:focus:-ms-input-placeholder { font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form textarea { width: 100%; height: 128px; float: left; resize: none; border: 0; font-size: 15px; padding-top: 13px; border-bottom: 1px solid #e9e9e9; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form textarea::-webkit-input-placeholder { color: #232323; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form textarea:-moz-placeholder { color: #232323; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form textarea::-moz-placeholder { color: #232323; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .comment-form textarea:-ms-input-placeholder { color: #232323; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form textarea:focus { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .comment-form textarea:focus::-webkit-input-placeholder { font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form textarea:focus:-moz-placeholder { font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form textarea:focus::-moz-placeholder { font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .comment-form textarea:focus:-ms-input-placeholder { font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .comment-form input[type='submit'] { width: 167px; height: 50px; margin-top: 30px; float: left; cursor: pointer; background: #ffffff; border-width: 1px; border-style: solid; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .comment-form input[type='submit']:hover { color: #ffffff !important; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .blot-related-post { padding: 30px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin-bottom: 60px; } .prev-post { float: left; width: 50%; position: relative; } .prev-post .control-post-img { margin-right: 15px; } .prev-post .control-post-desc { float: left; } .prev-post .control-post-btn { font-size: 14px; } .prev-post .control-post-btn:before { content: "\f360"; font-family: "ionicons"; font-size: 16px; margin-right: 4px; position: relative; top: 2px; } .control-post-desc { max-width: 300px; overflow: hidden; white-space: nowrap; padding-top: 25px; } .control-post-name { font-size: 0; margin: 0; } .control-post-name a { font-size: 16px; color: #232323; line-height: 26px; font-family: 'Poppins', sans-serif; font-weight: 600; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } .control-post-btn:hover { color: #232323; } .control-post-img { width: 100px; height: 100px; overflow: hidden; position: relative; float: left; z-index: 2; } .control-post-img img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .next-post { width: 50%; float: right; text-align: right; position: relative; } .next-post .control-post-img { float: right; margin-left: 15px; } .next-post .control-post-desc { float: right; } .next-post .control-post-btn { font-size: 14px; } .next-post .control-post-btn:after { content: "\f362"; font-family: "ionicons"; font-size: 16px; margin-left: 4px; position: relative; top: 2px; } @media (max-width: 991px) { .menu-collapser { position: relative; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); } .collapse-button { position: absolute; right: 0; top: 50%; color: #232323; font-size: 20px; cursor: pointer; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } header { background: #ffffff; } .logo { position: relative; z-index: 2; } .menu-box-nav { position: relative; } .menu-box-right { background: #ffffff; position: absolute; overflow: hidden; width: 100%; display: none; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25); } .menu-box-right.collapsed { display: block; top: 100%; } .primary-menu { float: left; width: 100%; } .primary-menu .sub-toggle { width: 14px; height: 25px; position: absolute; right: 0; top: 5px; } .primary-menu .sub-toggle.expanded:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .primary-menu .sub-toggle:before { content: "\f3d3"; font-family: "ionicons"; position: absolute; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .primary-menu .has-submenu { position: relative; } .primary-menu .has-submenu ul { padding-left: 20px; margin-left: 0; } .primary-menu li { list-style: none; } .primary-menu li a { color: #8d8d8d; text-transform: capitalize; line-height: 36px; padding: 0 10px; display: block; border-bottom: 1px solid #eaeaea; font-size: 13px; z-index: 2; } } /** * -------------------------------------------------------------- * Accordin * -------------------------------------------------------------- */ .accordion_in { position: relative; float: left; width: 100%; z-index: 10; } .accordion_in [class*=" fa-"].acc_head:before { top: 2px; } .accordion_in .acc_head { font-family: 'Poppins', sans-serif; font-weight: 600 !important; position: relative; color: #232323; background: #eee; height: 45px; margin-top: 0; margin-bottom: 15px; line-height: 45px; font-size: 16px; display: block; cursor: pointer; padding-left: 47px; padding-right: 47px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .accordion_in .acc_head:before { position: absolute; left: 18px; top: 12px; } .accordion_in .acc_head .acc_icon_expand:before { display: block; width: 25px; height: 25px; font-size: 12px; position: absolute; right: 10px; background: #ffffff; border-radius: 50%; top: 10px; content: "\f3d3"; font-family: "ionicons"; text-align: center; color: #bdbdbd; line-height: 25px; font-style: normal; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .accordion_in .acc_content { margin-bottom: 15px; padding: 5px 0; padding-left: 30px; } .accordion_in .acc_content span { font-size: 15px; line-height: 24px; position: relative; padding-left: 20px; display: inline-block; } .accordion_in .acc_content span:before { content: ""; position: absolute; left: 0; top: 5px; bottom: 5px; width: 1px; border-left: 1px dashed #e5e5e5; } .accordion_in.acc_active > .acc_content { display: block; } .accordion_in.acc_active > .acc_head { background: #ffffff; color: #232323; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); } .accordion_in.acc_active > .acc_head .acc_icon_expand:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); background: #ffa506; color: #ffffff; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-theme .owl-controls { text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } .slick-arrow.slick-hidden { display: none; } .slick-dots li { list-style: none; } .seo-media-video { position: relative; z-index: 10; } .seo-media-video .play-btn { position: absolute; z-index: 10; left: 50%; top: 50%; display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #ffffff; font-size: 30px; border-radius: 50%; margin-top: -30px; margin-left: -30px; } .seo-media-video .play-btn:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); } .seo-media-video-thumb { overflow: hidden; position: relative; text-align: center; } .video-wrapper { display: none; position: fixed; min-width: 100%; min-height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 21000; } .video-frame { position: absolute; top: 50%; left: 50%; } .video-frame embed { margin: 0; } .video-frame:after { content: "\f406"; position: absolute; right: -15px; top: 0; line-height: 0; font-family: "ionicons"; color: #232323; font-size: 35px; } @media only screen and (max-width: 767px) { .video-frame { width: inherit!important; margin: 0!important; left: 15px; right: 15px; } .video-frame embed { width: 100%!important; } } @font-face { font-family: "Ionicons"; src: url("fonts/ionicons.eot"); src: url("fonts/ionicons.eot") format("embedded-opentype"), url("fonts/ionicons.ttf") format("truetype"), url("fonts/ionicons.woff") format("woff"), url("fonts/ionicons.svg") format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: "\f101"; } .ion-alert-circled:before { content: "\f100"; } .ion-android-add:before { content: "\f2c7"; } .ion-android-add-circle:before { content: "\f359"; } .ion-android-alarm-clock:before { content: "\f35a"; } .ion-android-alert:before { content: "\f35b"; } .ion-android-apps:before { content: "\f35c"; } .ion-android-archive:before { content: "\f2c9"; } .ion-android-arrow-back:before { content: "\f2ca"; } .ion-android-arrow-down:before { content: "\f35d"; } .ion-android-arrow-dropdown:before { content: "\f35f"; } .ion-android-arrow-dropdown-circle:before { content: "\f35e"; } .ion-android-arrow-dropleft:before { content: "\f361"; } .ion-android-arrow-dropleft-circle:before { content: "\f360"; } .ion-android-arrow-dropright:before { content: "\f363"; } .ion-android-arrow-dropright-circle:before { content: "\f362"; } .ion-android-arrow-dropup:before { content: "\f365"; } .ion-android-arrow-dropup-circle:before { content: "\f364"; } .ion-android-arrow-forward:before { content: "\f30f"; } .ion-android-arrow-up:before { content: "\f366"; } .ion-android-attach:before { content: "\f367"; } .ion-android-bar:before { content: "\f368"; } .ion-android-bicycle:before { content: "\f369"; } .ion-android-boat:before { content: "\f36a"; } .ion-android-bookmark:before { content: "\f36b"; } .ion-android-bulb:before { content: "\f36c"; } .ion-android-bus:before { content: "\f36d"; } .ion-android-calendar:before { content: "\f2d1"; } .ion-android-call:before { content: "\f2d2"; } .ion-android-camera:before { content: "\f2d3"; } .ion-android-cancel:before { content: "\f36e"; } .ion-android-car:before { content: "\f36f"; } .ion-android-cart:before { content: "\f370"; } .ion-android-chat:before { content: "\f2d4"; } .ion-android-checkbox:before { content: "\f374"; } .ion-android-checkbox-blank:before { content: "\f371"; } .ion-android-checkbox-outline:before { content: "\f373"; } .ion-android-checkbox-outline-blank:before { content: "\f372"; } .ion-android-checkmark-circle:before { content: "\f375"; } .ion-android-clipboard:before { content: "\f376"; } .ion-android-close:before { content: "\f2d7"; } .ion-android-cloud:before { content: "\f37a"; } .ion-android-cloud-circle:before { content: "\f377"; } .ion-android-cloud-done:before { content: "\f378"; } .ion-android-cloud-outline:before { content: "\f379"; } .ion-android-color-palette:before { content: "\f37b"; } .ion-android-compass:before { content: "\f37c"; } .ion-android-contact:before { content: "\f2d8"; } .ion-android-contacts:before { content: "\f2d9"; } .ion-android-contract:before { content: "\f37d"; } .ion-android-create:before { content: "\f37e"; } .ion-android-delete:before { content: "\f37f"; } .ion-android-desktop:before { content: "\f380"; } .ion-android-document:before { content: "\f381"; } .ion-android-done:before { content: "\f383"; } .ion-android-done-all:before { content: "\f382"; } .ion-android-download:before { content: "\f2dd"; } .ion-android-drafts:before { content: "\f384"; } .ion-android-exit:before { content: "\f385"; } .ion-android-expand:before { content: "\f386"; } .ion-android-favorite:before { content: "\f388"; } .ion-android-favorite-outline:before { content: "\f387"; } .ion-android-film:before { content: "\f389"; } .ion-android-folder:before { content: "\f2e0"; } .ion-android-folder-open:before { content: "\f38a"; } .ion-android-funnel:before { content: "\f38b"; } .ion-android-globe:before { content: "\f38c"; } .ion-android-hand:before { content: "\f2e3"; } .ion-android-hangout:before { content: "\f38d"; } .ion-android-happy:before { content: "\f38e"; } .ion-android-home:before { content: "\f38f"; } .ion-android-image:before { content: "\f2e4"; } .ion-android-laptop:before { content: "\f390"; } .ion-android-list:before { content: "\f391"; } .ion-android-locate:before { content: "\f2e9"; } .ion-android-lock:before { content: "\f392"; } .ion-android-mail:before { content: "\f2eb"; } .ion-android-map:before { content: "\f393"; } .ion-android-menu:before { content: "\f394"; } .ion-android-microphone:before { content: "\f2ec"; } .ion-android-microphone-off:before { content: "\f395"; } .ion-android-more-horizontal:before { content: "\f396"; } .ion-android-more-vertical:before { content: "\f397"; } .ion-android-navigate:before { content: "\f398"; } .ion-android-notifications:before { content: "\f39b"; } .ion-android-notifications-none:before { content: "\f399"; } .ion-android-notifications-off:before { content: "\f39a"; } .ion-android-open:before { content: "\f39c"; } .ion-android-options:before { content: "\f39d"; } .ion-android-people:before { content: "\f39e"; } .ion-android-person:before { content: "\f3a0"; } .ion-android-person-add:before { content: "\f39f"; } .ion-android-phone-landscape:before { content: "\f3a1"; } .ion-android-phone-portrait:before { content: "\f3a2"; } .ion-android-pin:before { content: "\f3a3"; } .ion-android-plane:before { content: "\f3a4"; } .ion-android-playstore:before { content: "\f2f0"; } .ion-android-print:before { content: "\f3a5"; } .ion-android-radio-button-off:before { content: "\f3a6"; } .ion-android-radio-button-on:before { content: "\f3a7"; } .ion-android-refresh:before { content: "\f3a8"; } .ion-android-remove:before { content: "\f2f4"; } .ion-android-remove-circle:before { content: "\f3a9"; } .ion-android-restaurant:before { content: "\f3aa"; } .ion-android-sad:before { content: "\f3ab"; } .ion-android-search:before { content: "\f2f5"; } .ion-android-send:before { content: "\f2f6"; } .ion-android-settings:before { content: "\f2f7"; } .ion-android-share:before { content: "\f2f8"; } .ion-android-share-alt:before { content: "\f3ac"; } .ion-android-star:before { content: "\f2fc"; } .ion-android-star-half:before { content: "\f3ad"; } .ion-android-star-outline:before { content: "\f3ae"; } .ion-android-stopwatch:before { content: "\f2fd"; } .ion-android-subway:before { content: "\f3af"; } .ion-android-sunny:before { content: "\f3b0"; } .ion-android-sync:before { content: "\f3b1"; } .ion-android-textsms:before { content: "\f3b2"; } .ion-android-time:before { content: "\f3b3"; } .ion-android-train:before { content: "\f3b4"; } .ion-android-unlock:before { content: "\f3b5"; } .ion-android-upload:before { content: "\f3b6"; } .ion-android-volume-down:before { content: "\f3b7"; } .ion-android-volume-mute:before { content: "\f3b8"; } .ion-android-volume-off:before { content: "\f3b9"; } .ion-android-volume-up:before { content: "\f3ba"; } .ion-android-walk:before { content: "\f3bb"; } .ion-android-warning:before { content: "\f3bc"; } .ion-android-watch:before { content: "\f3bd"; } .ion-android-wifi:before { content: "\f305"; } .ion-aperture:before { content: "\f313"; } .ion-archive:before { content: "\f102"; } .ion-arrow-down-a:before { content: "\f103"; } .ion-arrow-down-b:before { content: "\f104"; } .ion-arrow-down-c:before { content: "\f105"; } .ion-arrow-expand:before { content: "\f25e"; } .ion-arrow-graph-down-left:before { content: "\f25f"; } .ion-arrow-graph-down-right:before { content: "\f260"; } .ion-arrow-graph-up-left:before { content: "\f261"; } .ion-arrow-graph-up-right:before { content: "\f262"; } .ion-arrow-left-a:before { content: "\f106"; } .ion-arrow-left-b:before { content: "\f107"; } .ion-arrow-left-c:before { content: "\f108"; } .ion-arrow-move:before { content: "\f263"; } .ion-arrow-resize:before { content: "\f264"; } .ion-arrow-return-left:before { content: "\f265"; } .ion-arrow-return-right:before { content: "\f266"; } .ion-arrow-right-a:before { content: "\f109"; } .ion-arrow-right-b:before { content: "\f10a"; } .ion-arrow-right-c:before { content: "\f10b"; } .ion-arrow-shrink:before { content: "\f267"; } .ion-arrow-swap:before { content: "\f268"; } .ion-arrow-up-a:before { content: "\f10c"; } .ion-arrow-up-b:before { content: "\f10d"; } .ion-arrow-up-c:before { content: "\f10e"; } .ion-asterisk:before { content: "\f314"; } .ion-at:before { content: "\f10f"; } .ion-backspace:before { content: "\f3bf"; } .ion-backspace-outline:before { content: "\f3be"; } .ion-bag:before { content: "\f110"; } .ion-battery-charging:before { content: "\f111"; } .ion-battery-empty:before { content: "\f112"; } .ion-battery-full:before { content: "\f113"; } .ion-battery-half:before { content: "\f114"; } .ion-battery-low:before { content: "\f115"; } .ion-beaker:before { content: "\f269"; } .ion-beer:before { content: "\f26a"; } .ion-bluetooth:before { content: "\f116"; } .ion-bonfire:before { content: "\f315"; } .ion-bookmark:before { content: "\f26b"; } .ion-bowtie:before { content: "\f3c0"; } .ion-briefcase:before { content: "\f26c"; } .ion-bug:before { content: "\f2be"; } .ion-calculator:before { content: "\f26d"; } .ion-calendar:before { content: "\f117"; } .ion-camera:before { content: "\f118"; } .ion-card:before { content: "\f119"; } .ion-cash:before { content: "\f316"; } .ion-chatbox:before { content: "\f11b"; } .ion-chatbox-working:before { content: "\f11a"; } .ion-chatboxes:before { content: "\f11c"; } .ion-chatbubble:before { content: "\f11e"; } .ion-chatbubble-working:before { content: "\f11d"; } .ion-chatbubbles:before { content: "\f11f"; } .ion-checkmark:before { content: "\f122"; } .ion-checkmark-circled:before { content: "\f120"; } .ion-checkmark-round:before { content: "\f121"; } .ion-chevron-down:before { content: "\f123"; } .ion-chevron-left:before { content: "\f124"; } .ion-chevron-right:before { content: "\f125"; } .ion-chevron-up:before { content: "\f126"; } .ion-clipboard:before { content: "\f127"; } .ion-clock:before { content: "\f26e"; } .ion-close:before { content: "\f12a"; } .ion-close-circled:before { content: "\f128"; } .ion-close-round:before { content: "\f129"; } .ion-closed-captioning:before { content: "\f317"; } .ion-cloud:before { content: "\f12b"; } .ion-code:before { content: "\f271"; } .ion-code-download:before { content: "\f26f"; } .ion-code-working:before { content: "\f270"; } .ion-coffee:before { content: "\f272"; } .ion-compass:before { content: "\f273"; } .ion-compose:before { content: "\f12c"; } .ion-connection-bars:before { content: "\f274"; } .ion-contrast:before { content: "\f275"; } .ion-crop:before { content: "\f3c1"; } .ion-cube:before { content: "\f318"; } .ion-disc:before { content: "\f12d"; } .ion-document:before { content: "\f12f"; } .ion-document-text:before { content: "\f12e"; } .ion-drag:before { content: "\f130"; } .ion-earth:before { content: "\f276"; } .ion-easel:before { content: "\f3c2"; } .ion-edit:before { content: "\f2bf"; } .ion-egg:before { content: "\f277"; } .ion-eject:before { content: "\f131"; } .ion-email:before { content: "\f132"; } .ion-email-unread:before { content: "\f3c3"; } .ion-erlenmeyer-flask:before { content: "\f3c5"; } .ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; } .ion-eye:before { content: "\f133"; } .ion-eye-disabled:before { content: "\f306"; } .ion-female:before { content: "\f278"; } .ion-filing:before { content: "\f134"; } .ion-film-marker:before { content: "\f135"; } .ion-fireball:before { content: "\f319"; } .ion-flag:before { content: "\f279"; } .ion-flame:before { content: "\f31a"; } .ion-flash:before { content: "\f137"; } .ion-flash-off:before { content: "\f136"; } .ion-folder:before { content: "\f139"; } .ion-fork:before { content: "\f27a"; } .ion-fork-repo:before { content: "\f2c0"; } .ion-forward:before { content: "\f13a"; } .ion-funnel:before { content: "\f31b"; } .ion-gear-a:before { content: "\f13d"; } .ion-gear-b:before { content: "\f13e"; } .ion-grid:before { content: "\f13f"; } .ion-hammer:before { content: "\f27b"; } .ion-happy:before { content: "\f31c"; } .ion-happy-outline:before { content: "\f3c6"; } .ion-headphone:before { content: "\f140"; } .ion-heart:before { content: "\f141"; } .ion-heart-broken:before { content: "\f31d"; } .ion-help:before { content: "\f143"; } .ion-help-buoy:before { content: "\f27c"; } .ion-help-circled:before { content: "\f142"; } .ion-home:before { content: "\f144"; } .ion-icecream:before { content: "\f27d"; } .ion-image:before { content: "\f147"; } .ion-images:before { content: "\f148"; } .ion-information:before { content: "\f14a"; } .ion-information-circled:before { content: "\f149"; } .ion-ionic:before { content: "\f14b"; } .ion-ios-alarm:before { content: "\f3c8"; } .ion-ios-alarm-outline:before { content: "\f3c7"; } .ion-ios-albums:before { content: "\f3ca"; } .ion-ios-albums-outline:before { content: "\f3c9"; } .ion-ios-americanfootball:before { content: "\f3cc"; } .ion-ios-americanfootball-outline:before { content: "\f3cb"; } .ion-ios-analytics:before { content: "\f3ce"; } .ion-ios-analytics-outline:before { content: "\f3cd"; } .ion-ios-arrow-back:before { content: "\f3cf"; } .ion-ios-arrow-down:before { content: "\f3d0"; } .ion-ios-arrow-forward:before { content: "\f3d1"; } .ion-ios-arrow-left:before { content: "\f3d2"; } .ion-ios-arrow-right:before { content: "\f3d3"; } .ion-ios-arrow-thin-down:before { content: "\f3d4"; } .ion-ios-arrow-thin-left:before { content: "\f3d5"; } .ion-ios-arrow-thin-right:before { content: "\f3d6"; } .ion-ios-arrow-thin-up:before { content: "\f3d7"; } .ion-ios-arrow-up:before { content: "\f3d8"; } .ion-ios-at:before { content: "\f3da"; } .ion-ios-at-outline:before { content: "\f3d9"; } .ion-ios-barcode:before { content: "\f3dc"; } .ion-ios-barcode-outline:before { content: "\f3db"; } .ion-ios-baseball:before { content: "\f3de"; } .ion-ios-baseball-outline:before { content: "\f3dd"; } .ion-ios-basketball:before { content: "\f3e0"; } .ion-ios-basketball-outline:before { content: "\f3df"; } .ion-ios-bell:before { content: "\f3e2"; } .ion-ios-bell-outline:before { content: "\f3e1"; } .ion-ios-body:before { content: "\f3e4"; } .ion-ios-body-outline:before { content: "\f3e3"; } .ion-ios-bolt:before { content: "\f3e6"; } .ion-ios-bolt-outline:before { content: "\f3e5"; } .ion-ios-book:before { content: "\f3e8"; } .ion-ios-book-outline:before { content: "\f3e7"; } .ion-ios-bookmarks:before { content: "\f3ea"; } .ion-ios-bookmarks-outline:before { content: "\f3e9"; } .ion-ios-box:before { content: "\f3ec"; } .ion-ios-box-outline:before { content: "\f3eb"; } .ion-ios-briefcase:before { content: "\f3ee"; } .ion-ios-briefcase-outline:before { content: "\f3ed"; } .ion-ios-browsers:before { content: "\f3f0"; } .ion-ios-browsers-outline:before { content: "\f3ef"; } .ion-ios-calculator:before { content: "\f3f2"; } .ion-ios-calculator-outline:before { content: "\f3f1"; } .ion-ios-calendar:before { content: "\f3f4"; } .ion-ios-calendar-outline:before { content: "\f3f3"; } .ion-ios-camera:before { content: "\f3f6"; } .ion-ios-camera-outline:before { content: "\f3f5"; } .ion-ios-cart:before { content: "\f3f8"; } .ion-ios-cart-outline:before { content: "\f3f7"; } .ion-ios-chatboxes:before { content: "\f3fa"; } .ion-ios-chatboxes-outline:before { content: "\f3f9"; } .ion-ios-chatbubble:before { content: "\f3fc"; } .ion-ios-chatbubble-outline:before { content: "\f3fb"; } .ion-ios-checkmark:before { content: "\f3ff"; } .ion-ios-checkmark-empty:before { content: "\f3fd"; } .ion-ios-checkmark-outline:before { content: "\f3fe"; } .ion-ios-circle-filled:before { content: "\f400"; } .ion-ios-circle-outline:before { content: "\f401"; } .ion-ios-clock:before { content: "\f403"; } .ion-ios-clock-outline:before { content: "\f402"; } .ion-ios-close:before { content: "\f406"; } .ion-ios-close-empty:before { content: "\f404"; } .ion-ios-close-outline:before { content: "\f405"; } .ion-ios-cloud:before { content: "\f40c"; } .ion-ios-cloud-download:before { content: "\f408"; } .ion-ios-cloud-download-outline:before { content: "\f407"; } .ion-ios-cloud-outline:before { content: "\f409"; } .ion-ios-cloud-upload:before { content: "\f40b"; } .ion-ios-cloud-upload-outline:before { content: "\f40a"; } .ion-ios-cloudy:before { content: "\f410"; } .ion-ios-cloudy-night:before { content: "\f40e"; } .ion-ios-cloudy-night-outline:before { content: "\f40d"; } .ion-ios-cloudy-outline:before { content: "\f40f"; } .ion-ios-cog:before { content: "\f412"; } .ion-ios-cog-outline:before { content: "\f411"; } .ion-ios-color-filter:before { content: "\f414"; } .ion-ios-color-filter-outline:before { content: "\f413"; } .ion-ios-color-wand:before { content: "\f416"; } .ion-ios-color-wand-outline:before { content: "\f415"; } .ion-ios-compose:before { content: "\f418"; } .ion-ios-compose-outline:before { content: "\f417"; } .ion-ios-contact:before { content: "\f41a"; } .ion-ios-contact-outline:before { content: "\f419"; } .ion-ios-copy:before { content: "\f41c"; } .ion-ios-copy-outline:before { content: "\f41b"; } .ion-ios-crop:before { content: "\f41e"; } .ion-ios-crop-strong:before { content: "\f41d"; } .ion-ios-download:before { content: "\f420"; } .ion-ios-download-outline:before { content: "\f41f"; } .ion-ios-drag:before { content: "\f421"; } .ion-ios-email:before { content: "\f423"; } .ion-ios-email-outline:before { content: "\f422"; } .ion-ios-eye:before { content: "\f425"; } .ion-ios-eye-outline:before { content: "\f424"; } .ion-ios-fastforward:before { content: "\f427"; } .ion-ios-fastforward-outline:before { content: "\f426"; } .ion-ios-filing:before { content: "\f429"; } .ion-ios-filing-outline:before { content: "\f428"; } .ion-ios-film:before { content: "\f42b"; } .ion-ios-film-outline:before { content: "\f42a"; } .ion-ios-flag:before { content: "\f42d"; } .ion-ios-flag-outline:before { content: "\f42c"; } .ion-ios-flame:before { content: "\f42f"; } .ion-ios-flame-outline:before { content: "\f42e"; } .ion-ios-flask:before { content: "\f431"; } .ion-ios-flask-outline:before { content: "\f430"; } .ion-ios-flower:before { content: "\f433"; } .ion-ios-flower-outline:before { content: "\f432"; } .ion-ios-folder:before { content: "\f435"; } .ion-ios-folder-outline:before { content: "\f434"; } .ion-ios-football:before { content: "\f437"; } .ion-ios-football-outline:before { content: "\f436"; } .ion-ios-game-controller-a:before { content: "\f439"; } .ion-ios-game-controller-a-outline:before { content: "\f438"; } .ion-ios-game-controller-b:before { content: "\f43b"; } .ion-ios-game-controller-b-outline:before { content: "\f43a"; } .ion-ios-gear:before { content: "\f43d"; } .ion-ios-gear-outline:before { content: "\f43c"; } .ion-ios-glasses:before { content: "\f43f"; } .ion-ios-glasses-outline:before { content: "\f43e"; } .ion-ios-grid-view:before { content: "\f441"; } .ion-ios-grid-view-outline:before { content: "\f440"; } .ion-ios-heart:before { content: "\f443"; } .ion-ios-heart-outline:before { content: "\f442"; } .ion-ios-help:before { content: "\f446"; } .ion-ios-help-empty:before { content: "\f444"; } .ion-ios-help-outline:before { content: "\f445"; } .ion-ios-home:before { content: "\f448"; } .ion-ios-home-outline:before { content: "\f447"; } .ion-ios-infinite:before { content: "\f44a"; } .ion-ios-infinite-outline:before { content: "\f449"; } .ion-ios-information:before { content: "\f44d"; } .ion-ios-information-empty:before { content: "\f44b"; } .ion-ios-information-outline:before { content: "\f44c"; } .ion-ios-ionic-outline:before { content: "\f44e"; } .ion-ios-keypad:before { content: "\f450"; } .ion-ios-keypad-outline:before { content: "\f44f"; } .ion-ios-lightbulb:before { content: "\f452"; } .ion-ios-lightbulb-outline:before { content: "\f451"; } .ion-ios-list:before { content: "\f454"; } .ion-ios-list-outline:before { content: "\f453"; } .ion-ios-location:before { content: "\f456"; } .ion-ios-location-outline:before { content: "\f455"; } .ion-ios-locked:before { content: "\f458"; } .ion-ios-locked-outline:before { content: "\f457"; } .ion-ios-loop:before { content: "\f45a"; } .ion-ios-loop-strong:before { content: "\f459"; } .ion-ios-medical:before { content: "\f45c"; } .ion-ios-medical-outline:before { content: "\f45b"; } .ion-ios-medkit:before { content: "\f45e"; } .ion-ios-medkit-outline:before { content: "\f45d"; } .ion-ios-mic:before { content: "\f461"; } .ion-ios-mic-off:before { content: "\f45f"; } .ion-ios-mic-outline:before { content: "\f460"; } .ion-ios-minus:before { content: "\f464"; } .ion-ios-minus-empty:before { content: "\f462"; } .ion-ios-minus-outline:before { content: "\f463"; } .ion-ios-monitor:before { content: "\f466"; } .ion-ios-monitor-outline:before { content: "\f465"; } .ion-ios-moon:before { content: "\f468"; } .ion-ios-moon-outline:before { content: "\f467"; } .ion-ios-more:before { content: "\f46a"; } .ion-ios-more-outline:before { content: "\f469"; } .ion-ios-musical-note:before { content: "\f46b"; } .ion-ios-musical-notes:before { content: "\f46c"; } .ion-ios-navigate:before { content: "\f46e"; } .ion-ios-navigate-outline:before { content: "\f46d"; } .ion-ios-nutrition:before { content: "\f470"; } .ion-ios-nutrition-outline:before { content: "\f46f"; } .ion-ios-paper:before { content: "\f472"; } .ion-ios-paper-outline:before { content: "\f471"; } .ion-ios-paperplane:before { content: "\f474"; } .ion-ios-paperplane-outline:before { content: "\f473"; } .ion-ios-partlysunny:before { content: "\f476"; } .ion-ios-partlysunny-outline:before { content: "\f475"; } .ion-ios-pause:before { content: "\f478"; } .ion-ios-pause-outline:before { content: "\f477"; } .ion-ios-paw:before { content: "\f47a"; } .ion-ios-paw-outline:before { content: "\f479"; } .ion-ios-people:before { content: "\f47c"; } .ion-ios-people-outline:before { content: "\f47b"; } .ion-ios-person:before { content: "\f47e"; } .ion-ios-person-outline:before { content: "\f47d"; } .ion-ios-personadd:before { content: "\f480"; } .ion-ios-personadd-outline:before { content: "\f47f"; } .ion-ios-photos:before { content: "\f482"; } .ion-ios-photos-outline:before { content: "\f481"; } .ion-ios-pie:before { content: "\f484"; } .ion-ios-pie-outline:before { content: "\f483"; } .ion-ios-pint:before { content: "\f486"; } .ion-ios-pint-outline:before { content: "\f485"; } .ion-ios-play:before { content: "\f488"; } .ion-ios-play-outline:before { content: "\f487"; } .ion-ios-plus:before { content: "\f48b"; } .ion-ios-plus-empty:before { content: "\f489"; } .ion-ios-plus-outline:before { content: "\f48a"; } .ion-ios-pricetag:before { content: "\f48d"; } .ion-ios-pricetag-outline:before { content: "\f48c"; } .ion-ios-pricetags:before { content: "\f48f"; } .ion-ios-pricetags-outline:before { content: "\f48e"; } .ion-ios-printer:before { content: "\f491"; } .ion-ios-printer-outline:before { content: "\f490"; } .ion-ios-pulse:before { content: "\f493"; } .ion-ios-pulse-strong:before { content: "\f492"; } .ion-ios-rainy:before { content: "\f495"; } .ion-ios-rainy-outline:before { content: "\f494"; } .ion-ios-recording:before { content: "\f497"; } .ion-ios-recording-outline:before { content: "\f496"; } .ion-ios-redo:before { content: "\f499"; } .ion-ios-redo-outline:before { content: "\f498"; } .ion-ios-refresh:before { content: "\f49c"; } .ion-ios-refresh-empty:before { content: "\f49a"; } .ion-ios-refresh-outline:before { content: "\f49b"; } .ion-ios-reload:before { content: "\f49d"; } .ion-ios-reverse-camera:before { content: "\f49f"; } .ion-ios-reverse-camera-outline:before { content: "\f49e"; } .ion-ios-rewind:before { content: "\f4a1"; } .ion-ios-rewind-outline:before { content: "\f4a0"; } .ion-ios-rose:before { content: "\f4a3"; } .ion-ios-rose-outline:before { content: "\f4a2"; } .ion-ios-search:before { content: "\f4a5"; } .ion-ios-search-strong:before { content: "\f4a4"; } .ion-ios-settings:before { content: "\f4a7"; } .ion-ios-settings-strong:before { content: "\f4a6"; } .ion-ios-shuffle:before { content: "\f4a9"; } .ion-ios-shuffle-strong:before { content: "\f4a8"; } .ion-ios-skipbackward:before { content: "\f4ab"; } .ion-ios-skipbackward-outline:before { content: "\f4aa"; } .ion-ios-skipforward:before { content: "\f4ad"; } .ion-ios-skipforward-outline:before { content: "\f4ac"; } .ion-ios-snowy:before { content: "\f4ae"; } .ion-ios-speedometer:before { content: "\f4b0"; } .ion-ios-speedometer-outline:before { content: "\f4af"; } .ion-ios-star:before { content: "\f4b3"; } .ion-ios-star-half:before { content: "\f4b1"; } .ion-ios-star-outline:before { content: "\f4b2"; } .ion-ios-stopwatch:before { content: "\f4b5"; } .ion-ios-stopwatch-outline:before { content: "\f4b4"; } .ion-ios-sunny:before { content: "\f4b7"; } .ion-ios-sunny-outline:before { content: "\f4b6"; } .ion-ios-telephone:before { content: "\f4b9"; } .ion-ios-telephone-outline:before { content: "\f4b8"; } .ion-ios-tennisball:before { content: "\f4bb"; } .ion-ios-tennisball-outline:before { content: "\f4ba"; } .ion-ios-thunderstorm:before { content: "\f4bd"; } .ion-ios-thunderstorm-outline:before { content: "\f4bc"; } .ion-ios-time:before { content: "\f4bf"; } .ion-ios-time-outline:before { content: "\f4be"; } .ion-ios-timer:before { content: "\f4c1"; } .ion-ios-timer-outline:before { content: "\f4c0"; } .ion-ios-toggle:before { content: "\f4c3"; } .ion-ios-toggle-outline:before { content: "\f4c2"; } .ion-ios-trash:before { content: "\f4c5"; } .ion-ios-trash-outline:before { content: "\f4c4"; } .ion-ios-undo:before { content: "\f4c7"; } .ion-ios-undo-outline:before { content: "\f4c6"; } .ion-ios-unlocked:before { content: "\f4c9"; } .ion-ios-unlocked-outline:before { content: "\f4c8"; } .ion-ios-upload:before { content: "\f4cb"; } .ion-ios-upload-outline:before { content: "\f4ca"; } .ion-ios-videocam:before { content: "\f4cd"; } .ion-ios-videocam-outline:before { content: "\f4cc"; } .ion-ios-volume-high:before { content: "\f4ce"; } .ion-ios-volume-low:before { content: "\f4cf"; } .ion-ios-wineglass:before { content: "\f4d1"; } .ion-ios-wineglass-outline:before { content: "\f4d0"; } .ion-ios-world:before { content: "\f4d3"; } .ion-ios-world-outline:before { content: "\f4d2"; } .ion-ipad:before { content: "\f1f9"; } .ion-iphone:before { content: "\f1fa"; } .ion-ipod:before { content: "\f1fb"; } .ion-jet:before { content: "\f295"; } .ion-key:before { content: "\f296"; } .ion-knife:before { content: "\f297"; } .ion-laptop:before { content: "\f1fc"; } .ion-leaf:before { content: "\f1fd"; } .ion-levels:before { content: "\f298"; } .ion-lightbulb:before { content: "\f299"; } .ion-link:before { content: "\f1fe"; } .ion-load-a:before { content: "\f29a"; } .ion-load-b:before { content: "\f29b"; } .ion-load-c:before { content: "\f29c"; } .ion-load-d:before { content: "\f29d"; } .ion-location:before { content: "\f1ff"; } .ion-lock-combination:before { content: "\f4d4"; } .ion-locked:before { content: "\f200"; } .ion-log-in:before { content: "\f29e"; } .ion-log-out:before { content: "\f29f"; } .ion-loop:before { content: "\f201"; } .ion-magnet:before { content: "\f2a0"; } .ion-male:before { content: "\f2a1"; } .ion-man:before { content: "\f202"; } .ion-map:before { content: "\f203"; } .ion-medkit:before { content: "\f2a2"; } .ion-merge:before { content: "\f33f"; } .ion-mic-a:before { content: "\f204"; } .ion-mic-b:before { content: "\f205"; } .ion-mic-c:before { content: "\f206"; } .ion-minus:before { content: "\f209"; } .ion-minus-circled:before { content: "\f207"; } .ion-minus-round:before { content: "\f208"; } .ion-model-s:before { content: "\f2c1"; } .ion-monitor:before { content: "\f20a"; } .ion-more:before { content: "\f20b"; } .ion-mouse:before { content: "\f340"; } .ion-music-note:before { content: "\f20c"; } .ion-navicon:before { content: "\f20e"; } .ion-navicon-round:before { content: "\f20d"; } .ion-navigate:before { content: "\f2a3"; } .ion-network:before { content: "\f341"; } .ion-no-smoking:before { content: "\f2c2"; } .ion-nuclear:before { content: "\f2a4"; } .ion-outlet:before { content: "\f342"; } .ion-paintbrush:before { content: "\f4d5"; } .ion-paintbucket:before { content: "\f4d6"; } .ion-paper-airplane:before { content: "\f2c3"; } .ion-paperclip:before { content: "\f20f"; } .ion-pause:before { content: "\f210"; } .ion-person:before { content: "\f213"; } .ion-person-add:before { content: "\f211"; } .ion-person-stalker:before { content: "\f212"; } .ion-pie-graph:before { content: "\f2a5"; } .ion-pin:before { content: "\f2a6"; } .ion-pinpoint:before { content: "\f2a7"; } .ion-pizza:before { content: "\f2a8"; } .ion-plane:before { content: "\f214"; } .ion-planet:before { content: "\f343"; } .ion-play:before { content: "\f215"; } .ion-playstation:before { content: "\f30a"; } .ion-plus:before { content: "\f218"; } .ion-plus-circled:before { content: "\f216"; } .ion-plus-round:before { content: "\f217"; } .ion-podium:before { content: "\f344"; } .ion-pound:before { content: "\f219"; } .ion-power:before { content: "\f2a9"; } .ion-pricetag:before { content: "\f2aa"; } .ion-pricetags:before { content: "\f2ab"; } .ion-printer:before { content: "\f21a"; } .ion-pull-request:before { content: "\f345"; } .ion-qr-scanner:before { content: "\f346"; } .ion-quote:before { content: "\f347"; } .ion-radio-waves:before { content: "\f2ac"; } .ion-record:before { content: "\f21b"; } .ion-refresh:before { content: "\f21c"; } .ion-reply:before { content: "\f21e"; } .ion-reply-all:before { content: "\f21d"; } .ion-ribbon-a:before { content: "\f348"; } .ion-ribbon-b:before { content: "\f349"; } .ion-sad:before { content: "\f34a"; } .ion-sad-outline:before { content: "\f4d7"; } .ion-scissors:before { content: "\f34b"; } .ion-search:before { content: "\f21f"; } .ion-settings:before { content: "\f2ad"; } .ion-share:before { content: "\f220"; } .ion-shuffle:before { content: "\f221"; } .ion-skip-backward:before { content: "\f222"; } .ion-skip-forward:before { content: "\f223"; } .ion-social-android:before { content: "\f225"; } .ion-social-android-outline:before { content: "\f224"; } .ion-social-angular:before { content: "\f4d9"; } .ion-social-angular-outline:before { content: "\f4d8"; } .ion-social-apple:before { content: "\f227"; } .ion-social-apple-outline:before { content: "\f226"; } .ion-social-bitcoin:before { content: "\f2af"; } .ion-social-bitcoin-outline:before { content: "\f2ae"; } .ion-social-buffer:before { content: "\f229"; } .ion-social-buffer-outline:before { content: "\f228"; } .ion-social-chrome:before { content: "\f4db"; } .ion-social-chrome-outline:before { content: "\f4da"; } .ion-social-codepen:before { content: "\f4dd"; } .ion-social-codepen-outline:before { content: "\f4dc"; } .ion-social-css3:before { content: "\f4df"; } .ion-social-css3-outline:before { content: "\f4de"; } .ion-social-designernews:before { content: "\f22b"; } .ion-social-designernews-outline:before { content: "\f22a"; } .ion-social-dribbble:before { content: "\f22d"; } .ion-social-dribbble-outline:before { content: "\f22c"; } .ion-social-dropbox:before { content: "\f22f"; } .ion-social-dropbox-outline:before { content: "\f22e"; } .ion-social-euro:before { content: "\f4e1"; } .ion-social-euro-outline:before { content: "\f4e0"; } .ion-social-facebook:before { content: "\f231"; } .ion-social-facebook-outline:before { content: "\f230"; } .ion-social-foursquare:before { content: "\f34d"; } .ion-social-foursquare-outline:before { content: "\f34c"; } .ion-social-freebsd-devil:before { content: "\f2c4"; } .ion-social-github:before { content: "\f233"; } .ion-social-github-outline:before { content: "\f232"; } .ion-social-google:before { content: "\f34f"; } .ion-social-google-outline:before { content: "\f34e"; } .ion-social-googleplus:before { content: "\f235"; } .ion-social-googleplus-outline:before { content: "\f234"; } .ion-social-hackernews:before { content: "\f237"; } .ion-social-hackernews-outline:before { content: "\f236"; } .ion-social-html5:before { content: "\f4e3"; } .ion-social-html5-outline:before { content: "\f4e2"; } .ion-social-instagram:before { content: "\f351"; } .ion-social-instagram-outline:before { content: "\f350"; } .ion-social-javascript:before { content: "\f4e5"; } .ion-social-javascript-outline:before { content: "\f4e4"; } .ion-social-linkedin:before { content: "\f239"; } .ion-social-linkedin-outline:before { content: "\f238"; } .ion-social-markdown:before { content: "\f4e6"; } .ion-social-nodejs:before { content: "\f4e7"; } .ion-social-octocat:before { content: "\f4e8"; } .ion-social-pinterest:before { content: "\f2b1"; } .ion-social-pinterest-outline:before { content: "\f2b0"; } .ion-social-python:before { content: "\f4e9"; } .ion-social-reddit:before { content: "\f23b"; } .ion-social-reddit-outline:before { content: "\f23a"; } .ion-social-rss:before { content: "\f23d"; } .ion-social-rss-outline:before { content: "\f23c"; } .ion-social-sass:before { content: "\f4ea"; } .ion-social-skype:before { content: "\f23f"; } .ion-social-skype-outline:before { content: "\f23e"; } .ion-social-snapchat:before { content: "\f4ec"; } .ion-social-snapchat-outline:before { content: "\f4eb"; } .ion-social-tumblr:before { content: "\f241"; } .ion-social-tumblr-outline:before { content: "\f240"; } .ion-social-tux:before { content: "\f2c5"; } .ion-social-twitch:before { content: "\f4ee"; } .ion-social-twitch-outline:before { content: "\f4ed"; } .ion-social-twitter:before { content: "\f243"; } .ion-social-twitter-outline:before { content: "\f242"; } .ion-social-usd:before { content: "\f353"; } .ion-social-usd-outline:before { content: "\f352"; } .ion-social-vimeo:before { content: "\f245"; } .ion-social-vimeo-outline:before { content: "\f244"; } .ion-social-whatsapp:before { content: "\f4f0"; } .ion-social-whatsapp-outline:before { content: "\f4ef"; } .ion-social-windows:before { content: "\f247"; } .ion-social-windows-outline:before { content: "\f246"; } .ion-social-wordpress:before { content: "\f249"; } .ion-social-wordpress-outline:before { content: "\f248"; } .ion-social-yahoo:before { content: "\f24b"; } .ion-social-yahoo-outline:before { content: "\f24a"; } .ion-social-yen:before { content: "\f4f2"; } .ion-social-yen-outline:before { content: "\f4f1"; } .ion-social-youtube:before { content: "\f24d"; } .ion-social-youtube-outline:before { content: "\f24c"; } .ion-soup-can:before { content: "\f4f4"; } .ion-soup-can-outline:before { content: "\f4f3"; } .ion-speakerphone:before { content: "\f2b2"; } .ion-speedometer:before { content: "\f2b3"; } .ion-spoon:before { content: "\f2b4"; } .ion-star:before { content: "\f24e"; } .ion-stats-bars:before { content: "\f2b5"; } .ion-steam:before { content: "\f30b"; } .ion-stop:before { content: "\f24f"; } .ion-thermometer:before { content: "\f2b6"; } .ion-thumbsdown:before { content: "\f250"; } .ion-thumbsup:before { content: "\f251"; } .ion-toggle:before { content: "\f355"; } .ion-toggle-filled:before { content: "\f354"; } .ion-transgender:before { content: "\f4f5"; } .ion-trash-a:before { content: "\f252"; } .ion-trash-b:before { content: "\f253"; } .ion-trophy:before { content: "\f356"; } .ion-tshirt:before { content: "\f4f7"; } .ion-tshirt-outline:before { content: "\f4f6"; } .ion-umbrella:before { content: "\f2b7"; } .ion-university:before { content: "\f357"; } .ion-unlocked:before { content: "\f254"; } .ion-upload:before { content: "\f255"; } .ion-usb:before { content: "\f2b8"; } .ion-videocamera:before { content: "\f256"; } .ion-volume-high:before { content: "\f257"; } .ion-volume-low:before { content: "\f258"; } .ion-volume-medium:before { content: "\f259"; } .ion-volume-mute:before { content: "\f25a"; } .ion-wand:before { content: "\f358"; } .ion-waterdrop:before { content: "\f25b"; } .ion-wifi:before { content: "\f25c"; } .ion-wineglass:before { content: "\f2b9"; } .ion-woman:before { content: "\f25d"; } .ion-wrench:before { content: "\f2ba"; } .ion-xbox:before { content: "\f30c"; } @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2') format('woff2'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .fa { font-style: inherit; display: inline-block; font-family: FontAwesome!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse { 0%, 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } } @keyframes wobble { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } .flipInY, .flipOutX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } } .flipInY { backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0) skewX(-15deg); -ms-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) 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 { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-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: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-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; } .seo-tabs { float: left; width: 100%; } .seotab-nav { float: left; width: 100%; } .seotab-nav li { list-style: none; } .seotab-nav .icon { font-size: 20px; margin-right: 10px; } .seotab-nav a { text-transform: uppercase; font-size: 16px; font-family: 'Poppins', sans-serif; padding: 10px; display: inline-block; font-weight: 700; } .seotab-wrap { float: left; width: 100%; padding: 20px 0; } .seotab-content { display: none; } .seotab-content p { color: #686868; font-size: 15px; line-height: 26px; } .seotab-wrap .seotab-content:first-of-type { display: block; } .seotabs-v1 .seotab-nav, .seotabs-v2 .seotab-nav { border-bottom: 1px solid #e9e9e9; } .seotabs-v1 .seotab-nav li, .seotabs-v2 .seotab-nav li { display: inline-block; } .seotabs-v1 .seotab-nav li:first-of-type a, .seotabs-v2 .seotab-nav li:first-of-type a { padding-left: 0; } .seotabs-v1 .seotab-nav a, .seotabs-v2 .seotab-nav a { color: #aaaaaa; padding: 10px 20px; position: relative; bottom: -1px; z-index: 2; border-bottom: 2px solid rgba(0, 0, 0, 0); } .seotabs-v1 .seotab-nav a:hover, .seotabs-v2 .seotab-nav a:hover { color: #333; } .seotabs-v1 .seotab-nav a.current-tabs, .seotabs-v2 .seotab-nav a.current-tabs { color: #333; border-color: #333; } .seotabs-v3 .v3-wrap { float: left; width: 100%; text-align: center; position: relative; } .seotabs-v3 .v3-wrap:before { content: ''; position: absolute; left: 0; top: 22px; width: 100%; height: 1px; background: #e9e9e9; } .seotabs-v3 .seotab-nav { position: relative; z-index: 2; border: 1px solid #e9e9e9; float: none; width: inherit; margin: 0 auto; display: inline; padding: 15px 30px; border-radius: 50px; background: #f9f9f9; } .seotabs-v3 .seotab-nav li { display: inline-block; padding: 0 20px; position: relative; } .seotabs-v3 .seotab-nav li:first-of-type:before { content: none; } .seotabs-v3 .seotab-nav li:before { content: ''; background: #e4e4e4; width: 1px; height: 30px; font-size: 20px; position: absolute; left: 0; top: 50%; -webkit-transform: rotate(15deg) translateY(-50%); -ms-transform: rotate(15deg) translateY(-50%); -moz-transform: rotate(15deg) translateY(-50%); transform: rotate(15deg) translateY(-50%); } .seotabs-v3 .seotab-nav a { color: #999; } .seotabs-v3 .seotab-nav a:hover { color: #333; } .seotabs-v3 .seotab-nav a.current-tabs { color: #232323; } .seotabs-v4 .seotab-nav { text-align: center; } .seotabs-v4 .seotab-nav li { display: inline-block; margin: 0 3px; } .seotabs-v4 .seotab-nav a { border: 1px solid #e9e9e9; padding: 12px 25px; color: #686868; text-transform: inherit; } .seotabs-v4 .seotab-nav a:hover { border-color: #27ae61; color: #27ae61; } .seotabs-v4 .seotab-nav a.current-tabs { color: #ffffff !important; border-color: #27ae61; background: #27ae61; } .seotabs-v4 .seotab-content { text-align: center; } .seotabs-v5 .seotab-nav li, .seotabs-v6 .seotab-nav li { float: left; } .seotabs-v5 .seotab-nav li:first-of-type a, .seotabs-v6 .seotab-nav li:first-of-type a { border-left: 1px solid #eeeeee; } .seotabs-v5 .seotab-nav a, .seotabs-v6 .seotab-nav a { border: 1px solid #eeeeee; padding: 12px 25px; color: #232323; border-bottom: 0; border-left: 0; } .seotabs-v5 .seotab-nav a:hover, .seotabs-v6 .seotab-nav a:hover { background: #eeeeee; } .seotabs-v5 .seotab-nav a.current-tabs, .seotabs-v6 .seotab-nav a.current-tabs { background: #eeeeee; } .seotabs-v5 .seotab-wrap, .seotabs-v6 .seotab-wrap { border: 1px solid #eeeeee; padding: 20px; } .seotabs-v7 .seotab-nav, .seotabs-v8 .seotab-nav { max-width: 270px; border: 1px solid #eeeeee; margin-right: 30px; } .seotabs-v7 .seotab-nav li, .seotabs-v8 .seotab-nav li { float: left; width: 100%; } .seotabs-v7 .seotab-nav li:last-of-type a, .seotabs-v8 .seotab-nav li:last-of-type a { border-bottom: 0; } .seotabs-v7 .seotab-nav a, .seotabs-v8 .seotab-nav a { width: 100%; border-bottom: 1px solid #eeeeee; padding: 12px 25px; color: #232323; position: relative; } .seotabs-v7 .seotab-nav a:hover, .seotabs-v8 .seotab-nav a:hover { background: #eeeeee; } .seotabs-v7 .seotab-nav a.current-tabs, .seotabs-v8 .seotab-nav a.current-tabs { background: #eeeeee; } .seotabs-v7 .seotab-nav a.current-tabs:before, .seotabs-v8 .seotab-nav a.current-tabs:before { width: 0; content: ''; position: absolute; right: -10px; top: 50%; margin-top: -5.5px; height: 0; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 11px solid #eeeeee; } .seotabs-v7 .seotab-wrap, .seotabs-v8 .seotab-wrap { max-width: 870px; border: 1px solid #eeeeee; padding: 20px; } .seotabs-v9 .seotab-nav { text-align: center; margin-bottom: 30px; } .seotabs-v9 .seotab-nav li { display: inline-block; } .seotabs-v9 .seotab-nav a { width: 100px; height: 100px; display: inline-block; border-radius: 50%; border: 1px solid #d3d3d3; margin: 0 22px; position: relative; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seotabs-v9 .seotab-nav a img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); } .seotabs-v9 .seotab-nav a.current-tabs { background: #ffa506; } .seotabs-v9 .seotab-nav a.current-tabs:before { left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .seotabs-v9 .seotab-nav a.current-tabs:after { left: -5px; top: -5px; width: 108px; height: 108px; z-index: 2; border-color: #ffa506; } .seotabs-v9 .seotab-nav a:before { content: ""; left: 50%; top: 50%; width: 0; height: 0; position: absolute; border-radius: 50%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seotabs-v9 .seotab-nav a:after { content: ""; border: 1px solid transparent; left: 0; top: 0; width: 100%; height: 100%; position: absolute; border-radius: 50%; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seotabs-v9 .seotab-nav a:hover { border-color: rgba(0, 0, 0, 0); -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .seotabs-v9 .seotab-nav a:hover:after { left: -5px; top: -5px; width: 108px; height: 108px; z-index: 2; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; border-color: #ffa506; } .seotabs-v9 .seotab-nav img { position: relative; z-index: 4; } .fw-pricing .fw-package-wrap:first-of-type .fw-package .fw-default-row { border-left: 1px solid #eee; } .fw-pricing .fw-package-wrap:first-of-type .fw-package .fw-default-row:first-of-type, .fw-pricing .fw-package-wrap:first-of-type .fw-package .fw-default-row:nth-child(2), .fw-pricing .fw-package-wrap:first-of-type .fw-package .fw-default-row:last-of-type { border: 0; } .fw-pricing .fw-package-wrap:first-of-type .fw-package .fw-default-row:nth-last-of-type(2) { border-bottom: 1px solid #eee; } .fw-pricing .fw-package-wrap:nth-child(2) .fw-package .fw-image-row { border-left: 1px solid #eee; } .fw-package-wrap { padding: 0 !important; } .desc-col .fw-default-row { text-align: left; padding: 10px; font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 15px; position: relative; } .desc-col .fw-package .fw-default-row:nth-child(2) { height: 160px; } .fw-heading-row { background: #f1f1f1; height: 60px; } .heading-text { text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #999999; line-height: 60px; } .fw-default-row span { position: absolute; top: 50%; line-height: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .fw-switch-row { height: 60px; } .fw-switch-row span { line-height: 60px; } .fw-switch-row i { font-size: 20px; } .fw-switch-row .fa-check-circle { color: #27ae61; } .fw-switch-row .fa-times-circle { color: #999999; } .fw-button-row .box-button span { width: 100%; } .fw-button-row .box-button .ht-btn { font-size: 14px; width: 100%; background: #aaaaaa; float: left; } .fw-button-row .box-button .ht-btn:hover { position: relative; z-index: 2; display: inline-block; text-transform: uppercase; font-weight: 700; padding: 22px 43px; color: #ffffff; background: #27ae61; border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0); line-height: 1; } .highlight-col .fw-heading-row { background: #32bd6e; border-bottom-color: rgba(0, 0, 0, 0); } .highlight-col .fw-heading-row span { color: #ffffff; } .highlight-col .fw-image-row { background: #27ae61; } .highlight-col .fw-pricing-row { border-color: #1d8e4e; } .highlight-col .fw-pricing-row .pricing-table-price { background: #1d8e4e; } .highlight-col .box-button .ht-btn { background: #27ae61; } .fw-pricing-row { height: 60px; text-align: center; border-bottom: 0; border-left: 0; } .fw-default-row, .fw-heading-row, .fw-switch-row { min-height: 60px; text-align: center; border: 1px solid #f2f2f2; border-bottom: 0; border-left: 0; } .fw-button-row { min-height: 60px; text-align: center; border-bottom: 0; border-left: 0; } .fw-image-row { position: relative; overflow: hidden; text-align: center; height: 160px; line-height: 160px; border: 1px solid #f2f2f2; border-bottom: 0; border-left: 0; border-top: 0; } .seo-lists { float: left; width: 100%; } .seo-lists li { width: 100%; list-style: none; } .seo-lists li:hover { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seo-lists-1 li { position: relative; padding: 10px 0 10px 50px; background: #f9f9f9; font-size: 15px; color: #232323; margin-bottom: 10px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seo-lists-1 li:before { content: "\f3ff"; font-family: "ionicons"; font-size: 24px; position: absolute; left: 20px; top: 13px; line-height: 1; color: #ffa506; } .seo-lists-2 li { position: relative; height: 50px; line-height: 50px; background: #f9f9f9; font-size: 15px; color: #232323; margin-bottom: 10px; padding-left: 49px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seo-lists-2 li:before { font-family: "ionicons"; font-size: 24px; position: absolute; left: 20px; top: 13px; line-height: 1; color: #ffa506; } .seo-lists-3 { counter-reset: seo-counter; } .seo-lists-3 li { position: relative; height: 50px; line-height: 50px; background: #f9f9f9; font-size: 15px; color: #232323; margin-bottom: 10px; padding-left: 49px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seo-lists-3 li:before { content: counter(seo-counter, decimal-leading-zero) "."; counter-increment: seo-counter; font-size: 20px; font-family: 'Poppins', sans-serif; position: absolute; left: 15px; font-weight: 700; top: 13px; line-height: 1.3; color: #ffa506; } .seo-lists-4 li { position: relative; height: 50px; line-height: 50px; font-size: 15px; color: #232323; margin-bottom: 10px; padding-left: 49px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seo-lists-4 li:before { font-size: 20px; font-family: "ionicons"; position: absolute; left: 15px; font-weight: 700; top: 13px; line-height: 1.3; color: #686868; } .plyr .plyr__video-embed iframe, .plyr__tooltip { pointer-events: none; } @keyframes plyr-progress { to { background-position: 25px 0; } } .plyr { position: relative; width: 100%; direction: ltr; float: left; } .plyr iframe { margin: 0; } .plyr a, .plyr button, .plyr input, .plyr label { -ms-touch-action: manipulation; touch-action: manipulation; } .plyr audio, .plyr video { width: 100%; height: auto; vertical-align: middle; border-radius: inherit; } .plyr input[type=range] { display: block; height: 20px; width: 100%; margin: 0; padding: 0; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; border: none; background: 0 0; } .plyr input[type=range]::-webkit-slider-runnable-track { height: 8px; background: 0 0; border: 0; border-radius: 4px; -webkit-user-select: none; user-select: none; } .plyr input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; margin-top: -4px; position: relative; height: 16px; width: 16px; background: #fff; border: 2px solid transparent; border-radius: 100%; transition: background .2s ease, border .2s ease, transform .2s ease; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); box-sizing: border-box; } .plyr input[type=range]::-moz-range-track { height: 8px; background: 0 0; border: 0; border-radius: 4px; -moz-user-select: none; user-select: none; } .plyr input[type=range]::-moz-range-thumb { position: relative; height: 16px; width: 16px; background: #fff; border: 2px solid transparent; border-radius: 100%; transition: background .2s ease, border .2s ease, transform .2s ease; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); box-sizing: border-box; } .plyr input[type=range]::-ms-track { height: 8px; background: 0 0; border: 0; color: transparent; } .plyr input[type=range]::-ms-fill-upper { height: 8px; background: 0 0; border: 0; border-radius: 4px; -ms-user-select: none; user-select: none; } .plyr input[type=range]::-ms-fill-lower { height: 8px; border: 0; border-radius: 4px; -ms-user-select: none; user-select: none; background: #3498db; } .plyr input[type=range]::-ms-thumb { position: relative; height: 16px; width: 16px; background: #fff; border: 2px solid transparent; border-radius: 100%; transition: background .2s ease, border .2s ease, transform .2s ease; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15); box-sizing: border-box; margin-top: 0; } .plyr input[type=range]::-ms-tooltip { display: none; } .plyr input[type=range]::-moz-focus-outer { border: 0; } .plyr input[type=range].tab-focus:focus { outline-offset: 3px; } .plyr input[type=range]:active::-webkit-slider-thumb { background: #3498db; border-color: #fff; transform: scale(1.25); } .plyr input[type=range]:active::-moz-range-thumb { background: #3498db; border-color: #fff; transform: scale(1.25); } .plyr input[type=range]:active::-ms-thumb { background: #3498db; border-color: #fff; transform: scale(1.25); } .plyr--video input[type=range].tab-focus:focus { outline: rgba(255, 255, 255, 0.5) dotted 1px; } .plyr--audio input[type=range].tab-focus:focus { outline: rgba(86, 93, 100, 0.5) dotted 1px; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute!important; padding: 0!important; border: 0!important; height: 1px!important; width: 1px !important; } .plyr__video-wrapper { position: relative; background: #000; border-radius: inherit; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .plyr__video-embed { padding-bottom: 56.25%; height: 0; overflow: hidden; } .plyr__video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .plyr__video-embed > div { position: relative; padding-bottom: 200%; transform: translateY(-35.95%); } .plyr video::-webkit-media-text-track-container { display: none; } .plyr__captions { display: none; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; transform: translateY(-40px); transition: transform .3s ease; color: #fff; font-size: 16px; text-align: center; font-weight: 400; } .plyr__captions span { border-radius: 2px; padding: 3px 10px; background: rgba(0, 0, 0, 0.7); -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 150%; } .plyr__captions span:empty { display: none; } @media (min-width: 768px) { .plyr__captions { font-size: 24px; } } .plyr--captions-active .plyr__captions { display: block; } .plyr--fullscreen-active .plyr__captions { font-size: 32px; } .plyr--hide-controls .plyr__captions { transform: translateY(-15px); } .plyr::-webkit-media-controls { display: none; } .plyr__controls { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1; text-align: center; } .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button { margin-left: 5px; } .plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__time:first-child, .plyr__controls > button:first-child { margin-left: 0; } .plyr__controls .plyr__volume { margin-left: 5px; } .plyr__controls [data-plyr=pause] { margin-left: 0; } .plyr__controls button { position: relative; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; overflow: visible; vertical-align: middle; padding: 7px; border: 0; background: 0 0; border-radius: 3px; cursor: pointer; transition: background .3s ease, color .3s ease, opacity .3s ease; color: inherit; } .plyr__controls button svg { width: 18px; height: 18px; display: block; fill: currentColor; } .plyr__controls button:focus { outline: 0; } .plyr__controls .icon--captions-on, .plyr__controls .icon--exit-fullscreen, .plyr__controls .icon--muted { display: none; } @media (min-width: 480px) { .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button { margin-left: 10px; } } .plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; } .plyr--video .plyr__controls { position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 10px 10px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; color: #fff; transition: opacity 0.3s ease; } .plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover { background: #3498db; color: #fff; } .plyr--audio .plyr__controls { padding: 10px; border-radius: inherit; background: #fff; border: 1px solid #dbe3e8; color: #565D64; } .plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large { background: rgba(0, 0, 0, 0); color: #fff; } .plyr__play-large { cursor: pointer; display: none; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; border: 1px solid currentColor; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; } .plyr__play-large svg { position: relative; left: 2px; width: 20px; height: 20px; display: block; fill: currentColor; } .plyr__play-large:focus { outline: rgba(255, 255, 255, 0.5) dotted 1px; } .plyr .plyr__play-large { display: inline-block; outline: none; } .plyr--audio .plyr__play-large, .plyr--playing .plyr__controls [data-plyr=play], .plyr__controls [data-plyr=pause] { display: none; } .plyr--playing .plyr__play-large { opacity: 0; visibility: hidden; } .plyr--playing .plyr__controls [data-plyr=pause] { display: inline-block; } .plyr--captions-active .plyr__controls .icon--captions-on, .plyr--fullscreen-active .icon--exit-fullscreen, .plyr--muted .plyr__controls .icon--muted { display: block; } .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr--captions-active .plyr__controls .icon--captions-on + svg, .plyr--fullscreen-active .icon--exit-fullscreen + svg, .plyr--muted .plyr__controls .icon--muted + svg { display: none; } .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen] { display: inline-block; } .plyr__tooltip { position: absolute; z-index: 2; bottom: 100%; margin-bottom: 10px; padding: 5px 7.5px; opacity: 0; background: rgba(0, 0, 0, 0.7); border-radius: 3px; color: #fff; font-size: 14px; line-height: 1.3; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; } .plyr__tooltip::before { content: ''; position: absolute; width: 0; height: 0; left: 50%; transform: translateX(-50%); bottom: -4px; border-right: 4px solid transparent; border-top: 4px solid rgba(0, 0, 0, 0.7); border-left: 4px solid transparent; z-index: 2; } .plyr button.tab-focus:focus .plyr__tooltip, .plyr button:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1); } .plyr button:hover .plyr__tooltip { z-index: 3; } .plyr__controls button:first-child .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls button:first-child .plyr__tooltip::before { left: 16px; } .plyr__controls button:last-child .plyr__tooltip { right: 0; transform: translate(0, 10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls button:last-child .plyr__tooltip::before { left: auto; right: 16px; transform: translateX(50%); } .plyr__controls button:first-child .plyr__tooltip--visible, .plyr__controls button:first-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:first-child:hover .plyr__tooltip, .plyr__controls button:last-child .plyr__tooltip--visible, .plyr__controls button:last-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:last-child:hover .plyr__tooltip { transform: translate(0, 0) scale(1); } .plyr__progress { position: relative; display: none; -ms-flex: 1; flex: 1; } .plyr__progress input[type=range] { position: relative; z-index: 2; } .plyr__progress input[type=range]::-webkit-slider-runnable-track { background: 0 0; } .plyr__progress input[type=range]::-moz-range-track { background: 0 0; } .plyr__progress input[type=range]::-ms-fill-upper { background: 0 0; } .plyr__progress .plyr__tooltip { left: 0; } .plyr .plyr__progress { display: inline-block; } .plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display { position: absolute; left: 0; top: 50%; width: 100%; height: 8px; margin: -4px 0 0; padding: 0; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 100px; } .plyr__progress--buffer::-webkit-progress-bar, .plyr__progress--played::-webkit-progress-bar, .plyr__volume--display::-webkit-progress-bar { background: 0 0; } .plyr__progress--buffer::-webkit-progress-value, .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 8px; } .plyr__progress--buffer::-moz-progress-bar, .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 8px; } .plyr__progress--buffer::-ms-fill, .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill { border-radius: 100px; } .plyr__progress--played, .plyr__volume--display { z-index: 1; color: #3498db; background: 0 0; transition: none; } .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value { min-width: 8px; max-width: 99%; border-top-right-radius: 0; border-bottom-right-radius: 0; transition: none; } .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar { min-width: 8px; max-width: 99%; border-top-right-radius: 0; border-bottom-right-radius: 0; transition: none; } .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill { display: none; } .plyr__progress--buffer::-webkit-progress-value { transition: width 0.2s ease; } .plyr__progress--buffer::-moz-progress-bar { transition: width 0.2s ease; } .plyr__progress--buffer::-ms-fill { transition: width 0.2s ease; } .plyr--video .plyr__progress--buffer, .plyr--video .plyr__volume--display { background: rgba(255, 255, 255, 0.25); } .plyr--video .plyr__progress--buffer { color: rgba(255, 255, 255, 0.25); } .plyr--audio .plyr__progress--buffer, .plyr--audio .plyr__volume--display { background: rgba(198, 214, 219, 0.66); } .plyr--audio .plyr__progress--buffer { color: rgba(198, 214, 219, 0.66); } .plyr--loading .plyr__progress--buffer { animation: plyr-progress 1s linear infinite; background-size: 25px 25px; background-repeat: repeat-x; background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent); color: transparent; } .plyr--video.plyr--loading .plyr__progress--buffer { background-color: rgba(255, 255, 255, 0.25); } .plyr--audio.plyr--loading .plyr__progress--buffer { background-color: rgba(198, 214, 219, 0.66); } .plyr__time { display: inline-block; vertical-align: middle; font-size: 14px; } .plyr__time + .plyr__time { display: none; } @media (min-width: 768px) { .plyr__time + .plyr__time { display: inline-block; } } .plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; } .plyr__volume { display: none; } .plyr .plyr__volume { -ms-flex: 1; flex: 1; position: relative; } .plyr .plyr__volume input[type=range] { position: relative; z-index: 2; } @media (min-width: 480px) { .plyr .plyr__volume { display: block; max-width: 60px; } } @media (min-width: 768px) { .plyr .plyr__volume { max-width: 100px; } } .plyr--is-ios .plyr__volume, .plyr--is-ios [data-plyr=mute] { display: none !important; } .plyr--fullscreen-active { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 10000000; background: #000; border-radius: 0 !important; } .plyr--fullscreen-active video { height: 100%; } .plyr--fullscreen-active .plyr__video-wrapper { height: 100%; width: 100%; } .plyr--fullscreen-active .plyr__controls { position: absolute; bottom: 0; left: 0; right: 0; } .plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; transform: translateY(-50%); } .fs-background { overflow: hidden; position: relative; } .fs-background, .fs-background-container, .fs-background-media { -webkit-transition: none; transition: none; } .fs-background-container { width: 100%; height: 100%; position: absolute; top: 0; z-index: 0; overflow: hidden; } .fs-background-media { position: absolute; top: 0; bottom: 0; opacity: 0; } .fs-background-media.fs-background-animated { -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } .fs-background-media img, .fs-background-media video, .fs-background-media iframe { width: 100%; height: 100%; display: block; -webkit-user-drag: none; } .fs-background-media.fs-background-native, .fs-background-media.fs-background-fixed { width: 100%; height: 100%; } .fs-background-media.fs-background-native img, .fs-background-media.fs-background-fixed img { display: none; } .fs-background-media.fs-background-native { background-position: center; background-size: cover; } .fs-background-media.fs-background-fixed { background-position: center; background-attachment: fixed; } .fs-background-embed.fs-background-ready:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ''; } .fs-background-embed.fs-background-ready iframe { z-index: 0; } .fw-main-row.background-video .fw-container, .fw-main-row.background-video .fw-container-fluid { z-index: 1; } .clearfix:before, .clearfix:after, .fw-container:before, .fw-container:after, .fw-container-fluid:before, .fw-container-fluid:after, .fw-row:before, .fw-row:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .fw-container:after, .fw-container-fluid:after, .fw-row:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .clear { clear: both; width: 100%; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } img, iframe, embed { max-width: 100%; } .map img, .fw-shortcode-map-wrapper img { max-width: none !important; } /* Grid system */ /* -------------------------------------------------- */ .fw-main-row, .fw-main-row *, .fw-main-row *:before, .fw-main-row *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fw-container { position: relative; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 100%; } @media (min-width: 768px) { .fw-container { width: 750px; } } @media (min-width: 992px) { .fw-container { width: 970px; } } @media (min-width: 1200px) { .fw-container { width: 1200px; } } .fw-container-fluid { position: relative; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .fw-row { margin-left: -15px; margin-right: -15px; } .fw-row:before, .fw-row:after { content: " "; display: table; } .fw-row:after { clear: both; } .fw-col-xs-1, .fw-col-sm-1, .fw-col-md-1, .fw-col-lg-1, .fw-col-xs-2, .fw-col-sm-2, .fw-col-md-2, .fw-col-lg-2, .fw-col-xs-3, .fw-col-sm-3, .fw-col-md-3, .fw-col-lg-3, .fw-col-xs-4, .fw-col-sm-4, .fw-col-md-4, .fw-col-lg-4, .fw-col-xs-5, .fw-col-sm-5, .fw-col-md-5, .fw-col-lg-5, .fw-col-xs-6, .fw-col-sm-6, .fw-col-md-6, .fw-col-lg-6, .fw-col-xs-7, .fw-col-sm-7, .fw-col-md-7, .fw-col-lg-7, .fw-col-xs-8, .fw-col-sm-8, .fw-col-md-8, .fw-col-lg-8, .fw-col-xs-9, .fw-col-sm-9, .fw-col-md-9, .fw-col-lg-9, .fw-col-xs-10, .fw-col-sm-10, .fw-col-md-10, .fw-col-lg-10, .fw-col-xs-11, .fw-col-sm-11, .fw-col-md-11, .fw-col-lg-11, .fw-col-xs-12, .fw-col-sm-12, .fw-col-md-12, .fw-col-lg-12, .fw-col-xs-15, .fw-col-sm-15, .fw-col-md-15, .fw-col-lg-15 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } @media (min-width: 768px) { .fw-col-sm-1, .fw-col-sm-2, .fw-col-sm-3, .fw-col-sm-4, .fw-col-sm-5, .fw-col-sm-6, .fw-col-sm-7, .fw-col-sm-8, .fw-col-sm-9, .fw-col-sm-10, .fw-col-sm-11, .fw-col-sm-12, .fw-col-sm-15 { float: left; } .fw-col-sm-15 { width: 20%; } .fw-col-sm-12 { width: 100%; } .fw-col-sm-11 { width: 91.66666667%; } .fw-col-sm-10 { width: 83.33333333%; } .fw-col-sm-9 { width: 75%; } .fw-col-sm-8 { width: 66.66666667%; } .fw-col-sm-7 { width: 58.33333333%; } .fw-col-sm-6 { width: 50%; } .fw-col-sm-5 { width: 41.66666667%; } .fw-col-sm-4 { width: 33.33333333%; } .fw-col-sm-3 { width: 25%; } .fw-col-sm-2 { width: 16.66666667%; } .fw-col-sm-1 { width: 8.33333333%; } .fw-col-sm-pull-15 { right: 20%; } .fw-col-sm-pull-12 { right: 100%; } .fw-col-sm-pull-11 { right: 91.66666667%; } .fw-col-sm-pull-10 { right: 83.33333333%; } .fw-col-sm-pull-9 { right: 75%; } .fw-col-sm-pull-8 { right: 66.66666667%; } .fw-col-sm-pull-7 { right: 58.33333333%; } .fw-col-sm-pull-6 { right: 50%; } .fw-col-sm-pull-5 { right: 41.66666667%; } .fw-col-sm-pull-4 { right: 33.33333333%; } .fw-col-sm-pull-3 { right: 25%; } .fw-col-sm-pull-2 { right: 16.66666667%; } .fw-col-sm-pull-1 { right: 8.33333333%; } .fw-col-sm-pull-0 { right: auto; } .fw-col-sm-push-15 { left: 20%; } .fw-col-sm-push-12 { left: 100%; } .fw-col-sm-push-11 { left: 91.66666667%; } .fw-col-sm-push-10 { left: 83.33333333%; } .fw-col-sm-push-9 { left: 75%; } .fw-col-sm-push-8 { left: 66.66666667%; } .fw-col-sm-push-7 { left: 58.33333333%; } .fw-col-sm-push-6 { left: 50%; } .fw-col-sm-push-5 { left: 41.66666667%; } .fw-col-sm-push-4 { left: 33.33333333%; } .fw-col-sm-push-3 { left: 25%; } .fw-col-sm-push-2 { left: 16.66666667%; } .fw-col-sm-push-1 { left: 8.33333333%; } .fw-col-sm-push-0 { left: auto; } .fw-col-sm-offset-15 { margin-left: 20%; } .fw-col-sm-offset-12 { margin-left: 100%; } .fw-col-sm-offset-11 { margin-left: 91.66666667%; } .fw-col-sm-offset-10 { margin-left: 83.33333333%; } .fw-col-sm-offset-9 { margin-left: 75%; } .fw-col-sm-offset-8 { margin-left: 66.66666667%; } .fw-col-sm-offset-7 { margin-left: 58.33333333%; } .fw-col-sm-offset-6 { margin-left: 50%; } .fw-col-sm-offset-5 { margin-left: 41.66666667%; } .fw-col-sm-offset-4 { margin-left: 33.33333333%; } .fw-col-sm-offset-3 { margin-left: 25%; } .fw-col-sm-offset-2 { margin-left: 16.66666667%; } .fw-col-sm-offset-1 { margin-left: 8.33333333%; } .fw-col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .fw-col-md-1, .fw-col-md-2, .fw-col-md-3, .fw-col-md-4, .fw-col-md-5, .fw-col-md-6, .fw-col-md-7, .fw-col-md-8, .fw-col-md-9, .fw-col-md-10, .fw-col-md-11, .fw-col-md-12, .fw-col-md-15 { float: left; } .fw-col-md-15 { width: 20%; } .fw-col-md-12 { width: 100%; } .fw-col-md-11 { width: 91.66666667%; } .fw-col-md-10 { width: 83.33333333%; } .fw-col-md-9 { width: 75%; } .fw-col-md-8 { width: 66.66666667%; } .fw-col-md-7 { width: 58.33333333%; } .fw-col-md-6 { width: 50%; } .fw-col-md-5 { width: 41.66666667%; } .fw-col-md-4 { width: 33.33333333%; } .fw-col-md-3 { width: 25%; } .fw-col-md-2 { width: 16.66666667%; } .fw-col-md-1 { width: 8.33333333%; } .fw-col-md-pull-15 { right: 20%; } .fw-col-md-pull-12 { right: 100%; } .fw-col-md-pull-11 { right: 91.66666667%; } .fw-col-md-pull-10 { right: 83.33333333%; } .fw-col-md-pull-9 { right: 75%; } .fw-col-md-pull-8 { right: 66.66666667%; } .fw-col-md-pull-7 { right: 58.33333333%; } .fw-col-md-pull-6 { right: 50%; } .fw-col-md-pull-5 { right: 41.66666667%; } .fw-col-md-pull-4 { right: 33.33333333%; } .fw-col-md-pull-3 { right: 25%; } .fw-col-md-pull-2 { right: 16.66666667%; } .fw-col-md-pull-1 { right: 8.33333333%; } .fw-col-md-pull-0 { right: auto; } .fw-col-md-push-15 { left: 20%; } .fw-col-md-push-12 { left: 100%; } .fw-col-md-push-11 { left: 91.66666667%; } .fw-col-md-push-10 { left: 83.33333333%; } .fw-col-md-push-9 { left: 75%; } .fw-col-md-push-8 { left: 66.66666667%; } .fw-col-md-push-7 { left: 58.33333333%; } .fw-col-md-push-6 { left: 50%; } .fw-col-md-push-5 { left: 41.66666667%; } .fw-col-md-push-4 { left: 33.33333333%; } .fw-col-md-push-3 { left: 25%; } .fw-col-md-push-2 { left: 16.66666667%; } .fw-col-md-push-1 { left: 8.33333333%; } .fw-col-md-push-0 { left: auto; } .fw-col-md-offset-15 { margin-left: 20%; } .fw-col-md-offset-12 { margin-left: 100%; } .fw-col-md-offset-11 { margin-left: 91.66666667%; } .fw-col-md-offset-10 { margin-left: 83.33333333%; } .fw-col-md-offset-9 { margin-left: 75%; } .fw-col-md-offset-8 { margin-left: 66.66666667%; } .fw-col-md-offset-7 { margin-left: 58.33333333%; } .fw-col-md-offset-6 { margin-left: 50%; } .fw-col-md-offset-5 { margin-left: 41.66666667%; } .fw-col-md-offset-4 { margin-left: 33.33333333%; } .fw-col-md-offset-3 { margin-left: 25%; } .fw-col-md-offset-2 { margin-left: 16.66666667%; } .fw-col-md-offset-1 { margin-left: 8.33333333%; } .fw-col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .fw-col-lg-1, .fw-col-lg-2, .fw-col-lg-3, .fw-col-lg-4, .fw-col-lg-5, .fw-col-lg-6, .fw-col-lg-7, .fw-col-lg-8, .fw-col-lg-9, .fw-col-lg-10, .fw-col-lg-11, .fw-col-lg-12, .fw-col-lg-15 { float: left; } .fw-col-lg-15 { width: 20%; } .fw-col-lg-12 { width: 100%; } .fw-col-lg-11 { width: 91.66666667%; } .fw-col-lg-10 { width: 83.33333333%; } .fw-col-lg-9 { width: 75%; } .fw-col-lg-8 { width: 66.66666667%; } .fw-col-lg-7 { width: 58.33333333%; } .fw-col-lg-6 { width: 50%; } .fw-col-lg-5 { width: 41.66666667%; } .fw-col-lg-4 { width: 33.33333333%; } .fw-col-lg-3 { width: 25%; } .fw-col-lg-2 { width: 16.66666667%; } .fw-col-lg-1 { width: 8.33333333%; } .fw-col-lg-pull-15 { right: 20%; } .fw-col-lg-pull-12 { right: 100%; } .fw-col-lg-pull-11 { right: 91.66666667%; } .fw-col-lg-pull-10 { right: 83.33333333%; } .fw-col-lg-pull-9 { right: 75%; } .fw-col-lg-pull-8 { right: 66.66666667%; } .fw-col-lg-pull-7 { right: 58.33333333%; } .fw-col-lg-pull-6 { right: 50%; } .fw-col-lg-pull-5 { right: 41.66666667%; } .fw-col-lg-pull-4 { right: 33.33333333%; } .fw-col-lg-pull-3 { right: 25%; } .fw-col-lg-pull-2 { right: 16.66666667%; } .fw-col-lg-pull-1 { right: 8.33333333%; } .fw-col-lg-pull-0 { right: auto; } .fw-col-lg-push-15 { left: 20%; } .fw-col-lg-push-12 { left: 100%; } .fw-col-lg-push-11 { left: 91.66666667%; } .fw-col-lg-push-10 { left: 83.33333333%; } .fw-col-lg-push-9 { left: 75%; } .fw-col-lg-push-8 { left: 66.66666667%; } .fw-col-lg-push-7 { left: 58.33333333%; } .fw-col-lg-push-6 { left: 50%; } .fw-col-lg-push-5 { left: 41.66666667%; } .fw-col-lg-push-4 { left: 33.33333333%; } .fw-col-lg-push-3 { left: 25%; } .fw-col-lg-push-2 { left: 16.66666667%; } .fw-col-lg-push-1 { left: 8.33333333%; } .fw-col-lg-push-0 { left: auto; } .fw-col-lg-offset-15 { margin-left: 20%; } .fw-col-lg-offset-12 { margin-left: 100%; } .fw-col-lg-offset-11 { margin-left: 91.66666667%; } .fw-col-lg-offset-10 { margin-left: 83.33333333%; } .fw-col-lg-offset-9 { margin-left: 75%; } .fw-col-lg-offset-8 { margin-left: 66.66666667%; } .fw-col-lg-offset-7 { margin-left: 58.33333333%; } .fw-col-lg-offset-6 { margin-left: 50%; } .fw-col-lg-offset-5 { margin-left: 41.66666667%; } .fw-col-lg-offset-4 { margin-left: 33.33333333%; } .fw-col-lg-offset-3 { margin-left: 25%; } .fw-col-lg-offset-2 { margin-left: 16.66666667%; } .fw-col-lg-offset-1 { margin-left: 8.33333333%; } .fw-col-lg-offset-0 { margin-left: 0%; } } /* Step Style */ .wrap-forms .wrap-step { width: 100%; display: block; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f7f7f7; height: 52px; margin-bottom: 37px; } .wrap-forms .wrap-step .steps { list-style: none; text-align: justify; margin: 0; padding: 11px 20px 0; } .wrap-forms .wrap-step .steps:after { width: 100%; height: 0; content: ''; display: inline-block; } .wrap-forms .wrap-step .steps li { display: inline-block; } .wrap-forms .wrap-step .steps .step { color: #0f6ab8; font-weight: 700; font-size: 15px; text-decoration: none; } .wrap-forms .wrap-step .steps .step span { background: #0f6ab8; color: #fff; font-size: 10px; border-radius: 50%; line-height: 15px; vertical-align: text-bottom; display: inline-block; height: 15px; width: 15px; text-align: center; } .wrap-forms .wrap-step .steps li.active-step .step span { background: #2b2b2b; } .wrap-forms .wrap-step .steps li.active-step .step, .wrap-forms .wrap-step .steps .step:hover, .wrap-forms .wrap-step .steps .step:hover strong { color: #2b2b2b; border-color: #2b2b2b; } .wrap-forms .wrap-step .steps .step:hover span { background: #2b2b2b; } .wrap-forms .wrap-step .steps .step strong { border-bottom: 1px solid #0f6ab8; } .wrap-forms .wrap-step .steps li.active-step .step strong { border: none; } .wrap-forms .field-text, .wrap-forms .field-gap, .wrap-forms .field-textarea, .wrap-forms .field-select, .wrap-forms .field-upload, .wrap-forms .field-date, .wrap-forms .field-time, .wrap-forms .field-multiple, .wrap-forms .field-rating, .wrap-forms .field-table { margin-bottom: 23px; width: 100%; } .wrap-forms .field-checkbox, .wrap-forms .field-radio { margin-bottom: 15px; } .wrap-forms .field-text.field-address { margin-bottom: -8px; } .wrap-forms .field-multiple div[class*='field-'] { width: 48%; display: inline-block; margin-bottom: 0; } .wrap-forms .wrap-rating .rating span { font-size: 19px; } .wrap-forms .wrap-rating .rating-title { margin-bottom: 19px; } .wrap-forms label, .wrap-forms input, .wrap-forms select { width: 100%; } .wrap-forms .field-text.field-address input, .wrap-forms .field-text.field-address textarea, .wrap-forms .field-text.field-address select { margin-bottom: 31px; } .wrap-forms .field-text.field-address input:last-child { margin-bottom: 0; } .wrap-forms label { font-size: 15px; margin-bottom: 8px; display: inline-block; font-weight: bold; } .wrap-forms sup { font-size: 16px; color: #c0392b; top: 0; left: 2px; } .wrap-forms input, .wrap-forms select { font-size: 14px; height: 41px; padding: 0 15px; } .wrap-forms textarea { padding: 8px 15px; height: 162px; font-size: 14px; line-height: 22px; } .wrap-forms select { border-color: #e5e5e5; } .wrap-forms .field-gap input.fill-gap { margin: 0; padding: 0; background: none; border: none; outline: none; border-radius: 0; border-bottom: 1px solid #808080; text-align: left; width: initial; height: initial; } .wrap-forms .field-gap input.fill-gap:hover, .wrap-forms .field-gap input.fill-gap:focus { outline: none; border: none; border-bottom: 1px solid #808080; background: none; } .wrap-forms div[class*='field-'] .omega { width: 48%; display: inline-block; } .wrap-forms div[class*='field-'] .omega.omega-right, .wrap-forms div[class*='field-'] .omega-right { float: right; } .wrap-forms .field-time .time { width: 82%; display: inline-block; } .wrap-forms .field-time .time-format { width: 16%; float: right; display: inline-block; } .wrap-forms .field-upload .upload-file-input, .wrap-forms .field-upload .upload-file-button { display: inline-block; width: auto; } .wrap-forms .field-upload .upload-file-input { width: 86%; } .wrap-forms .field-upload .upload-file-button { float: right; font-size: 12px; font-weight: 400; } .wrap-forms .field-table table, th, td { border-color: #e5e5e5; } .wrap-forms .field-table table thead tr td { text-align: center; background: #f7f7f7; padding: 8px 20px; min-height: 73px; line-height: 52px; } .wrap-forms .field-table table thead tr td span { display: inline-block; vertical-align: middle; line-height: normal; } .wrap-forms .field-table table tbody tr td { padding: 15px; line-height: 20px; } .wrap-forms .field-table table tbody tr td.input-styled { text-align: center; padding: 0; } .wrap-forms .field-table table tbody tr td.input-styled .custom-radio { display: inline-block; vertical-align: middle; line-height: normal; } .wrap-forms input:-moz-placeholder, .wrap-forms textarea:-moz-placeholder { font-size: 14px; font-weight: 400; color: #9a9a9a; text-transform: none; font-style: italic; } .wrap-forms input::-moz-placeholder, .wrap-forms textarea::-moz-placeholder { font-size: 14px; font-weight: 400; color: #9a9a9a; text-transform: none; font-style: italic; } .wrap-forms input:-ms-input-placeholder, .wrap-forms textarea:-ms-input-placeholder { font-size: 14px; font-weight: 400; color: #9a9a9a; text-transform: none; font-style: italic; } .wrap-forms input::-webkit-input-placeholder, .wrap-forms textarea::-webkit-input-placeholder { font-size: 14px; font-weight: 400; color: #9a9a9a; font-style: italic; text-transform: none; } .wrap-forms input:focus::-webkit-input-placeholder { color: transparent; } .wrap-forms textarea:focus::-webkit-input-placeholder { color: transparent; } /* Custom CheckBox & Radio */ /*-----------------------------------*/ .wrap-forms .custom-checkbox, .wrap-forms .custom-radio { position: relative; } .wrap-forms .custom-checkbox input, .wrap-forms .custom-radio input { height: auto; width: auto; vertical-align: middle; } .wrap-forms .custom-checkbox::selection, .wrap-forms .custom-radio::selection { background: transparent; color: inherit; } .wrap-forms .custom-checkbox label, .wrap-forms .custom-radio label { position: relative; width: auto; display: inline-block; font-weight: 400; font-size: 14px; line-height: 17px; margin-bottom: 6px; cursor: pointer; min-height: 17px; } .wrap-forms .custom-checkbox label::selection, .wrap-forms .custom-radio label::selection { background: transparent; color: inherit; } .wrap-forms .custom-checkbox label.focus, .wrap-forms .custom-radio label.focus { outline: none; } /* Section Break */ .wrap-forms .section-break { border-top: 1px solid #e5e5e5; margin: 42px auto 39px; padding-top: 25px; } .wrap-forms .section-break .title { text-transform: uppercase; font-size: 32px; font-family: 'Arial'; color: #333333; font-weight: 400; margin-bottom: 13px; } .wrap-forms .section-break .sub-title { font-size: 13px; font-family: 'Arial'; font-weight: 400; color: #595959; } .wrap-forms .nav-form { width: 100%; text-align: center; border-top: 1px solid #e5e5e5; padding-top: 29px; margin-top: 48px; } .wrap-forms .nav-form .button.button-nav-form, .wrap-forms .nav-form .number-pages-form { display: inline-block; } .wrap-forms .nav-form .button.button-nav-form { border-top-left-radius: 0; padding: 10px 20px; font-weight: 400; } .wrap-forms .nav-form .number-pages-form { color: #333333; text-transform: uppercase; font-size: 17px; margin-top: 7px; } .wrap-forms .nav-form .button.button-nav-form.next { float: right; } .wrap-forms .nav-form .button.button-nav-form.prev { float: left; } /* layout */ .wrap-forms .field-columns-0:after, .wrap-forms .field-columns-2:after, .wrap-forms .field-columns-3:after { width: 100%; height: 0; content: ''; display: inline-block; } .wrap-forms .field-columns-0 .options, .wrap-forms .field-columns-2 .field-column, .wrap-forms .field-columns-3 .field-column { float: left; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wrap-forms .field-columns-0 .options { padding-right: 15px; } .wrap-forms .field-columns-2 .field-column { width: 50%; } .wrap-forms .field-columns-3 .field-column { width: 33.3333%; } /* end: layout */ .tes-single-ava { width: 286px; height: 286px; padding: 18px; border-radius: 50%; background: rgba(255, 165, 6, 0.1); margin: auto auto; position: relative; margin-top: 30px; } .tes-single-ava-img { border-radius: 50%; width: 250px; height: 250px; position: relative; overflow: hidden; z-index: 2; } .tes-single-ava-img:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .tes-single-ava-img:hover:before { -webkit-animation: shine .75s; animation: shine .75s; } .tes-single-ava-img img { z-index: 1; position: absolute; left: 50%; top: 50%; height: 100%; width: auto; max-width: inherit; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .tes-single-rate { float: left; width: 100%; margin: 20px 0; } .tes-single-rate span { color: #ffa506; font-size: 20px; } .tes-single-content { line-height: 28px; font-style: italic; color: #686868; font-size: 20px; font-family: 'Lato', sans-serif; margin-bottom: 30px; } .tes-single-content p { font-weight: 300; line-height: 28px; } .tes-single-author { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; color: #232323; margin: 0 0 5px 0; } .tes-single-company { font-style: italic; font-weight: 300; color: #686868; line-height: 24px; } .multi-iconbox .box-icon-title { font-size: 16px; } .multi-iconbox .box-icon-desc { font-size: 12px; color: #aaaaaa; } .multi-icon-spc { color: #27ae61; font-size: 13px; font-family: 'Poppins', sans-serif; } .block-background { background: #121212; color: #ffa506; padding: 2px 5px; } .textblock-shortcode h1, .textblock-shortcode h2, .textblock-shortcode h3, .textblock-shortcode h4, .textblock-shortcode h5, .textblock-shortcode h6 { line-height: 1.5; } .textblock-shortcode span { line-height: normal; } .seo-projects { position: relative; z-index: 3; } .project-nav { margin-bottom: 20px; text-align: center; } .project-nav button { display: inline-block; cursor: pointer; border: 1px solid #e9e9e9; background: #fff; height: 50px; line-height: 48px; text-align: center; font-size: 15px; color: #5a5a5a; padding: 0 26px; margin: 0 3.5px 20px 3.5px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .project-nav button:hover { border-color: #27ae61; } .project-nav button.is-checked { color: #ffffff; background: #27ae61; } .no-padding .project-item { margin-bottom: 0; } .project-item { margin-bottom: 38px; position: relative; z-index: 1; overflow: hidden; } .project-item:hover { box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2); } .project-item:hover .case-overlay-banner { top: 0; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .project-item:hover .case-overlay-info { bottom: 0; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .project-item:hover .case-like { background: #f3f3f3; } .project-item:hover .case-readmore { top: 26.296%; opacity: 1; -moz-transition-duration: 0.45s; -webkit-transition-duration: 0.45s; transition-duration: 0.45s; } .seo-process { counter-reset: seo-process; } .seo-process-item { text-align: center; } .seo-process-item:after { content: counter(seo-process, decimal-leading-zero); counter-increment: seo-process; font-size: 64px; font-family: 'Poppins', sans-serif; } .seo-process-img { position: relative; border-radius: 50%; display: inline-block; margin-bottom: 110px; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2); } .seo-process-img:hover:before { border-color: #ffa506; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seo-process-img:before { content: ''; border: 2px dashed #fff6e6; position: absolute; border-radius: 50%; left: -22px; top: -22px; right: -22px; bottom: -22px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .seo-process-img:after { content: ''; height: 60px; width: 1px; background: #ffa506; position: absolute; left: 50%; bottom: -100px; } .seo-process-img img { border-radius: 50%; } .seo-process-title { font-size: 16px; font-weight: 700; font-family: 'Poppins', sans-serif; margin: 50px 0 20px 0; position: relative; } .seo-process-title:before { content: ''; position: absolute; left: 50%; top: -40px; width: 20px; height: 20px; border-radius: 50%; margin-left: -10px; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2); background: #ffa506; } .seo-sms-item { height: 158px; text-align: center; color: #ffffff; } .seo-sms-icon { height: 60px; width: 60px; border-radius: 50%; border: 1px solid #ffffff; text-align: center; line-height: 60px; display: inline-block; font-size: 36px; margin-top: 30px; } .seo-sms-title { font-size: 0; margin-bottom: 0; } .seo-sms-title a { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; color: #ffffff; } .coming-soon-contact-form { float: left; width: 100%; padding: 50px 0; } .coming-soon-contact-form .keep-me-update { font-size: 16px; color: #ffffff; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 700; line-height: 50px; } .coming-soon-contact-form input:not([type="submit"]) { background: #242424; border: 1px solid #2e2e2e; height: 50px; padding: 0 25px; width: 100%; color: rgba(255, 255, 255, 0.2); } .coming-soon-contact-form input:not([type="submit"]):focus { border-color: rgba(255, 255, 255, 0.2); } .coming-soon-contact-form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.2); font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; } .coming-soon-contact-form input:-moz-placeholder { color: rgba(255, 255, 255, 0.2); font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; } .coming-soon-contact-form input::-moz-placeholder { color: rgba(255, 255, 255, 0.2); font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; font-size: 14px; } .coming-soon-contact-form input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.2); font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px; } .coming-soon-contact-form button { cursor: pointer; background: #ffa506; border: 1px solid #ffa506; height: 50px; width: 100%; text-align: center; line-height: 50px; font-size: 14px; color: #ffffff; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 700; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .coming-soon-contact-form button:focus { border-color: #ffa506; color: #ffa506; background: #ffffff !important; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .coming-soon-contact-form button:hover { border-color: #ffa506; color: #ffa506; background: #ffffff !important; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .cms-has-ico { position: relative; } .cms-has-ico i { font-size: 18px; right: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .topseo-countdown { text-align: center; } .ts-countdown-block { display: inline-block; width: 170px; height: 140px; margin: 0 15px; color: #ffffff; text-align: center; padding: 24px 0; } .ts-countdown-block .value { font-size: 50px; font-family: 'Poppins', sans-serif; font-weight: 700; display: block; position: relative; } .ts-countdown-block .value:after { position: absolute; content: ''; left: 50px; right: 50px; bottom: -10px; height: 1px; background: rgba(255, 255, 255, 0.2); } .ts-countdown-block .indicator { font-size: 16px; font-weight: 400; display: block; margin-top: 20px; } /****************************** - BASIC STYLES - ******************************/ .rev_slider_wrapper { position: relative; z-index: 0; } .rev_slider { position: relative; overflow: visible; } .tp-overflow-hidden { overflow: hidden; } .tp-simpleresponsive img, .rev_slider img { max-width: none !important; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; margin: 0px; padding: 0px; border-width: 0px; border: none; } .rev_slider .no-slides-text { font-weight: bold; text-align: center; padding-top: 80px; } .rev_slider > ul, .rev_slider_wrapper > ul, .tp-revslider-mainul > li, .rev_slider > ul > li, .rev_slider > ul > li:before, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before, .tp-revslider-mainul > li, .tp-simpleresponsive > ul > li { list-style: none !important; position: absolute; margin: 0px !important; padding: 0px !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image: none; background-position: 0px 0px; text-indent: 0em; top: 0px; left: 0px; } .tp-revslider-mainul > li, .rev_slider > ul > li, .rev_slider > ul > li:before, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before, .tp-revslider-mainul > li, .tp-simpleresponsive > ul > li { visibility: hidden; } .tp-revslider-slidesli, .tp-revslider-mainul { padding: 0 !important; margin: 0 !important; list-style: none !important; } .rev_slider li.tp-revslider-slidesli { position: absolute !important; } .tp-caption .rs-untoggled-content { display: block; } .tp-caption .rs-toggled-content { display: none; } .rs-toggle-content-active.tp-caption .rs-toggled-content { display: block; } .rs-toggle-content-active.tp-caption .rs-untoggled-content { display: none; } .rev_slider .tp-caption, .rev_slider .caption { position: relative; visibility: hidden; white-space: nowrap; display: block; } .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child { margin-bottom: 0; } /* CAROUSEL FUNCTIONS */ .tp-carousel-wrapper { cursor: url(openhand.cur), move; } .tp-carousel-wrapper.dragged { cursor: url(closedhand.cur), move; } /* ADDED FOR SLIDELINK MANAGEMENT */ .tp-caption { z-index: 1; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } .tp-caption { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position: absolute; -webkit-font-smoothing: antialiased !important; } .tp-caption.tp-layer-selectable { -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -o-user-select: all; } .tp-forcenotvisible, .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { max-width: none !important; } /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .rev_slider_wrapper { width: 100%; } .fullscreen-container { position: relative; padding: 0; } .fullwidthbanner-container { position: relative; padding: 0; overflow: hidden; } .fullwidthbanner-container .fullwidthabanner { width: 100%; position: relative; } /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-static-layers { position: absolute; z-index: 505; top: 0px; left: 0px; } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid rgba(0, 0, 0, 0); border-right: 0px solid rgba(0, 0, 0, 0); border-top: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid rgba(0, 0, 0, 0); border-right: 40px solid rgba(0, 0, 0, 0); border-bottom: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid rgba(0, 0, 0, 0); border-right: 0px solid rgba(0, 0, 0, 0); border-bottom: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid rgba(0, 0, 0, 0); border-right: 40px solid rgba(0, 0, 0, 0); border-top: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-layer-inner-rotation { position: relative !important; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width: 100%; height: auto; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter: none !important; } /******************************** - FULLSCREEN VIDEO - *********************************/ .rs-background-video-layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: hidden; z-index: 0; } .tp-caption.coverscreenvideo { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; } .caption.fullscreenvideo, .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px; } .videoisplaying .html5vid .tp-poster { display: none; } .tp-video-play-button { background: #000; background: rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; color: #FFF; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; -webkit-transition: opacity 300ms ease-out !important; -moz-transition: opacity 300ms ease-out !important; -o-transition: opacity 300ms ease-out !important; transition: opacity 300ms ease-out !important; } .tp-caption .html5vid { width: 100% !important; height: 100% !important; } .tp-video-play-button i { width: 50px; height: 50px; display: inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important; } .tp-caption:hover .tp-video-play-button { opacity: 1; } .tp-caption .tp-revstop { display: none; border-left: 5px solid #fff !important; border-right: 5px solid #fff !important; margin-top: 15px !important; line-height: 20px !important; vertical-align: top; font-size: 25px !important; } .videoisplaying .revicon-right-dir { display: none; } .videoisplaying .tp-revstop { display: inline-block; } .videoisplaying .tp-video-play-button { display: none; } .tp-caption:hover .tp-video-play-button { display: block; } .fullcoveredvideo .tp-video-play-button { display: none !important; } .fullscreenvideo .fullscreenvideo video { object-fit: contain !important; } .fullscreenvideo .fullcoveredvideo video { object-fit: cover !important; } .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, #000000 13%, #323232 100%); background-image: -o-linear-gradient(bottom, #000000 13%, #323232 100%); background-image: -moz-linear-gradient(bottom, #000000 13%, #323232 100%); background-image: -webkit-linear-gradient(bottom, #000000 13%, #323232 100%); background-image: -ms-linear-gradient(bottom, #000000 13%, #323232 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, #000000), color-stop(1, #323232)); display: table; max-width: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0, 0, 0, 0.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 12px; font-size: 12px; color: #fff; padding: 0px; margin: 0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding: 0px 5px; display: table-cell; } .tp-video-seek-bar-wrap { width: 80%; } .tp-video-vol-bar-wrap { width: 20%; } .tp-volume-bar, .tp-seek-bar { width: 100%; cursor: pointer; outline: none; line-height: 12px; margin: 0; padding: 0; } .rs-fullvideo-cover { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: rgba(0, 0, 0, 0); z-index: 5; } .rs-background-video-layer video::-webkit-media-controls { display: none !important; } /****************************** - SHADOWS - ******************************/ .tp-shadowcover { width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; position: absolute; z-index: -1; } .tp-shadow1 { -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); } .tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: rgba(0, 0, 0, 0); -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .tp-shadow2:after, .tp-shadow4:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .tp-shadow5 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .tp-shadow5:before, .tp-shadow5:after { content: ""; position: absolute; z-index: -2; -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); top: 30%; bottom: 0; left: 20px; right: 20px; -moz-border-radius: 5px; border-radius: 5px; } /****************************** - BUTTONS - *******************************/ .tp-button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration: none; } .tp-button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; } .purchase:hover, .tp-button:hover, .tp-button.big:hover { background-position: bottom, 15px 11px; } /* BUTTON COLORS */ .tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /* TP BUTTONS DESKTOP SIZE */ .rev-btn, .rev-btn:visited { outline: none !important; box-shadow: none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: "Roboto", sans-serif; cursor: pointer; } .rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; } .rev-btn.rev-withicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left: 10px !important; } .rev-btn.rev-hiddenicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left: 0px !important; width: 0px !important; } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left: 10px !important; width: auto !important; } /* REV BUTTONS MEDIUM */ .rev-btn.rev-medium, .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px; } .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0px; } .rev-btn.rev-medium.rev-hiddenicon i { font-size: 14px; top: 0px; } /* REV BUTTONS SMALL */ .rev-btn.rev-small, .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px; } .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0px; } .rev-btn.rev-small.rev-hiddenicon i { font-size: 12px; top: 0px; } /* ROUNDING OPTIONS */ .rev-maxround { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .rev-minround { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* BURGER BUTTON */ .rev-burger { position: relative; width: 60px; height: 60px; box-sizing: border-box; padding: 22px 0 0 14px; border-radius: 50%; border: 1px solid rgba(51, 51, 51, 0.25); tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important; } .rev-burger span:nth-child(2) { margin: 3px 0; } #dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child { transform: translateY(6px) rotate(-45deg); -webkit-transform: translateY(6px) rotate(-45deg); } #dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 0; } #dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child { transform: translateY(-6px) rotate(-135deg); -webkit-transform: translateY(-6px) rotate(-135deg); } .rev-burger.revb-white { border: 2px solid rgba(255, 255, 255, 0.2); } .rev-burger.revb-white span { background: #fff; } .rev-burger.revb-whitenoborder { border: 0; } .rev-burger.revb-whitenoborder span { background: #fff; } .rev-burger.revb-darknoborder { border: 0; } .rev-burger.revb-darknoborder span { background: #333; } .rev-burger.revb-whitefull { background: #fff; border: none; } .rev-burger.revb-whitefull span { background: #333; } .rev-burger.revb-darkfull { background: #333; border: none; } .rev-burger.revb-darkfull span { background: #fff; } /* SCROLL DOWN BUTTON */ @-webkit-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @-moz-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width: 35px; height: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active { color: #ffffff; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active { filter: alpha(opacity=80); } .rev-scroll-btn.revs-fullwhite { background: #fff; } .rev-scroll-btn.revs-fullwhite span { background: #333; } .rev-scroll-btn.revs-fulldark { background: #333; border: none; } .rev-scroll-btn.revs-fulldark span { background: #fff; } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: rev-ani-mouse 2.5s linear infinite; -moz-animation: rev-ani-mouse 2.5s linear infinite; animation: rev-ani-mouse 2.5s linear infinite; } .rev-scroll-btn.revs-dark { border-color: #333; } .rev-scroll-btn.revs-dark span { background: #333; } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #FFF; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0, 0, 0, 0.5); width: 60px; height: 60px; box-sizing: border-box; cursor: pointer; } .rev-cbutton-dark-sr { border-radius: 3px; } .rev-cbutton-light { color: #333; background-color: rgba(255, 255, 255, 0.75); } .rev-cbutton-light-sr { color: #333; border-radius: 3px; background-color: rgba(255, 255, 255, 0.75); } .rev-sbutton { line-height: 37px; width: 37px; height: 37px; } .rev-sbutton-blue { background-color: #3B5998; } .rev-sbutton-lightblue { background-color: #00A0D1; } .rev-sbutton-red { background-color: #DD4B39; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { visibility: hidden; width: 100%; height: 5px; background: #fff; background: rgba(0, 0, 0, 0.15); position: absolute; z-index: 200; top: 0px; } .tp-bannertimer.tp-bottom { top: auto; bottom: 0px !important; height: 5px; } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-caption img { background: rgba(0, 0, 0, 0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; zoom: 1; } /********************************************* - WOOCOMMERCE STYLES - ***********************************************/ .tp-caption .rs-starring { display: inline-block; } .tp-caption .rs-starring .star-rating { float: none; } .tp-caption .rs-starring .star-rating { color: #FFC321 !important; display: inline-block; vertical-align: top; } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star; } .tp-caption .rs-starring .star-rating:before, .tp-caption .rs-starring-page .star-rating:before { content: "\73\73\73\73\73"; color: #E0DADF; float: left; top: 0; left: 0; position: absolute; } .tp-caption .rs-starring .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-size: 1em !important; } .tp-caption .rs-starring .star-rating span:before, .tp-caption .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .tp-caption .rs-starring .star-rating { color: #FFC321 !important; } .tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating { font-size: 1em !important; font-family: star; } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background-color: #fff; margin: -22px -22px; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1s infinite ease-in-out; animation: tp-scaleout 1s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2s infinite linear; animation: tp-rotate 2s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2s infinite ease-in-out; animation: tp-bounce 2s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes tp-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } /*********************************************** - STANDARD NAVIGATION SETTINGS ***********************************************/ .tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar { border: none; min-height: 0; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .tp-tabs, .tp-thumbs, .tp-bullets { position: absolute; display: block; z-index: 1000; top: 0px; left: 0px; } .tp-tab, .tp-thumb { cursor: pointer; position: absolute; opacity: 0.5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-arr-imgholder, .tp-videoposter, .tp-thumb-image, .tp-tab-image { background-position: center center; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; } .tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected { opacity: 1; } .tp-tab-mask, .tp-thumb-mask { box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; } .tp-tabs, .tp-thumbs { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; } .tp-bullet { width: 15px; height: 15px; position: absolute; background: #fff; background: rgba(255, 255, 255, 0.3); cursor: pointer; } .tp-bullet.selected, .tp-bullet:hover { background: #fff; } .tp-bannertimer { background: #000; background: rgba(0, 0, 0, 0.15); height: 5px; } .tparrows { cursor: pointer; width: 50px; height: 50px; position: absolute; display: block; z-index: 1000; } .tparrows:before { font-family: "ionicons"; font-size: 60px; color: #ffffff; display: block; line-height: 50px; text-align: center; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .tparrows:hover:before { opacity: .7; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .tparrows.tp-leftarrow:before { content: "\f3d2"; } .tparrows.tp-rightarrow:before { content: "\f3d3"; } /*************************** - 3D SHADOW MODE - ***************************/ .dddwrappershadow { box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4); } /******************* - DEBUG MODE - *******************/ .hglayerinfo { position: fixed; bottom: 0px; left: 0px; color: #FFF; font-size: 12px; line-height: 20px; font-weight: 600; background: rgba(0, 0, 0, 0.75); padding: 5px 10px; z-index: 2000; white-space: normal; } .hginfo { position: absolute; top: -2px; left: -2px; color: #e74c3c; font-size: 12px; font-weight: 600; background: #000; padding: 2px 5px; } .indebugmode .tp-caption:hover { border: 1px dashed #c0392b !important; } .helpgrid { border: 2px dashed #c0392b; position: absolute; top: 0px; peft: 0px; z-index: 0; } #revsliderlogloglog { padding: 15px; color: #fff; position: fixed; top: 0px; left: 0px; width: 200px; height: 150px; background: rgba(0, 0, 0, 0.7); z-index: 100000; font-size: 10px; overflow: scroll; } .slider-title { color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 48px; line-height: 60px; white-space: normal; text-align: center; } .slider-title.text-left { text-align: left; } .slider-desc { color: #ffffff; text-align: center; white-space: normal; min-width: 630px; font-weight: 400; } .slider-desc.text-left { text-align: left; } .slider-text-with-bg { line-height: 60px!important; height: 60px!important; text-align: center!important; } .slider-button:before { content: "\f2a9"; font-family: "ionicons"; font-size: 16px; margin-right: 10px; font-weight: 400; } /* * * TEMPLATE-OPTIONS.CSS * * + TEMPLATE OPTIONS * - PANEL STYLE * - COLORS * - PATTERNS * + SELECT DEMOS * */ /*********************************************************************************** * - PANEL STYLE ***********************************************************************************/ #template-options { padding: 0 20px; z-index: 9999; background-color: #ffffff; position: fixed; top: 102px; left: -250px; width: 250px; color: #323232; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } #template-options.open { left: 0; box-shadow: 1px 1px 2px 0 #ccc; } #template-options .switcher_btn { z-index: 9999; position: absolute; top: 0; right: -47px; display: block; background-color: #27ae61; color: #ffffff; font-size: 20px; text-align: center; width: 47px; height: 47px; line-height: 47px; border: 0; cursor: pointer; } #template-options .switcher_btn:before { font-family: "FontAwesome"; content: "\f013"; line-height: 0; position: absolute; top: 23px; left: 15px; -webkit-animation: rotating 2.5s linear infinite; -moz-animation: rotating 2.5s linear infinite; -ms-animation: rotating 2.5s linear infinite; -o-animation: rotating 2.5s linear infinite; animation: rotating 2.5s linear infinite; } #template-options h4 { text-transform: uppercase; text-align: center; color: #ffffff; background-color: #27ae61; line-height: 47px; margin: 0 -20px; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: .5px; } #template-options h5 { text-transform: uppercase; margin-bottom: 10px; color: #27ae61; font-size: 12px; line-height: 1; font-family: 'Poppins', sans-serif; font-weight: 600; text-align: center; } .boxed #mainview { background: none repeat scroll 0 0 #fff; box-shadow: 0 0 18px rgba(0, 0, 0, 0.3); position: relative; margin: 0 auto; max-width: 1200px; display: table; } #mainview, .page_content { background: #ffffff; } .colors, .layout { margin-bottom: 15px; display: table; width: 100%; } .colors a, .layout a { display: block; float: left; width: 50%; color: #232323; text-align: center; background: none; } .colors a.wide, .layout a.wide { color: #ffa506; } .colors img, .layout img { display: block; margin: 0 auto; } .has-boxed .boxed-bg { display: block; } .has-boxed .layout .wide { color: #232323; } .has-boxed .layout .boxed { color: #ffa506; } .colors { padding-bottom: 15px; border-bottom: 1px solid #ccc; } .colors a { display: block; width: 30px; height: 30px; float: left; margin-right: 15px; margin-bottom: 10px; position: relative; } .colors a:last-of-type { margin-right: 0; } .boxed-bg { padding-top: 15px; border-top: 1px solid #ccc; display: none; } .patterns { padding-bottom: 15px; } .patterns a { display: block; width: 30px; height: 30px; float: left; margin-right: 10px; margin-bottom: 10px; box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1); } /*********************************************************************************** * - COLORS ***********************************************************************************/ #color1 { background-color: #ffa506; } #color1:before { background-color: #27ae61; content: ""; height: 26px; position: absolute; right: 7px; top: -4px; width: 27px; } #color2 { background-color: #c9bba1; } #color2:before { background-color: #0089E9; content: ""; height: 26px; position: absolute; right: 7px; top: -4px; width: 27px; } #color3 { background-color: #76A8E4; } #color3:before { background-color: #3BEADC; content: ""; height: 26px; position: absolute; right: 7px; top: -4px; width: 27px; } #color4 { background-color: #00c4cc; } #color4:before { background-color: #636363; content: ""; height: 26px; position: absolute; right: 7px; top: -4px; width: 27px; } #color5 { background-color: #f7d456; } #color5:before { background-color: #ffa506; content: ""; height: 26px; position: absolute; right: 7px; top: -4px; width: 27px; } .buy-button { background: #27ae61; color: #ffffff; font-weight: 300; font-family: 'Lato', sans-serif; text-align: center; font-size: 13px; line-height: 24px; padding: 5px 0; vertical-align: middle; text-transform: uppercase; width: 100%; display: table; margin: 20px 0; letter-spacing: 1px; border: 1px solid rgba(0, 0, 0, 0); } .buy-button:hover { background: rgba(0, 0, 0, 0); border-color: #27ae61; color: #27ae61; } /*********************************************************************************** * - PATTERNS ***********************************************************************************/ .bg-pattern-1 { background-image: url(http://i.imgur.com/sfMhlMp.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .bg-pattern-2 { background-image: url(http://i.imgur.com/SMm4ruQ.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .bg-pattern-3 { background: url(http://i.imgur.com/BL3RuIx.png) fixed repeat top left; } .bg-pattern-4 { background: url(http://i.imgur.com/W21X2uu.png) fixed repeat top left; } .bg-pattern-5 { background: url(http://i.imgur.com/P6MxBr0.png) fixed repeat top left; } .bg-pattern-6 { background: rgba(105, 104, 104, 0.39) repeat top left; } .bg-pattern-7 { background: #27ae61 repeat top left; } .bg-pattern-8 { background: #232323 repeat top left; } .bg-pattern-9 { background: #ffa506 repeat top left; } .bg-pattern-10 { background: #2e3751 repeat top left; } @-webkit-keyframes rotating { /* Safari and Chrome */ from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @media only screen and (max-width: 767px) { #template-options, #select-demos { display: none; } .boxed #mainview { float: left; width: 100%; max-width: 100%; margin: 0; display: block; } } .boxed #mainview { overflow: hidden; } .page-search p { font-weight: 700; } .page-search form { position: relative; margin-top: 20px; float: left; width: 100%; max-width: 50%; } .page-search form input[type="search"] { padding-left: 20px; padding-right: 51px; width: 100%; background: #f6f6f6; border: 0; height: 51px; border: 1px solid rgba(0, 0, 0, 0); -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .page-search form input[type="search"]::-webkit-input-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .page-search form input[type="search"]:-moz-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .page-search form input[type="search"]::-moz-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .page-search form input[type="search"]:-ms-input-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .page-search form input[type="search"]:focus { color: #232323; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-color: #dad6d6; } .page-search form input[type="search"]:focus::-webkit-input-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .page-search form input[type="search"]:focus:-moz-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .page-search form input[type="search"]:focus::-moz-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .page-search form input[type="search"]:focus:-ms-input-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .page-search form input[type="submit"] { -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; font-size: 0; position: absolute; right: 0; top: 0; width: 51px; height: 51px; cursor: pointer; border: 0; background: url(images/search.png) no-repeat center center; padding: 0; color: #585858; } .page_woo { min-height: 500px; margin-bottom: 150px; } .page_woo .products, .woo-single .products { float: left; margin-left: -15px; margin-right: -15px; margin-top: 15px; } .page_woo .products .col-md-4.col-lg-4:nth-of-type(3n+4), .woo-single .products .col-md-4.col-lg-4:nth-of-type(3n+4) { clear: both; } .page_woo li, .woocommerce-page li { list-style: none; } .woo-top-archive-pro { margin-bottom: 52px; } .woocommerce-result-count { display: inline-block; color: #999999; } .woo-ordering { display: inline-block; float: right; line-height: 24px; } .label-order { display: inline-block; text-transform: uppercase; color: #999999; } .woocommerce-ordering { display: inline-block; position: relative; margin-left: 5px; } .woocommerce-ordering:after { content: "\f123"; font-family: "ionicons"; font-size: 14px; position: absolute; right: 0; top: 0; color: #232323; } .woocommerce-ordering select { text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 900; border: 0; font-size: 14px; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; text-align: left; color: #232323; } .woo-pro { float: left; width: 100%; position: relative; margin-bottom: 60px; text-align: center; } .woo-pro img { border: 1px solid #f3f3f3; } .woo-pro .onsale { position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; border-radius: 50%; background: #ffa506; text-align: center; line-height: 40px; color: #ffffff; font-size: 12px; font-family: 'Poppins', sans-serif; } .woo-pro .woocommerce-loop-product__title { margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: uppercase; color: #999999; } .woo-pro .price { width: 100%; display: block; font-weight: 700; font-family: 'Poppins', sans-serif; color: #000; text-transform: uppercase; font-size: 20px; } .woo-pro .price del { margin-right: 7px; opacity: 1; } .woo-pro .price del span { font-size: 18px; color: #999999; text-decoration: line-through; } .woo-pro .price ins { background: none; } .woo-pro .price span { font-weight: bold; font-family: 'Poppins', sans-serif; color: #232323; font-size: 18px; } .woo-pro .button { float: left; color: #ffffff; background: #27ae61; text-transform: uppercase; font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 12px; padding: 6px 22px; height: 39px; border: 1px solid rgba(0, 0, 0, 0); margin-right: 5px; } .woo-pro .button.product_type_variable { margin-right: 0; } .woo-pro .button:hover { background: #ffffff; color: #27ae61; border-color: #27ae61; } .woocommerce-pagination { float: left; width: 100%; text-align: center; } .woocommerce-pagination .page-numbers { display: inline-block; } .woocommerce-pagination li { display: inline-block; text-align: center; line-height: 34px; } .woocommerce-pagination span { color: #ffffff; background: #333333; width: 33px; height: 33px; line-height: 35px; } .woocommerce-pagination a { font-weight: 700; color: #000000; width: 34px; height: 34px; border: 1px solid rgba(0, 0, 0, 0); } .woocommerce-pagination a:hover { border-color: #cccccc; } .woocommerce-pagination a.prev, .woocommerce-pagination a.next { font-size: 0; display: flex; justify-content: center; align-items: center; } .woocommerce-pagination a.prev:before, .woocommerce-pagination a.next:before { font-family: "FontAwesome"; font-size: 20px; color: #333333; line-height: 1; font-weight: normal; } .woocommerce-pagination a.prev { border-color: #cccccc; } .woocommerce-pagination a.prev:hover { border-color: #333333; } .woocommerce-pagination a.prev:before { content: "\f104"; } .woocommerce-pagination a.next { border-color: #cccccc; } .woocommerce-pagination a.next:hover { border-color: #333333; } .woocommerce-pagination a.next:before { content: "\f105"; } .product-action-button { height: 39px; overflow: hidden; display: table; margin: 20px auto 0 auto; } .added_to_cart { font-size: 0; height: 39px; width: 39px; border: 1px solid #999999; float: left; text-align: center; position: relative; line-height: 43px; } .added_to_cart:hover { border-color: #27ae61; } .added_to_cart:hover:before { color: #27ae61; } .added_to_cart:before { content: "\f3fd"; font-family: "ionicons"; color: #999999; font-size: 25px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); } .yith-wcwl-add-to-wishlist { position: relative; float: left; margin: 0 0 0 5px; height: 39px; width: 39px; } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button { height: 100%; } .yith-wcwl-add-to-wishlist .yith-wcwl-add-button img { display: none; } .add_to_wishlist { width: 100%; height: 100%; text-align: center; border: 1px solid #999999; border-radius: 0!important; display: inline-block; position: relative; font-size: 0; line-height: 39px; } .add_to_wishlist:hover { border-color: #27ae61; } .add_to_wishlist:hover:before { color: #27ae61; } .add_to_wishlist:before { content: "\f442"; font-family: "ionicons"; color: #999999; font-size: 25px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); } #yith-wcwl-popup-message { display: none!important; } .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse { width: 100%; height: 100%; text-align: center; border: 1px solid #27ae61; border-radius: 0!important; display: inline-block; position: relative; font-size: 0; } .yith-wcwl-wishlistaddedbrowse:before, .yith-wcwl-wishlistexistsbrowse:before { content: "\f443"; font-family: "ionicons"; color: #27ae61; font-size: 25px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); } .wishlist_table { float: left; width: 100%; } .wishlist_table .product-price, .wishlist_table .product-stock-status { color: #232323; font-size: 16px; } .wishlist_table .product-price ins { background: none; margin-left: 7px; } .wishlist_table .product-name a { font-size: 18px; } .wishlist_table a { font-weight: 700; color: #232323; } .wishlist_table a.remove { font-size: 18px; } .wishlist_table a.remove:hover { color: #f00; text-decoration: none; } .wishlist_table a:hover { text-decoration: underline; } .yith-wcwl-share li a { width: 30px; height: 30px; display: inline-block; border-radius: 50%; border: 1px solid #686868; text-align: center; line-height: 30px; } .yith-wcwl-share li a:before { font-family: "ionicons"; } .yith-wcwl-share li a[href*="twitter.com"]:before { content: "\f243"; } .yith-wcwl-share li a[href*="facebook.com"]:before { content: "\f231"; } .yith-wcwl-share li a[href*="plus.google.com"]:before { content: "\f235"; } .yith-wcwl-share li a[href*="pinterest.com"]:before { content: "\f2b1"; } .yith-wcwl-share li a[href*="mailto"]:before { content: "\f422"; } .yith-wcwl-share li a:hover { text-decoration: none; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .topseo-box-show-wishlist { overflow: inherit; } .topseo-show-wishlist .yith-wcwl-wishlistexistsbrowse { display: inline-block !important; position: absolute; right: -50px; top: 0; z-index: 99; } .topseo-show-wishlist .yith-wcwl-wishlistexistsbrowse:before { content: "\f453"; } .topseo-show-wishlist .yith-wcwl-wishlistexistsbrowse a { position: absolute; right: 0; top: 0; bottom: 0; left: 0; } .archive.woocommerce-page .products .row > li.col-md-4.col-lg-4:nth-of-type(3n+1) { clear: both; } .archive.woocommerce-page .products .row > li.col-md-3.col-lg-3:nth-of-type(4n+1) { clear: both; } /* price variation on widget */ .product-price del { margin-right: 7px; } /* star rating */ .widget_rating_filter .star-rating > span { top: -12px; } .woocommerce-product-rating { display: block; margin: 15px 0; } .woocommerce-product-rating .woocommerce-review-link { color: #232323; margin-top: 10px; display: block; } .woo-pro .star-rating { left: 50%; margin-left: -31.5px; } .star-rating { font-size: 0; position: relative; line-height: 1; white-space: nowrap; width: 63px; /*rating on widget*/ } .star-rating:before { font-size: 14px; content: "\f4b2\f4b2\f4b2\f4b2\f4b2"; font-family: "ionicons"; } .star-rating > span { position: absolute; left: 0; white-space: nowrap; overflow: hidden; } .star-rating > span:before { font-size: 14px; font-family: "ionicons"; color: #ddaa20; content: "\f4b3" "\f4b3" "\f4b3" "\f4b3" "\f4b3"; } .star-rating + span { display: block; } /* comment rating */ .comment-form-rating .stars a { font-size: 0; } .comment-form-rating .stars a:before { font-size: 16px; content: "\f4b3"; font-family: "ionicons"; color: #dadada; } .comment-form-rating .stars a.active:before, .comment-form-rating .stars a:hover:before { content: "\f4b3"; } .comment-form-rating .stars a.active ~ a:before, .comment-form-rating .stars a:hover ~ a:before { content: "\f4b2"; } .comment-form-rating #rating { display: none; } /* select 2 for LAYERED NAV DROPDOWN widget */ .widget_layered_nav ul.select2-selection__rendered { height: 36px; padding: 3px!important; } .widget_layered_nav ul.select2-selection__rendered .select2-search { display: none; } .widget_layered_nav ul.select2-selection__rendered li { width: initial; margin-top: 0!important; line-height: 22px; padding: 0 5px!important; } .widget_layered_nav .woocommerce-widget-layered-nav-dropdown__submit { border: 0; background: #232323; color: #ffffff; padding: 5px 10px; cursor: pointer; } /* SHOP FULL */ .shop_full ul.products { float: none; } .widget.woocommerce { float: left; width: 100%; min-height: inherit; margin-bottom: 15px; } .widget.woocommerce:first-of-type .widget-title { margin-top: 0; } .widget.woocommerce ul, .widget.woocommerce ol { float: left; width: 100%; } .widget.woocommerce li ul, .widget.woocommerce li ol { margin: 0; } .widget.woocommerce .widget-title { border-bottom: 1px solid #eaeaea; padding-bottom: 15px; margin-top: 15px; } .widget_shopping_cart_content li { float: left; width: 100%; position: relative; padding-left: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 15px; padding-bottom: 15px; } .widget_shopping_cart_content li:last-of-type { padding-bottom: 0; border-bottom: 0; } .widget_shopping_cart_content li a:not(.remove) { color: #999; font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; } .widget_shopping_cart_content li a:not(.remove):hover { color: #ffa506; } .widget_shopping_cart_content li .remove { font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 18px; position: absolute; color: #232323; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .widget_shopping_cart_content li .remove:hover { color: #f00; } .widget_shopping_cart_content li img { width: 90px; height: 90px; float: left; margin-right: 10px; } .widget_shopping_cart_content li .quantity { float: left; width: 140px; color: #999; } .widget_shopping_cart_content .total { float: left; width: 100%; margin-top: 15px; } .widget_shopping_cart_content .total strong { font-family: 'Poppins', sans-serif; font-weight: 700; } .widget_shopping_cart_content .total span { color: #999; } .widget_shopping_cart_content .buttons { float: left; width: 100%; } .widget_shopping_cart_content .buttons a { color: #000; font-family: 'Poppins', sans-serif; font-weight: 600; margin-right: 15px; } .widget_shopping_cart_content .buttons a:hover { color: #ffa506; } .product-categories > li > a:before { content: ''; width: 6px; height: 6px; position: absolute; left: 0; background: #232323; font-size: 6px; top: 15px; } .product-categories li { float: left; width: 100%; text-align: right; position: relative; border-bottom: 1px solid #eeeeee; line-height: 37px; } .product-categories li .children { float: left; width: 100%; } .product-categories li .children li { border-bottom: 0; border-top: 1px solid #eeeeee; } .product-categories li .children a { margin-left: 27px; } .product-categories a { margin-left: 15px; text-align: left; float: left; color: #232323; } .product-categories a:hover { color: #ffa506; } .product-categories a:hover:before { background: #ffa506; } .product-categories a:hover + .count { color: #ffa506; } .price_slider_wrapper { position: relative; float: left; width: 100%; } .price_slider { background: #ffa506; height: 1px; position: relative; text-align: left; margin: 15px 7.5px; } .ui-slider-range { position: absolute; z-index: 1; height: 1px; background: #333333; } .ui-slider-handle { top: -7.5px; position: absolute; width: 15px; height: 15px; background: #333333; cursor: col-resize; margin-left: -7.5px; } .price_slider_amount { float: left; width: 100%; margin-top: 20px; } .price_slider_amount button { display: inline-block; border: 0; background: #232323; color: #ffffff; padding: 5px 10px; cursor: pointer; margin-right: 10px; } .price_slider_amount .price_label { display: inline-block; color: #999999; } .widget_layered_nav_filters ul a { color: #232323; } .widget_layered_nav ul > li > a:before { content: ''; width: 6px; height: 6px; position: absolute; left: 0; background: #232323; font-size: 6px; top: 15px; } .widget_layered_nav ul li { float: left; width: 100%; text-align: right; position: relative; border-bottom: 1px solid #eeeeee; line-height: 37px; } .widget_layered_nav ul li .children { float: left; width: 100%; } .widget_layered_nav ul li .children li { border-bottom: 0; border-top: 1px solid #eeeeee; } .widget_layered_nav ul li .children a { margin-left: 27px; } .widget_layered_nav ul a { margin-left: 15px; text-align: left; float: left; color: #232323; } .widget_layered_nav ul a:hover { color: #ffa506; } .widget_layered_nav ul a:hover:before { background: #ffa506; } .widget_layered_nav ul a:hover + .count { color: #ffa506; } .dropdown_layered_nav_color { float: left; width: 100%; height: 40px; padding-left: 10px; font-family: 'Poppins', sans-serif; font-weight: 700; margin-bottom: 25px; } .dropdown_product_cat { float: left; padding-left: 10px; height: 40px; width: 100%; font-family: 'Poppins', sans-serif; font-weight: 700; } .woocommerce-product-search { position: relative; float: left; width: 100%; } .woocommerce-product-search input[type="search"] { padding-left: 20px; padding-right: 51px; width: 100%; background: #f6f6f6; border: 0; height: 51px; border: 1px solid rgba(0, 0, 0, 0); -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .woocommerce-product-search input[type="search"]::-webkit-input-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .woocommerce-product-search input[type="search"]:-moz-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .woocommerce-product-search input[type="search"]::-moz-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .woocommerce-product-search input[type="search"]:-ms-input-placeholder { color: #999999; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; } .woocommerce-product-search input[type="search"]:focus { color: #232323; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-color: #dad6d6; } .woocommerce-product-search input[type="search"]:focus::-webkit-input-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .woocommerce-product-search input[type="search"]:focus:-moz-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .woocommerce-product-search input[type="search"]:focus::-moz-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .woocommerce-product-search input[type="search"]:focus:-ms-input-placeholder { color: #232323; font-size: 14px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: 400; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; } .woocommerce-product-search input[type="submit"] { -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; font-size: 0; position: absolute; right: 0; top: 0; width: 51px; height: 51px; cursor: pointer; border: 0; background: url(images/search.png) no-repeat center center; padding: 0; color: #585858; } .widget_products .product_list_widget li, .widget_top_rated_products .product_list_widget li { float: left; border-bottom: 1px solid #eaeaea; margin-bottom: 15px; padding-bottom: 15px; width: 100%; } .widget_products .product_list_widget li:last-of-type, .widget_top_rated_products .product_list_widget li:last-of-type { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .widget_products .product_list_widget li > a, .widget_top_rated_products .product_list_widget li > a { width: 77px; height: 103px; float: left; margin-right: 15px; } .widget_products .product_list_widget .product-title, .widget_top_rated_products .product_list_widget .product-title { text-transform: uppercase; color: #999999; display: inline-block; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; } .widget_products .product_list_widget .product-title:hover, .widget_top_rated_products .product_list_widget .product-title:hover { color: #ffa506; } .widget_products .product_list_widget .product-content, .widget_top_rated_products .product_list_widget .product-content { display: inline-block; max-width: 150px; float: left; } .widget_products .product_list_widget .product-price, .widget_top_rated_products .product_list_widget .product-price { float: left; width: 100%; } .widget_products .product_list_widget .product-price del, .widget_top_rated_products .product_list_widget .product-price del { opacity: 1; } .widget_products .product_list_widget .product-price ins, .widget_top_rated_products .product_list_widget .product-price ins { background: none; } .widget_products .product_list_widget .product-price span, .widget_top_rated_products .product_list_widget .product-price span { font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #232323; } .widget_products .product_list_widget .product-rating, .widget_top_rated_products .product_list_widget .product-rating { float: left; width: 100%; color: #999; } .widget_recent_reviews ul li { float: left; width: 100%; border-bottom: 1px solid #eaeaea; margin-bottom: 15px; padding-bottom: 15px; } .widget_recent_reviews ul li:last-of-type { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .widget_recent_reviews ul li > a { float: none; text-transform: uppercase; color: #999; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700; } .widget_recent_reviews ul li > a:hover { color: #ffa506; } .widget_recent_reviews ul img { max-width: 77px; max-height: 103px; float: left; margin-right: 15px; } .widget_recent_reviews ul .star-rating { display: inline-block; width: 150px; color: #999; } .widget_recent_reviews ul .reviewer { width: 150px; color: #999; display: inline-block; font-weight: 600; } .woo-single { min-height: 500px; margin-bottom: 50px; } .woo-single .variations select { margin-right: 10px; padding: 5px; } .woo-single .variations a { color: #333; } .woo-single .woocommerce-Tabs-panel > h2, .woo-single #comments > h2 { display: none; } .woo-single .up-sells.upsells.products, .woo-single .related.products { margin: 0; width: 100%; } .woo-single .up-sells.upsells.products .products, .woo-single .related.products .products { width: 100%; } .woo-single .up-sells.upsells > h2, .woo-single .related > h2 { font-size: 18px; text-align: center; margin: 40px 0; } .woo-single .flex-control-thumbs { margin-top: 10px; } .woo-single .flex-control-thumbs li { max-width: 70px; display: inline-block; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } .woo-single .price span { font-size: 18px; } .woo-single .thumbnails { margin: 30px 0; float: left; width: 100%; } .woo-single .thumbnails > a:nth-child(3n) img { margin-right: 0; } .woo-single .thumbnails img { width: 30.75%; margin-right: 3.8%; margin-bottom: 15px; } .woo-single #content > div { position: relative; } .woo-single .onsale { position: absolute; left: -5px; z-index: 2; top: -20px; width: 40px; height: 40px; border-radius: 50%; background: #ffa506; text-align: center; line-height: 40px; color: #ffffff; font-size: 12px; font-family: 'Poppins', sans-serif; } .woo-single .woocommerce-message { padding: 0 15px; margin-bottom: 15px; } .woo-single .woocommerce-product-gallery__wrapper { margin: 0; max-width: initial; } .woo-single .woocommerce-product-gallery__trigger { position: absolute; z-index: 3; font-size: 30px; left: 25px; top: 10px; } .woo-single .yith-wcwl-add-to-wishlist { display: none; } .woo-single .product_title { margin: 0; font-size: 18px; } .woo-single .woo-single-price { float: left; width: 100%; } .woo-single .summary .product_title { font-size: 20px; } .woo-single .summary .price { float: left; width: 100%; margin: 15px 0; } .woo-single .summary .price span { font-weight: bold; font-family: 'Poppins', sans-serif; color: #232323; font-size: 18px; } .woo-single .summary .price del { float: none; opacity: 1; } .woo-single .summary .price del span { font-size: 18px; color: #999999; text-decoration: line-through; } .woo-single .summary .price ins { float: left; background: none; } .woo-single .woo-single-description { float: left; width: 100%; border: 1px solid #d6d6d6; border-left: 0; border-right: 0; padding: 30px 0; margin-bottom: 40px; } .woo-single .woo-single-description p { font-size: 15px; color: #686868; } .woo-single .cart .quantity { float: left; margin-right: 30px; } .woo-single .cart .quantity input { width: 170px; height: 50px; background: #ffffff; border: 1px solid #cccccc; padding: 0 15px; font-weight: 700; } .woo-single .cart .quantity input:focus { border-color: #232323; } .woo-single .cart button { width: 200px; height: 50px; background: #27ae61; color: #ffffff; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 16px; text-align: center; line-height: 50px; border: 1px solid #27ae61; float: left; cursor: pointer; } .woo-single .cart button:hover { color: #27ae61; background: #ffffff; } .woo-single .cart button:focus { color: #ffffff; } .woo-single .product_meta { float: left; width: 100%; text-transform: uppercase; font-size: 14px; margin-top: 40px; font-weight: 700; } .woo-single .product_meta span { color: #999999; } .woo-single .product_meta a { color: #232323; } .woo-single .product_meta a:hover { text-decoration: underline; } .woo-single .woocommerce-tabs { float: left; width: 100%; } .woo-single .wc-tabs { margin: 80px 0 20px 0; text-align: center; float: left; width: 100%; border-bottom: 1px solid #cccccc; } .woo-single .wc-tabs li { margin: 0 auto; list-style: none; display: inline; } .woo-single .wc-tabs li.active a { border-bottom: 2px solid #000000; color: #232323; } .woo-single .wc-tabs a { padding: 10px 20px; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 16px; text-transform: uppercase; color: #cccccc; border-bottom: 2px solid rgba(0, 0, 0, 0); position: relative; bottom: -1px; } .woo-single .woocommerce-Tabs-panel p { color: #686868; line-height: 26px; font-size: 15px; } .woo-single .woocommerce-Tabs-panel--description { float: left; width: 100%; } .woo-single #reply-title.comment-reply-title { font-size: 18px; margin: 15px 0; } .woo-single #reviews { float: left; width: 100%; } .woo-single #reviews #comments { padding-top: 10px; } .woo-single #reviews .commentlist li { float: left; width: 100%; border-bottom: 1px dashed #ddd; margin-bottom: 15px; } .woo-single #reviews .commentlist .comment_container { position: relative; } .woo-single #reviews .commentlist .comment_container img { position: absolute; top: 0; left: 0; } .woo-single #reviews .commentlist .comment_container .comment-text { float: left; width: 100%; padding-left: 80px; margin-bottom: 15px; } .woo-single .related h6 { text-align: center; margin: 90px 0 40px 0; } .woo-single .woo-pro .button { background: #ffffff; border-color: #27ae61; color: #27ae61; } .woo-single .woo-pro .button:hover { background: #27ae61; color: #ffffff; border-color: #27ae61; } .woocommerce-message { float: left; width: 100%; font-size: 14px; line-height: 24px; color: #999; } .woocommerce-message a { font-weight: 700; color: #232323; } .woocommerce-message a:hover { text-decoration: underline; } .tagged_as { display: block; clear: both; margin-top: 15px; } .woocommerce-product-search > button { display: none; } body.woocommerce { margin-bottom: 0; } .woocommerce-cart .breadcrumb { margin-bottom: 0; } .woocommerce { float: left; width: 100%; min-height: 500px; margin-bottom: 50px; } .woocommerce-cart form table { width: 100%; border: 0; } .woocommerce-cart form table td { border: 0; padding: 30px 0; } .woocommerce-cart form table thead th { font-weight: 700; font-size: 14px; color: #000; text-align: center; border: 0; border-bottom: 1px solid #f1f1f1; } .woocommerce-cart form table tbody tr td { border-top: 1px solid #dadada; border-bottom: 1px solid #f5f5f5; } .woocommerce-cart form table tbody tr:last-of-type td { border-bottom: 0; } .woocommerce-cart form table .product-name a { font-size: 16px; font-weight: 700; font-family: 'Poppins', sans-serif; color: #000; } .woocommerce-cart form table .product-name a:hover { color: #ffa506; } .woocommerce-cart form table .product-quantity { text-align: center; } .woocommerce-cart form table .product-quantity input { width: 120px; height: 40px; border: 1px solid #cccccc; font-weight: 700; padding: 0 20px; } .woocommerce-cart form table .product-price, .woocommerce-cart form table .product-subtotal { font-size: 16px; color: #000; text-align: center; } .woocommerce-cart form table .product-remove { text-align: center; width: 70px; } .woocommerce-cart form table .product-remove a { font-size: 0; } .woocommerce-cart form table .product-remove a:hover:before { color: #000; } .woocommerce-cart form table .product-remove a:before { content: "\f12a"; font-family: "ionicons"; font-size: 20px; color: #cccccc; } .woocommerce-cart form table .actions .coupon { float: left; } .woocommerce-cart form table .actions .coupon label { font-weight: 700; float: left; line-height: 50px; margin-right: 30px; } .woocommerce-cart form table .actions .coupon input[type="text"] { float: left; height: 49px; border: 1px solid #cccccc; padding: 0 20px; margin-right: 30px; font-weight: 700; } .woocommerce-cart form table .actions .coupon input[type="text"]:focus { border-color: #232323; } .woocommerce-cart form table .actions .coupon input[type="submit"] { float: left; padding: 0 20px; height: 49px; line-height: 49px; text-align: center; border: 1px solid #cccccc; font-size: 14px; font-family: 'Poppins', sans-serif; color: #000; text-transform: uppercase; background: #ffffff; cursor: pointer; } .woocommerce-cart form table .actions .coupon input[type="submit"]:hover { border-color: #232323; } .woocommerce-cart form table .actions .coupon input[type="submit"]:focus { color: #232323; } .woocommerce-cart form table .actions > input[type="submit"] { float: right; padding: 0 20px; height: 49px; line-height: 49px; text-align: center; border: 1px solid #cccccc; font-size: 14px; font-family: 'Poppins', sans-serif; color: #000; text-transform: uppercase; background: #ffffff; cursor: pointer; } .woocommerce-cart form table .actions > input[type="submit"]:hover { border-color: #232323; } .woocommerce-cart form table .actions > input[type="submit"]:focus { color: #232323; } .woocommerce-cart .cart-collaterals table { width: 100%; } .woocommerce-info { font-size: 14px; color: #232323; line-height: 24px; } .woocommerce-info a { color: #232323; font-weight: 700; } .woocommerce-info a.showlogin { color: #27ae61; } .woocommerce-info a.showcoupon { color: #ffa506; } .woocommerce-info a:hover { text-decoration: underline; } .cart-empty { font-size: 14px; color: #232323; line-height: 24px; } .return-to-shop a { color: #232323; font-weight: 700; } .return-to-shop a:hover { text-decoration: underline; } .place-order .button { height: 40px; border: 0; width: 100%; margin-top: 20px; } /* button checkout */ .checkout-button.button.alt.wc-forward { padding: 0 15px; height: 50px; min-width: 150px; margin-top: 30px; display: inline-flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #ccc; color: #303030; text-transform: uppercase; font-weight: 700; } .checkout-button.button.alt.wc-forward:hover { color: #000; border-color: #000; } .woocommerce-error { color: #f00; } .woocommerce-checkout .breadcrumb { margin-bottom: 0; } .checkout_coupon > p { float: left; margin-right: 15px; margin-top: 20px; } .checkout_coupon input { width: 220px; height: 50px; padding: 0 20px; border: 1px solid #999; font-weight: 700; color: #232323; } .checkout_coupon input[type="submit"] { cursor: pointer; background: #27ae61; border-color: #27ae61; color: #ffffff; } .checkout_coupon input[type="submit"]:hover { background: #ffffff; border-color: #27ae61; color: #27ae61; } .checkout_coupon input[type="submit"]:focus { color: #ffffff; } .checkout_coupon input:focus { border-color: #232323; } #customer_details { float: left; width: 65.5%; } #customer_details .col-1, #customer_details .col-2 { float: left; width: 100%; } #customer_details .form-row { width: 50%; float: left; margin-bottom: 15px; } #customer_details .form-row label { float: left; width: 100%; font-size: 15px; color: #232323; margin-bottom: 5px; } #customer_details .form-row label abbr { color: #e71a1a; text-decoration: none; } #customer_details .form-row input:not(#createaccount) { float: left; width: 100%; height: 50px; border: 1px solid #f3f3f3; background: #f9f9f9; padding: 0 20px; } #customer_details .form-row input:not(#createaccount):focus { border-color: #ddd; } #customer_details .form-row.form-row-first { max-width: 370px; } #customer_details .form-row.form-row-last { max-width: 370px; float: right; } #customer_details .form-row.form-row-wide { width: 100%; } #customer_details .form-row.notes { width: 100%; float: left; } #customer_details .form-row #order_comments { float: left; width: 100%; height: 90px; border: 1px solid #f3f3f3; background: #f9f9f9; padding: 10px; resize: none; } #customer_details .form-row #order_comments:focus { border-color: #ddd; } #order_review_heading { float: right; width: 31.5%; text-align: center; clear: inherit; } .woocommerce-checkout-review-order { float: right; width: 31.5%; background: #f3f3f3; position: relative; padding: 35px; padding-bottom: 90px; } .woocommerce-checkout-review-order-table { float: left; width: 100%; margin: 0 0 35px 0; border: 0; border-bottom: 4px solid #ececec; } .woocommerce-checkout-review-order-table thead td { text-transform: uppercase !important; font-size: 16px !important; color: #232323 !important; } .woocommerce-checkout-review-order-table tfoot .cart-subtotal td:first-of-type { text-transform: uppercase; font-size: 16px; color: #232323; } .woocommerce-checkout-review-order-table tfoot .cart-subtotal td:first-of-type.product-name { font-size: 14px; color: #a4adc0; text-transform: inherit; } .woocommerce-checkout-review-order-table tfoot .order-total td { font-size: 18px !important; font-weight: 700 !important; color: #232323 !important; } .woocommerce-checkout-review-order-table td { border: 0; border-bottom: 1px solid #ececec; } .woocommerce-checkout-review-order-table td:first-of-type { text-transform: uppercase; font-size: 16px; color: #232323; } .woocommerce-checkout-review-order-table td:first-of-type.product-name { font-size: 14px; color: #a4adc0; text-transform: inherit; } .woocommerce-checkout-review-order-table td:last-of-type { font-size: 14px; color: #a4adc0; } .woocommerce-checkout-payment { float: left; width: 100%; } .place-order input[type="submit"] { background: #27ae61; border: 1px solid #27ae61; color: #ffffff; cursor: pointer; font-family: 'Poppins', sans-serif; font-size: 14px; height: 50px; position: absolute; left: 0; bottom: 0; width: 100%; } .place-order input[type="submit"]:hover { border-color: #27ae61; color: #27ae61; background: #ffffff; } .place-order input[type="submit"]:focus { color: #ffffff !important; background: #27ae61; } .payment_methods { float: left; width: 100%; } .payment_methods label { font-size: 16px; color: #999999; } .payment_methods a { font-size: 16px; color: #999999; } .payment_methods a:hover { text-decoration: underline; } .payment_methods p { background: #ffffff; font-size: 14px; line-height: 24px; color: #7e8ba5; margin: 20px 0; padding: 15px; position: relative; } .payment_methods p:before { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffffff; border-width: 6px; margin-left: -6px; } /* select country checkout */ .woocommerce-checkout .select2-container { float: left; width: 100%; } .woocommerce-checkout .select2-container.select2-container--open .select2-selection--single { border-color: #aaa; } .woocommerce-checkout .select2-container .select2-dropdown { border-radius: 0; } .woocommerce-checkout .select2-container .select2-choice { padding: 0 15px; line-height: 50px; border-radius: 0; height: 50px; background: #f9f9f9; } .woocommerce-checkout .select2-container .select2-choice:focus { border-color: #ccc; } .woocommerce-checkout .select2-container .select2-selection--single { border-radius: 0; height: 50px; background: #f9f9f9; border: 1px solid #f3f3f3; } .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow { height: 50px; } .woocommerce-checkout .select2-container .select2-selection__rendered { line-height: 50px !important; } .coupon .button { height: 49px; border: 0; padding: 0 20px; } .actions .button { margin-left: 10px; height: 49px; border: 0; padding: 0 20px; } .woocommerce #customer_login { float: left; width: 100%; } .woocommerce #customer_login .col-1 { max-width: 50%; float: left; } .woocommerce #customer_login .col-2 { max-width: 50%; float: left; } .woocommerce .login, .woocommerce .register, .woocommerce .lost_reset_password { float: left; width: 100%; } .woocommerce .login label, .woocommerce .register label, .woocommerce .lost_reset_password label { float: left; width: 100%; color: #999; font-size: 14px; margin-bottom: 5px; } .woocommerce .login input:not([type="submit"]):not([type="checkbox"]), .woocommerce .register input:not([type="submit"]):not([type="checkbox"]), .woocommerce .lost_reset_password input:not([type="submit"]):not([type="checkbox"]) { width: 220px; height: 50px; padding: 0 20px; border: 1px solid #999; font-weight: 700; color: #232323; } .woocommerce .login input:not([type="submit"]):not([type="checkbox"]):focus, .woocommerce .register input:not([type="submit"]):not([type="checkbox"]):focus, .woocommerce .lost_reset_password input:not([type="submit"]):not([type="checkbox"]):focus { border-color: #232323; } .woocommerce .login input[type="submit"], .woocommerce .register input[type="submit"], .woocommerce .lost_reset_password input[type="submit"] { cursor: pointer; width: 120px; height: 50px; padding: 0 20px; border: 1px solid #27ae61; font-weight: 700; color: #ffffff; background: #27ae61; } .woocommerce .login input[type="submit"]:focus, .woocommerce .register input[type="submit"]:focus, .woocommerce .lost_reset_password input[type="submit"]:focus { color: #ffffff; } .woocommerce .login input[type="submit"]:hover, .woocommerce .register input[type="submit"]:hover, .woocommerce .lost_reset_password input[type="submit"]:hover { border-color: #27ae61; background: #ffffff; color: #27ae61; } .woocommerce .login .inline, .woocommerce .register .inline, .woocommerce .lost_reset_password .inline { float: left; width: 100%; margin: 10px 0; } .woocommerce .login .lost_password, .woocommerce .register .lost_password, .woocommerce .lost_reset_password .lost_password { float: left; width: 100%; } .woocommerce .login .lost_password a, .woocommerce .register .lost_password a, .woocommerce .lost_reset_password .lost_password a { color: #232323; font-weight: 700; } .woocommerce .login .lost_password a:hover, .woocommerce .register .lost_password a:hover, .woocommerce .lost_reset_password .lost_password a:hover { text-decoration: underline; } .woocommerce .woocommerce-MyAccount-navigation { float: left; width: 100%; } .woocommerce .woocommerce-MyAccount-navigation ul { float: left; width: 100%; margin-bottom: 15px; } .woocommerce .woocommerce-MyAccount-navigation li { display: inline-block; } .woocommerce .woocommerce-MyAccount-navigation li.is-active a { text-decoration: underline; } .woocommerce .woocommerce-MyAccount-navigation li a { color: #27ae61; font-weight: 600; font-size: 14px; margin-right: 7px; } .woocommerce .woocommerce-MyAccount-navigation li a:hover { text-decoration: underline; } .woocommerce .woocommerce-MyAccount-content { float: left; width: 100%; } .woocommerce .woocommerce-MyAccount-content a { color: #232323; font-weight: 700; } .woocommerce .woocommerce-MyAccount-content a:hover { text-decoration: underline; } .woocommerce .woocommerce-MyAccount-content .form-row { float: left; width: 50%; clear: both; } .woocommerce .woocommerce-MyAccount-content .form-row label { float: left; width: 100%; font-size: 14px; color: #999; margin-bottom: 5px; } .woocommerce .woocommerce-MyAccount-content .form-row label span { color: #f00; } .woocommerce .woocommerce-MyAccount-content .form-row input { float: left; width: 100%; height: 40px; border: 1px solid #999; padding: 0 15px; } .woocommerce .woocommerce-MyAccount-content .form-row input:focus { border-color: #232323; } .woocommerce .woocommerce-MyAccount-content fieldset { float: left; width: 50%; clear: both; } .woocommerce .woocommerce-MyAccount-content fieldset .form-row { width: 100%; } .woocommerce .woocommerce-MyAccount-content input[type="submit"] { cursor: pointer; background: #27ae61; color: #ffffff; width: 220px; height: 50px; padding: 0 20px; border: 1px solid #27ae61; font-weight: 700; } .woocommerce .woocommerce-MyAccount-content input[type="submit"]:hover { background: #ffffff; border-color: #27ae61; color: #27ae61; } .woocommerce .woocommerce-MyAccount-content input[type="submit"]:focus { color: #ffffff !important; background: #27ae61; } .woocommerce .woocommerce-thankyou-order-received { font-size: 15px; } .woocommerce .woocommerce-thankyou-order-details { float: left; width: 100%; } .woocommerce .woocommerce-thankyou-order-details li { line-height: 24px; font-weight: 600; } .woocommerce .order_details { float: left; width: 100%; } .woocommerce .customer_details { float: left; width: 100%; } .woocommerce .woocommerce-MyAccount-orders { float: left; width: 100%; } .woocommerce .woocommerce-MyAccount-orders tbody td { position: relative; padding: 20px 10px; } .woocommerce .woocommerce-MyAccount-orders .view { position: absolute; line-height: 40px; font-size: 14px; font-weight: 600; left: 10px; top: 10px; right: 10px; bottom: 10px; text-align: center; background: #27ae61; color: #ffffff; border: 1px solid #27ae61; } .woocommerce .woocommerce-MyAccount-orders .view:hover { text-decoration: none; border-color: #27ae61; background: #ffffff; color: #27ae61; } #main { min-height: 500px; } .fw-divider-line { float: left; width: 100%; clear: both; min-height: 1px; } .fw-divider-solid { border-top: 1px solid #f1f1f1; } .fw-divider-dotted { border-top: 1px dotted #eaeaea; } .fw-divider-dashed { border-top: 1px dashed #595959; } .fw-divider-solid-bold { min-height: 3px; background: #686868; } .fw-divider-parttern { min-height: 10px; background: url(../topseo/images/divider-pattern.png) repeat-x; } .fw-divider-space { float: left; width: 100%; } .fw-heading-center { text-align: center; } .landing-box { position: relative; height: 490px; } .landing-img { height: 100%; width: 100%; float: left; border: 15px solid #f8f8f8; position: relative; background-repeat: no-repeat; background-size: cover; background-position: top center; margin-bottom: 35px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; -moz-transition-duration: 2s; -webkit-transition-duration: 2s; transition-duration: 2s; } .landing-img:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; background: rgba(0, 0, 0, 0.65); -webkit-box-shadow: 0 0 10px 1px rgba(35, 35, 35, 0.5); box-shadow: 0 0 10px 1px rgba(35, 35, 35, 0.5); -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .landing-img:hover { background-position: bottom center; -moz-transition-duration: 4s; -webkit-transition-duration: 4s; transition-duration: 4s; } .landing-img:hover:after { opacity: 1; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .landing-img:hover .landing-btn { opacity: 1; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .landing-btn { position: relative; z-index: 10; opacity: 0; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; } .landing-btn a { height: 50px; line-height: 50px; background: #ffffff; display: block; padding: 0 40px; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 700; position: relative; } .landing-btn a:after { content: ''; position: absolute; top: -5px; bottom: -5px; right: -5px; left: -5px; border: 1px solid rgba(255, 255, 255, 0.5); -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .landing-btn:hover a:after { top: -1px; left: -1px; bottom: -1px; right: -1px; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .landing-title { font-size: 24px; font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; color: #232323; text-align: center; float: left; width: 100%; margin-top: 35px; margin-bottom: 70px; } .attachment .blog-page { margin-bottom: 0; } .topseo-img-single-view { margin-bottom: 15px; } .topseo-img-single-view > span { display: inline-block; margin-right: 10px; } .topseo-img-single-view a { color: #232323; } .topseo-img-single-view a:hover { text-decoration: underline; } .topseo-img-content-single-view { text-align: center; } .topseo-contact-form-under-slider { color: #ffffff; } .topseo-contact-form-under-slider label { float: left; width: 100%; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 500; } .topseo-contact-form-under-slider input:not([type="submit"]) { margin-top: 10px; float: left; width: 100%; background: rgba(255, 255, 255, 0.25); height: 55px; padding: 0 20px; border: 1px solid rgba(0, 0, 0, 0); color: #ffffff; } .topseo-contact-form-under-slider input:not([type="submit"]):focus { color: #ffffff; } .topseo-contact-form-under-slider input:not([type="submit"])::-webkit-input-placeholder { color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 400; } .topseo-contact-form-under-slider input:not([type="submit"]):-moz-placeholder { color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 400; } .topseo-contact-form-under-slider input:not([type="submit"])::-moz-placeholder { color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 400; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } .topseo-contact-form-under-slider input:not([type="submit"]):-ms-input-placeholder { color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 400; } .topseo-contact-form-under-slider + .wpcf7-response-output { margin-top: 20px; } .topseo-contact-form-under-slider + .wpcf7-mail-sent-ok { color: #ffffff; } .topseo-cus-box { float: left; width: 100%; } .topseo-cus-box p { color: rgba(255, 255, 255, 0.8); margin-bottom: 0; font-size: 15px; clear: both; } .topseo-cus-title { font-size: 24px; text-transform: uppercase; font-weight: 700; font-family: 'Poppins', sans-serif; } .cus-spector { width: 40px; height: 1px; float: left; clear: both; background: #ffffff; margin: 16px 0; } .topseo-cus-submit { cursor: pointer; border: 0; background: #2e3751; font-weight: 700; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: uppercase; color: #ffffff; height: 55px; line-height: 55px; padding: 0 35px; display: inline-block; margin-top: 24px; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .topseo-cus-submit:hover, .topseo-cus-submit:focus { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: #ffffff; color: #2e3751; } .topseo-start-page { margin: 50px auto; } .topseo-start-page { margin-top: 80px; } .topseo-animation { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; display: none; background: #ffffff; } .logged-in-as a { color: #232323; } .logged-in-as a:hover { text-decoration: underline; } .comment-edit-link { color: #232323; } .comment-edit-link:hover { text-decoration: underline; } /* contact */ .ht-footer .current-menu-ancestor:after, .ht-footer .current-menu-item:after, .ht-footer .current-menu-ancestor > a:after, .ht-footer .current-menu-item > a:after { content: none !important; } .ht-footer .widget_nav_menu .menu li a:before { background: none !important; position: static; } /* Edit location */ .topseo-edit-location { position: absolute; z-index: 9999; } /* */ .fw-page-builder-content > .fw-main-row .fw-container-fluid { padding-left: 0; padding-right: 0; } /* services-box-item-read-more */ .services-box-item:not(.service-special-hover-effect) { padding: 25px; } .services-box-item-read-more { font-size: 0; } .services-box-item-read-more a { color: #232323; font-size: 14px; text-transform: uppercase; } .services-box-item-read-more a:before { margin-right: 10px; } /* flash message FW_Contact_Form */ .fw-flash-messages { margin-bottom: 20px; } .fw-flash-messages .fw-flash-type-error { color: #f00; } .fw-flash-messages .fw-flash-type-warning { color: #f70; } .fw-flash-messages .fw-flash-type-success { color: #070; } .fw-flash-messages .fw-flash-type-info { color: #07f; } body.menu-style-1 .topseo-header { position: absolute; left: 0; } /*! LOGO STICK NOT SHOW ON MOBILE ------------------------------------------------->*/ @media (max-width: 991px) { .topseo-not-top.sticky-menu .logo-img-sticky { z-index: 111; } } .wp-caption-text { outline: none; } .sticky { outline: none; } .gallery-caption { outline: none; } .bypostauthor { outline: none; } .ht-chart-title { font-size: 18px; font-weight: 300; color: #232323; display: block; margin-bottom: 15px; } .ht-chart-title.ht-pie-chart-title { margin: 15px 0; text-align: center; } .ht-chart-legend { float: left; width: 100%; text-align: center; margin: 15px 0; } .ht-chart-legend li { display: inline-block; margin: 0 5px; line-height: 20px; } .ht-chart-legend p { margin: 0; line-height: 20px; } .ht-legend-bg { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; border-radius: 3px; } .ht_pie_wrapper { position: relative; margin: 0 auto; } .ht_pie_chart_value { position: absolute; text-align: center; border-width: 7px; border-style: solid; border-radius: 50%; } .ht_single_bar { background: #f7f7f7; position: relative; margin-bottom: 11.67px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ht_prog_label { color: #ffffff; display: block; padding: 10px; position: relative; z-index: 1; font-size: 14px; } .ht_prog_bar { display: block; position: absolute; height: 100%; width: 0; top: 0; left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: width 1s linear; -moz-transition: width 1s linear; -webkit-transition: width 1s linear; -o-transition: width 1s linear; } .ht_prog_bar.ht_prog_animated { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .ht_prog_bar.ht_prog_striped { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-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-image: -moz-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-image: -o-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-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); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } /*# sourceMappingURL=style.css.map */