button, input[type="button"], input[type="reset"], input[type="submit"], #respond #submit, .button, .site-topbar .btn:after, a, .slick-arrow, .menu > .menu-item-has-children:before, .menu#primary-menu > .menu-item, .saturnthemes-twitter .tweet-nav > span:hover, .post-share-buttons a, .post-grid-item .post-img .button, .woocommerce .product-item, .staff-content-title, .staff-content .expert-socials, .services-content .services-icon, .services-content-title:before, .services-content-title:after, .saturnthemes-product-categories .categories-overlay { -webkit-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); -moz-transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); } .breadcrumbs-wrapper .saturnthemes_industry_bread_crumb a:after, .pagination.loop-pagination .page-numbers.next:before, .loop-pagination.page-links .page-numbers.next:before, .pagination.loop-pagination .page-numbers.next:after, .loop-pagination.page-links .page-numbers.next:after, .pagination.loop-pagination .page-numbers.prev:before, .loop-pagination.page-links .page-numbers.prev:before, .pagination.loop-pagination .page-numbers.prev:after, .loop-pagination.page-links .page-numbers.prev:after, #language-switcher-menu.menu li.menu-item-has-children:after, #currency-switcher-menu.menu li.menu-item-has-children:after, .social-links li a:before, .menu > .menu-item-has-children:before, .menu .sub-menu .menu-item-has-children:after, .widget_recent_entries .post-date:before, .widget_archive ul li a:before, .widget_categories ul li a:before, .widget_search .search-form:after, .widget_search .woocommerce-product-search:after, .widget_product_search .search-form:after, .widget_product_search .woocommerce-product-search:after, .widget_product_categories .product-categories .cat-item:before, .sidebar .widget_nav_menu ul li a:before, .wpb_widgetised_column .widget_nav_menu ul li a:before, .comments-area .comment-list .comment .comment-reply-link:before, .footer-widget-container .menu a:before, .woocommerce .star-rating:before, .woocommerce .star-rating span:before, .single-product .single_add_to_cart_button:before, .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after, .testimonial-container .testimonial-thumbnail:before, .services-content-title:before, .services-content-title:after, ul.list-icon-plus li:before { display: inline-block; font: normal normal normal 16px/1 FontAwesome; vertical-align: middle; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #menu-side > .menu-item.more a:after, .post-pagination > div a:before, .post-pagination > div a:after { font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .saturnthemes-twitter .tweet-nav i:before { display: inline-block; width: 40px; height: 40px; line-height: 36px; } .menu > .menu-item-has-children:before, .sep-bottom:after, .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a span:after, .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover span:after { position: absolute; left: 50%; transform: translateX(-50%); } .header-contact-details-list .header-contact-detail-icon, .slick-arrow, .menu .sub-menu .menu-item-has-children:after, .testimonial-container.style3 .testimonial-thumbnail:before, .testimonial-container.style3 .testimonial-thumbnail:after, .services-content-title:before, .services-content-title:after, .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active:after, ul.list-icon-plus li:before { position: absolute; top: 50%; transform: translateY(-50%); } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active { outline: 0; } a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 1.5; color: #373a3c; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #818a91; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #0275d8; text-decoration: none; } a:focus, a:hover { color: #014c8c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } pre { margin-top: 0; margin-bottom: 1rem; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } table { background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #818a91; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } input, button, select, textarea { margin: 0; line-height: inherit; border-radius: 0; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { box-sizing: inherit; -webkit-appearance: none; } output { display: inline-block; } .img-fluid { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0.3rem; } .img-thumbnail { padding: 0.25rem; line-height: 1.5; background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; transition: all .2s ease-in-out; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } .table-bordered { border: 1px solid #eceeef; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #eceeef; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media (max-width: 1229.9px) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #eceeef; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { max-width: 640px; } } @media (min-width: 1024px) { .container { max-width: 960px; } } @media (min-width: 1230px) { .container { max-width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { display: flex; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-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, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; width: 100%; padding-left: 15px; padding-right: 15px; } @media (min-width: 320px) { .col-xs-1 { flex: 8.33333%; -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xs-2 { flex: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xs-3 { flex: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { flex: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xs-5 { flex: 41.66667%; -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xs-6 { flex: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { flex: 58.33333%; -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xs-8 { flex: 66.66667%; -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xs-9 { flex: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { flex: 83.33333%; -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xs-11 { flex: 91.66667%; -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xs-12 { flex: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } } @media (min-width: 768px) { .col-sm-1 { flex: 8.33333%; -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { flex: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 41.66667%; -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { flex: 58.33333%; -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 66.66667%; -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { flex: 83.33333%; -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 91.66667%; -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 1024px) { .col-md-1 { flex: 8.33333%; -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { flex: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 41.66667%; -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { flex: 58.33333%; -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 66.66667%; -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { flex: 83.33333%; -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 91.66667%; -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1230px) { .col-lg-1 { flex: 8.33333%; -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { flex: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 41.66667%; -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { flex: 58.33333%; -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 66.66667%; -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { flex: 83.33333%; -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 91.66667%; -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 1920px) { .col-xl-1 { flex: 8.33333%; -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xl-4 { flex: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 41.66667%; -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xl-7 { flex: 58.33333%; -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 66.66667%; -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xl-10 { flex: 83.33333%; -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 91.66667%; -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.33333%; } .col-xl-pull-2 { right: 16.66667%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.33333%; } .col-xl-pull-5 { right: 41.66667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.33333%; } .col-xl-pull-8 { right: 66.66667%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.33333%; } .col-xl-pull-11 { right: 91.66667%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.33333%; } .col-xl-push-2 { left: 16.66667%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.33333%; } .col-xl-push-5 { left: 41.66667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.33333%; } .col-xl-push-8 { left: 66.66667%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.33333%; } .col-xl-push-11 { left: 91.66667%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-0 { margin-left: 0%; } .col-xl-offset-1 { margin-left: 8.33333%; } .col-xl-offset-2 { margin-left: 16.66667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.33333%; } .col-xl-offset-5 { margin-left: 41.66667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.33333%; } .col-xl-offset-8 { margin-left: 66.66667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.33333%; } .col-xl-offset-11 { margin-left: 91.66667%; } .col-xl-offset-12 { margin-left: 100%; } } .col-xs-first { box-ordinal-group: -1; order: -1; -ms-flex-order: -1; } .col-xs-last { box-ordinal-group: 1; order: 1; -ms-flex-order: 1; } @media (min-width: 768px) { .col-sm-first { box-ordinal-group: -1; order: -1; -ms-flex-order: -1; } .col-sm-last { box-ordinal-group: 1; order: 1; -ms-flex-order: 1; } } @media (min-width: 1024px) { .col-md-first { box-ordinal-group: -1; order: -1; -ms-flex-order: -1; } .col-md-last { box-ordinal-group: 1; order: 1; -ms-flex-order: 1; } } @media (min-width: 1230px) { .col-lg-first { box-ordinal-group: -1; order: -1; -ms-flex-order: -1; } .col-lg-last { box-ordinal-group: 1; order: 1; -ms-flex-order: 1; } } @media (min-width: 1920px) { .col-xl-first { box-ordinal-group: -1; order: -1; -ms-flex-order: -1; } .col-xl-last { box-ordinal-group: 1; order: 1; -ms-flex-order: 1; } } .row-xs-top { box-align: start; align-items: flex-start; -ms-flex-align: start; } .row-xs-center { box-align: center; align-items: center; -ms-flex-align: center; } .row-xs-bottom { box-align: end; align-items: flex-end; -ms-flex-align: end; } @media (min-width: 768px) { .row-sm-top { box-align: start; align-items: flex-start; -ms-flex-align: start; } .row-sm-center { box-align: center; align-items: center; -ms-flex-align: center; } .row-sm-bottom { box-align: end; align-items: flex-end; -ms-flex-align: end; } } @media (min-width: 1024px) { .row-md-top { box-align: start; align-items: flex-start; -ms-flex-align: start; } .row-md-center { box-align: center; align-items: center; -ms-flex-align: center; } .row-md-bottom { box-align: end; align-items: flex-end; -ms-flex-align: end; } } @media (min-width: 1230px) { .row-lg-top { box-align: start; align-items: flex-start; -ms-flex-align: start; } .row-lg-center { box-align: center; align-items: center; -ms-flex-align: center; } .row-lg-bottom { box-align: end; align-items: flex-end; -ms-flex-align: end; } } @media (min-width: 1920px) { .row-xl-top { box-align: start; align-items: flex-start; -ms-flex-align: start; } .row-xl-center { box-align: center; align-items: center; -ms-flex-align: center; } .row-xl-bottom { box-align: end; align-items: flex-end; -ms-flex-align: end; } } .col-xs-top { align-self: flex-start; -ms-flex-item-align: start; } .col-xs-center { align-self: center; -ms-flex-item-align: center; } .col-xs-bottom { align-self: flex-end; -ms-flex-item-align: end; } @media (min-width: 768px) { .col-sm-top { align-self: flex-start; -ms-flex-item-align: start; } .col-sm-center { align-self: center; -ms-flex-item-align: center; } .col-sm-bottom { align-self: flex-end; -ms-flex-item-align: end; } } @media (min-width: 1024px) { .col-md-top { align-self: flex-start; -ms-flex-item-align: start; } .col-md-center { align-self: center; -ms-flex-item-align: center; } .col-md-bottom { align-self: flex-end; -ms-flex-item-align: end; } } @media (min-width: 1230px) { .col-lg-top { align-self: flex-start; -ms-flex-item-align: start; } .col-lg-center { align-self: center; -ms-flex-item-align: center; } .col-lg-bottom { align-self: flex-end; -ms-flex-item-align: end; } } @media (min-width: 1920px) { .col-xl-top { align-self: flex-start; -ms-flex-item-align: start; } .col-xl-center { align-self: center; -ms-flex-item-align: center; } .col-xl-bottom { align-self: flex-end; -ms-flex-item-align: end; } } .start-xs { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-xs { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } @media (min-width: 768px) { .start-sm { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-sm { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } } @media (min-width: 1024px) { .start-md { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-md { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-md { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } } @media (min-width: 1230px) { .start-lg { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-lg { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } } @media (min-width: 1920px) { .start-xl { -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-xl { -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-xl { -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-right: .25rem; margin-left: .25rem; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; text-align: left; list-style: none; background-color: #fff; } .dropdown-item { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.5; color: #373a3c; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #0275d8; outline: 0; } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #818a91; } .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 0.85rem; line-height: 1.5; color: #818a91; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 0.3em solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 0.85rem; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9 { padding-bottom: 42.85714%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .clearfix::after { content: ""; display: table; clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .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; } [hidden] { display: none !important; } .invisible { visibility: hidden; } .text-hide { font: "0/0" a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 320px) { .text-xs-left { text-align: left; } .text-xs-right { text-align: right; } .text-xs-center { text-align: center; } } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } } @media (min-width: 1024px) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } } @media (min-width: 1230px) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } } @media (min-width: 1920px) { .text-xl-left { text-align: left; } .text-xl-right { text-align: right; } .text-xl-center { text-align: center; } } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #818a91; } .text-primary { color: #0275d8; } a.text-primary:focus, a.text-primary:hover { color: #025aa5; } .text-success { color: #5cb85c; } a.text-success:focus, a.text-success:hover { color: #449d44; } .text-info { color: #5bc0de; } a.text-info:focus, a.text-info:hover { color: #31b0d5; } .text-warning { color: #f0ad4e; } a.text-warning:focus, a.text-warning:hover { color: #ec971f; } .text-danger { color: #d9534f; } a.text-danger:focus, a.text-danger:hover { color: #c9302c; } .bg-inverse { color: #eceeef; background-color: #373a3c; } .bg-faded { background-color: #f7f7f9; } .bg-primary { color: #fff; background-color: #0275d8; } a.bg-primary:focus, a.bg-primary:hover { background-color: #025aa5; } .bg-success { color: #fff; background-color: #5cb85c; } a.bg-success:focus, a.bg-success:hover { background-color: #449d44; } .bg-info { color: #fff; background-color: #5bc0de; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5; } .bg-warning { color: #fff; background-color: #f0ad4e; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f; } .bg-danger { color: #fff; background-color: #d9534f; } a.bg-danger:focus, a.bg-danger:hover { background-color: #c9302c; } @media (min-width: 320px) { .hidden-xs-up { display: none !important; } } @media (max-width: 767.9px) { .hidden-xs-down { display: none !important; } } @media (min-width: 768px) { .hidden-sm-up { display: none !important; } } @media (max-width: 1023.9px) { .hidden-sm-down { display: none !important; } } @media (min-width: 1024px) { .hidden-md-up { display: none !important; } } @media (max-width: 1229.9px) { .hidden-md-down { display: none !important; } } @media (min-width: 1230px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1919.9px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1920px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*! Animate.css - http://daneden.me/animate Version - 3.4.0 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .font-awesome, .mobile-menu-container .mobile-menu li > .mobile-menu-toggle:after { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { line-height: 1.6; } h1, h2, h3, h4, h5, h6 { margin: 0 0 18px 0; letter-spacing: 0.05em; } .comment-text h1, .entry-content h1 { font-size: 26px; } .comment-text h2, .entry-content h2 { font-size: 24px; } .comment-text h3, .entry-content h3 { font-size: 21px; } .comment-text h4, .entry-content h4 { font-size: 19px; } .comment-text h5, .entry-content h5 { font-size: 17px; } .comment-text h6, .entry-content h6 { font-size: 15px; } p { margin-bottom: 1.4em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 0 1.14em 0; padding: 1.3em 0 1.3em 1.5em; background: #F8F8F8; border-left: 3px solid transparent; } blockquote p { margin-bottom: 0; } address { margin: 0 0 1.125em; } pre { background: #eee; font-size: 0.875em; line-height: 1.6; margin-bottom: 1.2em; max-width: 100%; overflow: auto; padding: 1.2em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 0.82031em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body { -ms-word-wrap: break-word; word-wrap: break-word; overflow-x: hidden; word-spacing: -1px; } blockquote { quotes: "" ""; } blockquote:before, blockquote:after { content: ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } .row:before { display: none !important; } ul, ol { margin: 0; padding: 0; list-style: none; } .comment-text ul, .comment-text ol, .entry-content ul, .entry-content ol, .page-content ul, .page-content ol { padding-left: 16px; margin-bottom: 20px; } .comment-text ul, .entry-content ul, .page-content ul { list-style: disc; } .comment-text ul li, .entry-content ul li, .page-content ul li { padding-bottom: 14px; } .comment-text ol, .entry-content ol, .page-content ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { margin: 0 0 1.5em; width: 100%; } th, td { padding: 0.4em; } th { border-width: 0 1px 1px 0; font-weight: 700; } table, th, td { border: 1px solid rgba(51, 51, 51, 0.1); } .row-xs-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .row-sm-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1024px) { .row-md-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1230px) { .row-lg-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"], #respond #submit, .button { display: inline-block; height: 50px; line-height: 46px; padding: 0 20px; border: 2px solid; font-weight: 700; text-transform: uppercase; cursor: pointer; } button .fa, input[type="button"] .fa, input[type="reset"] .fa, input[type="submit"] .fa, #respond #submit .fa, .button .fa { font-size: 16px; padding-right: 8px; } .button.primary-button { color: #FFF; } .button.primary-button:hover i { color: #FFF; } .button.secondary-button { background: none; } .button.secondary-button:hover { color: #FFF; } .button.secondary-button:hover i { color: #FFF; } .button.full { display: block; margin-bottom: 10px; text-align: center; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"] { border: 1px solid #DDD; margin-bottom: 10px; padding: 8px 10px; height: 50px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus { outline: none; outline-offset: 0; } input[type="checkbox"], input[type="radio"] { margin-right: 10px; } textarea { width: 100%; border: 1px solid #DDD; margin-bottom: 10px; padding: 8px 10px; } textarea:focus { outline: none; outline-offset: 0; } select { height: 50px; border: 1px solid #DDD; background: #FFF url(../img/arrow-down.png) no-repeat 98.5% center; -moz-appearance: none; -webkit-appearance: none; padding: 0 20px; } .select2-container .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #DDD; border-radius: 0; padding: 13px 10px; } .select2-search input { margin-top: 10px; } .select2-drop-active { border: 1px solid #DDD; } select::-ms-expand { display: none; } select:focus { outline: none; } /*-------------------------------------------------------------- # Search --------------------------------------------------------------*/ .searchform .search-submit { display: none; } .searchform select { background: #fff url(../img/arrow-down.png) no-repeat 77% center; } .searchform .btn { border: none; } .searchform input[type="text"]:placeholder-shown { font-size: 14px; } .search-type-1 { position: relative; z-index: 9999; display: inline-block; float: right; } .search-type-1 i { position: relative; display: inline-block; overflow: hidden; border-left: 1px solid transparent; text-align: center; width: 22px; height: 22px; line-height: 22px; font-size: 18px; cursor: pointer; } .search-type-1 label span, .search-type-1 input[type="submit"] { display: none; } .search-type-1 .search-form { display: none; } .search-type-1 #js-search-overlay { cursor: pointer; } .full-screen-search-container { position: fixed; width: 100%; height: 100%; z-index: 9999999; top: 0; left: 0; visibility: hidden; backface-visibility: hidden; opacity: 0; transition: all 0.2s; } .full-screen-search-container .container { height: 100%; } .full-screen-search-container .container .row { height: 100%; } .full-screen-search-container .full-screen-search-close { position: absolute; top: 40px; right: 80px; color: #ffffff; transition: all 0.2s; } .full-screen-search-container .full-screen-search-close:hover { cursor: pointer; transform: scale(1.5); } .full-screen-search-container .search-form label { display: inline-block; width: 30%; } .full-screen-search-container .search-form .search-label { font-size: 30px; line-height: 30px; font-weight: bold; text-transform: uppercase; } .full-screen-search-container .search-form .search-field { width: 100%; background-color: transparent; border: none; border-bottom: 1px solid #ffffff; font-size: 20px; padding: 3px; } .full-screen-search-container .search-form .search-button i { font-size: 25px; line-height: 25px; } .full-screen-search-container .search-form .search-submit { display: none; } .full-screen-search-container.open { visibility: visible; opacity: 1; } .full-screen-search-container.open .search-form { animation-name: fadeInUp; } .full-screen-search-container { background-color: rgba(0, 0, 0, 0.85); color: #ffffff; } .full-screen-search-container .search-form .search-field { color: #ffffff; } .search-type-2 .searchform { display: inline-block; vertical-align: top; border: 1px solid #000000; font-size: 0; } .search-type-2 select, .search-type-2 input[type="text"], .search-type-2 .button { vertical-align: top; } .search-type-2 select { border: none; width: 180px; height: 46px; padding: 0 20px; text-transform: uppercase; font-size: 13px; background-color: #fff; background-image: url(../img/arrow-down.png); background-position: 95% center; background-repeat: no-repeat; } .search-type-2 input[type="text"] { width: 200px; height: 100%; margin: 0; padding: 13px 20px; font-size: 14px; border: none; background-position: 100% center; background-repeat: no-repeat; color: #000; } .search-type-2 .btn { margin-top: 0; padding: 0; width: 52px; height: 48px; background: none; font-size: 18px; } .search-type-2 .btn [class^="pe-7s-"], .search-type-2 .btn [class*=" pe-7s-"] { font-weight: bold; } .search-type-2 .btn:focus { outline: none; } .search-type-2 #search-overlay { display: none; } @media (min-width: 1230px) { .search-type-2 select { width: 215px; background-image: url(../img/arrow-down.png); background-position: 77% center; } .search-type-2 input[type="text"] { width: 295px; } } .search-type-3 .searchform { vertical-align: top; border: 1px solid #000000; font-size: 0; } .search-type-3 select, .search-type-3 input[type="text"], .search-type-3 .button { vertical-align: top; } .search-type-3 select { border: none; width: 220px; height: 48px; padding: 0 20px; text-transform: uppercase; font-size: 13px; } .search-type-3 input[type="text"] { width: calc(100% - 272px); height: 48px; margin: 0; padding: 0 20px; font-size: 14px; border-top: none; border-bottom: none; border-right: 1px solid #000; color: #000; } .search-type-3 .btn { margin-top: 0; padding: 0; width: 52px; height: 48px; background: none; font-size: 18px; } .search-type-3 .btn [class^="pe-7s-"], .search-type-3 .btn [class*=" pe-7s-"] { font-weight: bold; } .search-type-3 #search-overlay { display: none; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .header-overlay { position: absolute; width: 100%; z-index: 99999; background: transparent !important; } #mobile-menu-toggle { font-size: 24px; } /*------------ ## Common Headers ------------*/ .header { position: relative; } .header .fa { font-size: 16px; } .logo h1, .logo h2 { margin-bottom: 0; } .mobile-header { padding-top: 10px; padding-bottom: 10px; } .mini-cart { float: left; display: inline-block; } .mini-cart .cart-contents { position: relative; } .mini-cart .cart-contents .count { position: absolute; top: -10px; right: -10px; display: block; width: 19px; height: 19px; color: #FFF; font-size: 10px; text-align: center; border-radius: 50%; line-height: 19px; } #search-mobile-toggle { position: relative; display: none; } #search-mobile-toggle label { display: block; margin-bottom: 0; } #search-mobile-toggle .search-field { width: 100%; } #search-mobile-toggle .mobile-search-close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; color: #454545; } .site-topbar .btn { position: relative; display: inline-block; padding: 14px 23px; font-weight: 700; text-transform: uppercase; } .site-topbar .btn i { padding-right: 6px; } .site-topbar .btn:after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 0; background: #01B9E6; } .site-topbar .btn:hover:after { height: 5px; } .site-topbar .fa { font-size: 16px; } .header-contact-info { padding: 14px 0; } .header-contact-info > li { display: inline-block; } .header-contact-info > li:not(:last-child) { padding-right: 30px; } .header-contact-info span { font-size: 13px; } .header-contact-info i { padding-right: 8px; } .affix:not(.affix-disabled) { position: fixed; top: 0; width: 100%; z-index: 9999; box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.46); -webkit-box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.46); -moz-box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.46); } .affix:not(.affix-disabled).header-01 #primary-menu > .menu-item > a, .affix:not(.affix-disabled).header-05 #primary-menu > .menu-item > a, .affix:not(.affix-disabled).header-01 #primary-menu > ul > li > a, .affix:not(.affix-disabled).header-05 #primary-menu > ul > li > a { padding: 19px 0 20px; } .affix:not(.affix-disabled) .menu > .menu-item-has-children:before { display: none; } /** * Header Preset 1 + 5 */ /** * Header Preset 1 + 5 */ .header-layout-2 .header-middle { padding: 32px 0; } .header-layout-2 .menu > .menu-item-has-children:before { display: none; } .header-layout-2 .menu-horizontal > li:hover > .sub-menu, .header-layout-2 .menu-horizontal > li:hover > .children, .header-layout-2 .menu-horizontal > ul > li:hover > .sub-menu, .header-layout-2 .menu-horizontal > ul > li:hover > .children { top: 100%; } .header-04 .site-topbar { border-bottom: 1px solid transparent; } .header-04 .header-nav { border-top: 1px solid transparent; } .header-contact-details-list { text-align: right; } .header-contact-details-list li { display: inline-block; text-align: left; margin-left: 40px; margin-right: 55px; } .header-contact-details-list li:first-child { margin-left: 0; } .header-contact-details-list .header-contact-detail { position: relative; } .header-contact-details-list .header-contact-detail-icon { right: -60px; } .header-contact-details-list .header-contact-detail-icon i { position: relative; font-size: 18px; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #FFF; } .header-contact-details-list .header-contact-detail-icon i:after { content: ''; position: absolute; top: 15px; left: -6px; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 5px 6px 5px 0; } .header-contact-details-list .header-contact-detail-info .header-contact-detail-title { font-size: 13px; text-transform: uppercase; } .header-contact-details-list .header-contact-detail-info .header-contact-detail-extra-info { font-size: 18px; } .page-title { position: relative; z-index: 1000; margin-bottom: 50px; padding: 70px 0; background-repeat: no-repeat; background-position: center center; } @media (min-width: 768px) { .page-title { margin-bottom: 70px; padding: 100px 0; } } @media (min-width: 1024px) { .page-title { padding: 161px 0; } } .page-title .header-title { position: relative; z-index: 3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 22px; font-weight: 700; color: #FFF; } @media (min-width: 768px) { .page-title .header-title { font-size: 30px; } } @media (min-width: 1024px) { .page-title .header-title { font-size: 40px; } } .page-title-hero { position: absolute; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; transform: translateZ(0); backface-visibility: hidden; perspective: 1000; z-index: -1; } .page-title:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); } .breadcrumbs-wrapper { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); padding-top: 18px; padding-bottom: 17px; } .breadcrumbs-wrapper a, .breadcrumbs-wrapper a:visited, .breadcrumbs-wrapper .share-button { color: #FFF; } .breadcrumbs-wrapper .saturnthemes_industry_bread_crumb { white-space: nowrap; overflow: auto; -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(92%, #000), to(transparent)); -webkit-mask-image: linear-gradient(to right, #000 0%, #000 92%, transparent 100%); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; } .breadcrumbs-wrapper .saturnthemes_industry_bread_crumb li { display: inline-block; margin-right: 10px; } .breadcrumbs-wrapper .saturnthemes_industry_bread_crumb a:after, .breadcrumbs-wrapper .saturnthemes_industry_bread_crumb .current { color: #BBB; } .breadcrumbs-wrapper .saturnthemes_industry_bread_crumb a:after { content: "\f105"; margin-left: 12px; } .breadcrumbs-wrapper .share-button { text-transform: uppercase; cursor: pointer; } .breadcrumbs-wrapper .share-button .fa { padding-right: 8px; } .breadcrumbs-wrapper .cta-button { position: relative; display: block; } .breadcrumbs-wrapper .cta-button .icon-box { position: absolute; bottom: -30px; width: 100%; height: 100px; } .breadcrumbs-wrapper .cta-button .icon-box.icon-left .icon-box-icon { float: left; width: 70px; height: 100px; line-height: 110px; background: rgba(0, 0, 0, 0.1); text-align: center; } @media (min-width: 1230px) { .breadcrumbs-wrapper .cta-button .icon-box.icon-left .icon-box-icon { width: 100px; } } .breadcrumbs-wrapper .cta-button .icon-box.icon-left .icon-box-icon .fa { font-size: 30px; color: #FFF; } .breadcrumbs-wrapper .cta-button .icon-box.icon-left .icon-box-content { overflow: hidden; padding: 26px 5px 26px 15px; } @media (min-width: 1230px) { .breadcrumbs-wrapper .cta-button .icon-box.icon-left .icon-box-content { padding: 26px 5px 26px 25px; } } .breadcrumbs-wrapper .cta-button .icon-box.icon-left p { margin-bottom: 2px; color: rgba(0, 0, 0, 0.4); text-transform: capitalize; } .breadcrumbs-wrapper .cta-button .icon-box.icon-left h3 { color: #FFF; font-size: 14px; text-transform: uppercase; } @media (min-width: 1230px) { .breadcrumbs-wrapper .cta-button .icon-box.icon-left h3 { font-size: 17px; } } .breadcrumbs-wrapper .share-wrapper { background: #FFF; border: 1px solid #CCC; } .breadcrumbs-wrapper .share-wrapper.saturnthemes-toggle-dropdown { top: calc(100% + 20px); left: -50%; min-width: 150px; } .breadcrumbs-wrapper .share-wrapper.saturnthemes-toggle-dropdown > ul { position: relative; } .breadcrumbs-wrapper .share-wrapper.saturnthemes-toggle-dropdown > ul:before { content: ""; position: absolute; top: -8px; left: calc(50% - 8px); z-index: -1; display: block; width: 16px; height: 16px; background: #FFF; border-top: 1px solid; border-left: 1px solid; border-color: #CCC; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .breadcrumbs-wrapper .share-wrapper i { width: 25px; } .breadcrumbs-wrapper .share-wrapper li a { display: block; padding: 10px 15px; border-bottom: 1px solid #EEE; } .breadcrumbs-wrapper .share-wrapper li a:hover { background: rgba(0, 0, 0, 0.1); } .breadcrumbs-wrapper .share-wrapper li:last-child a { border-bottom: none; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { text-decoration: none; } a:focus, a:hover { text-decoration: none; } a:focus { outline: none; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .pagination, .page-links { padding: 30px 0; border-top: 1px solid #EEE; } .pagination .page-numbers, .page-links .page-numbers { vertical-align: middle; } .pagination .page-numbers:hover, .page-links .page-numbers:hover, .pagination .page-numbers.current, .page-links .page-numbers.current { color: #FFF; } .pagination ul.page-numbers, .page-links ul.page-numbers { background: none !important; } .pagination.wc-pagination li, .wc-pagination.page-links li { display: inline-block; } .pagination li, .page-links li, .pagination.loop-pagination, .loop-pagination.page-links { display: block; } .pagination li .page-numbers, .page-links li .page-numbers, .pagination.loop-pagination .page-numbers, .loop-pagination.page-links .page-numbers { display: inline-block; width: 48px; height: 48px; margin-right: 4px; text-align: center; line-height: 44px; border: 2px solid; font-weight: 700; } .pagination li .page-numbers.next, .page-links li .page-numbers.next, .pagination li .page-numbers.prev, .page-links li .page-numbers.prev, .pagination.loop-pagination .page-numbers.next, .loop-pagination.page-links .page-numbers.next, .pagination.loop-pagination .page-numbers.prev, .loop-pagination.page-links .page-numbers.prev { width: auto; border: none; } .pagination li .page-numbers.next .fa, .page-links li .page-numbers.next .fa, .pagination li .page-numbers.prev .fa, .page-links li .page-numbers.prev .fa, .pagination.loop-pagination .page-numbers.next .fa, .loop-pagination.page-links .page-numbers.next .fa, .pagination.loop-pagination .page-numbers.prev .fa, .loop-pagination.page-links .page-numbers.prev .fa { font-size: 16px; } .pagination li .page-numbers.next:hover, .page-links li .page-numbers.next:hover, .pagination li .page-numbers.prev:hover, .page-links li .page-numbers.prev:hover, .pagination.loop-pagination .page-numbers.next:hover, .loop-pagination.page-links .page-numbers.next:hover, .pagination.loop-pagination .page-numbers.prev:hover, .loop-pagination.page-links .page-numbers.prev:hover { background: none; text-decoration: underline; } .pagination li .page-numbers.prev, .page-links li .page-numbers.prev, .pagination.loop-pagination .page-numbers.prev, .loop-pagination.page-links .page-numbers.prev { padding-right: 22px; } .pagination li .page-numbers.prev .fa, .page-links li .page-numbers.prev .fa, .pagination.loop-pagination .page-numbers.prev .fa, .loop-pagination.page-links .page-numbers.prev .fa { padding-right: 5px; } .pagination li .page-numbers.next, .page-links li .page-numbers.next, .pagination.loop-pagination .page-numbers.next, .loop-pagination.page-links .page-numbers.next { padding-left: 22px; } .pagination li .page-numbers.next .fa, .page-links li .page-numbers.next .fa, .pagination.loop-pagination .page-numbers.next .fa, .loop-pagination.page-links .page-numbers.next .fa { padding-left: 5px; } .pagination.loop-pagination .page-numbers.prev:before, .loop-pagination.page-links .page-numbers.prev:before { content: "\f104"; padding-right: 5px; } .pagination.loop-pagination .page-numbers.next:after, .loop-pagination.page-links .page-numbers.next:after { content: "\f105"; padding-left: 5px; } .page-links { display: inline-block; } .page-links > a, .page-links > span:not(.page-links-title) { display: inline-block; width: 48px; height: 48px; margin-right: 4px; text-align: center; line-height: 44px; border: 2px solid; font-weight: 700; } .page-links > a:hover, .page-links > span:not(.page-links-title) { color: #FFF; } /*-------------------------------------------------------------- ## Owl Carousel Navigation --------------------------------------------------------------*/ /* Slider */ .slick-slider { margin-bottom: 50px; } .slick-slide { height: auto; } .slick-slide:focus { outline: none; } .slick-slide img { margin: 0 auto; } /* Arrows */ .slick-arrow { position: absolute; top: 50%; z-index: 999999; display: block; opacity: 0.4; width: 40px; height: 40px; background: none; color: #666; border: 2px solid #666; border-radius: 0; font-size: 24px !important; line-height: 36px !important; cursor: pointer; text-align: center; outline: none; } .slick-arrow:hover, .slick-arrow:focus { color: #666; opacity: 1; } .slick-arrow-prev { left: -50px; } .slick-arrow-next { right: -50px; } /* Dots */ .slick-dots { position: absolute; left: 0; bottom: -35px; display: block; width: 100%; padding: 0; list-style: none; text-align: right; } .slick-dots li { position: relative; display: inline-block; width: 12px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 20px !important; display: block; height: auto; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { border-color: #222; } .slick-dots li button:before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 12px; height: 12px; margin: 5px; background: #FFF; border: 2px solid; border-color: #A7A7A7; opacity: 1; } .slick-dots li.slick-active button:before { border-color: #222; opacity: 1; } .on-top .slick-arrow { top: -60px; } .on-top .slick-arrow-prev { left: auto; right: 60px; } .on-top .slick-arrow-next { right: 15px; } .pagination-vertical .slick-dots { width: auto; bottom: 50%; left: auto; right: -10px; transform: translateY(50%); } .pagination-vertical .slick-dots li { display: block; } @media (min-width: 1280px) and (max-width: 1399px) { .slick-arrow-prev { left: -28px; } .slick-arrow-next { right: -28px; } } @media (min-width: 1400px) { .slick-arrow-prev { left: -70px; } .slick-arrow-next { right: -70px; } } /*-------------------------------------------------------------- ## Currency & Language Menu --------------------------------------------------------------*/ #language-switcher-menu, #currency-switcher-menu { position: relative; } #language-switcher-menu:after, #currency-switcher-menu:after { content: ""; position: absolute; top: 44%; right: -19px; display: inline-block; width: 20px; height: 1px; } #language-switcher-menu.menu ul a, #language-switcher-menu.menu ul ul a, #currency-switcher-menu.menu ul a, #currency-switcher-menu.menu ul ul a { margin: 0; padding: 0; } #language-switcher-menu.menu li, #currency-switcher-menu.menu li { text-transform: uppercase; display: inline-block; vertical-align: middle; margin-left: 0; font-size: 12px; font-weight: bold; } #language-switcher-menu.menu li.menu-item-has-children:after, #currency-switcher-menu.menu li.menu-item-has-children:after { display: inline-block; content: '\f107'; width: 22px; text-align: center; font-size: 13px; transform: translateY(-1px); } #language-switcher-menu.menu li .flag, #currency-switcher-menu.menu li .flag { margin-right: 5px; } #language-switcher-menu.menu li .sub-menu, #currency-switcher-menu.menu li .sub-menu { width: auto; left: auto; background: #fff; } #language-switcher-menu.menu li .sub-menu li, #currency-switcher-menu.menu li .sub-menu li { display: block; margin: 0; } #language-switcher-menu.menu li .sub-menu li:after, #currency-switcher-menu.menu li .sub-menu li:after { display: none; } #language-switcher-menu.menu li .sub-menu li:hover, #currency-switcher-menu.menu li .sub-menu li:hover { text-decoration: underline; } #currency-switcher-menu.menu li .sub-menu, #language-switcher-menu.menu li .sub-menu { padding: 10px; border: 1px solid #000; } /*-------------------------------------------------------------- ## Social Menu --------------------------------------------------------------*/ .social-links { display: inline-block; font-size: 0; vertical-align: middle; padding: 0; margin: 0; } .social-links li { display: inline-block; } .social-links li a { position: relative; display: inline-block; padding-left: 20px; font-size: 0; text-align: center; line-height: 18px; overflow: hidden; } .social-links li a:before { display: inline-block; height: 100%; width: 100%; font-size: 18px; line-height: inherit; } .social-links li a[href*="facebook"]:before { content: "\f09a"; } .social-links li a[href*="twitter"]:before { content: "\f099"; } .social-links li a[href*="instagram"]:before { content: "\f16d"; } .social-links li a[href*="youtube"]:before { content: "\f16a"; } .social-links li a[href*="vimeo"]:before { content: "\f27d"; } .social-links li a[href*="vine"]:before { content: "\f1ca"; } .social-links li a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-links li a[href*="flickr"]:before { content: "\f16e"; } .social-links li a[href*="pinterest"]:before { content: "\f231"; } .social-links li a[href*="dribbble"]:before { content: "\f17d"; } .social-links li a[href*="foursquare"]:before { content: "\f180"; } .social-links li a[href*="linkedin"]:before { content: "\f0e1"; } .social-links li a[href*="tumblr"]:before { content: "\f173"; } .social-links li a[href*="skype"]:before { content: "\f17e"; } .social-links li a[href*="feed"]:before { content: "\f09e"; } .social-links li a[href*="mailto:"]:before { content: "\f003"; } /*-------------------------------------------------------------- ## Mega Menus --------------------------------------------------------------*/ .menu-inner { position: relative; } .menu-inner [class*="col-md"] { position: static; } .menu ul, .menu li { margin: 0; padding: 0; } .menu a { transition: color 0.2s, padding 0.2s; } .menu .menu-item > a { position: relative; } .menu .menu-item > a .menu-item-text { position: relative; } .menu .menu-item > a .menu-item-icon { position: absolute; top: 50%; transform: translateY(-50%); left: -20px; font-size: 13px; } .menu .menu-item > a .menu-item-badge { position: absolute; top: calc(-100% + 3px); right: 0; transform: translateX(50%); text-transform: uppercase; font-size: 11px; font-weight: 400; line-height: 15px; padding: 0 4px; letter-spacing: 0; color: white; background-color: #B09365; } .menu > .menu-item, .menu > ul > li { position: relative; } .menu > .menu-item > a, .menu > ul > li > a { position: relative; } .menu > .menu-item-has-children:before { content: "\f107"; bottom: 32px; } .menu > .menu-item-has-children:hover:before { bottom: 20px; } .menu .sub-menu .menu-item-has-children:after { content: "\f067"; font-size: 10px; right: 20px; color: inherit; } .menu#primary-menu > .menu-item { border-bottom: 5px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } .menu > .menu-item .menu-item, .menu > .menu-item li, .menu > ul > li .menu-item, .menu > ul > li li { position: relative; display: block; } .menu > .menu-item .menu-item > a, .menu > .menu-item li > a, .menu > ul > li .menu-item > a, .menu > ul > li li > a { display: block; } .menu > .menu-item .sub-menu, .menu > .menu-item .children, .menu > ul > li .sub-menu, .menu > ul > li .children { position: absolute; z-index: 1010; opacity: 0; visibility: hidden; transition: opacity 0.5s, top 0.5s, left 0.5s, right 0.5s; } .menu .menu-item:hover > .sub-menu, .menu li:hover > .children { visibility: visible; opacity: 1; z-index: 1020; } .menu > .menu-item .sub-menu .sub-menu, .menu > .menu-item .sub-menu .children, .menu > .menu-item .children .sub-menu, .menu > .menu-item .children .children, .menu > ul > li .sub-menu .sub-menu, .menu > ul > li .sub-menu .children, .menu > ul > li .children .sub-menu, .menu > ul > li .children .children { padding: 0; } .menu > .menu-item .sub-menu .sub-menu > li, .menu > .menu-item .sub-menu .children > li, .menu > .menu-item .children .sub-menu > li, .menu > .menu-item .children .children > li, .menu > ul > li .sub-menu .sub-menu > li, .menu > ul > li .sub-menu .children > li, .menu > ul > li .children .sub-menu > li, .menu > ul > li .children .children > li { border-bottom: none; } .menu .col-span-1, .menu .col-span-10, .menu .col-span-11, .menu .col-span-12, .menu .col-span-2, .menu .col-span-3, .menu .col-span-4, .menu .col-span-5, .menu .col-span-6, .menu .col-span-7, .menu .col-span-8, .menu .col-span-9 { min-height: 1px; padding-right: 15px; padding-left: 15px; } .menu .col-span-12 { width: 100%; } .menu .col-span-11 { width: 91.66666667%; } .menu .col-span-10 { width: 83.33333333%; } .menu .col-span-9 { width: 75%; } .menu .col-span-8 { width: 66.66666667%; } .menu .col-span-7 { width: 58.33333333%; } .menu .col-span-6 { width: 50%; } .menu .col-span-5 { width: 41.66666667%; } .menu .col-span-4 { width: 33.33333333%; } .menu .col-span-3 { width: 25%; } .menu .col-span-2 { width: 16.66666667%; } .menu .col-span-1 { width: 8.33333333%; } .menu > .menu-item .sub-menu, .menu > .menu-item .children, .menu > ul > li .sub-menu, .menu > ul > li .children, .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu .sub-menu, #menu-side > .menu-item .sub-menu, #menu-side > .menu-item.narrow > .sub-menu { padding: 4px 0; } .menu > .menu-item .sub-menu > li, .menu > .menu-item .children > li, .menu > ul > li .sub-menu > li, .menu > ul > li .children > li, .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu .sub-menu > li, #menu-side > .menu-item .sub-menu > li, #menu-side > .menu-item.narrow > .sub-menu > li, #menu-side > .menu-item .menu-item > .sub-menu > li { width: 270px; border-bottom: 1px solid; } .menu > .menu-item .sub-menu > li:last-child, .menu > .menu-item .children > li:last-child, .menu > ul > li .sub-menu > li:last-child, .menu > ul > li .children > li:last-child, .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu .sub-menu > li:last-child, #menu-side > .menu-item .sub-menu > li:last-child, #menu-side > .menu-item.narrow > .sub-menu > li:last-child, #menu-side > .menu-item .menu-item > .sub-menu > li:last-child { border-bottom: none; } .menu > .menu-item .sub-menu > li > a, .menu > .menu-item .children > li > a, .menu > ul > li .sub-menu > li > a, .menu > ul > li .children > li > a, .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu .sub-menu > li > a, #menu-side > .menu-item .sub-menu > li > a, #menu-side > .menu-item.narrow > .sub-menu > li > a, #menu-side > .menu-item .menu-item > .sub-menu > li > a { padding: 0 18px; padding-top: 14px; padding-bottom: 14px; font-size: 14px; line-height: 14px; } .menu-vertical > .left > .sub-menu, .menu > .menu-item .sub-menu > .left > .sub-menu, .menu > .menu-item .children > .left > .sub-menu, .menu > ul > li .sub-menu > .left > .sub-menu, .menu > ul > li .children > .left > .sub-menu, .menu-vertical > li > .sub-menu, .menu > .menu-item .sub-menu > li > .sub-menu, .menu > .menu-item .children > li > .sub-menu, .menu > .menu-item .menu > ul > li .sub-menu > li > .sub-menu, .menu > ul > li .menu > .menu-item .sub-menu > li > .sub-menu, .menu > ul > li .sub-menu > li > .sub-menu, .menu > .menu-item .menu > ul > li .children > li > .sub-menu, .menu > ul > li .menu > .menu-item .children > li > .sub-menu, .menu > ul > li .children > li > .sub-menu, .menu-horizontal.menu-vertical > li > .sub-menu, .menu-horizontal > ul.menu-vertical > li > .sub-menu, .menu > .menu-item .menu-horizontal > ul.sub-menu > li > .sub-menu, .menu > .menu-item .menu-horizontal > ul.children > li > .sub-menu, .menu > ul > li .menu-horizontal > ul.sub-menu > li > .sub-menu, .menu > ul > li .menu-horizontal > ul.children > li > .sub-menu, .menu-vertical > .left > .children, .menu > .menu-item .sub-menu > .left > .children, .menu > .menu-item .children > .left > .children, .menu > ul > li .sub-menu > .left > .children, .menu > ul > li .children > .left > .children, .menu-vertical > li > .children, .menu > .menu-item .sub-menu > li > .children, .menu > .menu-item .children > li > .children, .menu > .menu-item .menu > ul > li .sub-menu > li > .children, .menu > ul > li .menu > .menu-item .sub-menu > li > .children, .menu > ul > li .sub-menu > li > .children, .menu > .menu-item .menu > ul > li .children > li > .children, .menu > ul > li .menu > .menu-item .children > li > .children, .menu > ul > li .children > li > .children, .menu-horizontal.menu-vertical > li > .children, .menu-horizontal > ul.menu-vertical > li > .children, .menu > .menu-item .menu-horizontal > ul.sub-menu > li > .children, .menu > .menu-item .menu-horizontal > ul.children > li > .children, .menu > ul > li .menu-horizontal > ul.sub-menu > li > .children, .menu > ul > li .menu-horizontal > ul.children > li > .children { left: 110%; top: 0; } .menu-vertical > .left:hover > .sub-menu, .menu > .menu-item .sub-menu > .left:hover > .sub-menu, .menu > .menu-item .children > .left:hover > .sub-menu, .menu > ul > li .sub-menu > .left:hover > .sub-menu, .menu > ul > li .children > .left:hover > .sub-menu, .menu-vertical > li:hover > .sub-menu, .menu > .menu-item .sub-menu > li:hover > .sub-menu, .menu > .menu-item .children > li:hover > .sub-menu, .menu > .menu-item .menu > ul > li .sub-menu > li:hover > .sub-menu, .menu > ul > li .menu > .menu-item .sub-menu > li:hover > .sub-menu, .menu > ul > li .sub-menu > li:hover > .sub-menu, .menu > .menu-item .menu > ul > li .children > li:hover > .sub-menu, .menu > ul > li .menu > .menu-item .children > li:hover > .sub-menu, .menu > ul > li .children > li:hover > .sub-menu, .menu-horizontal.menu-vertical > li:hover > .sub-menu, .menu-horizontal > ul.menu-vertical > li:hover > .sub-menu, .menu > .menu-item .menu-horizontal > ul.sub-menu > li:hover > .sub-menu, .menu > .menu-item .menu-horizontal > ul.children > li:hover > .sub-menu, .menu > ul > li .menu-horizontal > ul.sub-menu > li:hover > .sub-menu, .menu > ul > li .menu-horizontal > ul.children > li:hover > .sub-menu, .menu-vertical > .left:hover > .children, .menu > .menu-item .sub-menu > .left:hover > .children, .menu > .menu-item .children > .left:hover > .children, .menu > ul > li .sub-menu > .left:hover > .children, .menu > ul > li .children > .left:hover > .children, .menu-vertical > li:hover > .children, .menu > .menu-item .sub-menu > li:hover > .children, .menu > .menu-item .children > li:hover > .children, .menu > .menu-item .menu > ul > li .sub-menu > li:hover > .children, .menu > ul > li .menu > .menu-item .sub-menu > li:hover > .children, .menu > ul > li .sub-menu > li:hover > .children, .menu > .menu-item .menu > ul > li .children > li:hover > .children, .menu > ul > li .menu > .menu-item .children > li:hover > .children, .menu > ul > li .children > li:hover > .children, .menu-horizontal.menu-vertical > li:hover > .children, .menu-horizontal > ul.menu-vertical > li:hover > .children, .menu > .menu-item .menu-horizontal > ul.sub-menu > li:hover > .children, .menu > .menu-item .menu-horizontal > ul.children > li:hover > .children, .menu > ul > li .menu-horizontal > ul.sub-menu > li:hover > .children, .menu > ul > li .menu-horizontal > ul.children > li:hover > .children { top: 0; left: 100%; } .menu-vertical > .right > .sub-menu, .menu > .menu-item .sub-menu > .right > .sub-menu, .menu > .menu-item .children > .right > .sub-menu, .menu > ul > li .sub-menu > .right > .sub-menu, .menu > ul > li .children > .right > .sub-menu { right: 110%; left: auto; top: 0; } .menu-vertical > .right:hover > .sub-menu, .menu > .menu-item .sub-menu > .right:hover > .sub-menu, .menu > .menu-item .children > .right:hover > .sub-menu, .menu > ul > li .sub-menu > .right:hover > .sub-menu, .menu > ul > li .children > .right:hover > .sub-menu { left: auto; right: 100%; } .menu-horizontal > li > .sub-menu, .menu-horizontal > ul > li > .children { top: 120%; } .menu-horizontal > li, .menu-horizontal > ul > li { display: inline-block; } .menu-horizontal > li:hover > .sub-menu, .menu-horizontal > li:hover > .children, .menu-horizontal > ul > li:hover > .sub-menu, .menu-horizontal > ul > li:hover > .children { top: calc(100% + 5px); } .menu-horizontal > .left > .sub-menu, .menu-vertical.menu-horizontal > li > .sub-menu, .menu > .menu-item .sub-menu.menu-horizontal > li > .sub-menu, .menu > .menu-item .children.menu-horizontal > li > .sub-menu, .menu > ul > li .sub-menu.menu-horizontal > li > .sub-menu, .menu > ul > li .children.menu-horizontal > li > .sub-menu, .menu-horizontal > li > .sub-menu, .menu-horizontal > ul.menu-horizontal > li > .sub-menu, .menu-horizontal > .left > .children, .menu-vertical.menu-horizontal > li > .children, .menu > .menu-item .sub-menu.menu-horizontal > li > .children, .menu > .menu-item .children.menu-horizontal > li > .children, .menu > ul > li .sub-menu.menu-horizontal > li > .children, .menu > ul > li .children.menu-horizontal > li > .children, .menu-horizontal > li > .children, .menu-horizontal > ul.menu-horizontal > li > .children, .menu-horizontal > ul > .left > .sub-menu, .menu-horizontal > ul.menu-vertical > li > .sub-menu, .menu > .menu-item .menu-horizontal > ul.sub-menu > li > .sub-menu, .menu > .menu-item .menu-horizontal > ul.children > li > .sub-menu, .menu > ul > li .menu-horizontal > ul.sub-menu > li > .sub-menu, .menu > ul > li .menu-horizontal > ul.children > li > .sub-menu, .menu-horizontal > ul.menu-horizontal > li > .sub-menu, .menu-horizontal > ul > li > .sub-menu, .menu-horizontal > ul > .left > .children, .menu-horizontal > ul.menu-vertical > li > .children, .menu > .menu-item .menu-horizontal > ul.sub-menu > li > .children, .menu > .menu-item .menu-horizontal > ul.children > li > .children, .menu > ul > li .menu-horizontal > ul.sub-menu > li > .children, .menu > ul > li .menu-horizontal > ul.children > li > .children, .menu-horizontal > ul.menu-horizontal > li > .children, .menu-horizontal > ul > li > .children { left: 0; text-align: left; } .menu-horizontal > .right > .sub-menu, .menu-horizontal > .right > .children, .menu-horizontal > ul > .right > .sub-menu, .menu-horizontal > ul > .right > .children { left: auto; right: 0; text-align: right; } .menu > .menu-item.menu-item-mega-menu > .sub-menu > li > a { font-family: Montserrat; font-size: 13px; line-height: 1; margin-bottom: 25px; } .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu { position: static; border: none !important; background-color: transparent !important; } .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu > li { padding-top: 20px; } .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu > li:first-child { padding-top: 0; } .menu > .menu-item.menu-item-mega-menu > .sub-menu > .menu-item > .sub-menu > li > a { font-size: 14px; line-height: 1; } .menu > .menu-item.full-width > .sub-menu { padding: 35px 30px; } .menu.menu-horizontal > li.menu-item-mega-menu > .sub-menu { width: 100%; } .menu.menu-horizontal > li.menu-item-mega-menu > .sub-menu > li { float: left; } .menu.menu-horizontal > li.menu-item-mega-menu:hover > .sub-menu > li > .sub-menu { position: static; visibility: visible; opacity: 1; } .menu.menu-horizontal > .menu-item.menu-item-mega-menu { position: static; } .menu.menu-vertical > li.full-width > .sub-menu, .menu > .menu-item .menu.sub-menu > li.full-width > .sub-menu, .menu > .menu-item .menu.children > li.full-width > .sub-menu, .menu > ul > li .menu.sub-menu > li.full-width > .sub-menu, .menu > ul > li .menu.children > li.full-width > .sub-menu { width: calc(300% + 9rem + 7px); } .menu.menu-vertical > li.full-width > .sub-menu > li, .menu > .menu-item .menu.sub-menu > li.full-width > .sub-menu > li, .menu > .menu-item .menu.children > li.full-width > .sub-menu > li, .menu > ul > li .menu.sub-menu > li.full-width > .sub-menu > li, .menu > ul > li .menu.children > li.full-width > .sub-menu > li { float: left; } .menu.menu-vertical > li.full-width:hover > .sub-menu > li > .sub-menu, .menu > .menu-item .menu.sub-menu > li.full-width:hover > .sub-menu > li > .sub-menu, .menu > .menu-item .menu.children > li.full-width:hover > .sub-menu > li > .sub-menu, .menu > ul > li .menu.sub-menu > li.full-width:hover > .sub-menu > li > .sub-menu, .menu > ul > li .menu.children > li.full-width:hover > .sub-menu > li > .sub-menu { visibility: visible; opacity: 1; } #menu-side { background-color: #FFF; } #menu-side > .menu-item { padding: 13px 20px 13px 20px; } #menu-side > .menu-item > a { display: block; } #menu-side > .menu-item:not(.more) > a { line-height: 1; } #menu-side > .menu-item:not(.more):first-child { padding-top: 25px; } #menu-side > .menu-item:not(.more):last-child { padding-bottom: 25px; } #menu-side > .menu-item.more { padding-top: 10px; padding-bottom: 0; } #menu-side > .menu-item.more a { padding-top: 23px; padding-bottom: 23px; border-top: 1px solid #000; font-size: 13px; line-height: 13px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; } #menu-side > .menu-item.more a:after { position: absolute; content: "\e688"; font-size: 18px; right: -7px; } #menu-side > .menu-item .sub-menu { border-width: 1px; border-style: solid; } #menu-side > .menu-item.menu-item-mega-menu > .sub-menu { padding: 35px 30px; } .header-01 #primary-menu > .menu-item, .header-05 #primary-menu > .menu-item, .header-06 #primary-menu > .menu-item, .header-01 #primary-menu > ul > li, .header-05 #primary-menu > ul > li, .header-06 #primary-menu > ul > li { padding: 0; line-height: 1.2; } .header-01 #primary-menu > .menu-item > a, .header-05 #primary-menu > .menu-item > a, .header-06 #primary-menu > .menu-item > a, .header-01 #primary-menu > ul > li > a, .header-05 #primary-menu > ul > li > a, .header-06 #primary-menu > ul > li > a { display: inline-block; margin: 0 20px; padding: 49px 0 50px; } .header-01 #primary-menu > .menu-item:not(.narrow) > a, .header-05 #primary-menu > .menu-item:not(.narrow) > a, .header-06 #primary-menu > .menu-item:not(.narrow) > a, .header-01 #primary-menu > ul > li:not(.narrow) > a, .header-05 #primary-menu > ul > li:not(.narrow) > a, .header-06 #primary-menu > ul > li:not(.narrow) > a { margin: 0 10px; } .header-layout-2 #primary-menu > .menu-item, .header-layout-2 #primary-menu > ul > li { margin-left: -4px; padding: 0 16px; border-right: none; border-bottom: none; line-height: 1.2; } .header-layout-2 #primary-menu > .menu-item > a, .header-layout-2 #primary-menu > ul > li > a { display: inline-block; border-bottom: 5px solid transparent; padding: 22px 10px 17px; } .header-layout-2 #primary-menu > .menu-item:last-child, .header-layout-2 #primary-menu > ul > li:last-child { border-right: 1px solid transparent; } .menu-side-container { position: relative; } .menu-side-container .heading { margin-bottom: 0; line-height: 1; } .menu-side-container .heading:hover { cursor: pointer; } .menu-side-container .toggle-menu-wrap { position: absolute; left: 0; top: 100%; z-index: 100; width: 100%; opacity: 0; visibility: hidden; } .menu-side-container.open .toggle-menu-wrap { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- ## Mobile Menu --------------------------------------------------------------*/ #mobile-menu-toggle:hover { cursor: pointer; } #slide-menu { position: fixed; height: 100%; background-color: #ffffff; } .mobile-menu-container .mobile-menu li { display: block; position: relative; } .mobile-menu-container .mobile-menu li > a { display: block; padding: 18px 20px; line-height: 1; } .mobile-menu-container .mobile-menu li > ul { margin-left: 15px; display: none; } .mobile-menu-container .mobile-menu li > .mobile-menu-toggle { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; background-color: #333; } .mobile-menu-container .mobile-menu li > .mobile-menu-toggle:hover { cursor: pointer; } .mobile-menu-container .mobile-menu li > .mobile-menu-toggle:after { color: #000000; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); content: "\f105"; } .mobile-menu-container .mobile-menu li.open > ul { display: block; } .mobile-menu-container .mobile-menu li.open > .mobile-menu-toggle:after { content: "\f107"; left: 10px; } #slide-menu { padding-bottom: 30px; background: #292929; opacity: 0; } #slide-menu.slide_menu_open { opacity: 1; } #slide-menu *, #slide-menu *:before, #slide-menu *:after { color: #FFF; } #slide-menu .switchers-wrap > div { margin-right: 15px; } #slide-menu-top { margin-top: 20px; padding-top: 15px; padding-bottom: 15px; } #slide-menu #currency-switcher-menu:after, #slide-menu #language-switcher-menu:after { display: none; } #slide-menu .search-type-2 { margin-bottom: 15px; } #slide-menu .search-type-2 #product_cat { display: none; } #slide-menu .search-type-2 .searchform { background: #FFF; width: 100%; } #slide-menu .search-type-2 input[type="text"] { width: 80%; color: #000000; } #slide-menu .search-type-2 .btn { width: 20%; } #slide-menu .search-type-2 .btn span:before { color: #000; } #slide-menu .social-links .text { display: none; } #slide-menu .social-links li a:before { font-size: 18px; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 0.76562em; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .saturnthemes-toggle { position: relative; } .saturnthemes-toggle-dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 160px; } .open > .saturnthemes-toggle-dropdown { display: block; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before::after, .clear:after::after, .entry-content:before::after, .entry-content:after::after, .comment-content:before::after, .comment-content:after::after, .site-header:before::after, .site-header:after::after, .site-content:before::after, .site-content:after::after, .site-footer:before::after, .site-footer:after::after { content: ""; display: table; clear: both; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Wide --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Boxed --------------------------------------------------------------*/ .page-wrapper { position: relative; left: 0; z-index: 2; background: #FFF; } body.boxed { background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } body.boxed .page-wrapper { margin: 30px auto 0; overflow: hidden; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); } @media (min-width: 1230px) { body.boxed .page-wrapper { max-width: 1230px; } } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ @media (min-width: 1024px) { .left-sidebar { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } .widget { margin-bottom: 40px; } .widget-title, .comments-area .comment-respond .comment-reply-title { position: relative; display: inline-block; border-left: 3px solid transparent; margin-bottom: 30px; padding-left: 15px; font-size: 17px; text-transform: uppercase; text-align: left; } /** * Text, Banner, MailChimp for WordPress */ /** * Dropdown Type */ .widget_archive select, .widget_categories select, .widget_product_categories select { width: 100%; height: 50px; padding: 11px 15px; background: #FFF url(../img/arrow-down.png) no-repeat 95% center; } /** * List Type */ .widget_meta ul, .widget_archive ul, .widget_categories ul, .widget_recent_entries ul { margin: auto 0; } .widget_meta ul li, .widget_archive ul li, .widget_categories ul li, .widget_recent_entries ul li { padding: 10px 0; font-weight: 400; text-transform: capitalize; border-bottom: 1px solid #EEE; } .widget_meta ul li:first-child, .widget_archive ul li:first-child, .widget_categories ul li:first-child, .widget_recent_entries ul li:first-child { padding-top: 0; } .widget_meta ul li ul.children li ul.children, .widget_archive ul li ul.children li ul.children, .widget_categories ul li ul.children li ul.children, .widget_recent_entries ul li ul.children li ul.children { margin-left: -40px !important; } .widget_meta ul li ul.children li:nth-child(n+1), .widget_archive ul li ul.children li:nth-child(n+1), .widget_categories ul li ul.children li:nth-child(n+1), .widget_recent_entries ul li ul.children li:nth-child(n+1) { border-top: none; } .widget_meta ul li ul.children li:nth-child(n+1) ul li, .widget_archive ul li ul.children li:nth-child(n+1) ul li, .widget_categories ul li ul.children li:nth-child(n+1) ul li, .widget_recent_entries ul li ul.children li:nth-child(n+1) ul li { padding-left: 60px !important; } .widget_meta > ul > li > ul.children, .widget_archive > ul > li > ul.children, .widget_categories > ul > li > ul.children, .widget_recent_entries > ul > li > ul.children { margin-left: -5px !important; margin-right: -5px !important; } .widget_meta > ul > li > ul.children > li, .widget_archive > ul > li > ul.children > li, .widget_categories > ul > li > ul.children > li, .widget_recent_entries > ul > li > ul.children > li { padding-left: 20px !important; } .widget_recent_entries ul li { padding: 15px 0; } .widget_recent_entries ul li:first-child { padding-top: 0; } .widget_recent_entries ul li:last-child { border-bottom: none; padding-bottom: 0; } .widget_recent_entries a { display: block; padding-bottom: 5px; } .sidebar .widget_recent_entries a { font-weight: 700; } .widget_recent_entries .post-date { display: block; } .widget_recent_entries .post-date:before { content: "\f017"; padding-right: 6px; } .widget_archive, .widget_categories { padding-bottom: 10px; } .widget_archive ul, .widget_categories ul { margin: auto 0; } .widget_archive ul li, .widget_categories ul li { padding: 8px 20px; border-left: 1px solid #EEE; } .widget_archive ul li:last-child, .widget_categories ul li:last-child { border-bottom: none; } .widget_archive ul li:first-child, .widget_categories ul li:first-child { padding-top: 8px; } .widget_archive ul li a, .widget_categories ul li a { position: relative; } .widget_archive ul li a:before, .widget_categories ul li a:before { content: "\f067"; font-size: 10px; vertical-align: middle; padding-right: 8px; } /** * Twitter */ .saturnthemes-twitter .username { font-size: 16px; line-height: 1; } .saturnthemes-twitter .tweet-content { margin: 15px 0; padding: 0 20px; } .saturnthemes-twitter .tweet-nav { margin-top: 25px; color: #999; font-size: 12px; } .saturnthemes-twitter .tweet-nav > span:hover { cursor: pointer; opacity: .7; } .saturnthemes-twitter .tweet-nav-prev { margin-right: 5px; } .saturnthemes-twitter .tweet-nav i:before { background: #EEE; } .saturnthemes-twitter .tweet-actions > li { display: inline-block; padding-right: 10px; } /** * Recent Comments */ .widget_recent_comments .recentcomments { padding: 10px 0; border-bottom: 1px solid #EEE; } .widget_recent_comments .recentcomments:first-child { padding-top: 0; } .widget_recent_comments .recentcomments:last-child { border-bottom: none; } .widget_recent_comments .comment-author-link, .widget_recent_comments a { font-weight: bold; line-height: 2; } /** * Search */ .widget_search, .widget_product_search { display: block; } .widget_search .search-form, .widget_search .woocommerce-product-search, .widget_product_search .search-form, .widget_product_search .woocommerce-product-search { position: relative; } .widget_search .search-form:after, .widget_search .woocommerce-product-search:after, .widget_product_search .search-form:after, .widget_product_search .woocommerce-product-search:after { content: '\f002'; position: absolute; top: 0; right: 1px; z-index: 1; font-size: 14px; height: 40px; width: 40px; line-height: 40px; text-align: center; } .widget_search .search-form label, .widget_search .woocommerce-product-search label, .widget_product_search .search-form label, .widget_product_search .woocommerce-product-search label { width: 100%; margin-bottom: 0; } .widget_search .search-form .search-field, .widget_search .woocommerce-product-search .search-field, .widget_product_search .search-form .search-field, .widget_product_search .woocommerce-product-search .search-field { margin-bottom: 0; width: 100%; height: 40px; padding-right: 40px; } .widget_search .search-form input[type="submit"], .widget_search .search-form .search-submit, .widget_search .woocommerce-product-search input[type="submit"], .widget_search .woocommerce-product-search .search-submit, .widget_product_search .search-form input[type="submit"], .widget_product_search .search-form .search-submit, .widget_product_search .woocommerce-product-search input[type="submit"], .widget_product_search .woocommerce-product-search .search-submit { display: none; } /** * Tag Cloud */ .tagcloud a, .post-tags a { display: inline-block; margin: 0 1px 5px 0; padding: 4px 10px; border: 1px solid #EEE; font-size: 13px; } /** * Woocommerce Widgets Filter by Attributes */ .yith-woo-ajax-navigation .yith-wcan-list li { padding-bottom: 10px; font-size: 14px; font-weight: 400; text-transform: capitalize; } .yith-woo-ajax-navigation .yith-wcan-list li .count { float: right; font-size: 100%; } .yith-woo-ajax-navigation .yith-wcan-list li .count:before { content: "("; } .yith-woo-ajax-navigation .yith-wcan-list li .count:after { content: ")"; } /** * Woocommerce Widget Price Filter */ .widget_price_filter { overflow: hidden; } .widget_price_filter .price_slider { height: 3px; } .widget_price_filter .price_slider:before { content: ""; position: absolute; top: 2px; display: block; width: 100%; height: 3px; background: #DDD; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: pointer; outline: none; top: -5px; border-radius: 100%; border: 3px solid transparent; background: #FFF; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -16px; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 2px; height: 100%; } .widget_price_filter #min_price, .widget_price_filter #max_price { width: 45%; margin-right: 4%; margin-top: 0.3571em; margin-bottom: 1.0714em; } .widget_price_filter .price_slider_amount { margin-top: 32px; } .widget_price_filter .price_slider_amount .button { display: inline-block !important; float: left; background: none; padding: 0 17px; } .widget_price_filter .price_label { float: right; padding: 14px 0; } /** * Woocommerce Widget Categories */ .widget_product_categories .product-categories > .cat-item .children li:last-child { border-bottom: none; } .widget_product_categories .product-categories .cat-item { text-transform: capitalize; border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; padding: 10px 0 10px 20px; } .widget_product_categories .product-categories .cat-item:last-child { border-bottom: none; } .widget_product_categories .product-categories .cat-item:before { content: "\f067"; vertical-align: middle; padding-right: 8px; font-size: 10px; } .widget_product_categories .product-categories .cat-item .count { float: right; } .widget_product_categories .product-categories .children { margin-top: 5px; margin-left: 5px; } .widget_product_categories .product-categories .children .cat-item { border-left: none; } .widget_product_categories .product-categories .children .cat-item:before { content: "\f068"; } /** * List style for sidebar. */ .wpb_widgetised_column ul, .wpb_widgetised_column ol { list-style: none; padding-left: 0; } /** * Custom class for sidebar. */ .textwidget p { margin-bottom: 10px; } .custom-contact-info p { margin-bottom: 10px; } .custom-contact-info i { display: inline-block; margin: 0 5px 0 0; font-size: 16px; } .custom-contact-info .custom-contact-long i { float: left; margin: 3px 15px 10px 0; } .custom-contact-info a { text-decoration: underline; } .sidebar .widget_nav_menu ul, .wpb_widgetised_column .widget_nav_menu ul { margin: auto 0; } .sidebar .widget_nav_menu ul li, .wpb_widgetised_column .widget_nav_menu ul li { padding: 8px 20px; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; } .sidebar .widget_nav_menu ul li:last-child, .wpb_widgetised_column .widget_nav_menu ul li:last-child { border-bottom: none; } .sidebar .widget_nav_menu ul li:first-child, .wpb_widgetised_column .widget_nav_menu ul li:first-child { padding-top: 8px; } .sidebar .widget_nav_menu ul li a, .wpb_widgetised_column .widget_nav_menu ul li a { position: relative; } .sidebar .widget_nav_menu ul li a:before, .wpb_widgetised_column .widget_nav_menu ul li a:before { content: "\f067"; font-size: 10px; vertical-align: middle; padding-right: 8px; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Blog Posts and pages --------------------------------------------------------------*/ .hentry { margin-bottom: 30px; } .sticky { display: block; } .bypostauthor { display: inline-block; } .byline, .updated:not(.published) { display: none; } .entry-content, .entry-summary { margin: 35px 0 0; } /** * Post Formats */ .post-audio iframe { height: 146px; width: 100%; } .post-gallery { margin-bottom: 0; } /** * Image */ .post-img { display: block; } .single-post .post-img { margin-bottom: 35px; } .post-img.post-gallery .slick-arrow { color: #FFF; border-color: #FFF; } .post-img.post-gallery .slick-arrow-prev { left: 15px; } .post-img.post-gallery .slick-arrow-next { right: 15px; } /** * Entry Header */ .entry-header { margin-bottom: 25px; text-align: left; } .post .entry-title { font-size: 30px; font-weight: 400; } /** * Entry Meta */ .entry-meta-item:not(:last-child) { padding-right: 30px; } .entry-meta-item .fa { padding-right: 8px; font-size: 16px; } .entry-meta-item a[rel="author"] { text-transform: capitalize; } /** * Entry Content */ article[id*="post-"] .post-nav-links { margin-top: 1.14em; clear: both; } article[id*="post-"] > p:last-child { overflow: hidden; } /** * Post Tags */ .post-tags a { margin-right: 4px; } /** * Share Button */ .post-share-buttons { position: relative; } .post-share-buttons > .fa { padding-right: 8px; } .post-share-buttons .share-buttons-text { display: none; padding-right: 10px; } .post-share-buttons a { display: inline-block; background: #EEE; width: 40px; height: 40px; line-height: 42px; margin-left: 3px; text-align: center; } .post-share-buttons a, .post-share-buttons a:visited { color: #AAA; } .post-share-buttons a:hover { color: #FFF; } .post-share-buttons a > .fa { font-size: 18px; } /** * Author Information */ .author-info { overflow: hidden; margin-bottom: 50px; padding: 30px 15px 30px 30px; background: #F8F8F8; border-top: 1px solid transparent; } .author-info-content { overflow: hidden; } .author-info-img { float: left; margin-right: 15px; line-height: 0; } .author-info-name { display: block; font-size: 16px; font-weight: bold; } /** * Post Pagination */ .post-pagination { margin-bottom: 62px; padding: 25px 30px; vertical-align: middle; background: #F7F7F7; } .post-pagination > div { display: inline-block; width: calc(50% - 2px); vertical-align: middle; line-height: 1; } .post-pagination > div a { position: relative; font-size: 18px; line-height: 1.2; } .post-pagination > div a:before, .post-pagination > div a:after { position: absolute; top: 50%; transform: translateY(-50%); font-size: 24px; } .post-pagination .prev-post { padding-left: 15px; } .post-pagination .prev-post a:before { content: "\e686"; left: -22px; } .post-pagination .next-post { padding-right: 15px; text-align: right; } .post-pagination .next-post a:after { content: "\e684"; } /** * Related Post */ .post-related { margin-bottom: 20px; } .post-related > h3 { text-transform: uppercase; } /** * 404 Page */ .no-results, .page-not-found { margin-bottom: 70px; text-align: center; } .no-results .not-found-description, .page-not-found .not-found-description { font-size: 18px; } .no-results .search-form label, .page-not-found .search-form label { margin-right: -4px; } .no-results .search-form input[type="search"], .page-not-found .search-form input[type="search"] { width: 175px; margin-bottom: 0; } .no-results .search-submit, .page-not-found .search-submit { color: #FFF; } @media (min-width: 768px) { .no-results .search-form input[type="search"], .page-not-found .search-form input[type="search"] { width: 370px; } .post-gallery.slick-slider .slick-dots { width: auto; bottom: 30px; left: 50%; transform: translateX(-50%); } } @media (max-width: 1023.9px) { .author-info { padding: 15px; } .author-info-img { max-width: 60px; } .author-info-top { padding-bottom: 15px; } } @media (max-width: 1229.9px) { .post-share-buttons { padding: 20px 0; } } @media (min-width: 1024px) { .hentry { margin-bottom: 42px; } .post-share-buttons .share-buttons-text { display: inline-block; } } body:not(.wpb-js-composer) .site-main { margin-bottom: 70px; } body:not(.wpb-js-composer) .page-content { margin-bottom: 35px; } /*-------------------------------------------------------------- ## Blog Post Layout --------------------------------------------------------------*/ /** * Post Full Layout & Single */ .single .full-layout.hentry { margin-bottom: 0; } .full-layout .entry-header { margin-bottom: 20px; } .full-layout .post-img { margin-bottom: 35px; } .full-layout .entry-title { margin-bottom: 0; } .full-layout .entry-meta { position: relative; padding-top: 22px; padding-bottom: 10px; } .full-layout .entry-content { margin-top: 0; } .single .full-layout .entry-content { padding-bottom: 28px; } .full-layout .entry-footer { border-bottom: 1px solid #EEE; padding: 15px 0 50px; } .single .full-layout .entry-footer { border-bottom: none; padding: 0 0 30px 0; } .single .full-layout .entry-footer .entry-meta { margin-bottom: 30px; padding-top: 27px; padding-bottom: 26px; border-top: 1px solid; border-bottom: 1px solid; border-color: #EEE; } .full-layout .single-post-meta { display: flex; padding: 33px 0; border-top: 1px solid transparent; } .full-layout .single-post-meta [class*='col-'] { padding-left: 0; padding-right: 0; } /** * Post Grid */ .post-grid-item .post-img { position: relative; overflow: hidden; margin-bottom: 25px; } .post-grid-item .post-img .button { position: absolute; bottom: 0; left: 0; opacity: 0; } .post-grid-item .post-img:hover .button { opacity: 1; } .post-grid-item .entry-title { margin-bottom: 10px; font-size: 20px; font-weight: bold; line-height: 1.4; } .post-grid-item .posted-on .fa { padding-right: 8px; font-size: 16px; } .post-grid-item .entry-content { margin-top: 11px; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*Comment*/ .comments-area { background: #FFF; border-top: 1px solid transparent; /*Comment Area*/ } .comments-area .heading { font-size: 24px; text-align: center; text-transform: uppercase; } .comments-area .comment-list { margin-bottom: 30px; } .comments-area .comment-list > .comment { padding: 0 0 40px 0; } .comments-area .comment-list .comment { position: relative; } .comments-area .comment-list .comment .comment-author { float: left; } .comments-area .comment-list .comment .comment-author img { margin-right: 30px; } .comments-area .comment-list .comment .comment-content { overflow: hidden; } .comments-area .comment-list .comment .comment-content cite.fn, .comments-area .comment-list .comment .comment-content cite.fn a, .comments-area .comment-list .comment .comment-content cite { padding-right: 20px; font-size: 16px; text-transform: capitalize; font-style: normal; font-weight: bold; } .comments-area .comment-list .comment .comment-content p { margin-top: 14px; margin-bottom: 0; line-height: 2; } .comments-area .comment-list .comment .comment-reply-link { position: absolute; top: 10px; right: 0; text-transform: uppercase; } .comments-area .comment-list .comment .comment-reply-link:before { content: "\f0e5"; padding-right: 7px; line-height: 1; } .comments-area .comment-list .comment .children { margin-left: 30px; } .comments-area .comment-list .comment .children .comment { padding-top: 25px; padding-bottom: 0; } .comments-area .comment-list .comment .children .comment-reply-link { top: 35px; } .comments-area .comment-list .metadata { padding-bottom: 13px; border-bottom: 1px solid #EEE; } .comments-area .comment-respond { padding: 0 0 40px; } .comments-area .comment-respond .comment-reply-title a { font-size: 16px; text-transform: none; } .comments-area .comment-respond .comment-reply-title small { position: absolute; top: 50%; transform: translateY(-50%); right: -100%; } .comments-area .comment-respond .comment-form { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; text-align: left; } .comments-area .comment-respond .comment-form [class*='col-'] { padding-left: 15px; padding-right: 15px; } .comments-area .comment-respond .comment-form label { margin-bottom: 16px; font-size: 13px; text-transform: uppercase; } .comments-area .comment-respond .comment-form input[type="text"] { width: 100%; margin-bottom: 12px; text-align: center; } .comments-area .comment-respond .comment-form textarea { height: auto; margin-bottom: 5px; } .comments-area .comment-respond .comment-form .form-submit { margin: 0; padding: 20px 15px 0; } .comments-area .comment-respond .comment-form .form-submit .submit { display: inline-block; background: none; } .comments-area .comment-respond .comment-form .form-submit .submit:hover { opacity: .7; } .comments-area .comment-respond .comment-form .logged-in-as { width: 100%; margin: 15px; } .comments-area .comment-respond .form-submit { width: 100%; display: block; } @media (min-width: 48rem) { .comments-area .comment-list .comment .children { margin-left: 60px; } } @media (max-width: 1023.9px) { .comments-area .comment-list .comment .comment-content cite.fn, .comments-area .comment-list .comment .comment-content cite.fn a, .comments-area .comment-list .comment .comment-content cite { display: block; } } @media (min-width: 75rem) { .comments-area { padding-top: 5px; } .comments-area .comment-list .comment .comment-author { margin-right: 30px; } .comments-area .comment-list .comment .comment-author img { margin: 0; } .comments-area .comment-list .comment .children .comment { width: 100%; padding-left: 40px !important; } .comments-area .comment-list .comment .children .comment-author { padding-left: 0; } .comments-area .pingback, .comments-area .no-comments { padding-left: 30px; padding-right: 30px; } } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .saturnthemes-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption, .vc_figure { position: relative; margin-bottom: 2.14em; max-width: 100%; } .wp-caption img[class*="wp-image-"], .vc_figure img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text, .wp-caption .vc_figure-caption, .vc_figure .wp-caption-text, .vc_figure .vc_figure-caption { bottom: 0; left: 0; width: 100%; margin-top: 0 !important; padding: 16px 30px; background: rgba(0, 0, 0, 0.8); color: #FFF; font-size: 14px !important; line-height: 1.4; text-align: left; } .wp-caption-text { text-align: center; } @media (min-width: 1024px) { .wp-caption .wp-caption-text, .wp-caption .vc_figure-caption, .vc_figure .wp-caption-text, .vc_figure .vc_figure-caption { position: absolute; } } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; margin: 0; padding: 1.79104477%; width: 100%; } .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-caption { display: block; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .site-footer .widget-title, .site-footer .comments-area .comment-respond .comment-reply-title, .comments-area .comment-respond .site-footer .comment-reply-title { margin-bottom: 20px; } .site-footer .textwidget p:not(:last-child) { margin-bottom: 25px; } .footer-widget-container { padding: 75px 0 55px; } .footer-bottom { padding-top: 25px; padding-bottom: 25px; border-top: 1px solid transparent; } .footer-bottom .widget-title, .footer-bottom .comments-area .comment-respond .comment-reply-title, .comments-area .comment-respond .footer-bottom .comment-reply-title { margin-bottom: 0; } .footer-widget-container .widget { margin-bottom: 20px; padding-bottom: 0; } .footer-widget-container .menu > li { padding-left: 15px; border-left: 1px solid transparent; } .footer-widget-container .menu a { line-height: 2.4 !important; font-weight: 400 !important; } .footer-widget-container .menu a:before { content: "\f067"; padding-right: 8px; font-size: 10px; } .footer-widget-container .widget_recent_entries a:hover { text-decoration: underline; } .footer-bottom .social-links { padding-left: 20px; } .footer-bottom .social-links li { padding-right: 5px; } .footer-bottom .social-links li a { width: 40px; height: 40px; line-height: 40px; padding: 0; text-align: center; } .scrollup { position: fixed; z-index: 99999; bottom: -45px; display: block; right: 32px; width: 44px; height: 44px; opacity: 0.9; background: #222; text-align: center; border-radius: 4px; color: #fff; } .scrollup .fa { font-size: 24px; line-height: 42px; } .scrollup.show { bottom: 30px; } .scrollup:hover { cursor: pointer; color: #FFF; } @media (max-width: 1229.9px) { .footer-widget-container { padding: 50px 0 0; } .footer-bottom { padding-top: 40px; } .social-links { display: block; margin-top: 20px; margin-bottom: 30px; padding-left: 0 !important; } } @media (min-width: 1024px) { .footer-widget-container .menu > li { display: inline-block; width: 49%; } } /*-------------------------------------------------------------- # Woocommerce --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Form --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Message --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Minicart --------------------------------------------------------------*/ .mini-cart .cart-details { border-radius: 0; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07); padding: 20px; left: auto; z-index: 1001; right: -28px; width: 300px; } .mini-cart .widget_shopping_cart { margin-bottom: 0; padding: 0; } .mini-cart .widget_shopping_cart .empty { margin-bottom: 0; padding: 12px 0; text-align: center; font-size: 24px; letter-spacing: -0.04em; } .mini-cart .widget_shopping_cart .mini_cart_item { margin-bottom: 20px; } .mini-cart .widget_shopping_cart .mini_cart_item a { font-weight: 700; } .mini-cart .widget_shopping_cart .mini_cart_item .remove { float: right; font-size: 22px; line-height: 1; } .mini-cart .widget_shopping_cart .mini_cart_item img { float: left; margin-right: 20px; } .mini-cart .widget_shopping_cart .mini_cart_item .quantity { display: block; } .mini-cart .widget_shopping_cart .mini_cart_item .amount { font-size: 14px; } .mini-cart .widget_shopping_cart .total { font-size: 14px; text-align: center; text-transform: uppercase; } .mini-cart .widget_shopping_cart .buttons { margin-bottom: 0; text-align: center; } .mini-cart .widget_shopping_cart .buttons a { margin: 0; } .mini-cart .widget_shopping_cart .buttons .checkout { color: #FFF; } @media (min-width: 768px) { .mini-cart .cart-details { right: 0; width: 350px; } } /*-------------------------------------------------------------- ## Archive Product --------------------------------------------------------------*/ .woocommerce-before-loop { overflow: hidden; margin-bottom: 35px; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; } .woocommerce-before-loop .woocommerce-result-count { margin-bottom: 0; } .woocommerce-before-loop .orderby { min-width: 230px; border: none; background: #F8F8F8 url(../img/arrow-right.png) no-repeat 92% center; } .woocommerce { position: relative; } .woocommerce .product-item { margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; } .woocommerce .product-item h3, .woocommerce .product-item .woocommerce-loop-product__title { margin-top: 30px; margin-bottom: 15px; font-size: 14px; } .woocommerce .product-item .price { font-size: 17px; } .woocommerce .onsale { position: absolute; top: -10px; right: 35px; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; color: #FFF; font-weight: 700; text-transform: uppercase; } .woocommerce .price { display: block; margin-bottom: 22px; font-size: 17px; font-weight: 700; } .woocommerce .price del { padding-right: 6px; font-size: 14px; font-weight: 400; } .woocommerce .price ins { background: none; } .woocommerce .star-rating { position: relative; overflow: hidden; display: inline-block; font-size: 0; } .woocommerce .star-rating:before { content: "\f005 \f005 \f005 \f005 \f005"; font-size: 12px; color: #FFF; } .woocommerce .star-rating span { position: absolute; left: 0; overflow: hidden; } .woocommerce .star-rating span:before { content: "\f005 \f005 \f005 \f005 \f005"; color: #FFCA28; font-size: 12px; } .product-item:hover { box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07); } /*-------------------------------------------------------------- ## Product --------------------------------------------------------------*/ .woocommerce-notices-wrapper { margin-bottom: 30px; } .woocommerce-notices-wrapper .woocommerce-message { overflow: hidden; } .product_list_widget > li img, .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { max-width: 70px; } /*-------------------------------------------------------------- ## Search --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Product List --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Product Single --------------------------------------------------------------*/ @media (max-width: 768px) { .single-product.woocommerce .product .images { width: 100% !important; } .woocommerce .product .summary { width: 100% !important; clear: both; } } .single-product.woocommerce .product .images { width: 43%; position: relative; } .single-product.woocommerce .product .summary { width: 54%; } .single-product.woocommerce .product .thumbnails { margin-top: 20px; } .single-product.woocommerce .product .thumbnails a { width: auto; margin-right: 10px; } .single-product .onsale { display: none; } .single-product .entry-summary { margin-top: 0; } .single-product .entry-title { margin-bottom: 10px; font-size: 30px; font-weight: 400; } .single-product .price { margin-bottom: 8px; font-size: 30px; font-weight: 700; } .single-product .woocommerce-product-rating { margin-bottom: 20px; } .single-product .star-rating { vertical-align: middle; } .single-product div[itemprop="description"] p { margin-bottom: 35px; } .single-product .cart { margin-bottom: 18px; } .single-product .quantity-container { display: inline-block; border: 1px solid #DDD; } .single-product .quantity-container .input-text { margin-bottom: 0; border: none; height: 48px; padding: 8px 0; text-align: center; } .single-product .quantity-container .quantity-down, .single-product .quantity-container .quantity-up { cursor: pointer; width: 38px; height: 48px; line-height: 48px; text-align: center; } .single-product .single_add_to_cart_button { color: #FFF; } .single-product .single_add_to_cart_button:before { content: "\f290"; padding-right: 8px; } .single-product .single_add_to_cart_button:hover { opacity: .9; } .single-product .product_meta > span { display: block; padding: 10px 0; } .single-product .product_meta > span:first-child { border-bottom: 1px solid #EEE; } .single-product .woocommerce-tabs { padding-top: 35px; margin-bottom: 45px; } .single-product .woocommerce-tabs ul.tabs { list-style: none; overflow: hidden; position: relative; } .single-product .woocommerce-tabs ul.tabs li { display: inline-block; position: relative; z-index: 0; padding: 0 18px; background-color: #F5F5F5; border: 2px solid #F5F5F5; margin-right: 2px; } .single-product .woocommerce-tabs ul.tabs li a { display: inline-block; height: 46px; line-height: 46px; font-weight: 700; text-transform: uppercase; } .single-product .woocommerce-tabs ul.tabs li a:hover { color: black; } .single-product .woocommerce-tabs ul.tabs li.active, .single-product .woocommerce-tabs ul.tabs li:hover { background: #FFF; z-index: 2; border-left: 3px solid transparent; border-bottom-color: #FFF; } .single-product .woocommerce-tabs ul.tabs li.active a, .single-product .woocommerce-tabs ul.tabs li:hover a { color: inherit; text-shadow: inherit; } .single-product .woocommerce-tabs ul.tabs:before { position: absolute; content: " "; width: 100%; bottom: 0; left: 0; border-bottom: 2px solid #EEE; z-index: 1; } .single-product .woocommerce-tabs .panel { margin: 0; padding: 30px 30px 15px 30px; border: 2px solid #EEE; border-top: none; } .variations, .variations th, .variations td { border: none; } .variations select { min-width: 220px; background-position: 92% center; } .variations .label { font-weight: bold; text-transform: capitalize; } .variations .reset_variations { margin-left: 10px; } .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a > img { width: 100%; } .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 25%; float: left; } .woocommerce-product-gallery .flex-control-thumbs { margin-top: 10px; margin-left: -5px; margin-right: -5px; overflow: hidden; } .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; margin-bottom: 5px; cursor: pointer; padding: 0 5px; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 10px; right: 10px; z-index: 99; font-size: 0; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after { content: "\f002"; } /*-------------------------------------------------------------- ## Login & Register --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Cart --------------------------------------------------------------*/ .woocommerce-cart .main-content { margin-bottom: 70px; } .woocommerce-cart .cart { font-weight: 700; } .woocommerce-cart .cart, .woocommerce-cart .cart th, .woocommerce-cart .cart td { border: none; } .woocommerce-cart .cart thead { background: #EEE; border-left: 3px solid transparent; font-size: 15px; } .woocommerce-cart .cart td { padding: 0.8em 0.4em; } .woocommerce-cart .cart .cart_item { border: 2px solid #EEE; } .woocommerce-cart .cart .product-remove { text-align: center; font-size: 20px; } .woocommerce-cart .cart .quantity-container { width: 120px; text-align: center; border: 1px solid #EEE; } .woocommerce-cart .cart .quantity-container > span { cursor: pointer; } .woocommerce-cart .cart .quantity-container .input-text { border: none; text-align: center; margin-bottom: 0; } .woocommerce-cart .cart .actions { padding: 2em 0; } .cart_totals table, .cart_totals th, .cart_totals td { border: none; } .cart_totals table { border-left: 1px solid #EEE; } .cart_totals th, .cart_totals td { padding: 0.9em 1em; } .cart_totals tr:not(:last-child) { border-bottom: 1px solid #EEE; } .cart_totals th:before { content: "+"; font-size: 16px; padding-right: 10px; } .cart_totals td { text-align: right; } .cart_totals .shipping-calculator-button { font-weight: 700; } .coupon #coupon_code { min-width: 270px; } .woocommerce-cart .button, .woocommerce-checkout .button { color: #FFF; } .woocommerce-cart .button:hover, .woocommerce-checkout .button:hover { opacity: .8; } @media (max-width: 1023.9px) { .woocommerce-cart .cart .product-quantity { overflow: hidden; } .woocommerce-cart .cart .product-quantity:before { padding-top: 15px; } .woocommerce-cart .cart .quantity-container { float: right; } .woocommerce-cart .cart .actions { text-align: center !important; } .woocommerce-cart .cart .actions .coupon input[name="apply_coupon"] { float: none !important; } } /*-------------------------------------------------------------- ## Checkout --------------------------------------------------------------*/ .woocommerce-checkout h3 { display: block; } .woocommerce-checkout .form-row { margin-bottom: 3px; } .woocommerce-checkout .login, .woocommerce-checkout .checkout_coupon { margin: 20px 0; overflow: hidden; } .woocommerce-checkout .login .button, .woocommerce-checkout .checkout_coupon .button { background: black; } .woocommerce-checkout #customer_details { margin-bottom: 40px; } .woocommerce-checkout .woocommerce-checkout-review-order-table, .woocommerce-checkout .woocommerce-checkout-review-order-table th, .woocommerce-checkout .woocommerce-checkout-review-order-table td { border: none; font-weight: 400; } .woocommerce-checkout .woocommerce-checkout-review-order-table thead { background: #EEE; border-left: 3px solid; } .woocommerce-checkout .woocommerce-checkout-review-order-table thead th { font-size: 15px; font-weight: 700; } .woocommerce-checkout .woocommerce-checkout-review-order-table th, .woocommerce-checkout .woocommerce-checkout-review-order-table td { padding: 0.5em 1em; } .woocommerce-checkout .woocommerce-checkout-review-order-table tr:not(:last-child) { border-bottom: 1px solid #DDD; } .woocommerce-checkout .woocommerce-checkout-review-order-table tr.shipping { border-bottom: 1px solid transparent; } .woocommerce-checkout .woocommerce-checkout-review-order-table .product-name { width: 60%; } .woocommerce-checkout .woocommerce-checkout-payment { vertical-align: top; } .woocommerce-checkout .woocommerce-checkout-payment label { font-weight: 700; } .woocommerce-checkout .woocommerce-checkout-payment .payment_method_paypal img { max-width: 50%; margin-right: 5px; } .woocommerce-checkout #place_order { width: 100%; } form.woocommerce-checkout { margin-top: 40px; } .woocommerce-info a:hover { text-decoration: underline; } @media (min-width: 1024px) { .woocommerce-checkout-review-order .woocommerce-checkout-payment, .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table { display: inline-block; width: 48%; } .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table { margin-right: 30px; } } /*-------------------------------------------------------------- ## Page --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Visual Composer Elements --------------------------------------------------------------*/ .vc_row { position: relative; margin-bottom: 0; } .vc_row .vc-row-overlay { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .vc_row .vc_column_container { z-index: 2; } /*-------------------------------------------------------------- ## VC Custom Heading --------------------------------------------------------------*/ .heading { border-left: 3px solid transparent; margin-bottom: 45px; padding-left: 15px; } .heading h2 { text-transform: uppercase; } .heading p { margin-bottom: 5px; font-size: 16px; line-height: 1.2; } .sep-bottom { position: relative; margin-top: 77px; margin-bottom: 68px; } .sep-bottom p, .sep-bottom h2 { text-align: center !important; } .sep-bottom p { margin-bottom: 0; font-size: 16px; } .sep-bottom:after { content: ""; bottom: -18px; display: inline-block; width: 48px; height: 3px; } /*-------------------------------------------------------------- ## Proaduct Slider --------------------------------------------------------------*/ .image-carousel .slick-slider { margin-bottom: 30px; } /*-------------------------------------------------------------- ## Icon Button --------------------------------------------------------------*/ .icon-btn { margin: 10px auto; } .icon-btn .button { display: inline-block; border: 2px solid; } .icon-btn .icon-in-btn { padding-right: 6px; } .icon-btn .link-title { font-weight: bold; text-transform: uppercase; } @media (max-width: 1229.9px) { .icon-btn .button { min-width: 170px; } } /*-------------------------------------------------------------- ## Testimonial --------------------------------------------------------------*/ .testimonial-container { padding-top: 5px; } .testimonial-container .testimonial-thumbnail { position: relative; } .testimonial-container .testimonial-thumbnail:before { content: "\f10e"; position: absolute; font-size: 18px; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #FFF; } .testimonial-container .testimonial-inner-content { font-size: 16px; } .testimonial-container .testimonial-inner-content p { margin-bottom: 10px; } .testimonial-container .testimonial-inner-title { font-size: 14px; text-transform: capitalize; } .testimonial-container.style1 { margin-left: -15px; margin-right: -15px; } .testimonial-container.style1 .testimonial-inner { padding: 0 15px; } .testimonial-container.style1 .testimonial-thumbnail { margin-bottom: 25px; } .testimonial-container.style1 .testimonial-thumbnail:before { left: 0; bottom: -10px; } .testimonial-container.style2 .testimonial-inner { overflow: hidden; padding: 0 15px; } .testimonial-container.style2 .testimonial-thumbnail { float: left; margin-right: 30px; } .testimonial-container.style2 .testimonial-thumbnail:before { top: 0; right: -70px; } .testimonial-container.style2 .testimonial-thumbnail:after { content: ''; position: absolute; top: 15px; right: -30px; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent; } .testimonial-container.style2 .testimonial-inner-content { overflow: hidden; padding-top: 53px; padding-right: 20px; } .testimonial-container.style3 .testimonial-thumbnail { display: inline-block; } .testimonial-container.style3 .testimonial-thumbnail img { max-width: 100px; } .testimonial-container.style3 .testimonial-thumbnail:before { top: 50%; right: -40px; } .testimonial-container.style3 .testimonial-thumbnail:after { content: ''; position: absolute; top: 50%; right: 0; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent; } .testimonial-container.style3 .testimonial-inner-content { margin-left: 30px; margin-top: -35px; padding: 40px 30px 30px; overflow: hidden; background: #F3F3F3; } .testimonial-container.style3 .testimonial-inner-content p { margin-bottom: 18px; } .testimonial-container.style3 .testimonial-inner-title { font-size: 16px; margin-bottom: 5px !important; } .testimonial-container.style3 .slick-dots { bottom: -55px; } @media (max-width: 1023.9px) { .testimonial-container.style2 .testimonial-thumbnail:before { right: 0; } .testimonial-container.style2 .testimonial-thumbnail:after { right: 40px; } .testimonial-container.style2 .testimonial-inner-content { padding-top: 20px; } } @media (min-width: 1024px) { .testimonial-container.style3 .testimonial-inner-content { margin-left: 50px; margin-top: -45px; padding: 65px 60px 50px; } } /*-------------------------------------------------------------- ## Staff Grid --------------------------------------------------------------*/ .staff-content { margin-bottom: 30px; } .staff-content > a { display: block; } .staff-content-img { margin-bottom: 20px; } .staff-content-title { margin-bottom: 0; } .staff-content-department { margin-bottom: 12px; padding-top: 2px; font-size: 14px; } .staff-content .expert-socials { opacity: 0; transform: translateY(-20px); } .staff-content .expert-socials.show { opacity: 1; transform: translateY(0); } .staff-content .expert-socials > a { padding-right: 12px; color: #AAA; } .staff-content .expert-socials .fa { font-size: 16px; } .staff-content:hover .expert-socials { opacity: 1; transform: translateY(0); } .post-type-archive-staff .site-main { margin-bottom: 35px; } /*-------------------------------------------------------------- ## Services Grid --------------------------------------------------------------*/ .services-content { margin-bottom: 44px; } .services-content-header { position: relative; margin-bottom: 31px; } .services-content .services-icon { position: absolute; left: 0; bottom: -10px; width: 70px; height: 70px; line-height: 70px; text-align: center; background: #454545; color: #FFF; font-size: 24px; } .services-content-title { position: relative; margin-bottom: 13px; } .services-content-title a { display: block; } .services-content-title:before, .services-content-title:after { right: 0; } .services-content-title:before { content: "\f068"; opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .services-content-title:after { content: "\f067"; color: #AAA; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .services-content p { margin-bottom: 10px; } .services-content .read-more:hover { text-decoration: underline; } .services-content:hover .services-content-title:before { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .services-content:hover .services-content-title:after { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .services-content.style2 .services-icon { position: static; width: 100px; height: 100px; line-height: 100px; font-size: 36px; } .services-content.style2 .services-content-title:before, .services-content.style2 .services-content-title:after { display: none; } .services-content .read-more .fa { padding-left: 6px; font-size: 10px; } .post-type-archive-services .site-main { padding-bottom: 20px; } /*-------------------------------------------------------------- ## Counter --------------------------------------------------------------*/ .counter-container .counter { margin-top: -38px; margin-bottom: 0; font-size: 50px; } .counter-container .counter-title { text-transform: capitalize; color: #666; } /*-------------------------------------------------------------- ## Product Carousel --------------------------------------------------------------*/ .saturnthemes-products { margin-left: -15px; margin-right: -15px; } .saturnthemes-products .products-carousel { margin-right: 0; margin-left: 0; } .saturnthemes-products .woocommerce .products-carousel:not(.slick-slider) .product { width: 100% !important; max-width: 100% !important; margin: 0; } /*-------------------------------------------------------------- ## Product Tabs --------------------------------------------------------------*/ .saturnthemes-product-tabs .nav-tabs { margin: 0 15px 20px; padding-bottom: 2px; border-bottom: 1px solid #000; } .saturnthemes-product-tabs .nav-tabs > li { display: inline-block; padding-right: 25px; } .saturnthemes-product-tabs .nav-tabs > li:hover a, .saturnthemes-product-tabs .nav-tabs > li.active a { border-bottom: 1px solid #000; } .saturnthemes-product-tabs .nav-tabs a { display: inline-block; padding: 10px 0; font-size: 14px; text-transform: uppercase; } .tab-content > .tab-pane { display: block; height: 0; overflow: hidden; } .tab-content > .active { height: auto; } /*-------------------------------------------------------------- ## Widget Product --------------------------------------------------------------*/ .product_list_widget > li { padding: 20px 0; border-bottom: 1px solid #EEE; } .product_list_widget > li:first-child { padding-top: 0; } .product_list_widget > li:last-child { border-bottom: none; } .product_list_widget > li img { float: left !important; margin-right: 22px; } .product_list_widget > li .product-title { display: block; font-weight: 700; } .product_list_widget > li .star-rating { display: block; } .product_list_widget > li .amount { font-size: 17px; font-weight: 700; } .product_list_widget > li del .amount { padding-right: 6px; font-size: 14px; font-weight: 400; } .product_list_widget > li ins { background: none; } /*-------------------------------------------------------------- ## Product Categories --------------------------------------------------------------*/ .saturnthemes-product-categories { margin-left: -15px; margin-right: -15px; } .saturnthemes-product-categories .product-category { position: relative; padding-left: 15px; padding-right: 15px; } .saturnthemes-product-categories .categories-overlay { position: absolute; bottom: 30px; left: 50%; z-index: 9; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: calc(100% - 60px); padding: 22px 22px; background: #FFF; overflow: hidden; text-transform: uppercase; } .saturnthemes-product-categories .categories-overlay:hover { color: #FFF; } .saturnthemes-product-categories .categories-overlay:hover:before { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .saturnthemes-product-categories .categories-overlay:hover .overlay-inner { border-color: #FFF; } .saturnthemes-product-categories .categories-overlay:hover .count { color: #FFF; } .saturnthemes-product-categories .categories-overlay .overlay-inner { border-right: 1px solid; } .saturnthemes-product-categories .categories-overlay p { margin-bottom: 0; } .saturnthemes-product-categories .categories-overlay p:first-child { font-size: 22px; line-height: 1.2; } .saturnthemes-product-categories .categories-overlay p.count { font-size: 12px; font-weight: 400; } /*-------------------------------------------------------------- ## Hot Deals --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Icon Boxes --------------------------------------------------------------*/ .icon-box .icon-box-icon { display: flex; width: 100px; height: 100px; justify-content: center; align-items: center; } .icon-box .icon-box-content { display: flex; flex-direction: column; justify-content: center; min-height: 100px; } .icon-box .icon-box-title { margin-bottom: 3px; font-weight: 400; } .icon-box .icon-box-desc { font-size: 16px; } .icon-box.left, .menu-vertical > li.icon-box, .menu > .menu-item .sub-menu > li.icon-box, .menu > .menu-item .children > li.icon-box, .menu > ul > li .sub-menu > li.icon-box, .menu > ul > li .children > li.icon-box, .menu-horizontal > li.icon-box, .menu-horizontal > ul > li.icon-box, .icon-box.right { overflow: hidden; } .icon-box.left .icon-box-icon, .menu-vertical > li.icon-box .icon-box-icon, .menu > .menu-item .sub-menu > li.icon-box .icon-box-icon, .menu > .menu-item .children > li.icon-box .icon-box-icon, .menu > ul > li .sub-menu > li.icon-box .icon-box-icon, .menu > ul > li .children > li.icon-box .icon-box-icon, .menu-horizontal > li.icon-box .icon-box-icon, .menu-horizontal > ul > li.icon-box .icon-box-icon { float: left; margin-right: 25px; } .icon-box.right { padding-left: 25px; } .icon-box.right .icon-box-icon { float: right; } /*-------------------------------------------------------------- ## Blog Post --------------------------------------------------------------*/ .industry-blog-posts { margin-left: -15px; margin-right: -15px; } .industry-blog-posts .post-grid-item { margin-bottom: 0; padding: 0 15px; } .industry-blog-posts .slick-dots { text-align: center; } /*-------------------------------------------------------------- ## Progress Bar --------------------------------------------------------------*/ .vc_progress_bar .vc_single_bar.fwp_single_bar { position: relative; margin-bottom: 30px; background-color: #F7F7F7; box-shadow: none; border-radius: 0; } .vc_progress_bar .vc_single_bar.fwp_single_bar .vc_label { position: absolute; padding: 0; top: 50%; transform: translateY(-50%); text-shadow: none !important; font-size: 14px !important; font-weight: 700 !important; } .vc_progress_bar .vc_single_bar.fwp_single_bar .vc_label:first-child { left: 12px; } .vc_progress_bar .vc_single_bar.fwp_single_bar .vc_label:last-child { right: 12px; } .vc_progress_bar .vc_single_bar.fwp_single_bar .vc_bar_container { padding-left: 200px; padding-right: 70px; height: 40px; } .vc_progress_bar .vc_single_bar.fwp_single_bar .vc_bar_container .vc_bar_inner { position: relative; height: 100%; } .vc_progress_bar .vc_single_bar.fwp_single_bar .vc_bar_container .vc_bar_inner:before { content: ""; position: absolute; width: 100%; top: 50%; height: 1px; background-color: #dddddd; } .vc_progress_bar .vc_single_bar.fwp_single_bar .vc_bar_container .vc_bar_inner .vc_bar { height: 1px; top: 50%; border-radius: 0; background-color: #000000; } /*-------------------------------------------------------------- ## Tabs --------------------------------------------------------------*/ /* Tour */ .vc_tta-tabs-position-left .vc_tta-tabs-container { overflow: visible !important; } .vc_tta-tabs-position-left .vc_tta-tabs-container:before { content: ""; position: absolute; z-index: -1; top: -100px; right: 0; display: block; width: 2000px; height: calc( 100% + 200px); background: #EEE; } .vc_tta-tabs-position-left .vc_tta-tab > a { padding: 17px 20px 18px !important; } .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab { border-bottom: 1px solid #DDD; position: relative; } .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab:first-child { border-top: 1px solid #DDD; } .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active { border-bottom: none; } .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active:after { content: ""; right: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 6px 5px 0; border-color: transparent #fff transparent transparent; } .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active > a { color: #FFF !important; border-left: 3px solid rgba(0, 0, 0, 0.1); } .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab > a { font-size: 16px; border-right: none; background: none; } .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading a { color: #FFF !important; } .vc_tta-tabs-position-left.vc_tta.vc_general .vc_tta-panel-body { padding: 14px 30px; } /* Tabs */ .vc_tta-tabs-position-top.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a { border: 2px solid #EEE; border-left: 3px solid transparent; } .vc_tta-tabs-position-top.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a::after { z-index: 99999; } .vc_tta-tabs-position-top.vc_tta-tabs .vc_tta-panel-body { border-width: 2px !important; border-color: #EEE !important; border-top: none !important; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a { border: none; background: none; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a span { position: relative; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a span:before { content: ""; display: block; width: 100%; height: 2px; position: absolute; background: #01B9E6; bottom: -36px; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active > a span:after { content: ""; bottom: -34px; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #01B9E6 transparent; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a { margin: 0 40px; padding: 34px 0; border: none; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a .vc_tta-icon { display: block; padding-bottom: 15px; font-size: 30px; line-height: 1.2; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a span { display: block; margin-left: 0; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover { border: none; background: none; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover span { position: relative; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover span:before { content: ""; display: block; width: 100%; height: 2px; position: absolute; background: #01B9E6; bottom: -36px; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a:hover span:after { content: ""; bottom: -34px; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #01B9E6 transparent; } .vc_tta-tabs-position-top.vc_tta-tabs.vc_tta-controls-align-center .vc_tta-panel-body { border: none; border-top: 2px solid #EEE !important; } .vertical-tab-with-heading .vc_tta-tabs-position-left .vc_tta-tabs-container:before { top: -180px; height: calc(100% + 280px); } /* Accordion */ .vc_tta-accordion.vc_tta .vc_tta-panel.vc_active .vc_tta-panel-body { background: none; padding: 25px 31px; border-top: none; } .vc_tta-accordion.vc_tta .vc_tta-panel.vc_active .vc_tta-panel-heading { background: none !important; border-bottom: none; border-left: 3px solid red; } .vc_tta-accordion.vc_tta .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { border-bottom: 2px solid #EEE; } .vc_tta-accordion.vc_tta .vc_tta-panel .vc_tta-panel-body, .vc_tta-accordion.vc_tta .vc_tta-panel .vc_tta-panel-heading, .vc_tta-accordion.vc_tta .vc_tta-panel .vc_tta-tab > a { border-width: 2px; } .vc_tta-accordion.vc_tta .vc_tta-panel-heading .vc_tta-panel-title { font-size: 14px; } .vc_tta-accordion.vc_tta .vc_tta-panel-heading .vc_tta-panel-title > a { padding: 14px 0; margin-left: 30px; margin-right: 30px; } @media (min-width: 1024px) { .vc_tta-tabs-position-left.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab > a { min-width: 370px; } } /*-------------------------------------------------------------- ## Toggle --------------------------------------------------------------*/ .vc_row.row-toggle-container .vc_column-inner { padding-top: 0 !important; } .vc_row .vc_toggle { margin: 0 !important; } .vc_row .vc_toggle.vc_toggle_active .vc_toggle_title { border-bottom: 1px solid #EEEEEE; } .vc_row .vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_title_separator { position: absolute; width: 100%; left: 0; bottom: -1px; } .vc_row .vc_toggle.vc_toggle_active .vc_toggle_title .vc_toggle_title_separator .vc_toggle_title_separator_inner { border-bottom: 1px solid #000000; } .vc_row .vc_toggle .vc_toggle_title { padding: 19px 0; text-align: center; border-top: 1px solid #EEEEEE; } .vc_row .vc_toggle .vc_toggle_title h4 { font-size: 18px !important; font-weight: 400 !important; color: #000000; } .vc_row .vc_toggle .vc_toggle_title .vc_toggle_icon { display: none !important; } .vc_row .vc_toggle .vc_toggle_content { margin: 0; padding-top: 22px; padding-bottom: 7px; background-color: #F7F7F7; } .vc_row .vc_toggle:last-child .vc_toggle_title { border-bottom: 1px solid #EEEEEE; } /*-------------------------------------------------------------- ## Contact --------------------------------------------------------------*/ .industry-contact-detail .heading { font-size: 17px; text-transform: uppercase; margin-bottom: 35px; } .industry-contact-detail ul { list-style: none; margin-bottom: 0; padding-left: 0; } .industry-contact-detail .icon { width: 33px; float: left; } .industry-contact-detail .icon .fa { font-size: 16px; } .industry-contact-detail .text { overflow: hidden; } .industry-contact-detail .contact-social-links { padding-top: 12px; } .industry-contact-detail .contact-social-links li { display: inline-block; padding-right: 5px; padding-bottom: 0; } .industry-contact-detail .contact-social-links li a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background: #EEE; color: #AAA; padding: 0; text-align: center; } .industry-contact-detail .contact-social-links li a:hover { color: #FFF; } .industry-contact-detail .contact-social-links li a i { font-size: 18px; } /*-------------------------------------------------------------- ## Custom Class --------------------------------------------------------------*/ .col-no-padding { padding-left: 0; padding-right: 0; } .inline-right { text-align: right; } .inline-left { text-align: left; } .group-btn-inline div.icon-btn { display: inline-block; margin-left: 7px; } .width-auto > .vc_column-inner { width: auto !important; } .vc_custom_heading.heading-border-white { border-color: #FFF; } .vc_custom_heading.sep-bottom:after { background: #FFF !important; } .industry-subscribe-style1 .mc4wp-form-fields input[type="email"], .industry-subscribe-style2 .mc4wp-form-fields input[type="email"] { margin-right: -4px; } .industry-subscribe-style1 .button, .industry-subscribe-style2 .button { font-weight: 400; } .industry-subscribe-style2 .mc4wp-form-fields input[type="submit"].primary-button { background-image: url(../img/submit-bg-hover.png); } .industry-subscribe-style2 input[type="email"] { border-color: #FFF; } .wpb_image_grid .wpb_image_grid_ul .isotope-item { margin: 0 !important; } .custom-contact-white { color: #FFF; } .custom-contact-white .heading { color: #FFF; } .custom-heading-name-quote { text-align: center; } .custom-heading-name-quote h2 { display: inline-block; position: relative; margin-bottom: 0; } .custom-heading-name-quote h2:before, .custom-heading-name-quote h2:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; width: 20px; height: 2px; background-color: #FFF; } .custom-heading-name-quote h2:before { left: -30px; } .custom-heading-name-quote h2:after { right: -30px; } /* Contact Form 7 */ .wpcf7-form p { margin-bottom: 10px; } .wpcf7-form input:not(:submit) { padding: 8px 20px; } .wpcf7-form input:not(:submit):focus { background: #F8F8F8; } .wpcf7-form textarea { padding: 18px 20px; } .wpcf7-form .wpcf7-submit, .wpcf7-form input[type="submit"].primary-button, .mc4wp-form-fields .wpcf7-submit, .mc4wp-form-fields input[type="submit"].primary-button { padding: 0 15px 0 40px; background-image: url(../img/submit-bg.png); background-repeat: no-repeat; background-position: 15px center; } .wpcf7-form .wpcf7-submit:hover, .wpcf7-form input[type="submit"].primary-button:hover, .mc4wp-form-fields .wpcf7-submit:hover, .mc4wp-form-fields input[type="submit"].primary-button:hover { background-image: url(../img/submit-bg-hover.png); } /* Contact Form for Homepage Transport */ .contact-form-transport .vc_column-inner > .wpb_wrapper { padding: 30px; border: 1px solid #DDD; -webkit-box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.1); } .contact-form-transport .wpcf7 .wpcf7-text { max-width: 310px; border-color: #EEE; background: #EEE; } .contact-form-transport .wpcf7 p { margin-bottom: 0; } .contact-form-transport .icon-box .icon-box-icon { width: auto; height: 40px; } .contact-form-transport .icon-box .icon-box-content { min-height: 100%; } .contact-form-transport .button-style3 { padding: 0 15px; background-image: none; color: #FFF; } .contact-form-transport .button-style3:hover { background-image: none; } /* Icon Boxes Finance */ .icon-boxes-finance { padding: 12px 0; } .icon-boxes-finance i { padding: 0 20px; font-size: 24px; } /* Pattern Construction */ .pattern-construction { height: 120px; background: url(../img/pattern-construction.png) repeat-x center; } .pattern-construction .icon-box .icon-box-icon { width: auto; } .triangle-construction .icon-box .icon-box-icon { width: auto; } ul.list-icon-plus { list-style: none; padding-left: 0; } ul.list-icon-plus li { position: relative; margin-bottom: 12px; padding-bottom: 0; padding-left: 18px; } ul.list-icon-plus li:before { content: '\f067'; left: 0; font-size: 10px; } ul.list-icon-plus h5 { font-weight: 400; } @media (min-width: 1024px) { .industry-subscribe-style1 .mc4wp-form-fields input[type="email"], .industry-subscribe-style2 .mc4wp-form-fields input[type="email"] { width: 400px; } } /*-------------------------------------------------------------- # Help --------------------------------------------------------------*/ .custom-banner { padding: 35px 25px; color: #FFF; } .custom-banner .sub-title { margin-bottom: 2px; color: rgba(0, 0, 0, 0.4); } .custom-banner-title { color: #FFF; font-size: 17px; text-transform: uppercase; } .custom-banner .button.secondary-button { border-color: #FFF !important; color: #FFF; } .custom-banner .button.secondary-button .fa { color: #454545; } .custom-banner .button.secondary-button:hover { background: #FFF; color: #454545; } /*# sourceMappingURL=../maps/style.css.map */