/* Name: main Author: waituk - (http://www.waituk.net) Version: 1.0.0 */ /*------------------------------------------------------------------ [Table of contents] 1. General styles and resets 2. Bordered Document / .bordered-document 3. Header / .main-header 4. Banner 5. Buttons / .btn 6. Search form / .search-form 7. Content block / .content-block 8. Block Heading / .block-heading 9. Parallax / .parallax 10. Gallery list / .gallery-list 11. Team / .team-container 12. Count Block / .count-block 13. Testimonial / .testimonial-container 14. Logo Block / .logo-container 15. Newsletter form / .waituk_newsletter-form 16. Post Block / .post-grid 17. Elements / .demo-wrapper 18. Blog 19. Footer 20. Utilities ----------------------------------------------------- =========================================================================== font-family: 'Zilla Slab Highlight', cursive; font-family: 'Ubuntu', sans-serif; font-family: 'Passion One', cursive; font-family: 'Montserrat', sans-serif; font-family: 'Muli', sans-serif; font-family: 'Courgette', cursive; font-family: 'Kaushan Script', cursive; font-family: 'Philosopher', sans-serif; font-family: 'Bangers', cursive; font-family: 'Luckiest Guy', cursive; font-family: 'Sigmar One', cursive; font-family: 'Bowlby One SC', cursive; font-family: 'Raleway', sans-serif; font-family: 'Julius Sans One', sans-serif; font-family: 'Strait', sans-serif; -----------------------------------------------------*/ /* @import url('https://fonts.googleapis.com/css?family=Bangers|Bowlby+One+SC|Courgette|Julius+Sans+One|Kaushan+Script|Luckiest+Guy|Montserrat:700,800,900|Muli:600,700,900|Passion+One:700,900|Philosopher:700|Raleway:500,600,700,900|Sigmar+One|Strait|Ubuntu:300,500,700|Zilla+Slab+Highlight:700'); */ /*------------------------------------------------------------------ 1. General styles and resets -------------------------------------------------------------------*/ .content-links, .filter-nav, .social-network, .content-list, .pricing-box-v1 .plan-features ul, .icon-lists ul, .nav-wrap ul.side-nav, .nav-wrap .header-links ul, .white-overlay .nav-wrap ul.side-nav, .white-overlay .nav-wrap .header-links ul, .tag-block ul, .blog-lists .blog-list-items, .instagram-widget ul, .footer-nav ul { list-style: none; margin: 0; padding: 0; } /* preloader styles */ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; white-space: nowrap; text-align: center; background-color: #fff; z-index: 9999999999; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .preloader:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-right: 0em; } .preloader.loaded { opacity: 0; visibility: hidden; z-index: -1; } .preloader .holder { display: inline-block; vertical-align: middle; white-space: normal; } /* .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; white-space: nowrap; text-align: center; background-color: #fff; z-index: 9999999999; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .preloader:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-right: -.25em; } .preloader.loaded { opacity: 0; visibility: hidden; z-index: -1; } .preloader .holder { display: inline-block; vertical-align: middle; white-space: normal; } */ /* .coffee_cup { width: 40px; height: 50px; border: 2px #c0a397 solid; border-radius: 0 0 5px 5px; position: relative; margin: 36px auto; } .coffee_cup:after,.coffee_cup:before { position: absolute; content: ''; } .coffee_cup:after { width: 10px; height: 20px; border: 2px #664b3f solid; border-left: none; border-radius: 0 20px 20px 0; left: 40px; top: 5px; } .coffee_cup:before { width: 3px; height: 10px; background-color: #d44c0f; top: -16px; left: 12px; -webkit-box-shadow: 5px 0 0 0 #d44c0f, 5px -5px 0 0 #d44c0f, 10px 0 0 0 #d44c0f; box-shadow: 5px 0 0 0 #d44c0f, 5px -5px 0 0 #d44c0f, 10px 0 0 0 #d44c0f; -webkit-animation: steam 700ms linear infinite alternate; -o-animation: steam 700ms linear infinite alternate; animation: steam 700ms linear infinite alternate; } .content-links,.filter-nav,.social-network,.content-list,.pricing-box-v1 .plan-features ul,.icon-lists ul,.nav-wrap ul.side-nav,.nav-wrap .header-links ul,.white-overlay .nav-wrap ul.side-nav,.white-overlay .nav-wrap .header-links ul,.tag-block ul,.blog-lists .blog-list-items,.instagram-widget ul,.footer-nav ul { list-style: none; margin: 0; padding: 0; } */ /*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * bootstrap-slider is released under the MIT License * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * * ========================================================= */ .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: 210px; height: 20px; } .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { margin-left: -10px; } .slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle { position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%; } .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; } .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { display: inline-block; padding-top: 24px; text-align: center; } .slider.slider-horizontal.slider-rtl .slider-track { left: initial; right: 0; } .slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle { margin-left: initial; margin-right: -10px; } .slider.slider-horizontal.slider-rtl .slider-tick-container { left: initial; right: 0; } .slider.slider-vertical { height: 210px; width: 20px; } .slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0; } .slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle { margin-top: -10px; } .slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; } .slider.slider-vertical .slider-tick-label-container { white-space: nowrap; } .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px; } .slider.slider-vertical.slider-rtl .slider-track { left: initial; right: 25%; } .slider.slider-vertical.slider-rtl .slider-selection { left: initial; right: 0; } .slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle { border-width: 10px 10px 10px 0; } .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label { padding-left: initial; padding-right: 4px; } .slider.slider-disabled .slider-handle { background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), to(#bebebe)); background-image: -webkit-linear-gradient(top, #dfdfdf, #bebebe); background-image: -o-linear-gradient(top, #dfdfdf, #bebebe); background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#bebebe)); background-image: linear-gradient(to bottom, #dfdfdf, #bebebe); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE', GradientType=0);} .slider.slider-disabled .slider-track { background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#e9e9e9)); background-image: -webkit-linear-gradient(top, #e5e5e5, #e9e9e9); background-image: -o-linear-gradient(top, #e5e5e5, #e9e9e9); background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#e9e9e9)); background-image: linear-gradient(to bottom, #e5e5e5, #e9e9e9); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9', GradientType=0); cursor: not-allowed; } .slider input { display: none; } .slider .tooltip-inner { white-space: nowrap; max-width: none; } .slider .tooltip.top { margin-top: -36px; } .slider .tooltip-inner { white-space: nowrap; max-width: none; } .slider .hide { display: none; } .slider-track { background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9)); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9', GradientType=0);-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); border-radius: 4px; position: absolute; cursor: pointer; } .slider-selection { background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5', GradientType=0);-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; position: absolute; } .slider-selection.tick-slider-selection { background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#89cdef), to(#81bfde)); background-image: -webkit-linear-gradient(top, #89cdef, #81bfde); background-image: -o-linear-gradient(top, #89cdef, #81bfde); background-image: -webkit-gradient(linear, left top, left bottom, from(#89cdef), to(#81bfde)); background-image: linear-gradient(to bottom, #89cdef, #81bfde); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#89CDEF', endColorstr='#81BFDE', GradientType=0);} .slider-track-low, .slider-track-high { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; background: transparent; border-radius: slider_border-radius(4px); } .slider-handle { background-color: #0e90d2; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, left top, left bottom, from(#149bdf), to(#0480be)); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#149BDF', endColorstr='#0480BE', GradientType=0);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); position: absolute; top: 0; width: 20px; height: 20px; background-color: #337ab7; border: 0 solid transparent; } .slider-handle.round { border-radius: 20px; } .slider-handle.triangle { background: transparent none; } .slider-handle.custom { background: transparent none; } .slider-handle.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204; } .slider-tick { background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5', GradientType=0);-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 20px; height: 20px; -webkit-filter: none; filter: none; opacity: .8; border: 0 solid transparent; } .slider-tick.round { border-radius: 50%; } .slider-tick.triangle { background: transparent none; } .slider-tick.custom { background: transparent none; } .slider-tick.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204; } .slider-tick.in-selection { background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#89cdef), to(#81bfde)); background-image: -webkit-linear-gradient(top, #89cdef, #81bfde); background-image: -o-linear-gradient(top, #89cdef, #81bfde); background-image: -webkit-gradient(linear, left top, left bottom, from(#89cdef), to(#81bfde)); background-image: linear-gradient(to bottom, #89cdef, #81bfde); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#89CDEF', endColorstr='#81BFDE', GradientType=0);opacity: 1; } select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0;/*IE9 and below*/} .bootstrap-select>.dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:active { color: #636c72; } .bootstrap-select>select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: .5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select>select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*='col-']) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn { border-radius: 0; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*='col-'] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*='col-'].dropdown-menu-right, .row .bootstrap-select.btn-group[class*='col-'].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group>.disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group>.disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*='col-'] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: .5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: whitesmoke; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); pointer-events: none; opacity: .9; -webkit-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, .2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, .2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox+.bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } /* general style for html and body */ html, body { height: 100%; font-size: inherit; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } img { max-width: 100%; height: auto; } a { color: #5645ff; text-decoration: none; outline: none; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } a:hover, a:focus { text-decoration: none; outline: none; color: #2812ff; } /* typography */ body { font-weight: 400; letter-spacing: .0625rem;color: #55565b; font-size: .75rem;line-height: 2.1; } h1, h2, h3, h4, h5, h6 { margin: 0 0 .9375rem; color: #55565b; line-height: 1.1; } h1 { font-size: 1.875rem; line-height: 1.2; } h2 { font-size: 1.5rem; line-height: 1.2; font-weight: 700; color: #55565b; letter-spacing: .125rem;} h3 { font-size: 1.125rem; line-height: 1.2; font-weight: 700; } .cursive-style { } /*------------------------------------------------------------------ 2. Bordered Document / .bordered-document -------------------------------------------------------------------*/ /* bordered document style for html and body */ .bordered-document { margin: .9375rem;} .bordered-document .main-header { top: .9375rem; left: .9375rem; right: .9375rem;} .bordered-document .top-spaced-line { position: fixed; left: 0; right: 0; top: 0; display: block; height: .9375rem; background: #fff; z-index: 999999; } .bordered-document .left-spaced-line { position: fixed; top: 0; bottom: 0; display: block; width: .9375rem; background: #fff; z-index: 999999; left: 0; } .bordered-document .bottom-spaced-line { position: fixed; left: 0; right: 0; display: block; height: .9375rem; background: #fff; z-index: 999999; bottom: 0; } .bordered-document .right-spaced-line { position: fixed; top: 0; bottom: 0; display: block; width: .9375rem; background: #fff; z-index: 999999; right: 0; } .bordered-document #wrapper { padding: 0 0 .9375rem;} .bordered-document .section-scroll { right: 2rem; } .bordered-document #top-search { margin: 0 -.938rem !important;} /*------------------------------------------------------------------ 3. Header / .main-header -------------------------------------------------------------------*/ /* header styles */ .main-header { z-index: 999999999; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } /*********************** white header ***********************/ .main-header.header-white.sticky-nav { background: #fff; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu { -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15); } /*********************** header top styles ***********************/ .main-header .top-header .bg-gray-dark .i-list.i-list-i-block.i-list-i-block-sm li .mini-nav>a { color: #fff; } /*********************** header logo center ***********************/ /*********************** header dark ***********************/ .main-header.header-dark { background: #55565b; } /*********************** header light ***********************/ .main-header.header-light { background: #55565b; border-bottom: 0; } /*********************** transparent header ***********************/ .main-header.header-white.transparent .navbar .navbar-brand img:first-child { display: none; } .main-header.header-white.transparent .navbar .navbar-brand img:last-child { display: block; } /******* navigation styles *******/ body { position: relative; } #wrapper { background: #efefef; padding-top: 20px; padding-bottom: 20px; position: relative; } .no-transition { -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .no-overflow-x { overflow-x: hidden; } .no-overflow { overflow: hidden; } .body-push-right { -webkit-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); opacity: .4; } #page-contents { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: -o-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease; } .collapse-push-right { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .off-canvas-close p { display: none; } .mega-menus { margin-top: 0;/* background */ /* images */ /* list */ /* tags */ /* borders */ /* widget */ /* tile */ /* links */ /* margin */ /* padding */ /* text */ /* layout class */ /* position */ /* icon */ /* Tabs - Side Tabs */ /* Tabs - Bootstrap Tabs Modification */ /* Videos */ /* heading-blocks */ /* dividers */ /* custom buttons */ /* animated buttons */ /* form-group - captcha */ } .mega-menus .dropdown-full-width, .mega-menus .dropdown-full-width-g { position: static; } .mega-menus .dropdown-full-width .dropdown-menu { left: -1px; right: -1px; padding: 15px 20px; } .mega-menus .dropdown-full-width-g .dropdown-menu { left: 30px; right: 30px; padding: 15px 20px; } .mega-menus .dropdown>a i { margin-left: 3px; position: relative; top: 1px; } .mega-menus .dropdown .dropdown-right>a i, .mega-menus .dropdown .dropdown-left>a i { margin-left: 0; } .mega-menus .dropdown .dropdown-right>a i.icn-right, .mega-menus .dropdown .dropdown-left>a i.icn-right { position: absolute; top: inherit; right: -5px; } .mega-menus .dropdown .dropdown-right>a i.icn-hidden, .mega-menus .dropdown .dropdown-left>a i.icn-hidden { display: none; } .mega-menus .dropdown .dropdown-right>a.sub-marker, .mega-menus .dropdown .dropdown-left>a.sub-marker { padding-right: 40px; } .mega-menus .dropdown .dropdown-right>a.sub-marker.pad-narrow, .mega-menus .dropdown .dropdown-left>a.sub-marker.pad-narrow { height: 24px; } .mega-menus .dropdown .dropdown-right>.dropdown-menu { display: none; position: absolute; top: -8px; left: 100%; } .mega-menus .dropdown .dropdown-right.dropdown-wide>a { padding-right: 50px; } .mega-menus .dropdown .dropdown-right.dropdown-wide>a i.icn-right { right: 0; } .mega-menus .dropdown .dropdown-right.dropdown-wide .dropdown-menu { padding: 0; top: -3px; } .mega-menus .dropdown .dropdown-left>.dropdown-menu { display: none; position: absolute; top: -8px; right: 100%; left: auto; } .mega-menus .dropdown-menu>li>a { padding: 5px 20px; } .mega-menus .dropdown-menu>li.dropdown-wide>a { padding-top: 21px; padding-bottom: 20px; } .mega-menus .dropdown-menu>li.dropdown-wide>a:before { content: ''; position: absolute; top: 30px; right: 10px; background-repeat: no-repeat; height: 47px; width: 218px; margin-top: -23px; } .mega-menus .dropdown-menu>li.dropdown-wide>a.car-1:before, .mega-menus .dropdown-menu>li.dropdown-wide>a.car-2:before, .mega-menus .dropdown-menu>li.dropdown-wide>a.car-3:before, .mega-menus .dropdown-menu>li.dropdown-wide>a.car-4:before, .mega-menus .dropdown-menu>li.dropdown-wide>a.car-5:before, .mega-menus .dropdown-menu>li.dropdown-wide>a.car-6:before { background-image: url('../../img/car.png'); } .mega-menus .dropdown-menu>li.dropdown-wide>a.car-1:before { background-position: 80px -3px; } .mega-menus .dropdown-menu>li.dropdown-wide>a.car-2:before { background-position: 80px -90px; } .mega-menus .dropdown-menu>li.dropdown-wide>a.car-3:before { background-position: 80px -177px; } .mega-menus .dropdown-menu>li.dropdown-wide>a.car-4:before { background-position: 80px -264px; } .mega-menus .dropdown-menu>li.dropdown-wide>a.car-5:before { background-position: 80px -351px; } .mega-menus .dropdown-menu>li.dropdown-wide>a.car-6:before { background-position: 80px -438px; } .mega-menus .dropdown-menu li a i { position: relative; margin-right: 5px; top: 1px; width: 15px; } .mega-menus .dropdown-menu ::-webkit-scrollbar { width: 5px;} .mega-menus .dropdown-menu ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px #333; box-shadow: inset 0 0 1px #333;} .mega-menus .dropdown-menu ::-webkit-scrollbar-thumb { border-radius: 5px; background: #595959;} .mega-menus .navbar-click .dropdown.show .m-marker.m-marker-rotate { top: 2px; -webkit-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } .mega-menus .navbar-click .dropdown.show .dropdown-menu-container>.dropdown-menu { margin-top: 0 !important; display: block !important; } .mega-menus .navbar-hover .dropdown.show .m-marker.m-marker-rotate, .mega-menus .navbar-hover .dropdown:hover .m-marker.m-marker-rotate { top: 2px; -webkit-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } .mega-menus .navbar-hover .dropdown.show .dropdown-menu-container>.dropdown-menu, .mega-menus .navbar-hover .dropdown:hover .dropdown-menu-container>.dropdown-menu { margin-top: 0 !important; display: block !important; } .mega-menus .navbar-toggle.navbar-toggle-left { float: left; margin-left: 1em; z-index: 1; } .mega-menus #top-search { position: relative; } .mega-menus #top-search input { font-size: 21px; height: 51px; padding-right: 30px; -webkit-box-shadow: none; box-shadow: none; background: #efefef; } .mega-menus #top-search input:focus { outline: none; border: none; -webkit-box-shadow: none; box-shadow: none; } .mega-menus .navbar-pos-search, .mega-menus .navbar-pos-search a { position: absolute; top: 1px; right: 0; width: 45px; text-align: center; height: 51px; line-height: 51px; display: block; } .mega-menus .x-search-close { top: 0; } .mega-menus .navbar-nav .dropdown-menu-container { float: left; } .mega-menus .navbar-nav .dropdown-menu-container>.dropdown-menu { display: none; left: auto; padding: 15px 20px; direction: ltr; } .mega-menus .navbar-nav.navbar-right .dropdown-menu-container { float: right; direction: rtl; } .mega-menus .navbar-nav.navbar-right .dropdown-menu-container>.dropdown-menu { right: auto; padding: 15px 20px; direction: ltr; } .mega-menus .navbar-nav .navbar-link.navbar-link-adjust { padding-top: 16px; } .mega-menus .navbar.navbar-hover .dropdown:hover>.dropdown-menu { display: block; } .mega-menus .navbar-fixed-top .navbar-right, .mega-menus .navbar-static-top .navbar-right { margin-right: 0; } .mega-menus .row-autoheight { overflow-y: auto; } .mega-menus .row-autoheight .col-autoheight:not(:first-child) { border-left: 1px solid #eaeaea; } .mega-menus .m-marker.m-marker-rotate { -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .mega-menus .mini-menu { width: 100%; background: white; } .mega-menus .mini-nav>a { -webkit-transition: background .25s ease-in-out, color .26s ease-in-out; -o-transition: background .25s ease-in-out, color .26s ease-in-out; transition: background .25s ease-in-out, color .26s ease-in-out; } .mega-menus .mini-nav .dropdown-menu { min-width: 200px; left: 0; border: 1px solid #eee; z-index: 1050; } .mega-menus .mini-nav li>a:hover { color: white; background: #333; } .mega-menus .mini-nav:hover>a { color: white; background: black; } .mega-menus .mini-nav.mini-nav-no-bg-hover>a:hover { color: #1a1919; background: none; } .mega-menus .no-bg { background: none; } .mega-menus .img-responsive { margin-left: auto; margin-right: auto; } .mega-menus .image-container { position: relative; color: white; } .mega-menus .image-container .image-item { position: relative; } .mega-menus .image-container .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; text-align: center; background-color: rgba(0, 0, 0, .5); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mega-menus .image-container .image-overlay a { position: absolute; top: 50%; left: 50%; background-color: #f5f5f5; width: 40px; height: 40px; margin: -28px 0 0 -44px; font-size: 18px; line-height: 40px; text-align: center; color: #444; border-radius: 50%; -webkit-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .mega-menus .image-container .image-overlay a i { -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .mega-menus .image-container .image-overlay a.icon-overlay-right { left: auto; right: 50%; margin-left: 0; margin-right: -44px; } .mega-menus .image-container .image-overlay a:hover { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .mega-menus .image-container .image-overlay a:hover i { color: #e2711d; } .mega-menus .image-container:hover .image-overlay { opacity: 1; } .mega-menus .image-container:hover .image-overlay>a { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .mega-menus .image-descr span { color: #909090; } .mega-menus .s-list>li { list-style: none; } .mega-menus .s-list>li>a { display: block; text-decoration: none; font-size: 12px; padding: 3px 4px; clear: both; font-weight: 400; line-height: 2.1; color: #333; -webkit-transition: background-color .3s ease, color .2s ease; -o-transition: background-color .3s ease, color .2s ease; transition: background-color .3s ease, color .2s ease; } .mega-menus .s-list>li>a:hover { color: #262626; background-color: #f5f5f5; } .mega-menus .s-list.s-list-danger>li>a:hover { background: #cc2b07; border-radius: 3px; color: white; } .mega-menus .s-list.s-list-md>li a> { font-size: 14px; padding: 4px 10px; margin-bottom: 2px; } .mega-menus .s-list.s-list-md.s-list-pl-md>li>a { padding-left: 0; } .mega-menus .s-list.s-list-pl>li>a { margin-left: -3px; } .mega-menus .s-list.s-list-pl>li>a:hover { background: none; color: #337ab7; } .mega-menus .s-list.s-list-pad-l>li { margin-bottom: 5px; } .mega-menus .s-list.s-list-pad-l>li>a { padding-left: 35px; } .mega-menus .s-list.s-list-pad-l.s-list-pad-l-sm>li { margin-bottom: 0; } .mega-menus .s-list.s-list-pad-l.s-list-pad-l-sm>li>a { padding-left: 25px; } .mega-menus .s-list.s-list-sprite>li>a { background-repeat: no-repeat; padding-top: 5px; padding-bottom: 5px; } .mega-menus .s-list.s-list-sprite>li>a:hover { background-color: transparent; color: #337ab7; } .mega-menus .s-list.s-list-sprite.s-list-sprite-nfl>li>a { background-image: url(../../img/nfl.png); } .mega-menus .s-list.s-list-sprite.s-list-sprite-nba>li>a { background-image: url(../../img/nba.png); } .mega-menus .s-list.s-list-sprite.s-list-sprite-mlb>li>a { background-image: url(../../img/mlb.png); } .mega-menus .s-list.s-list-sprite.s-list-sprite-flags>li>a { background-image: url(../../img/flags.png); } .mega-menus .s-list.s-list-no-hover>li>a:hover { background: none; color: #337ab7; } .mega-menus .s-list.s-list-mb-5>li { margin-bottom: 5px; } .mega-menus .s-list.s-list-mb-5>li:last-child { margin-bottom: 0; } .mega-menus .s-list.s-list-mb-10>li { margin-bottom: 10px; } .mega-menus .s-list.s-list-mb-10>li:last-child { margin-bottom: 0; } .mega-menus .s-list.s-list-mb-10>li>a { padding: 5px 6px; } .mega-menus .i-list { padding: 0; height: 100%; } .mega-menus .i-list>li { display: inline; } .mega-menus .i-list>li a { display: inline; padding: 0; background: none; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .mega-menus .i-list>li a:link, .mega-menus .i-list>li a:visited { color: #337ab7; } .mega-menus .i-list.i-list-i-block>li { display: inline-block; } .mega-menus .i-list.i-list-i-block>li>a:hover { background: #e7e7e7; } .mega-menus .i-list.i-list-i-block.i-list-i-block-no-hover>li>a:hover { background: none; } .mega-menus .i-list.i-list-i-block.i-list-i-block-sm>li a { display: block; font-size: 12px; padding: 7px 10px; text-decoration: none; color: #777; } .mega-menus .i-list.i-list-i-block.i-list-i-block-md>li a { display: block; padding: 10px 20px; text-decoration: none; color: #777; } .mega-menus .i-list.i-list-i-block.i-list-i-block-md>li a:hover { background: #e7e7e7; } .mega-menus .i-list.i-list-md>li { margin-right: 10px; } .mega-menus .i-list.i-list-md>li>a { font-weight: bold; padding: 5px 0; } .mega-menus .i-list.i-list-md>li:last-child { maring-right: 0; } .mega-menus .i-list.i-list-white>li>a:link, .mega-menus .i-list.i-list-white>li>a:visited { color: #fff; } .mega-menus .i-list.i-list-bullet>li:nth-child(1n+2):before { content: '●'; color: #585858; font-size: .8em; vertical-align: .1em; padding: 0 .1em; white-space: nowrap; } .mega-menus .tags>a { margin-top: 5px; } .mega-menus .no-box-shadow { -webkit-box-shadow: none; box-shadow: none; } .mega-menus .bx-shadow-1 { -webkit-box-shadow: 1px 1px 4px 0 #d8d8d8; box-shadow: 1px 1px 4px 0 #d8d8d8; } .mega-menus .no-border-radius { border-radius: 0; } .mega-menus .border-radius-4 { border-radius: 4px; } .mega-menus .border-radius-6 { border-radius: 6px; } .mega-menus .br-100 { border-radius: 100%; } .mega-menus .no-border { border: none; } .mega-menus .bt-0 { border-top: none; } .mega-menus .bb-2px { border-bottom: 2px solid #1abc9c; padding-bottom: 4px; text-transform: uppercase; letter-spacing: 1px; } .mega-menus .bb-d-1px { border-bottom: 1px dotted #333; padding-bottom: 1px; } .mega-menus .br-1px { border-right: 1px solid #e4e4e4; } .mega-menus .widget-default { padding: 1.25em; } .mega-menus .widget-thin { padding: .75em; } .mega-menus .tile-container { padding: 0; display: table-row; } .mega-menus .tile-container .tile { border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; list-style: none; display: table-cell; padding: 5px 25px; } .mega-menus .tile-container .tile:last-child { border-right: 0; } .mega-menus .tile-container .tile.br-1px { border-right: 1px solid #eaeaea; } .mega-menus .tile-container .tile:hover { background: #f1f1f1; } .mega-menus .tile-container .tile a:link, .mega-menus .tile-container .tile a:visited { color: #333; } .mega-menus .tile-container .tile a:hover { text-decoration: none; } .mega-menus .tile-container:last-child { border-bottom: 0; } .mega-menus .s-link { text-decoration: none; } .mega-menus .s-link:link, .mega-menus .s-link:visited { color: #333; } .mega-menus .s-link:hover, .mega-menus .s-link:active { color: #666; } .mega-menus .s-link.s-link-dark:link, .mega-menus .s-link.s-link-dark:visited { color: #333; } .mega-menus .s-link.s-link-dark:hover, .mega-menus .s-link.s-link-dark:active { color: #e9913c; } .mega-menus .no-margin { margin: 0; } .mega-menus .margin-2px { margin: 2px 2px 0 2px; } .mega-menus .margin-5px { margin: 5px; } .mega-menus .margin-top-0 { margin-top: 0; } .mega-menus .margin-top-1 { margin-top: 1em; } .mega-menus .margin-top-2 { margin-top: 2em; } .mega-menus .margin-top-p5 { margin-top: .5em; } .mega-menus .margin-right-1 { margin-right: 1em; } .mega-menus .margin-right-2 { margin-right: 2em; } .mega-menus .margin-bottom-1 { margin-bottom: 1em; } .mega-menus .margin-bottom-0 { margin-bottom: 0; } .mega-menus .margin-bottom-2 { margin-bottom: 2em; } .mega-menus .margin-left-0 { margin-left: 0; } .mega-menus .margin-left-1 { margin-left: 1em; } .mega-menus .margin-left-n-10px { margin-left: -10px; } .mega-menus .margin-auto { margin: 0 auto; } .mega-menus .no-padding { padding: 0; } .mega-menus .pad-1 { padding: 1em; } .mega-menus .pad-1-25 { padding: 1.25em; } .mega-menus .pad-1-5 { padding: 1.5em; } .mega-menus .pad-2 { padding: 2em; } .mega-menus .pad-top-0 { padding-top: 0; } .mega-menus .pad-top-1 { padding-top: 1em; } .mega-menus .pad-left-0 { padding-left: 0; } .mega-menus .pad-left-1 { padding-left: 1em; } .mega-menus .pad-left-2 { padding-left: 2em; } .mega-menus .pad-right-0 { padding-right: 0; } .mega-menus .pad-right-1 { padding-right: 1em; } .mega-menus .pad-right-2 { padding-right: 2em; } .mega-menus .pad-bottom-0 { padding-bottom: 0; } .mega-menus .pad-bottom-1 { padding-bottom: 1em; } .mega-menus .pad-left-108px { padding-left: 108px; } .mega-menus .pad-left-2px { padding-left: 2px; } .mega-menus .pad-small { padding: .5em; } .mega-menus .pad-narrow { padding: 4px 15px; } .mega-menus .text-candy { color: #cc0c40; } .mega-menus .text-orange { color: #e99442; } .mega-menus .line-t { text-decoration: line-through; } .mega-menus .lh-2 { line-height: 2; } .mega-menus .lh-1-5 { line-height: 1.5; } .mega-menus .lh-1-25 { line-height: 1.25; } .mega-menus .ttn { text-transform: none; } .mega-menus .ws-no-wrap { white-space: nowrap; } .mega-menus .l-block { display: block !important; } .mega-menus .l-i-block { display: inline-block; } .mega-menus .l-c-both { clear: both; } .mega-menus .l-ovr-flow-h { overflow: hidden; } .mega-menus .l-table { display: table; } .mega-menus .l-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mega-menus .l-flex.l-flex-hvc { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mega-menus .l-flex.l-flex-hvc-col { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .mega-menus .p-static { position: static; } .mega-menus .p-relative { position: relative; } .mega-menus .p-absolute { position: absolute; } .mega-menus .p-fixed { position: fixed; } .mega-menus .icn-left, .mega-menus .icn-right { width: 15px; position: relative; top: 1px; } .mega-menus .icn-left { margin-right: 5px; } .mega-menus .icn-right { margin-left: 5px; } .mega-menus .social-icon-mina { display: inline-block; width: 25px; height: 25px; margin: 10px 5px 10px 0; text-align: center; font-size: 12px; line-height: 26px; padding: 0 0 5px 0; border-radius: 3px; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: none; } .mega-menus .social-icon-mina i[class^='icon-'] { display: block; position: relative; color: #333; -webkit-transition: all .32s ease-in-out; -o-transition: all .32s ease-in-out; transition: all .32s ease-in-out; color: white; } .mega-menus .social-icon-mina:hover i[class^='icon']:first-child { margin-top: -27px; opacity: 0; } .mega-menus .icn-bx-container { position: relative; padding: 0 0 0 70px; margin: 0 0 24px 0; } .mega-menus .icn-bx-container.icn-bx-container-center { padding: 0; margin: 0; text-align: center; } .mega-menus .icn-bx-container.icn-bx-container-center .icn-bx { position: relative; top: 0; } .mega-menus .icn-bx-container.icn-bx-container-lg { padding: 0 0 0 160px; margin-bottom: 20px; } .mega-menus .icn-bx-container.icn-bx-container-lg .icn-bx i { font-size: 100px; } .mega-menus .icn-bx-container.icn-bx-container-sm { padding: 0 0 0 50px; margin-bottom: 20px; } .mega-menus .icn-bx-container.icn-bx-container-sm .icn-bx { top: -5px; } .mega-menus .icn-bx-container.icn-bx-container-sm .icn-bx i { font-size: 30px; } .mega-menus .icn-bx-container .icn-bx { display: block; position: absolute; top: -9px; left: 0; } .mega-menus .icn-bx-container .icn-bx i { font-style: normal; font-size: 40px; text-align: center; line-height: 1.5; } .mega-menus #top-social ul { margin: 0; } .mega-menus #top-social li, .mega-menus #top-social li a, .mega-menus #top-social li .ts-icon, .mega-menus #top-social li .ts-text { display: block; position: relative; float: left; width: auto; overflow: hidden; height: 40px; line-height: 40px; } .mega-menus #top-social li { border-left: 1px solid #eee; } .mega-menus #top-social li:first-child { border-left: 0; } .mega-menus #top-social li a { float: none; width: 40px; color: #666; -webkit-transition: color .41s ease-in-out, background-color .41s, ease-in-out, width .41s ease-in-out; -o-transition: color .41s ease-in-out, background-color .41s, ease-in-out, width .41s ease-in-out; transition: color .41s ease-in-out, background-color .41s, ease-in-out, width .41s ease-in-out; } .mega-menus #top-social li a:hover { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); } .mega-menus #top-social li .ts-icon { width: 40px; text-align: center; font-size: 14px; } .mega-menus .si-share { position: relative; padding-left: 5px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .mega-menus .si-share span { line-height: 36px; font-size: 13px; } .mega-menus .si-share div { float: right; } .mega-menus .si-share .social-icon { display: block; float: left; text-align: center; width: 38px; height: 41px; line-height: 41px; color: #555; text-shadow: none; text-decoration: none; border-color: transparent; margin: -2px 0 -4px 0; border-radius: 0; font-size: 15px; cursor: pointer; font-style: normal; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .mega-menus .si-share .social-icon i { display: block; position: relative; height: 100%; -webkit-transition: margin .35s ease, opacity .9s ease; -o-transition: margin .35s ease, opacity .9s ease; transition: margin .35s ease, opacity .9s ease; } .mega-menus .si-share .social-icon i:last-child { color: #fff; opacity: 0; } .mega-menus .si-share .social-icon:hover i:first-child { margin-top: -40px; opacity: 0; } .mega-menus .si-share .social-icon:hover i:last-child { background: black; opacity: 1; } .mega-menus .tabs { position: relative; margin: 0 0 10px 0; } .mega-menus .tabs.top-tabs-bdr .tab-nav { padding-left: 0; border-bottom: 1px solid #ddd; } .mega-menus .tabs.top-tabs-bdr .tab-nav>li { list-style: none; float: left; border: 1px solid #ddd; text-align: left; border-bottom: 0; height: 41px; } .mega-menus .tabs.top-tabs-bdr .tab-nav>li a { height: auto; line-height: 40px; padding: 0 15px; text-decoration: none; display: block; background: #f2f2f2; color: #333; height: 40px; } .mega-menus .tabs.top-tabs-bdr .tab-nav>li.ui-tabs-active a { position: relative; background: #fff; top: 1px; border-bottom: 0; } .mega-menus .tabs.top-tabs-bdr .tab-nav>li:not(:first-child) { border-left: 0; } .mega-menus .tabs.top-tabs-bdr .tab-nav.tab-nav-justify { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mega-menus .tabs.top-tabs-bdr .tab-nav.tab-nav-justify>li { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mega-menus .tabs.top-tabs-bdr .tab-container { overflow: hidden; padding: 10px 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .mega-menus .tabs.top-tabs-bdr .tab-container .s-tab-content { display: none; } .mega-menus .tabs.side-tabs .tab-nav { float: left; width: 202px; padding: 10px 0; border-bottom: 0; border-right: 1px solid #ddd; } .mega-menus .tabs.side-tabs .tab-nav>li { list-style: none; float: none; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 0; height: auto; text-align: left; } .mega-menus .tabs.side-tabs .tab-nav>li:first-child { margin-left: 0; border-top: 1px solid #ddd; } .mega-menus .tabs.side-tabs .tab-nav>li:last-child { border-bottom: 1px solid #ddd; } .mega-menus .tabs.side-tabs .tab-nav>li a { height: auto; line-height: 30px; padding: 0 15px; text-decoration: none; display: block; background: #f2f2f2; color: #333; } .mega-menus .tabs.side-tabs .tab-nav>li a i { position: relative; margin-right: 5px; top: 1px; width: 15px; } .mega-menus .tabs.side-tabs .tab-nav>li a i.tab-marker { position: absolute; top: 1px; right: -8px; opacity: 0; font-size: 90%; color: #868686; } .mega-menus .tabs.side-tabs .tab-nav>li.ui-tabs-active a { position: relative; background: #fff; top: 0; right: -1px; } .mega-menus .tabs.side-tabs .tab-nav.tab-nav-sm>li>a { padding-top: 0; padding-bottom: 0; line-height: 27px; } .mega-menus .tabs.side-tabs .tab-nav.tab-nav-md>li>a { padding-top: 3px; padding-bottom: 3px; } .mega-menus .tabs.side-tabs .tab-nav.tab-nav-arrow>li.ui-tabs-active i { opacity: 1; } .mega-menus .tabs.side-tabs .tab-container { overflow: hidden; padding: 0 15px 10px 20px; } .mega-menus .tabs.side-tabs .tab-container .s-tab-content { display: none; } .mega-menus .bootTab { padding: 0 25px; } .mega-menus .bootTab>li>a { padding: 10px 15px; } .mega-menus .bootTabContent.tab-content { padding: 8px 0 0 0; } .mega-menus .video-container { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .mega-menus .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mega-menus .heading-block.center:after { content: ''; display: block; margin: 30px auto; margin-top: 30px; width: 70px; border-top: 2px solid #444; } .mega-menus p.or { position: relative; display: block; padding: 0 5px; margin: 1em 0; } .mega-menus p.or:after { content: ''; width: 100%; height: 1px; border-bottom: 1px solid #ccc; position: absolute; top: 9px; left: 0; } .mega-menus p.or span { position: relative; padding: 7px; z-index: 1; background: #000; border-radius: 100%; color: white; } .mega-menus hr.h-divider { border-color: #eaeaea; } .mega-menus .btn { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .mega-menus .btn-black { background: #333; color: white; } .mega-menus .btn-black:hover { background: #404040; } .mega-menus .btn-red { background: #c02942; color: white; } .mega-menus .btn-red:hover { background: #d3304b; } .mega-menus .btn-amber { background: #eb9c4d; color: white; } .mega-menus .btn-amber:hover { background: #eea964; } .mega-menus .btn-yellow { background: #ecd078; color: #333; } .mega-menus .btn-yellow:hover { background: #efd88e; } .mega-menus .btn-lime { background: #aee239; color: #333; } .mega-menus .btn-lime:hover { background: #b7e54f; } .mega-menus .btn-pink { background: #f89fa1; color: white; } .mega-menus .btn-pink:hover { background: #fab7b8; } .mega-menus .btn-aqua { background: #40c0cb; color: white; } .mega-menus .btn-aqua:hover { background: #54c7d0; } .mega-menus .btn-dirty-green { background: #1693a5; color: white; } .mega-menus .btn-dirty-green:hover { background: #19a7bc; } .mega-menus .btn-teal { background: #53777a; color: white; } .mega-menus .btn-teal:hover { background: #5d8689; } .mega-menus .btn-mina { position: relative; overflow: hidden; padding-left: 1.3625em; padding-right: 1.3625em;/* slides */ /* reveal icon */} .mega-menus .btn-mina.btn-mina-st>span { position: relative; display: block; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-st:before { position: absolute; display: block; content: attr(data-c); top: 100%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-st:hover>span { -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .mega-menus .btn-mina.btn-mina-st:hover:before { top: 0; } .mega-menus .btn-mina.btn-mina-sb>span { position: relative; display: block; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-sb:before { position: absolute; display: block; content: attr(data-c); bottom: 100%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-sb:hover>span { -webkit-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .mega-menus .btn-mina.btn-mina-sb:hover:before { bottom: 0; } .mega-menus .btn-mina.btn-mina-sr>span { position: relative; display: block; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-sr:before { position: absolute; display: block; top: 0; content: attr(data-c); -webkit-transform: translateX(-1000%); -o-transform: translateX(-1000%); transform: translateX(-1000%); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-sr:hover>span { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .mega-menus .btn-mina.btn-mina-sr:hover:before { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mega-menus .btn-mina.btn-mina-sl>span { position: relative; display: block; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-sl:before { position: absolute; display: block; top: 0; content: attr(data-c); -webkit-transform: translateX(1000%); -o-transform: translateX(1000%); transform: translateX(1000%); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-sl:hover>span { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .mega-menus .btn-mina.btn-mina-sl:hover:before { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mega-menus .btn-mina.btn-mina-rip-m:before { position: absolute; content: ''; width: 10px; height: 10px; border-radius: 100%; background: rgba(0, 0, 0, .5); top: 40%; left: 0; right: 0; opacity: 1; margin: auto; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .mega-menus .btn-mina.btn-mina-rip-m:hover:before { -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; -webkit-transform: scale(10); -o-transform: scale(10); transform: scale(10); opacity: 0; } .mega-menus .btn-mina.btn-mina-rip-tl:before { position: absolute; content: ''; width: 10px; height: 10px; border-radius: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .mega-menus .btn-mina.btn-mina-rip-tl:hover:before { -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; -webkit-transform: scale(20); -o-transform: scale(20); transform: scale(20); opacity: 0; } .mega-menus .btn-mina.btn-mina-rip-tr:before { position: absolute; content: ''; width: 10px; height: 10px; border-radius: 100%; background: rgba(0, 0, 0, .5); top: 0; right: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .mega-menus .btn-mina.btn-mina-rip-tr:hover:before { -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; -webkit-transform: scale(20); -o-transform: scale(20); transform: scale(20); opacity: 0; } .mega-menus .btn-mina.btn-mina-rip-bl:before { position: absolute; content: ''; width: 10px; height: 10px; border-radius: 100%; background: rgba(0, 0, 0, .5); bottom: 0; left: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .mega-menus .btn-mina.btn-mina-rip-bl:hover:before { -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; -webkit-transform: scale(20); -o-transform: scale(20); transform: scale(20); opacity: 0; } .mega-menus .btn-mina.btn-mina-rip-br:before { position: absolute; content: ''; width: 10px; height: 10px; border-radius: 100%; background: rgba(0, 0, 0, .5); bottom: 0; right: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .mega-menus .btn-mina.btn-mina-rip-br:hover:before { -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; -webkit-transform: scale(20); -o-transform: scale(20); transform: scale(20); opacity: 0; } .mega-menus .btn-mina.btn-mina-rev-b>span, .mega-menus .btn-mina.btn-mina-rev-t>span, .mega-menus .btn-mina.btn-mina-rev-l>span, .mega-menus .btn-mina.btn-mina-rev-r>span { position: relative; display: block; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-rev-b:before, .mega-menus .btn-mina.btn-mina-rev-t:before, .mega-menus .btn-mina.btn-mina-rev-l:before, .mega-menus .btn-mina.btn-mina-rev-r:before { content: attr(data-icon); font-family: 'font-icons'; position: absolute; left: 0; right: 0; margin: auto; display: block; text-align: center; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mega-menus .btn-mina.btn-mina-rev-b:before { top: 100%; } .mega-menus .btn-mina.btn-mina-rev-b:hover>span { -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .mega-menus .btn-mina.btn-mina-rev-b:hover:before { top: 6px; } .mega-menus .btn-mina.btn-mina-rev-t:before { bottom: 100%; } .mega-menus .btn-mina.btn-mina-rev-t:hover>span { -webkit-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .mega-menus .btn-mina.btn-mina-rev-t:hover:before { bottom: 6px; } .mega-menus .btn-mina.btn-mina-rev-l:before { top: 6px; -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .mega-menus .btn-mina.btn-mina-rev-l:hover>span { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .mega-menus .btn-mina.btn-mina-rev-l:hover:before { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mega-menus .btn-mina.btn-mina-rev-r:before { top: 6px; -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .mega-menus .btn-mina.btn-mina-rev-r:hover>span { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .mega-menus .btn-mina.btn-mina-rev-r:hover:before { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mega-menus .form-group.form-group-captcha #captcha-image { top: 2px; left: 2px; border: 1px solid #cbcbcb; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .mega-menus .form-group.form-group-captcha #captcha { padding-left: 95px; } .mega-menus .form-group.form-group-captcha #refresh-captcha { top: 6px; right: 8px; width: 23px; height: 23px; background: #1abc9c; color: white; text-align: center; border-radius: 100%; line-height: 20px; border: 2px solid #04a587; font-size: 11px; } .mega-menus .form-group.form-group-captcha #refresh-captcha:hover { cursor: pointer; background: #13866f; } /* typography */ .strong { font-weight: bold; } .smaller { font-size: 75%; line-height: 1.35; } .ltr-space-1 { letter-spacing: 1px; } /* custom owl carousel */ .owl-carousel.owl-wrapper { position: relative; } .owl-carousel.owl-custom-nav .owl-controls { width: 100%; position: absolute; margin: auto; top: 50%; margin-top: -48px; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .owl-carousel.owl-custom-nav .owl-controls .owl-prev, .owl-carousel.owl-custom-nav .owl-controls .owl-next { margin: 0; border-radius: 0; with: 52px; height: 52px; padding: 10px 15px; background: rgba(0, 0, 0, .85); } .owl-carousel.owl-custom-nav .owl-controls .owl-prev i, .owl-carousel.owl-custom-nav .owl-controls .owl-next i { font-size: 25px; } .owl-carousel.owl-custom-nav .owl-controls .owl-prev:hover, .owl-carousel.owl-custom-nav .owl-controls .owl-next:hover { background: rgba(0, 0, 0, .9); } .owl-carousel.owl-custom-nav .owl-controls .owl-prev { float: left; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .owl-carousel.owl-custom-nav .owl-controls .owl-next { float: right; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .owl-carousel.owl-custom-nav:hover .owl-controls { opacity: 1; } .owl-carousel.owl-custom-paginate-red .owl-pagination .owl-page.active span { background-color: #c02942; } .owl-carousel.owl-custom-paginate-red .owl-pagination .owl-page span { background-color: #eba1ad; } .owl-carousel.owl-no-nav .owl-controls { display: none; } .owl-carousel .overlay { position: absolute; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, .42); color: white; } .owl-carousel.owl-custom-nav-dots .owl-controls { padding-bottom: 20px; } /* custom news ticker */ .ticker-wrapper.has-js, .ticker, .ticker-swipe { margin: 0 0 0 -10px; width: 100%; padding-left: 0; height: 15px; font-size: inherit; } .ticker-wrapper.has-js, .ticker, .ticker-title, .ticker-content, .ticker-swipe, .ticker-swipe span { background: #fff; } .ticker-swipe span { width: 0; border-bottom: 0; } .ticker-content, .ticker-swipe, .ticker-title { padding-top: 0; } /* back to top */ #back-2-top { position: fixed; bottom: 35px; right: 25px; width: 35px; height: 35px; background: rgba(16, 187, 163, .73); display: none; color: white; text-align: center; padding: 7px 5px 5px 5px; border-radius: 6px; } #back-2-top.back-2-top-rocket { background: none; position: fixed; } #back-2-top.back-2-top-rocket img { width: 50px; height: 50px; opacity: .75; } #back-2-top:hover { cursor: pointer; } /* modal */ .modal { z-index: 2000; } /* jquery validation format */ input.state-invalid { border: 1px solid #e82424; } em.state-invalid { margin-top: 3px; font-size: 12px; color: #e82424; } /* settings */ .color-box>li { width: 50px; height: 50px; border: 1px solid black; margin-right: 15px; } .color-box>li:last-child { margin-right: 0; } .color-box>li:hover { cursor: pointer; } .mega-menus .navbar-default.navbar-default-light { background: #efefef; border-color: #c2c2c2; } .mega-menus .navbar-default.navbar-default-light.navbar-hover .dropdown:hover>a { background-color: #e7e7e7; color: #333; } .mega-menus .navbar-default.navbar-default-light .navbar-nav .open .dropdown-menu { background: white; } .mega-menus .navbar-default.navbar-default-light .navbar-nav { margin-top: 0; margin-bottom: 0; } .mega-menus .navbar-default.navbar-default-light .navbar-nav>li>a:hover { background-color: #e7e7e7; } .mega-menus .navbar-default.navbar-default-light .navbar-toggle { border: 0; padding-left: 0; } .mega-menus .navbar-default.navbar-default-light .navbar-toggle .icon-bar { background-color: #777; } .mega-menus .navbar-default.navbar-default-light .navbar-toggle:hover, .mega-menus .navbar-default.navbar-default-light .navbar-toggle:focus { background-color: transparent; } .mega-menus .navbar-default.navbar-default-light .mini-menu .i-list.i-list-i-block>li>a:hover { background-color: #e7e7e7; color: #333; } .mega-menus .navbar-default.navbar-default-dark { background: #151515; border-left: 1px solid #151515; border-right: 1px solid #151515; border-bottom: 0; border-top: 0; } .mega-menus .navbar-default.navbar-default-dark .navbar-brand { color: white; } .mega-menus .navbar-default.navbar-default-dark .navbar-toggle { border: 0; padding-left: 0; } .mega-menus .navbar-default.navbar-default-dark .navbar-toggle .icon-bar { background-color: #e00101; } .mega-menus .navbar-default.navbar-default-dark .navbar-toggle:hover, .mega-menus .navbar-default.navbar-default-dark .navbar-toggle:focus { background-color: transparent; } .mega-menus .navbar-default.navbar-default-dark .navbar-nav { margin-top: 0; margin-bottom: 0; } .mega-menus .navbar-default.navbar-default-dark .navbar-nav>li>a { color: white; } .mega-menus .navbar-default.navbar-default-dark .navbar-nav>li>a:hover { background: #e00101; } .mega-menus .navbar-default.navbar-default-dark .navbar-nav>.open>a, .mega-menus .navbar-default.navbar-default-dark .navbar-default .navbar-nav>.open>a:focus, .mega-menus .navbar-default.navbar-default-dark .navbar-default .navbar-nav>.open>a:hover { background-color: #e00101; } .mega-menus .navbar-default.navbar-default-dark.navbar-hover .dropdown:hover>a { background-color: #e00101; color: white; } .mega-menus .navbar-default.navbar-default-dark.navbar-hover .dropdown-menu>li>a:focus { color: #333; background-color: none; } .mega-menus .navbar-default.navbar-default-dark.navbar-hover .dropdown-menu>li>a:hover { color: white; background-color: #e00101; } .mega-menus .navbar-default.navbar-default-dark.navbar-click .dropdown:hover>a { background-color: #e00101; color: white; } .mega-menus .navbar-default.navbar-default-dark.navbar-click .dropdown-menu>li>a:focus, .mega-menus .navbar-default.navbar-default-dark.navbar-click .dropdown-menu>li>a:hover { background-color: #e00101; color: white; } .mega-menus .navbar-default.navbar-default-dark .dropdown-menu { background: white; border: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; } .mega-menus .navbar-default.navbar-default-dark .navbar-pos-search .x-search i { color: #e00101; } .mega-menus .navbar-default.navbar-default-dark #search_term { background: #151515; color: white; } .mega-menus .navbar-default.navbar-default-dark .s-list>li>a:hover, .mega-menus .navbar-default.navbar-default-dark .s-list>li>a:hover>span { color: white; background-color: #e00101; } .mega-menus .navbar-default.navbar-default-dark .s-list.s-list-sprite>li>a:hover { color: #2886d6; background-color: transparent; } .mega-menus .navbar-default.navbar-default-dark .bb-2px { border-color: #e00101; } .mega-menus .navbar-default.navbar-default-dark .tile-container .tile:hover { background: #e00101; color: white; } .mega-menus .navbar-default.navbar-default-dark .tile-container .tile:hover a { color: white; } .mega-menus .navbar-default.navbar-default-dark .i-list-i-block.i-list-i-block-md>li a { display: block; padding: 10px 20px; text-decoration: none; color: #333; } .mega-menus .navbar-default.navbar-default-dark .i-list-i-block.i-list-i-block-md>li a:hover { background: #e00101; color: white; } .mega-menus .navbar-default.navbar-default-blue { background: #05668d; border-left: 1px solid #05668d; border-right: 1px solid #05668d; border-bottom: 0; border-top: 0; } .mega-menus .navbar-default.navbar-default-blue .navbar-brand { color: white; } .mega-menus .navbar-default.navbar-default-blue .navbar-toggle { border: 0; padding-left: 0; } .mega-menus .navbar-default.navbar-default-blue .navbar-toggle .icon-bar { background-color: #4ac7f9; } .mega-menus .navbar-default.navbar-default-blue .navbar-toggle:hover, .mega-menus .navbar-default.navbar-default-blue .navbar-toggle:focus { background-color: transparent; } .mega-menus .navbar-default.navbar-default-blue .navbar-nav { margin-top: 0; margin-bottom: 0; } .mega-menus .navbar-default.navbar-default-blue .navbar-nav>li>a { color: white; } .mega-menus .navbar-default.navbar-default-blue .navbar-nav>li>a:hover { background: #055c7f; } .mega-menus .navbar-default.navbar-default-blue .navbar-nav>.open>a, .mega-menus .navbar-default.navbar-default-blue .navbar-default .navbar-nav>.open>a:focus, .mega-menus .navbar-default.navbar-default-blue .navbar-default .navbar-nav>.open>a:hover { background-color: #055c7f; } .mega-menus .navbar-default.navbar-default-blue.navbar-hover .dropdown:hover>a { background-color: #055c7f; color: white; } .mega-menus .navbar-default.navbar-default-blue.navbar-hover .dropdown:hover>a { background-color: #055c7f; } .mega-menus .navbar-default.navbar-default-blue.navbar-click .dropdown:hover>a { background-color: #055c7f; color: white; } .mega-menus .navbar-default.navbar-default-blue.navbar-click .dropdown-menu>li>a:focus, .mega-menus .navbar-default.navbar-default-blue.navbar-click .dropdown-menu>li>a:hover { background-color: #055c7f; color: white; } .mega-menus .navbar-default.navbar-default-blue .dropdown-menu { background: white; border: 1px solid transparent; -webkit-box-shadow: none; box-shadow: none; } .mega-menus .navbar-default.navbar-default-blue .dropdown-menu>li>a:focus, .mega-menus .navbar-default.navbar-default-blue .dropdown-menu>li>a:hover { color: white; background-color: #055c7f; } .mega-menus .navbar-default.navbar-default-blue .navbar-pos-search .x-search i { color: #4ac7f9; } .mega-menus .navbar-default.navbar-default-blue #search_term { background: #05668d; color: white; } .mega-menus .navbar-default.navbar-default-blue .s-list>li>a:hover, .mega-menus .navbar-default.navbar-default-blue .s-list>li>a:hover>span { color: white; background-color: #055c7f; } .mega-menus .navbar-default.navbar-default-blue .s-list.s-list-sprite>li>a:hover { color: #2886d6; background-color: transparent; } .mega-menus .navbar-default.navbar-default-blue .bb-2px { border-color: #055c7f; } .mega-menus .navbar-default.navbar-default-blue .tile-container .tile:hover { background: #055c7f; color: white; } .mega-menus .navbar-default.navbar-default-blue .tile-container .tile:hover a { color: white; } .mega-menus .navbar-default.navbar-default-blue .i-list-i-block.i-list-i-block-md>li a { display: block; padding: 10px 20px; text-decoration: none; color: #333; } .mega-menus .navbar-default.navbar-default-blue .i-list-i-block.i-list-i-block-md>li a:hover { background: #05668d; color: white; } #wrapper { padding-top: 0; padding-bottom: 0; background: none; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .main-header { background: transparent; } .main-header .show>.dropdown-menu { display: block; } .main-header .nav-trigger { top: 8px; } .main-header .top-header { background: #fff; opacity: 1; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; visibility: visible; position: absolute; top: 0; left: 0; right: 0; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 4px 6px 0 rgba(0, 0, 0, .07); box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 4px 6px 0 rgba(0, 0, 0, .07); } .main-header .top-header nav { padding: 0 .9375rem; } .main-header .top-header nav a { color: #646464; font-weight: 500; } .main-header .top-header.mega-menus .mini-menu { background: #fff; } .main-header .top-header.mega-menus .i-list.i-list-i-block.i-list-i-block-sm>li a { color: #646464; font-weight: 500; } .main-header .top-header.mega-menus .i-list.i-list-i-block.i-list-i-block-sm>li a:hover { color: #5645ff; } .main-header .bottom-header { -webkit-transition: min-height .3s linear, all .3s linear; -o-transition: min-height .3s linear, all .3s linear; transition: min-height .3s linear, all .3s linear; } .main-header .navbar { padding: 0; min-height: 6.063rem; } .main-header .navbar .navbar-brand { margin-left: 0; padding: 0; font-size: inherit; } .main-header .navbar .navbar-nav li { text-transform: uppercase; font-size: .75rem; font-weight: 500; color: #fff; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .main-header .navbar .navbar-nav li a { color: #fff; padding: 2.25rem 1rem; display: inline-block; } .main-header .navbar .navbar-nav li a:hover, .main-header .navbar .navbar-nav li a:focus { background: none; color: #c1c5cd; } .main-header .navbar .navbar-nav li a.dropdown-toggle:after { display: none; } .main-header .navbar .navbar-nav li.right-dropdown>.dropdown-menu { left: auto; right: 0; } .main-header .navbar .navbar-nav li .dropdown-menu { background: #212121; min-width: 9rem; -webkit-box-shadow: 0 1px 1px #4d4c4c; box-shadow: 0 1px 1px #4d4c4c; border: none; padding: .625rem 0; margin: 0; } .main-header .navbar .navbar-nav li .dropdown-menu li { padding: .1rem 1rem; font-size: .5875rem;} .main-header .navbar .navbar-nav li .dropdown-menu li>a { padding: 0; color: #7d7d7d; display: block; } .main-header .navbar .navbar-nav li .dropdown-menu li:hover { background: #272727; } .main-header .navbar .navbar-nav li .dropdown-menu li:hover>a { color: #fff; padding-left: .3125rem;} .main-header .navbar .navbar-nav li .dropdown-menu .dropdown-right>.dropdown-menu, .main-header .navbar .navbar-nav li .dropdown-menu .dropdown-left>.dropdown-menu { top: 0rem; margin: 0; } .main-header .navbar .navbar-nav li .dropdown-menu .dropdown-right .icn-right, .main-header .navbar .navbar-nav li .dropdown-menu .dropdown-left .icn-right { top: .2rem; right: 0; -webkit-transform: none; -o-transform: none; transform: none; } .main-header .navbar .navbar-nav li .btn { padding: .5rem;} .main-header .navbar h5 { font-weight: 700; font-size: .875rem; margin: .9375rem 0 .75rem .9375rem;} .main-header .navbar-pos-search { top: 50%; margin-top: -48px; } .main-header .navbar-pos-search.nav-trigger { margin-top: -40px; } .main-header .navbar-pos-search a { top: 1.5rem; color: #fff; width: 1.563rem; font-size: .875rem;z-index: 99; } .main-header .navbar-pos-search a.icon-close-round { display: none; } .main-header .nav-search-link .custom-icon-search { font-size: .875rem; line-height: 25px; } .main-header .navbar-pos-search a.icon-plus { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .main-header #top-search { position: absolute; left: 0; right: 0; top: 0; display: none; margin: 0 -3.125rem; z-index: 99; } .main-header #top-search input { background: #000; height: 6.063rem; color: #fff; line-height: 4rem; font-size: 2.4rem; letter-spacing: .125rem; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; padding: 0 2.9375rem; text-align: center; } .main-header .i-list.i-list-i-block.i-list-i-block-sm li { vertical-align: top; } .main-header .i-list.i-list-i-block.i-list-i-block-sm li a { padding: .5rem .625rem;} .main-header .i-list.i-list-i-block.i-list-i-block-sm li a:hover { color: #5645ff; } .main-header .mini-nav:hover>a { color: inherit; background: none; } .main-header .mini-nav .dropdown-menu.pad-small { padding: 0; min-width: 5.143rem; border: none; background: #212121; left: auto; right: 0; margin-top: -.0625rem;} .main-header .mini-nav .dropdown-menu.pad-small li { border-top: .0625rem solid #272727;} .main-header .mini-nav .dropdown-menu.pad-small li:first-child { border: none; } .main-header .mini-nav .dropdown-menu.pad-small li .pad-narrow { padding: .6rem .9375rem; color: #7d7d7d; } .main-header .mini-nav .dropdown-menu.pad-small li .pad-narrow:hover { color: #fff !important; background: #272727; } .main-header .s-list.s-list-mb-10>li { margin-bottom: 0; padding-left: .625rem; padding-right: .625rem;} .main-header .s-list.s-list-mb-10>li a { font-size: .5875rem; font-weight: 500; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .main-header .s-list.s-list-mb-10>li:hover a { padding-left: .625rem;} .main-header .widget-default { padding: .9375rem;} .main-header .row-autoheight .col-autoheight:not(:first-child) { border-color: #272727; } .main-header .dropdown-full-width-g .dropdown-menu { left: 0; right: 0; } .main-header .mega-menus .dropdown .dropdown-right.dropdown-parent .dropdown-menu.dropdown-menu-indent-sm>li a, .main-header .mega-menus .dropdown .dropdown-left.dropdown-parent .dropdown-menu.dropdown-menu-indent-sm>li a { padding-left: .9375rem; } .main-header .navbar-pos-search.with-side-panel { right: 36px; } .main-header .navbar-pos-search.with-side-panel.nav-trigger { right: 0; } .main-header.with-side-panel-ico .nav-trigger.navbar-pos-search a.navbar-link { z-index: 9; } .main-header.with-side-panel-ico .mega-menus .mega-menu-multiple .cart-list, .main-header.with-side-panel-ico .main-header .navbar .navbar-nav>li:last-child { margin-right: 4rem; } .main-header p { font-weight: 500; font-size: .75rem; line-height: 2.1; letter-spacing: .0625rem; color: #7d7d7d; text-transform: none; } .main-header .image-wrap { padding: 0 .9375rem 0;} .main-header .image-wrap h5 { margin-left: 0; margin-right: 0; } .main-header.sticky-nav { background: #212121; } .main-header.sticky-nav .top-header { top: -42px; height: 0; opacity: 0; visibility: hidden; } .main-header.sticky-nav .bottom-header { min-height: 3.875rem; margin-top: 0; } .main-header.sticky-nav .navbar { min-height: inherit; } .main-header.sticky-nav .navbar .navbar-brand { padding-top: 1.1rem; padding-bottom: 1.25rem; } .main-header.sticky-nav .navbar .navbar-nav li a { padding-top: 1.25rem; padding-bottom: 1.25rem; } .main-header.sticky-nav .navbar .navbar-nav .btn { padding: .5rem;} .main-header.sticky-nav .navbar-pos-search { margin-top: -30px; } .main-header.sticky-nav .navbar-pos-search.nav-trigger { margin-top: -22px; } .main-header.sticky-nav .navbar-pos-search a { top: .3rem;} .main-header.sticky-nav #top-search input { height: 3.875rem; } .main-header.sticky-nav.nav-up { opacity: 0; visibility: hidden; } .main-header.header-white { background: #fff; } .main-header.header-white .navbar .navbar-nav li { color: #55565b; } .main-header.header-white .navbar .navbar-nav li a { color: #55565b; } .main-header.header-white .navbar .navbar-nav li a:hover, .main-header.header-white .navbar .navbar-nav li a:focus { color: #a7a7a7; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu { background: #fff; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu li a { color: #6e6e6e; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu li:hover { background: #f8f8f8; } .main-header.header-white .navbar .navbar-nav li .dropdown-menu li:hover>a { color: #55565b; } .main-header.header-white .row-autoheight .col-autoheight:not(:first-child) { border-color: #f8f8f8; } .main-header.header-white .navbar-pos-search a { color: #55565b; } .main-header.header-white #top-search input { background: #fff; color: #c1c5cd; } .main-header.header-white .i-list.i-list-i-block.i-list-i-block-sm li a:hover { color: #a7a7a7; } .main-header.header-white .mini-nav:hover>a { color: #5645ff; } .main-header.header-white .mini-nav .dropdown-menu.pad-small { background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15), 0 4px 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15), 0 4px 10px 0 rgba(0, 0, 0, .1); } .main-header.header-white .mini-nav .dropdown-menu.pad-small li { border-color: #f8f8f8; } .main-header.header-white .mini-nav .dropdown-menu.pad-small li .pad-narrow { color: #55565b; } .main-header.header-white .mini-nav .dropdown-menu.pad-small li .pad-narrow:hover { color: #55565b !important; background: #f8f8f8; } .main-header.header-white .navbar-toggler .navbar-toggler-icon { background: #55565b; } .main-header.header-white .navbar-toggler .navbar-toggler-icon:before, .main-header.header-white .navbar-toggler .navbar-toggler-icon:after { background: #55565b; } /******* cart styles *******/ .mega-menus .mega-menu-multiple .cart-list { margin-right: 0; } .mega-menus .mega-menu-multiple .cart-list .s-list .row { margin: .9375rem -.625rem;} .mega-menus .mega-menu-multiple .cart-list .s-list .row [class*='col-'] { padding: 0 .625rem;} .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu { padding: 1rem; right: 0; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu div>* { color: #7d7d7d; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h2 { display: block; padding: .3rem 0 0; font-size: .9rem;color: #7d7d7d; font-weight: 700; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h4 { color: #7d7d7d; font-size: .75rem;text-transform: capitalize; font-weight: 700; line-height: .5; margin: .625rem 0 1.875rem;} .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 { color: #7d7d7d; font-size: .75rem;text-transform: capitalize; font-weight: 500; line-height: 1; margin: 0; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 strong, .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 a { font-weight: 500; font-size: .6875rem; margin: 0 0 .5rem; display: inline-block; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; text-transform: uppercase; color: #7d7d7d; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 strong:hover, .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 a:hover { color: #fff; background: none; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .text-muted { color: #7d7d7d !important; font-size: .625rem;font-weight: 700; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .btn { padding: .6rem !important; display: block; line-height: 1; min-width: 100%; font-size: .875rem;color: #fff; background: #5645ff; border-color: #5645ff; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .btn:hover, .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .btn:focus { outline: none; background: #2812ff; border-color: #2812ff; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu li { padding: 0; border: none; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu li:hover { background: inherit; } .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container a { color: #7d7d7d; padding: 0 !important; line-height: 1; } /*********************** white header ***********************/ .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h2 { color: #55565b; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h4 { color: #55565b; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 { color: #55565b; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 strong, .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 a { color: #55565b; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 strong:hover, .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu h6 a:hover { color: #55565b; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu li:hover { background: inherit; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu a:hover { background: none; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .text-muted { color: #55565b !important; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .btn { color: #fff; border-color: #5645ff; } .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .btn:hover, .header-white .mega-menus .mega-menu-multiple .cart-list .dropdown-menu-container>.dropdown-menu .btn:focus { background: #2812ff; border-color: #2812ff; } /*********************** header logo center ***********************/ .header-logo-center .mega-menus .mega-menu-multiple .cart-list { margin-right: 0; } /*------------------------------------------------------------------ 4. Banner -------------------------------------------------------------------*/ /******* visual styles *******/ .visual-inner { white-space: nowrap; text-align: center; height: 100vh; padding: 3.125rem 0; min-height: 26.25rem; max-height: 26.25rem; position: relative; z-index: 1; } .visual-inner:after { content: ''; display: inline-block; vertical-align: middle; width: 0; min-height: 100%; } .visual-inner>* { white-space: normal; display: inline-block; vertical-align: middle; max-width: 99%; } .visual-inner:before { z-index: -1; } .visual-inner .centered { max-width: none; width: 100%; } .visual-sub .visual-inner { height: 100vh; } .visual-sub .visual-text { max-width: 52.86rem; } .visual-text { max-width: 51.43rem; font-size: 1.143rem; color: #fff; font-weight: 400; } .visual-text-bigger { max-width: 47.06rem; } .visual-text-large { max-width: 67.86rem; } .visual-text-large p { color: #fff; max-width: 47.06rem; } .visual-center { margin-left: auto; margin-right: auto; } .visual-title { font-size: 1.875rem; line-height: 1.2; color: #fff; display: block; font-weight: 300; margin-bottom: 1.25rem; } .visual-title span { color: #5645ff; } .visual-title.text-white { font-size: 1.5rem; line-height: 1.2; } .visual-sub-title { font-weight: 700; margin: 0; } .visual-text-v1 .visual-title, .visual-text-v2 .visual-title, .visual-text-v3 .visual-title { margin-bottom: 2rem; } .visual-text-v1 p, .visual-text-v2 p, .visual-text-v3 p { margin-bottom: 3.25rem; } .visual-text-v1 { font-size: .75rem; line-height: 2.1; line-height: 1.875; } .visual-text-v2 { font-size: 1.125rem; line-height: 1.2; line-height: 1.5; } .visual-text-v2 .visual-title { font-weight: 700; } .visual-text-v3 { font-size: 1.125rem; line-height: 1.2; line-height: 1.5; } .visual-text-v3 .icon { margin-bottom: 2.5rem; } .visual-text-v3 .visual-title { font-weight: 700; } .visual-subtitle { font-size: 1.875rem; line-height: 1.2; font-weight: 300; } .visual-no-bg .visual-inner { height: auto; min-height: .07143rem;} .visual-no-bg .visual-inner .centered { display: block; } .visual-no-bg .visual-title { color: #55565b; font-size: 1.5rem; line-height: 1.2; text-transform: capitalize; letter-spacing: .2rem;} .visual-bottom-block { background: rgba(0, 0, 0, .5); padding: 0 0rem; } .visual-bottom-block h4 { font-size: .875rem; line-height: 1.2; color: #fff; padding-top: 1rem; margin-bottom: 1.563rem; } .visual-bottom-block p { font-size: .875rem; letter-spacing: 0; color: #fff; padding-bottom: 1.5rem; } .visual-bottom-block .item-box { position: relative; min-height: 100%; } .visual-bottom-block .owl-item+.owl-item .item-box:before, .visual-bottom-block .owl-item+.owl-item .item-box:after { position: absolute; content: ''; top: 0; left: -1.3rem; width: 1px; height: 51.6%; background: #fff; display: none; -webkit-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg); } .visual-bottom-block .owl-item+.owl-item .item-box:after { top: auto; bottom: 0; -webkit-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); } /*------------------------------------------------------------------ 5. Buttons / .btn -------------------------------------------------------------------*/ /******* button styles *******/ .btn { position: relative; padding: .9375rem; letter-spacing: .1429rem;text-transform: uppercase; border: .1429rem solid #5645ff;color: #fff; min-width: 10rem; outline: none; font-weight: 500; cursor: pointer; border-radius: 0; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; font-size: .875rem;line-height: 1.2; line-height: .8; } .btn:focus { -webkit-box-shadow: none; box-shadow: none; } .btn.btn-primary { background: #5645ff; border-color: #5645ff; color: #fff; } .btn.btn-primary:hover { background: #2812ff; border-color: #2812ff; } .btn.btn-secondary { background: #ff6138; color: #fff; border: .1429rem solid #ff6138;} .btn.btn-secondary:hover { background: #eb3000; color: #fff; border-color: #eb3000; } .btn.btn-trans-gray { border: .1429rem solid #c1c5cd; color: #c1c5cd; } .btn.btn-trans-gray:hover { background: #c1c5cd; color: #fff; } .btn.btn-trans-dark-gray { border: .1429rem solid #212121; background: none; } .btn.btn-trans-dark-gray:hover { background: #212121; } .btn.btn-black { background: #000; border: .1429rem solid #000;color: #fff; } .btn.btn-black:hover { background: none; color: #000; } .btn:focus { outline: none; } .btn.btn-arrow { -webkit-box-shadow: none; box-shadow: none; padding-right: 2rem; padding-left: 1rem; } .btn.btn-arrow:after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e914'; position: absolute; right: 1rem; top: 50%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 1.857rem; } .btn.btn-trans-primary { border: .1429rem solid #5645ff; color: #55565b; } .btn.btn-trans-primary:hover { background: #5645ff; color: #fff; } .btn.btn-trans-secondary { border: .1429rem solid #ff6138; color: #55565b; } .btn.btn-trans-secondary:hover { background: #eb3000; color: #fff; } .btn.btn-trans-white { border: .1429rem solid #fff; color: #fff; } .btn.btn-trans-white:hover { background: #fff; color: #55565b; } .btn.btn-white { border: .1429rem solid #fff; color: #55565b; background: #fff; } .btn.btn-white:hover { background: none; color: #fff; } .btn.btn-trans-gray-light { border: .1429rem solid #c1c5cd; color: #c1c5cd; text-transform: uppercase; } .btn.btn-trans-gray-light:hover { background: #c1c5cd; color: #fff; } .btn.btn-sm { padding: .471rem 1rem; font-size: .875rem; min-width: .5rem;} .btn.btn-solid-facebook { background: #3b5998; color: #fff; border: .1429rem solid transparent;} .btn.btn-solid-facebook:hover { color: #3b5998; border-color: #3b5998; background: none; } .btn.btn-solid-google { background: #dd4b39; color: #fff; border: .1429rem solid transparent;} .btn.btn-solid-google:hover { color: #dd4b39; border-color: #dd4b39; background: none; } .btn.btn-small-font { font-size: .875rem; font-weight: 700; } .btn.has-shadow { text-shadow: 0 2px 1px rgba(0, 0, 0, .3); } .full-width-btn .btn { width: 100%; } /******* button styles *******/ .btn-alternate.btn { position: relative; padding: .9375rem; letter-spacing: .1429rem;text-transform: uppercase; border: .1429rem solid #5645ff;border: none; color: #fff; min-width: 15.63rem; outline: none; font-weight: 500; cursor: pointer; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; font-size: .875rem;line-height: 1.2; } .btn-alternate.btn.btn-primary { background: #5645ff; border-color: #5645ff; color: #fff; } .btn-alternate.btn.btn-primary:hover { background: #2812ff; border-color: #2812ff; } .btn-alternate.btn.btn-secondary { background: #ff6138; color: #fff; border: .1429rem solid #ff6138;} .btn-alternate.btn.btn-secondary:hover { background: #ff3905; color: #fff; border-color: #ff3905; } .btn-alternate.btn.btn-trans-gray { border: .1429rem solid #c1c5cd; color: #c1c5cd; } .btn-alternate.btn.btn-trans-gray:hover { background: #c1c5cd; color: #fff; } .btn-alternate.btn.btn-trans-dark-gray { border: .1429rem solid #55565b; background: none; } .btn-alternate.btn.btn-trans-dark-gray:hover { background: #55565b; } .btn-alternate.btn.btn-black { background: #000; border: .1429rem solid #000;color: #fff; } .btn-alternate.btn.btn-black:hover { background: none; color: #fff; } .btn-alternate.btn:focus { outline: none; } .btn-alternate.btn.btn-arrow { -webkit-box-shadow: none; box-shadow: none; padding-right: 2rem; padding-left: 1rem; } .btn-alternate.btn.btn-arrow:after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e914'; position: absolute; right: 1rem; top: 50%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 1.857rem; } .btn-alternate.btn.btn-trans-primary { border: .1429rem solid #ff6138; color: #55565b; } .btn-alternate.btn.btn-trans-primary:hover { background: #ff6138; color: #fff; } .btn-alternate.btn.btn-trans-secondary { border: .1429rem solid #ff6138; color: #55565b; } .btn-alternate.btn.btn-trans-secondary:hover { background: #ff6138; color: #fff; } .btn-alternate.btn.btn-trans-white { border: .1429rem solid #fff; color: #fff; } .btn-alternate.btn.btn-trans-white:hover { background: #fff; color: #55565b; } .btn-alternate.btn.btn-white { border: .1429rem solid #fff; color: #55565b; background: #fff; } .btn-alternate.btn.btn-white:hover { background: none; color: #fff; } .btn-alternate.btn.btn-solid-facebook { background: #3b5998; color: #fff; border: .1429rem solid transparent;} .btn-alternate.btn.btn-solid-facebook:hover { color: #3b5998; border-color: #3b5998; background: none; } .btn-alternate.btn.btn-solid-google { background: #dd4b39; color: #fff; border: .1429rem solid transparent;} .btn-alternate.btn.btn-solid-google:hover { color: #dd4b39; border-color: #dd4b39; background: none; } .btn-alternate.btn.btn-small-font { font-size: .875rem; font-weight: 700; } .btn-alternate.btn.has-shadow { text-shadow: 0 2px 1px rgba(0, 0, 0, .3); } /*------------------------------------------------------------------ 6. Search form / .search-form -------------------------------------------------------------------*/ /******* search form styles *******/ .search-form-wrapper { white-space: nowrap; text-align: center; position: fixed; background: #171717; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; height: 100vh; z-index: 999999999; } .search-form-wrapper:after { content: ''; display: inline-block; vertical-align: middle; width: 0; min-height: 100%; } .search-form-wrapper>* { white-space: normal; display: inline-block; vertical-align: middle; max-width: 99%; } .search-form-wrapper .close { position: absolute; top: 2rem; right: 1rem; color: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; font-size: 3rem; background: none; } .search-form-wrapper .close:hover, .search-form-wrapper .close:focus { background: none; outline: none; } .search-form-wrapper .holder { min-width: 300px; max-width: 800px; width: 95%; position: relative; -webkit-transform: translate(0, -200%); -o-transform: translate(0, -200%); transform: translate(0, -200%); -webkit-transition: all .3s ease-in-out .06s; -o-transition: all .3s ease-in-out .06s; transition: all .3s ease-in-out .06s; } .search-form-wrapper input[type='search'] { padding-right: 2rem; line-height: 4rem; } .search-form-wrapper .form-control, .search-form-wrapper input, .search-form-wrapper textarea { width: 100%; padding-right: 3.5rem; font-size: 1.5rem; font-weight: 300; height: 4.429rem; color: #fff; } .search-form-wrapper .form-control::-moz-selection, .search-form-wrapper input::-moz-selection, .search-form-wrapper textarea::-moz-selection { background: #f8f8f8;} .search-form-wrapper .form-control::selection, .search-form-wrapper input::selection, .search-form-wrapper textarea::selection { background: #f8f8f8; } .search-form-wrapper .form-control::-moz-selection, .search-form-wrapper input::-moz-selection, .search-form-wrapper textarea::-moz-selection { background: #f8f8f8;} .search-form-wrapper .form-control:focus::-webkit-input-placeholder, .search-form-wrapper input:focus::-webkit-input-placeholder, .search-form-wrapper textarea:focus::-webkit-input-placeholder { text-indent: -999px;} .search-form-wrapper .form-control:focus::-moz-input-placeholder, .search-form-wrapper input:focus::-moz-input-placeholder, .search-form-wrapper textarea:focus::-moz-input-placeholder { text-indent: -999px;} .search-form-wrapper .form-control:focus, .search-form-wrapper .form-control:hover, .search-form-wrapper input:focus, .search-form-wrapper input:hover, .search-form-wrapper textarea:focus, .search-form-wrapper textarea:hover { border-color: #fff; cursor: pointer; } .search-form-wrapper .form-control:focus~button, .search-form-wrapper .form-control:hover~button, .search-form-wrapper input:focus~button, .search-form-wrapper input:hover~button, .search-form-wrapper textarea:focus~button, .search-form-wrapper textarea:hover~button { color: #fff; } .search-form-wrapper ::-webkit-input-placeholder { color: #fff;} .search-form-wrapper :-moz-placeholder { color: #fff;} .search-form-wrapper ::-moz-placeholder { color: #fff;} .search-form-wrapper :-ms-input-placeholder { color: #fff;} .search-form-wrapper button { text-align: center; background: none; border: 0; color: #fff; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 1.5rem; line-height: 3rem; padding: 0; } .search-form-wrapper button:hover { color: #fff; outline: none; } .search-form-wrapper button:focus { outline: none; } .search-active { overflow: hidden; } .search-active .search-form-wrapper { opacity: 1; visibility: visible; } .search-active .holder { -webkit-transform: translate(0); -o-transform: translate(0); transform: translate(0); } /*------------------------------------------------------------------ 7. Content block / .content-block -------------------------------------------------------------------*/ /******* content block styles *******/ .content-block { padding-top: 3.75rem; padding-bottom: 3.75rem; } .description { font-size: .75rem; line-height: 2.1; } .description p:last-child { margin-bottom: 0; } .content-title { font-size: .875rem; line-height: 1.2; display: block; text-transform: uppercase; font-weight: 400; margin-bottom: .9375rem; letter-spacing: .1429rem;} .content-title a { color: #55565b; } .content-sub-title { display: block; margin-bottom: 2rem; color: #575757; } .col-wrap { margin-bottom: 2.5rem; } .multiple-row { margin-bottom: -1.25rem; } .quotation-block { text-align: center; } .quotation-block .btn-container { margin-top: 3.125rem; } .heading-single { margin-bottom: 3.125rem; } .heading-single h2 { margin-bottom: 0; } .portfolio-block { overflow: hidden; } .content-links { font-size: .75rem; line-height: 2.25rem; } .content-links ul li a { color: #5645ff; } .content-links ul li a:hover, .content-links ul li a:focus { color: #2812ff; } .container-md { max-width: 990px; margin-left: auto; margin-right: auto; } .work-block { position: relative; min-height: 920px; overflow: hidden; } .work-block .container { position: relative; } .img-block img { width: 100%; } .logo-list .row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .information-block .info-block { padding: 2.813rem .9375rem; color: #fff; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; position: relative; } .information-block .info-block .icon { margin-bottom: 2.688rem; } .information-block .info-block .block-title { color: #fff; font-size: 1.125rem; line-height: 1.2; font-weight: 700; margin-bottom: 2.188rem; } .information-block .info-block p { margin-bottom: 0; } .information-block .info-block:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; z-index: -1; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; opacity: .9; background: #000; } .information-block .info-block.block-1:before { background: #575757; opacity: .9; } .information-block .info-block.block-2:before { background: #55565b; opacity: .84; } .information-block .info-block.block-3:before { background: #575757; opacity: .5; } .information-block .info-block.block-4:before { background: #575757; opacity: .84; } .information-block .info-block:hover:before { opacity: .1; } .information-block .info-block.info-block-v2 { padding: 2.813rem .9375rem;} .content-slot h3 { margin-bottom: 1.875rem; } .content-slot p:last-of-type { margin-bottom: 0; } .content-slot span { font-size: 1.125rem; line-height: 1.2; color: #55565b; display: inline-block; } .content-slot .text-wrap { padding: 2.625rem 0; margin-left: 0; margin-right: 0; } .alternate-block .row:nth-child(even) .text-wrap { margin-left: auto; margin-right: 8%; } .alternate-block-v2 h3 { font-size: 1.875rem; line-height: 1.2; color: #55565b; margin-bottom: 1.875rem; } .alternate-block-v2 .row:nth-child(odd) .text-wrap { margin-left: auto; margin-right: 8%; } .alternate-block-v2 .btn-primary { background: #55565b; border-color: #55565b; min-width: 13.44rem; } .masonary-block .gallery-item { margin-top: 2.143rem; } .masonary-block .gallery-item figure { margin: 0; } .masonary-block .gallery-item figure img { width: 100%; } .masonary-block figure { margin: 0; } .masonary-block.default-gallery figure { margin-bottom: 2.143rem; } .masonary-block.no-gutters.default-gallery figure { margin: 0; } .portfolio-block .no-gutters { margin: 0; } .portfolio-block .no-gutters.masonary-block .gallery-item { margin-bottom: 0; margin-top: 0; } .col-small { margin-bottom: 1.875rem; } .sticky-nav~main.no-banner { padding-top: 4rem; } main.no-banner { padding-top: 3.8rem; -webkit-transition: padding linear .3s; -o-transition: padding linear .3s; transition: padding linear .3s; } .text-block strong { color: #55565b; font-weight: 700; } .text-block .text-block-title { display: block; margin-bottom: 1.5rem; font-size: .875rem;font-weight: 600; color: #55565b; } .text-block p { margin-bottom: 2.813rem; } .text-block p:last-child { margin-bottom: 0; } .v-align-col { white-space: nowrap; } .v-align-col:after { display: inline-block; vertical-align: middle; height: 100%; margin-right: -.25em; content: ''; } .v-align-col>* { display: inline-block; vertical-align: middle; white-space: normal; } .portfolio-slide.owl-carousel .owl-item img { display: block; width: 100%; } .element-heading { font-weight: 300; } .element-type { font-size: .875rem; font-weight: 700; display: block; padding-top: 2.8125rem; padding-bottom: 2.8125rem; } .section-scroll { position: fixed; bottom: 2rem; right: 2rem; width: 2rem; height: 2rem; background: #fff; color: #000; text-align: center; line-height: 1rem; text-transform: uppercase; letter-spacing: 0; font-weight: 300; z-index: 999; font-size: 1.5rem; padding-top: .0625rem;} .section-scroll:hover { color: #000; } .embed-responsive { height: inherit; } .button-block { text-align: center; } .demo-wrapper .element-heading { margin-bottom: 2.8125rem; } .small-block { max-width: 65%; margin: 0 auto; } .default-gallery figure .image-wrapper img { width: 100%; } .big-font { font-size: .875rem; line-height: 1.2; display: inline-block; line-height: 2rem; } .circular-icon { width: 1.875rem; height: 1.875rem; color: #5645ff; border-radius: 50%; border: 1px solid #5645ff; margin: 0 auto; font-size: .8571rem;line-height: 2rem; } pre { word-wrap: inherit; background: #f8f8f8; padding: 5px .625rem;border: 1px solid #ebedef; border-radius: 4px; -webkit-overflow-scrolling: touch; } .centered-wrap { position: absolute; top: 50%; padding: 0; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; z-index: 999; width: 100%; } .sidebar-wrap { border: #ebedef 1px solid; padding: 1.875rem 1.375rem; } .widget-block h4 { font-size: .875rem; line-height: 1.2; font-weight: 500; color: #55565b; } .post-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } /*------------------------------------------------------------------ 8. Block Heading / .block-heading -------------------------------------------------------------------*/ /******* block heading styles *******/ .block-main-heading { color: #55565b; } .block-sub-heading { font-size: .875rem; line-height: 1.2; display: block; margin-bottom: .625rem; letter-spacing: .0625rem;line-height: 1.875rem; font-style: italic; color: #55565b; } .block-sub-heading big { color: #55565b; font-style: normal; font-size: 1.125rem; line-height: 1.2; } .block-top-heading { color: #55565b; text-transform: uppercase; margin: 0 0 .625rem;text-transform: uppercase; font-weight: 300; letter-spacing: .2143rem;} .block-top-heading.text-white { color: #fff; } .block-heading h3 { font-weight: 300; } .block-heading .content-title { font-size: .75rem; line-height: 2.1; color: #55565b; } .heading h2 { color: #55565b; font-weight: 700; } .heading h2 span { color: #5645ff; } /******* icon box styles *******/ .ico-box { padding: 1.563rem .9375rem .9375rem; text-align: center; position: relative; -webkit-transition: box-shadow linear .5s; -o-transition: box-shadow linear .5s; -webkit-transition: -webkit-box-shadow linear .5s; transition: -webkit-box-shadow linear .5s; transition: box-shadow linear .5s; transition: box-shadow linear .5s, -webkit-box-shadow linear .5s; overflow: hidden; letter-spacing: .02rem;} .ico-box:before { position: absolute; content: ' '; left: 0; top: 0; bottom: 0; right: 0; background: #fff; -webkit-transition: -webkit-transform linear .2s; transition: -webkit-transform linear .2s; -o-transition: -o-transform linear .2s; transition: transform linear .2s; transition: transform linear .2s, -webkit-transform linear .2s, -o-transform linear .2s; -webkit-transform: translate(101%, 0); -o-transform: translate(101%, 0); transform: translate(101%, 0); } .ico-box>* { position: relative; z-index: 2; } .ico-box .icon, .ico-box .content-title { color: #55565b; } .ico-box .icon a, .ico-box .content-title a { color: #55565b; } .ico-box:hover { -webkit-box-shadow: 0 .1429rem .6429rem .07143rem rgba(1, 2, 2, .1); box-shadow: 0 .1429rem .6429rem .07143rem rgba(1, 2, 2, .1);} .ico-box:hover:before { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .ico-box:hover .icon, .ico-box:hover .content-title { color: #5645ff; } .ico-box:hover .icon a, .ico-box:hover .content-title a { color: #5645ff; } .ico-box.dark-hover:hover .icon, .ico-box.dark-hover:hover .content-title { color: #fff; } .ico-box.dark-hover:hover .icon a, .ico-box.dark-hover:hover .content-title a { color: #fff; } .ico-box .icon { margin-bottom: 1.5625rem; color: #575757; font-size: 2.8125rem; line-height: 1; } .ico-box .des { color: #575757; } .ico-box .des p { margin-bottom: 0; } .ico-box .link-holder { margin-top: 1.875rem; } .ico-box .link-holder .link-more { text-transform: uppercase; color: #212121; font-size: .875rem;} .ico-box .link-holder .link-more:hover { color: #5645ff; } .ico-box.dark-hover:before { background: #55565b; } .ico-box.dark-hover:hover .des, .ico-box.dark-hover:hover .link-more { color: #c1c5cd; } .ico-box.dark-hover .link-more:hover { color: #fff; } .ico-box.has-shadow { -webkit-box-shadow: 0 10px 40px 0 rgba(36, 83, 107, .1); box-shadow: 0 10px 40px 0 rgba(36, 83, 107, .1); } .ico-box.has-shadow1 { -webkit-box-shadow: 0 .1429rem .6429rem .07143rem rgba(1, 2, 2, .1); box-shadow: 0 .1429rem .6429rem .07143rem rgba(1, 2, 2, .1);} .bordered-icon .ico-box .icon { width: 6.25rem; height: 6.25rem; margin: 0 auto 1.875rem; text-align: center; border: rgba(0, 0, 0, .08) .1875rem solid;line-height: 6.25rem; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .bordered-icon .ico-box:hover .icon { background: rgba(0, 0, 0, .6); color: #fff; } .icon-v1 .ico-box { text-align: left; padding: 0; } .icon-v1 .ico-box .content-title { text-transform: capitalize; letter-spacing: 0; padding-left: 1.875rem; } .icon-v1 .ico-box .icon { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 1.125rem; } .icon-v1 .ico-box:hover { -webkit-box-shadow: none; box-shadow: none; } .icon-box-v2 .ico-box { padding: 0; min-height: 10rem; border: rgba(0, 0, 0, .1) .0625rem solid;border-radius: 4px; } .icon-box-v2 .ico-box .icon { position: absolute; width: 6.25rem; border-right: rgba(0, 0, 0, .1) .0625rem solid;height: 100%; padding-top: 2rem; } .icon-box-v2 .ico-box .icon-desc { text-align: left; padding: 2rem .9375rem;padding-left: 7.813rem; } .flipped-box .ico-box, .flipped-box .front-box, .flipped-box .back-box { min-height: 9.375rem; width: 100%; } .flipped-box .flipper-box { -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .flipped-box .ico-box { -webkit-perspective: 1000; perspective: 1000; } .flipped-box .ico-box .front-box, .flipped-box .ico-box .back-box { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; } .flipped-box .ico-box .back-box { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .flipped-box .ico-box:hover .flipper-box { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } /*------------------------------------------------------------------ 9. Parallax / .parallax -------------------------------------------------------------------*/ /******* parallax styles *******/ .parallax { overflow: hidden; background-repeat: no-repeat; background-color: transparent; background-attachment: initial; -webkit-background-size: cover; background-size: cover; background-position: 50% 0; z-index: 1; position: relative;/* Hide Parallax on mobile devices */} .parallax>* { position: relative; z-index: 2; } .parallax:before { top: -1.429rem; bottom: -1.429rem; } /******* parallax images styles *******/ .visual-banner { background-image: url('../img/visual-14.jpg'); } .visual-banner-v2 { background-image: url('../img/visual-02.jpg'); } .visual-banner-v3 { background-image: url('../img/visual-small-06.jpg'); } .visual-banner-v4 { background-image: url('../img/visual-03.jpg'); } .visual-banner-v5 { background-image: url('../img/visual-04.jpg'); } .visual-banner-v6 { background-image: url('../img/visual-small-07.jpg'); } .visual-banner-v7 { background-image: url('../img/visual-small-08.jpg'); } .visual-banner-v8 { background-image: url('../img/visual-small-09.jpg'); } .visual-banner-v9 { background-image: url('../img/visual-small-10.jpg'); } .visual-banner-v10 { background-image: url('../img/visual-small-11.jpg'); } .visual-banner-v11 { background-image: url('../img/visual-small-12.jpg'); } .visual-banner-v12 { background-image: url('../img/visual-small-13.jpg'); } .visual-banner-v13 { background-image: url('../img/visual-small-14.jpg'); } .visual-banner-v14 { background-image: url('../img/visual-small-15.jpg'); } .visual-banner-v15 { background-image: url('../img/visual-small-16.jpg'); } .visual-banner-v16 { background-image: url('../img/visual-small-17.jpg'); } .visual-banner-v161 { background-image: url('../img/visual-small-17-1.jpg'); } .visual-banner-v17 { background-image: url('../img/visual-small-18.jpg'); } .visual-banner-v18 { background-image: url('../img/visual-small-19.jpg'); } .visual-banner-v19 { background-image: url('../img/visual-small-20.jpg'); } .visual-banner-v20 { background-image: url('../img/visual-small-21.jpg'); } .visual-banner-v21 { background-image: url('../img/visual-small-22.jpg'); } .visual-banner-v22 { background-image: url('../img/visual-15.jpg'); } .visual-banner-v23 { background-image: url('../img/big-19.jpg'); } .visual-banner-v24 { background-image: url('../img/visual-08.jpg'); } .visual-banner-v25 { background-image: url('../img/visual-small-01.jpg'); } .contact-banner { background-image: url('../img/visual-small-12-h.jpg'); } .about-banner { /* background-image: url('../img/visual-small-01.jpg'); */background-image: url('../img/visual-small-03.jpg'); } .portfolio-banner { background-image: url('../img/visual-small-02.jpg'); } .portfolio-banner-v1 { background-image: url('../img/visual-small-04.jpg'); } .portfolio-banner-v2 { background-image: url('../img/visual-small-05.jpg'); } .portfolio-banner-v3 { background-image: url('../img/visual-small-05-1.jpg'); } .portfolio-banner-v4 { background-image: url('../img/visual-small-05-2.jpg'); } .portfolio-banner-v42 { background-image: url('../img/visual-small-05-22.jpg'); } .portfolio-banner-v5 { background-image: url('../img/visual-small-05-3.jpg'); } .portfolio-banner-v6 { background-image: url('../img/visual-small-05-4.jpg'); } .quotation-block { background-image: url('../img/big-15.jpg'); } .team-block { background-image: url('../img/big-15-1.jpg'); } .count-block { background-image: url('../img/visual-small-11.jpg'); } .quotation-block-v3 { background-image: url('../img/big-06.jpg'); } .quotation-block-v5 { background-image: url('../img/big-04.jpg'); } .quotation-block-v6 { background-image: url('../img/big-09.jpg'); } .quotation-block-v7 { background-image: url('../img/big-12.jpg'); } .quotation-block-v8 { background-image: url('../img/big-12-1.jpg'); } .quotation-block-v9 { background-image: url('../img/big-12-2.jpg'); } .quotation-block-v10 { background-image: url('../img/big-12-3.jpg'); } .quotation-block-v11 { background-image: url('../img/big-12-4.jpg'); } .quotation-block-v12 { background-image: url('../img/big-12-5.jpg'); } .information-block { background-image: url('../img/visual-03.jpg'); } .btn-wrapper-demo { background-image: url('../img/big-03.jpg'); } .blog-default-banner { background-image: url('../img/blog-01.jpg'); } .index-banner { background-image: url('../img/index-img/index-banner-01.jpg'); } .index-footer-block { background-image: url('../img/Dest_B23516_39.jpg'); } .visual-banner-service1 { background-image: url('../img/banner-service1.jpg'); } .visual-banner-service2 { background-image: url('../img/banner-service2.jpg'); } .visual-banner-service3 { background-image: url('../img/banner-service3.jpg'); } .visual-banner-service4 { background-image: url('../img/banner-service4.jpg'); } .visual-banner-service5 { background-image: url('../img/banner-service5.jpg'); } .visual-banner-service6 { background-image: url('../img/banner-service6.jpg'); } /*------------------------------------------------------------------ 10. Gallery list / .gallery-list -------------------------------------------------------------------*/ /******* filter nav styles *******/ .filter-nav { text-transform: uppercase; font-size: .7rem;margin-bottom: 2.5rem; } .filter-nav li { display: inline-block; } .filter-nav li:not(:first-child):before { content: '-'; display: inline-block; vertical-align: middle; color: #55565b; } .filter-nav button { background: none; border: none; outline: none; cursor: pointer; font-weight: 400; color: #55565b; } .filter-nav button:hover { color: #5645ff; } .filter-nav button.is-checked { color: #5645ff; } .filter-nav-v2 { margin-bottom: .625rem;} .filter-nav-v2 li:before { color: #c1c5cd; } .filter-nav-v2 button { color: #c1c5cd; } .filter-nav-v2 button:hover { color: #55565b; } .filter-nav-v2 button.is-checked { color: #575757; } /******* caption slide left styles *******/ .caption-slide-left { position: relative; overflow: hidden; } .caption-slide-left:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(85, 86, 91, .5); -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; opacity: 0; visibility: hidden; } .caption-slide-left:hover figcaption, .caption-slide-left:hover .figcaption { -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .caption-slide-left figcaption, .caption-slide-left .figcaption { position: absolute; -webkit-transform: translate(101%, -50%); -o-transform: translate(101%, -50%); transform: translate(101%, -50%); top: 50%; right: 0; -webkit-transition: -webkit-transform linear .3s; transition: -webkit-transform linear .3s; -o-transition: -o-transform linear .3s; transition: transform linear .3s; transition: transform linear .3s, -webkit-transform linear .3s, -o-transform linear .3s; z-index: 99; background: #fff; color: #55565b; } /******* caption fade up *******/ .caption-fade-up { position: relative; } .caption-fade-up figcaption, .caption-fade-up .figcaption { position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: opacity linear .2s, -webkit-transform linear .2s; transition: opacity linear .2s, -webkit-transform linear .2s; -o-transition: opacity linear .2s, -o-transform linear .2s; transition: transform linear .2s, opacity linear .2s; transition: transform linear .2s, opacity linear .2s, -webkit-transform linear .2s, -o-transform linear .2s; padding: 2.5rem 1.875rem; opacity: 0; } .caption-fade-up:hover figcaption, .caption-fade-up:hover .figcaption { opacity: 1; -webkit-transform: translate(0, -6.429rem); -o-transform: translate(0, -6.429rem); transform: translate(0, -6.429rem); } .caption-fade-up:hover .team-des-v2 { -webkit-transform: translate(0, -.7143rem); -o-transform: translate(0, -.7143rem); transform: translate(0, -.7143rem);} /******* portfolio styles *******/ .picture-item { margin-top: .625rem; margin-bottom: 0; } .picture-item:before { content: ''; position: absolute; background: #000; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; opacity: 0; visibility: hidden; } .picture-item:hover:before { opacity: .5; visibility: visible; } .picture-item img { width: 100%; } .picture-item figcaption, .picture-item .figcaption { color: #fff; background: #5a5b60; padding: 2.3rem 1.5rem 2rem 7rem; text-transform: uppercase; -webkit-box-shadow: 0 2px 9px 0 rgba(1, 2, 2, .1); box-shadow: 0 2px 9px 0 rgba(1, 2, 2, .1); } .picture-item figcaption .content-title, .picture-item .figcaption .content-title { color: #fff; } .picture-item figcaption .sub, .picture-item .figcaption .sub { color: #fff; } .picture-item .link-box { position: absolute; left: 0; top: 0; bottom: 0; width: calc(5rem + .3571rem);text-align: center; border-right: .07143rem solid #5645ff;} .picture-item .link-box a { display: block; height: 50%; color: #fff; font-size: 1.3rem; line-height: calc(3rem + 1rem); } .picture-item .link-box a:first-child { border-bottom: .07143rem solid #5645ff;} .picture-item .link-box a:hover { background: #5645ff; color: #fff; } .picture-item .info { text-align: right; } .port-v2 figcaption { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; width: 100%; background: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; opacity: 0; } .port-v2 figcaption .link-box { position: relative; width: 100%; border-right: none; } .port-v2 figcaption .link-box a { display: inline-block; height: 40px; width: 40px; border-radius: 3%; background: #5645ff; line-height: 48px; margin: 0 5px 0; -webkit-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } .port-v2 figcaption .link-box a:first-child { border: none; } .port-v2.shine-effect:before { left: 100px; } .port-v2.shine-effect:hover:before { left: -100px; } .port-v2:hover figcaption { opacity: 1; } .port-v2:hover figcaption .link-box a { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .info-list { font-size: .9rem;} .info-list [class^='custom-'] { position: absolute; top: .4rem; left: .9375rem;color: #55565b; font-size: .875rem;line-height: 1.2; } .info-list .text { margin-left: 2rem; display: block; color: #55565b; font-weight: 700; } .info-list li { margin-bottom: 1rem; } .info-list li p { margin: 0; font-weight: 500; } /******* image hover styles *******/ .img-block { overflow: hidden; position: relative; } .img-block:hover img { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .35s ease 0s; -o-transition: opacity .35s ease 0s; transition: opacity .35s ease 0s; } .img-block.image-zoom img { -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: opacity .35s, -o-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s, -o-transform .35s; -webkit-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12); } .img-block.image-zoom:hover img { opacity: .5; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .img-block.image-zoom-2 img { -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: opacity .35s, -o-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s, -o-transform .35s; } .img-block.image-zoom-2:hover { background-color: #000; } .img-block.image-zoom-2:hover img { -webkit-transform: scale3d(2, 2, 1); transform: scale3d(2, 2, 1); } .img-block.image-zoom-2::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, .2); box-shadow: 0 0 0 30px rgba(255, 255, 255, .2); content: ''; opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: opacity .35s, -o-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s, -o-transform .35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); } .border-hover-effect:before, .border-hover-effect:after { bottom: 1.25rem; content: ''; left: 1.25rem; opacity: 0; position: absolute; right: 1.25rem; top: 1.25rem; -webkit-transition: opacity .35s ease 0s, -webkit-transform .35s ease 0s; transition: opacity .35s ease 0s, -webkit-transform .35s ease 0s; -o-transition: opacity .35s ease 0s, -o-transform .35s ease 0s; transition: opacity .35s ease 0s, transform .35s ease 0s; transition: opacity .35s ease 0s, transform .35s ease 0s, -webkit-transform .35s ease 0s, -o-transform .35s ease 0s; z-index: 1; } .border-hover-effect:before { border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); } .border-hover-effect:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); } .border-hover-effect:hover { background-color: #000; } .border-hover-effect:hover:before, .border-hover-effect:hover:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .border-hover-effect:hover img { opacity: .5; filter: alpha(opacity=50); } .shine-effect { position: relative; overflow: hidden; } .shine-effect:before { position: absolute; top: 0; left: 30px; width: 100%; height: 100%; background: #fff; opacity: .5; content: ''; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; -o-transition: -o-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s, -o-transform .6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); } .shine-effect:hover:before { left: -30px; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); } .shine-effect:hover { background-color: #000; } .border-effect-2 { background-color: #000; } .border-effect-2::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: opacity .35s, -o-transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s, -o-transform .35s; } .border-effect-2:hover::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); } .curtain-effect [class^=image-vertical] { position: absolute; width: 0; height: 100%; top: 0; left: 0; background: #000; opacity: .5; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .curtain-effect .image-vertical-right { left: auto; right: 0; } .curtain-effect:hover .image-vertical-left, .curtain-effect:hover .image-vertical-right { width: 50%; } .ripple-image-wrap [class^=image-ripple] { display: block; margin: 0 auto; width: 35px; height: 35px; position: absolute; border-radius: 100%; background: #fff; opacity: .3; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .ripple-image-wrap .image-ripple-t { top: 20%; left: 20%; } .ripple-image-wrap .image-ripple-r { top: 20%; right: 20%; } .ripple-image-wrap .image-ripple-l { bottom: 20%; left: 20%; } .ripple-image-wrap .image-ripple-b { bottom: 20%; right: 20%; } .ripple-image-wrap:hover .image-ripple-t, .ripple-image-wrap:hover .image-ripple-r, .ripple-image-wrap:hover .image-ripple-l, .ripple-image-wrap:hover .image-ripple-b { -webkit-transform: scale(15); -o-transform: scale(15); transform: scale(15); opacity: 0; } .ripple-image-wrap:hover .image-ripple-t~.image-ripple-r { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .ripple-image-wrap:hover .image-ripple-r~.image-ripple-b { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .ripple-image-wrap:hover .image-ripple-b~.image-ripple-r { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .grayscale-effect img, .logo-container .owl-carousel .owl-item img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: -webkit-filter linear .3s; transition: -webkit-filter linear .3s; -o-transition: filter linear .3s; transition: filter linear .3s; transition: filter linear .3s, -webkit-filter linear .3s; } .grayscale-effect:hover img, .logo-container .owl-carousel .owl-item:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .reverse-grayscale-effect img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transition: -webkit-filter linear .3s; transition: -webkit-filter linear .3s; -o-transition: filter linear .3s; transition: filter linear .3s; transition: filter linear .3s, -webkit-filter linear .3s; } .reverse-grayscale-effect:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } /******* button hover styles *******/ .c-ripple { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: transparent; } .c-ripple__circle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; width: 0; height: 0; border-radius: 50%; background: #fff; } .c-ripple.is-active .c-ripple__circle { -webkit-animation: a-ripple .4s ease-in; -o-animation: a-ripple .4s ease-in; animation: a-ripple .4s ease-in; } /** * Animation: Ripple * -------------------------------------------------- */ /*------------------------------------------------------------------ 11. Team / .team-container -------------------------------------------------------------------*/ /******* team styles *******/ .team-box { position: relative; } .team-box figcaption, .team-box .figcaption { background: #5645ff; color: #fff; } .team-box .team-des-v2 { background: none; color: #55565b; position: static; opacity: 1; margin-top: 2.813rem; padding: 0; } .team-box .team-des-v2 .content-title { margin-bottom: 1.875rem; text-transform: capitalize; } .team-box .team-des-v2 p { margin-bottom: 0; } .team-box .team-des-v2 .sub { color: #c1c5cd; font-style: normal; } .team-box:hover .team-des-v2 .name { color: #5645ff; } .team-box:hover .team-des-v2 .sub { color: #55565b; } .sub { font-size: .875rem; line-height: 1.875rem; color: #fff; font-style: italic; } /*------------------------------------------------------------------ 12. Count Block / .count-block -------------------------------------------------------------------*/ /******* count block styles *******/ .count-block { color: #c1c5cd; } .count-block .container-fluid { padding: 0; } .count-block .icon { font-size: 3.125rem; } .count-block .number { font-size: 1.25rem; line-height: 1.2; color: #c1c5cd; } .count-block .text { font-size: .875rem; line-height: 1.2; color: #fff; } .count-block .col-wrap { -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; margin-bottom: 0; padding-top: 2.5rem; padding-bottom: 2.5rem; } .count-block .col-wrap:hover { background: #5645ff; color: #fff; } .count-block .col-wrap:hover .number { color: #664b3f; } .count-block .col-wrap:hover .text { color: #993f17; } .count-block .col-wrap:hover .icon { color: #993f17; } /* .count-block .col-wrap:hover .icon { color: #fff; } */ .count-block.solid-block { background: #212121; } .count-block.solid-block:before { display: none; } /*------------------------------------------------------------------ 13. Testimonial / .testimonial-container -------------------------------------------------------------------*/ /******* testimonial styles *******/ .testimonial-container .img-block { width: 5.625rem; height: 5.625rem; border-radius: 50%; margin: 1.214rem auto 2.5rem; } .testimonial-container .img-block img { border-radius: 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: -webkit-filter linear .3s; transition: -webkit-filter linear .3s; -o-transition: filter linear .3s; transition: filter linear .3s; transition: filter linear .3s, -webkit-filter linear .3s; } .testimonial-container h2 { color: #5645ff; font-weight: 300; } .testimonial-container .designation { color: #575757; text-transform: uppercase; } .testimonial-container .text-wrap { opacity: 0; position: relative; } .testimonial-container .designation { display: block; } .testimonial-container .owl-item.center .img-block { width: 7.875rem; height: 7.875rem; margin-top: 0; } .testimonial-container .owl-item.center .img-block img { -webkit-filter: grayscale(0); filter: grayscale(0); } .testimonial-container .owl-item.center .text-wrap { opacity: 1; } /*------------------------------------------------------------------ 14. Logo Block / .logo-container -------------------------------------------------------------------*/ /******* logo slide styles *******/ .logo-container { text-align: center; } .logo-container .owl-carousel .owl-item { float: none; display: inline-block; vertical-align: middle; } /*------------------------------------------------------------------ 15. Newsletter form / .waituk_newsletter-form -------------------------------------------------------------------*/ /******* form styles *******/ .form-control { border: .1429rem solid #f1f1f1; font-size: 1.125rem; line-height: 2rem; padding: 0 .9375rem;background: none; letter-spacing: .2429rem; border-radius: 0; color: #55565b; font-weight: 500; height: 3.125rem; -webkit-box-shadow: none; box-shadow: none; } .form-control:focus { border-color: #c9cacd; color: #55565b; background: none; -webkit-box-shadow: none; box-shadow: none; } .form-control.form-control-v1 { border-width: 0 0 .1429rem; padding-left: 0; padding-right: 0; } textarea.form-control { padding-top: 1rem; padding-bottom: .7143rem;min-height: 180px; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent;} input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent;} /* FF 4-18 */ input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent;} /* FF 19+ */ input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;} /* IE 10+ */ /******* newsletter form styles *******/ .waituk_newsletter-form { max-width: 35.13rem; margin: 0 auto; } .waituk_newsletter-form .btn { -webkit-box-shadow: none; box-shadow: none; margin: 0 auto; min-width: 10.5rem; display: block; font-weight: 500; padding: .7rem 1.071rem .7rem;line-height: 1.2; } .waituk_newsletter-form .btn.btn-trans-dark-gray { line-height: 1.2; padding: .9rem 1.071rem .7rem;color: #55565b; } .waituk_newsletter-form input[type='email'] { background: none; color: #55565b; border-color: #55565b; letter-spacing: 0rem; } .waituk_newsletter-form ::-webkit-input-placeholder { color: #55565b;} .waituk_newsletter-form :-moz-placeholder { color: #55565b;} .waituk_newsletter-form ::-moz-placeholder { color: #55565b;} .waituk_newsletter-form :-ms-input-placeholder { color: #55565b;} .waituk_newsletter-form.newsletter-v1 { max-width: 100%; } .waituk_newsletter-form.newsletter-v1 input[type='email'] { padding-right: 4.375rem; } .waituk_newsletter-form.newsletter-v1 .input-holder { float: none; width: 100%; max-width: 100%; margin: 0; position: relative; } .waituk_newsletter-form.newsletter-v1 .btn { position: absolute; right: .9375rem;top: 50%; min-width: auto; padding: 0 0; background: none; border: none; color: #55565b; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .waituk_newsletter-form.newsletter-v2 { max-width: 100%; } .waituk_newsletter-form.newsletter-v2 .btn { min-width: 6.5rem; } /*------------------------------------------------------------------ 16. Post Block / .post-grid -------------------------------------------------------------------*/ /******* post styles *******/ .post-grid { color: #575757; } .post-grid a { color: #575757; } .post-grid:hover .content-title a { color: #212121; } .post-grid:hover .post-link-holder a { color: #212121; } .post-grid:hover .post-link-holder a .fa { opacity: 1; visibility: visible; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .post-grid:hover .post-text-block { background: #fff; } .post-grid:hover .post-date { background: #000; } .post-grid:hover .post-img img { -webkit-filter: grayscale(0); filter: grayscale(0); } .post-grid .content-title { text-transform: capitalize; } .post-img { position: relative; margin-bottom: -2rem; } .post-img img { -webkit-transition: all linear .3s, -webkit-filter linear .3s; transition: all linear .3s, -webkit-filter linear .3s; -o-transition: filter linear .3s, all linear .3s; transition: filter linear .3s, all linear .3s; transition: filter linear .3s, all linear .3s, -webkit-filter linear .3s; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .post-date { position: absolute; top: 0; right: 0; text-align: right; color: #fff; background: #212121; width: 4rem; padding: .715rem .9rem;line-height: 1.3; font-weight: 500; } .post-text-block { position: relative; padding: 1.25rem; -webkit-box-shadow: 0 .1429rem .6429rem .07143rem rgba(0, 0, 0, .1); box-shadow: 0 .1429rem .6429rem .07143rem rgba(0, 0, 0, .1);-webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .post-text-block p { margin-top: 1.75rem; margin-bottom: 0; } .post-text-block .content-sub-title { margin: 0; } .post-text-block .post-meta { margin-top: 2rem; } .post-link-holder, .post-social { width: 50%; float: left; } .post-link-holder { line-height: .875rem;} .post-link-holder a { display: inline-block; position: relative; padding-right: 1.429rem; } .post-link-holder .fa { position: absolute; right: 0; top: 50%; opacity: 0; visibility: hidden; -webkit-transform: translate(-1rem, -50%); -o-transform: translate(-1rem, -50%); transform: translate(-1rem, -50%); -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } /*------------------------------------------------------------------ 17. Elements / .demo-wrapper -------------------------------------------------------------------*/ /******* social network styles *******/ .social-network { font-size: 1.25rem; line-height: 1.2; } .social-network li { display: inline-block; vertical-align: middle; padding: 0; margin: 0 0 .5rem;} .social-network li:last-child { margin-right: 0; padding-right: 0; } .social-network a { color: #55565b; } .social-network a:hover { color: #c1c5cd; } .social-network a span { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .social-network a:hover .icon-facebook { color: #3b5998; } .social-network a:hover .icon-twitter { color: #1da1f2; } .social-network a:hover .icon-google-plus { color: #dd4b39; } .social-network a:hover .icon-pinterest { color: #bd081c; } .social-network a:hover .icon-dribbble { color: #c32361; } .social-network a:hover .icon-linkedin { color: #006699; } .social-network a:hover .icon-instagram { color: #9b559d; } .social-network.social-small { font-size: .875rem;} .social-network.social-small li { padding: 0 .5143rem;} .social-network.social-small li:last-child { padding-right: 0; } .social-network.round-icon li a { display: inline-block; border: #55565b .0625rem solid; border-radius: 50%; line-height: 2.9rem; text-align: center; width: 2.5rem; height: 2.5rem; font-size: 1.125rem; background: transparent; } .social-network.round-icon li a:hover { background: #f8f8f8; border-color: #f8f8f8; } .social-network.with-text li { padding: 0 .3rem 0 0; font-size: .875rem; line-height: 1.2; } .social-network.with-text li:last-child { padding-right: 0; } .social-network.with-text li a { vertical-align: top; } .social-network.with-text li span { margin-right: .625rem; font-size: 1.125rem; line-height: 1.2; } .social-network.square-icon li a { display: inline-block; border: #55565b .0625rem solid; background: transparent; line-height: 2.9rem; text-align: center; width: 2.5rem; height: 2.5rem; font-size: 1.125rem; } .social-network.square-icon li a:hover { background: #f8f8f8; border-color: #f8f8f8; } .social-network.shadowed-icon li a { -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .13); box-shadow: 0 2px 8px rgba(0, 0, 0, .13); border: none; } a.full-width-icon { height: 3.125rem; margin: 0; border: none; line-height: 3.125rem; vertical-align: middle; position: relative; overflow: hidden; display: block; color: #fff; background: none; } a.full-width-icon .social-icon { width: 100%; text-align: center; position: absolute; opacity: 0; left: 0; top: 3.125rem; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; font-size: 1.25rem; line-height: 1.2; line-height: inherit; } a.full-width-icon .social-text { position: relative; top: 0; opacity: 1; -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; } a.full-width-icon.fb { background: #3b5998; } a.full-width-icon.twt { background: #1da1f2; } a.full-width-icon.pin { background: #bd081c; } a.full-width-icon.gp { background: #dd4b39; } a.full-width-icon:hover .social-icon { opacity: 1; top: 0; } a.full-width-icon:hover .social-text { opacity: 0; top: 1.875rem; } /******* breadcrumb styles *******/ .breadcrumb-block .breadcrumb { padding: 0; margin-bottom: 0; background: none; border-radius: 0; color: #fff; font-size: .65rem; text-transform: uppercase; } .breadcrumb-block .breadcrumb .breadcrumb-item { float: none; display: inline-block; } .breadcrumb-block .breadcrumb .breadcrumb-item a { color: #fff; } .breadcrumb-block .breadcrumb .breadcrumb-item a:hover { color: #c1c5cd; } .breadcrumb-block .breadcrumb .breadcrumb-item.active { color: #fff; } .breadcrumb-block .breadcrumb .breadcrumb-item+.breadcrumb-item:before { color: #fff; padding: 0 .2rem; } .visual-no-bg .breadcrumb .breadcrumb-item { color: #55565b; } .visual-no-bg .breadcrumb .breadcrumb-item.active { color: #55565b; } .visual-no-bg .breadcrumb .breadcrumb-item+.breadcrumb-item:before { color: #55565b; } .visual-no-bg .breadcrumb .breadcrumb-item a { color: #55565b; } .visual-no-bg .breadcrumb .breadcrumb-item a:hover { color: #c1c5cd; } /******* caption hover full styles *******/ .caption-hover-full { position: relative; } .caption-hover-full figcaption, .caption-hover-full .figcaption { white-space: nowrap; text-align: center; position: absolute; left: 1rem; right: 1rem; top: 1rem; bottom: 1rem; color: #6e6f75; background: #fff; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .caption-hover-full figcaption:after, .caption-hover-full .figcaption:after { content: ''; display: inline-block; vertical-align: middle; width: 0; min-height: 100%; } .caption-hover-full figcaption>*, .caption-hover-full .figcaption>* { white-space: normal; display: inline-block; vertical-align: middle; max-width: 99%; } .caption-hover-full .trigger { position: absolute; top: .625rem; right: .625rem; color: #5645ff; font-size: 1.5rem; } .caption-hover-full .content-title { text-transform: capitalize; font-weight: 700; color: #6e6f75; position: relative; font-size: 1.125rem; line-height: 1.2; } .caption-hover-full .content-title:after { content: ''; background: #d7d6d6; width: 2rem; height: .2rem; left: 50%; top: 100%; -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); position: absolute; margin-top: .7143rem; } .caption-hover-full:hover { cursor: pointer; } .caption-hover-full:hover figcaption, .caption-hover-full:hover .figcaption { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /******* fancybox styles *******/ .fancybox-close { background: #55565b; top: 0; right: 0; color: #fff; } .fancybox-close:hover { color: #fff; } .fancybox-close:before { content: '\e916'; -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; font-family: icomoon; font-size: 1.5rem; left: .373rem; top: -.4429rem; } .fancybox-nav span { background: #55565b; color: #fff; } .fancybox-nav span:before { content: '\e915'; position: absolute; font-family: icomoon; font-size: 1.5rem; left: .8rem; top: -.5571rem; } .fancybox-nav.fancybox-next span:before { content: '\e914'; left: .9rem; } .fancybox-overlay { z-index: 9999999999; } #fancybox-thumbs { z-index: 99999999999; } .lightbox-description { display: none; } .fancy-pop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } /******* content list styles *******/ /******* contact form styles *******/ .waituk_contact-form { margin-bottom: 1.25rem; } .waituk_contact-form .form-control { font-size: .875rem; line-height: 1; letter-spacing: 0; font-weight: 500; } .waituk_contact-form .form-group { margin-bottom: 1.875rem; } .waituk_contact-form ::-webkit-input-placeholder { color: #87888f; } .waituk_contact-form :-moz-placeholder { color: #87888f; } .waituk_contact-form ::-moz-placeholder { color: #87888f; } .waituk_contact-form :-ms-input-placeholder { color: #87888f; } .contact-confirmation { margin-top: .7143rem; } /******* contact info styles *******/ .contact-title { font-size: 700 .8571rem; line-height: 2.1; margin-bottom: 2.8125rem; } .info-slot { margin-bottom: 1.875rem; margin-top: 1.875rem; color: #575757; font-size: .75rem; } .info-slot .icon { width: 4.286rem; padding-right: .7143rem; font-size: 3.571rem; line-height: 1; display: inline-block; vertical-align: middle; } .info-slot .text { display: inline-block; vertical-align: middle; width: calc(100% - 4.643rem); } .info-slot address { margin: 0; } .contact-list a { color: #575757; } .contact-list a:hover { color: #5645ff; } .contact-list li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contact-list .label-text { display: inline-block; width: 6.143rem; text-transform: uppercase; } .map-holder { width: 100%; } .map-holder iframe { width: 100%; display: block; pointer-events: none; } .map-holder iframe.clicked { pointer-events: auto; } /******* tab styles *******/ .tab-container { text-align: center; } .tab-container .nav-tabs { font-size: .6rem; } .tab-container .nav-tabs .nav-link { color: #55565b; font-weight: 700; text-transform: uppercase; } .tab-container .nav-tabs .nav-item { display: inline-block; float: none; } .tab-container .nav-tabs .nav-item+.nav-item { margin: 0 0 0 -.4125rem; } .tab-container .tab-button-nav { border-bottom: 0; text-align: center; display: block; } .tab-container .tab-button-nav .nav-link { padding: .75rem .4rem; border: 0; color: #55565b; border-radius: 0; background: #f8f8f8; } .tab-container .tab-button-nav .nav-link:hover, .tab-container .tab-button-nav .nav-link:focus, .tab-container .tab-button-nav .nav-link.active, .tab-container .tab-button-nav .nav-link.active:focus, .tab-container .tab-button-nav .nav-link.active:hover { background: #5645ff; color: #fff; } .tab-container .tab-button-nav .open .nav-link, .tab-container .tab-button-nav .open .nav-link:focus, .tab-container .tab-button-nav .open .nav-link:hover { background: #5645ff; color: #fff; } .tab-container .tab-content { font-size: .75rem; line-height: 2; color: #575757; letter-spacing: .07143rem; } .tab-container .tab-content p:last-child { margin-bottom: 0; } .tab-container .tab-text-nav { border-width: 0 0 .1429rem; border-color: #c1c5cd; display: inline-block; } .tab-container .tab-text-nav .nav-link { padding: .75rem .4rem; border: 0; color: #55565b; position: relative; } .tab-container .tab-text-nav .nav-link:before { position: absolute; top: 100%; left: 0; width: 100%; content: ''; height: .13rem; background: #5645ff; -webkit-transition: all .3s ease-in-out .06s; -o-transition: all .3s ease-in-out .06s; transition: all .3s ease-in-out .06s; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .tab-container .tab-text-nav .nav-link:hover, .tab-container .tab-text-nav .nav-link:focus, .tab-container .tab-text-nav .nav-link.active, .tab-container .tab-text-nav .nav-link.active:focus, .tab-container .tab-text-nav .nav-link.active:hover { color: #5645ff; background: none; } .tab-container .tab-text-nav .nav-link:hover:before, .tab-container .tab-text-nav .nav-link:focus:before, .tab-container .tab-text-nav .nav-link.active:before, .tab-container .tab-text-nav .nav-link.active:focus:before, .tab-container .tab-text-nav .nav-link.active:hover:before { visibility: visible; opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .tab-container .tab-text-nav .open .nav-link, .tab-container .tab-text-nav .open .nav-link:focus, .tab-container .tab-text-nav .open .nav-link:hover { color: #5645ff; } .tab-container .tab-icon-nav { border-width: 0; border-color: #c1c5cd; display: inline-block; } .tab-container .tab-icon-nav .icon { display: block; font-size: 2rem; margin-bottom: 2rem; color: #55565b; } .tab-container .tab-icon-nav .nav-link { padding: .75rem .4rem; border: 0; color: #55565b; position: relative; } .tab-container .tab-icon-nav .nav-link:hover, .tab-container .tab-icon-nav .nav-link:focus, .tab-container .tab-icon-nav .nav-link.active, .tab-container .tab-icon-nav .nav-link.active:focus, .tab-container .tab-icon-nav .nav-link.active:hover { color: #5645ff; background: none; } .tab-container .tab-icon-nav .nav-link:hover .icon, .tab-container .tab-icon-nav .nav-link:focus .icon, .tab-container .tab-icon-nav .nav-link.active .icon, .tab-container .tab-icon-nav .nav-link.active:focus .icon, .tab-container .tab-icon-nav .nav-link.active:hover .icon { color: #55565b; } .tab-container .tab-icon-nav .open .nav-link, .tab-container .tab-icon-nav .open .nav-link:focus, .tab-container .tab-icon-nav .open .nav-link:hover { color: #5645ff; } .tab-container .tab-icon-nav .open .nav-link .icon, .tab-container .tab-icon-nav .open .nav-link:focus .icon, .tab-container .tab-icon-nav .open .nav-link:hover .icon { color: #55565b; } /******* tab styles *******/ .tab-container.tab-secondary { text-align: center; } .tab-container.tab-secondary .nav-tabs { font-size: .6rem; } .tab-container.tab-secondary .nav-tabs .nav-link { color: #55565b; font-weight: 700; text-transform: uppercase; } .tab-container.tab-secondary .nav-tabs .nav-item { display: inline-block; float: none; } .tab-container.tab-secondary .nav-tabs .nav-item+.nav-item { margin: 0 0 0 -.4125rem; } .tab-container.tab-secondary .tab-button-nav { border-bottom: 0; text-align: center; display: block; } .tab-container.tab-secondary .tab-button-nav .nav-link { padding: .75rem .7rem; border: 0; color: #55565b; border-radius: 0; background: #f8f8f8; } .tab-container.tab-secondary .tab-button-nav .nav-link:hover, .tab-container.tab-secondary .tab-button-nav .nav-link:focus, .tab-container.tab-secondary .tab-button-nav .nav-link.active, .tab-container.tab-secondary .tab-button-nav .nav-link.active:focus, .tab-container.tab-secondary .tab-button-nav .nav-link.active:hover { background: #ff6138; color: #fff; } .tab-container.tab-secondary .tab-button-nav .open .nav-link, .tab-container.tab-secondary .tab-button-nav .open .nav-link:focus, .tab-container.tab-secondary .tab-button-nav .open .nav-link:hover { background: #ff6138; color: #fff; } .tab-container.tab-secondary .tab-content { font-size: .75rem; line-height: 2; letter-spacing: .07143rem; } .tab-container.tab-secondary .tab-content p:last-child { margin-bottom: 0; } .tab-container.tab-secondary .tab-text-nav { border-width: 0 0 .1429rem; border-color: #c1c5cd; display: inline-block; } .tab-container.tab-secondary .tab-text-nav .nav-link { padding: .75rem .7rem; border: 0; color: #55565b; position: relative; } .tab-container.tab-secondary .tab-text-nav .nav-link:before { position: absolute; top: 100%; left: 0; width: 100%; content: ''; height: .13rem; background: #ff6138; -webkit-transition: all .3s ease-in-out .06s; -o-transition: all .3s ease-in-out .06s; transition: all .3s ease-in-out .06s; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .tab-container.tab-secondary .tab-text-nav .nav-link:hover, .tab-container.tab-secondary .tab-text-nav .nav-link:focus, .tab-container.tab-secondary .tab-text-nav .nav-link.active, .tab-container.tab-secondary .tab-text-nav .nav-link.active:focus, .tab-container.tab-secondary .tab-text-nav .nav-link.active:hover { color: #ff6138; background: none; } .tab-container.tab-secondary .tab-text-nav .nav-link:hover:before, .tab-container.tab-secondary .tab-text-nav .nav-link:focus:before, .tab-container.tab-secondary .tab-text-nav .nav-link.active:before, .tab-container.tab-secondary .tab-text-nav .nav-link.active:focus:before, .tab-container.tab-secondary .tab-text-nav .nav-link.active:hover:before { visibility: visible; opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .tab-container.tab-secondary .tab-text-nav .open .nav-link, .tab-container.tab-secondary .tab-text-nav .open .nav-link:focus, .tab-container.tab-secondary .tab-text-nav .open .nav-link:hover { color: #ff6138; } .tab-container.tab-secondary .tab-icon-nav { border-width: 0; border-color: #c1c5cd; display: inline-block; } .tab-container.tab-secondary .tab-icon-nav .icon { display: block; font-size: 2rem; margin-bottom: 2rem; color: #55565b; } .tab-container.tab-secondary .tab-icon-nav .nav-link { padding: .75rem .7rem; border: 0; color: #55565b; position: relative; } .tab-container.tab-secondary .tab-icon-nav .nav-link:hover, .tab-container.tab-secondary .tab-icon-nav .nav-link:focus, .tab-container.tab-secondary .tab-icon-nav .nav-link.active, .tab-container.tab-secondary .tab-icon-nav .nav-link.active:focus, .tab-container.tab-secondary .tab-icon-nav .nav-link.active:hover { color: #ff6138; background: none; } .tab-container.tab-secondary .tab-icon-nav .nav-link:hover .icon, .tab-container.tab-secondary .tab-icon-nav .nav-link:focus .icon, .tab-container.tab-secondary .tab-icon-nav .nav-link.active .icon, .tab-container.tab-secondary .tab-icon-nav .nav-link.active:focus .icon, .tab-container.tab-secondary .tab-icon-nav .nav-link.active:hover .icon { color: #55565b; } .tab-container.tab-secondary .tab-icon-nav .open .nav-link, .tab-container.tab-secondary .tab-icon-nav .open .nav-link:focus, .tab-container.tab-secondary .tab-icon-nav .open .nav-link:hover { color: #ff6138; } .tab-container.tab-secondary .tab-icon-nav .open .nav-link .icon, .tab-container.tab-secondary .tab-icon-nav .open .nav-link:focus .icon, .tab-container.tab-secondary .tab-icon-nav .open .nav-link:hover .icon { color: #55565b; } /******* tab styles *******/ .tab-container.tab-black .nav-tabs .nav-link { color: #55565b; } .tab-container.tab-black .tab-button-nav .nav-link { color: #55565b; background: #f8f8f8; } .tab-container.tab-black .tab-button-nav .nav-link:hover, .tab-container.tab-black .tab-button-nav .nav-link:focus, .tab-container.tab-black .tab-button-nav .nav-link.active, .tab-container.tab-black .tab-button-nav .nav-link.active:focus, .tab-container.tab-black .tab-button-nav .nav-link.active:hover { background: #000; color: #fff; } .tab-container.tab-black .tab-button-nav .open .nav-link, .tab-container.tab-black .tab-button-nav .open .nav-link:focus, .tab-container.tab-black .tab-button-nav .open .nav-link:hover { background: #000; color: #fff; } .tab-container.tab-black .tab-text-nav { border-color: #c1c5cd; } .tab-container.tab-black .tab-text-nav .nav-link { color: #55565b; } .tab-container.tab-black .tab-text-nav .nav-link:before { background: #000; } .tab-container.tab-black .tab-text-nav .nav-link:hover, .tab-container.tab-black .tab-text-nav .nav-link:focus, .tab-container.tab-black .tab-text-nav .nav-link.active, .tab-container.tab-black .tab-text-nav .nav-link.active:focus, .tab-container.tab-black .tab-text-nav .nav-link.active:hover { color: #000; background: none; } .tab-container.tab-black .tab-text-nav .open .nav-link, .tab-container.tab-black .tab-text-nav .open .nav-link:focus, .tab-container.tab-black .tab-text-nav .open .nav-link:hover { color: #000; } .tab-container.tab-black .tab-icon-nav { border-color: #c1c5cd; } .tab-container.tab-black .tab-icon-nav .icon { color: #55565b; } .tab-container.tab-black .tab-icon-nav .nav-link { color: #55565b; } .tab-container.tab-black .tab-icon-nav .nav-link:hover, .tab-container.tab-black .tab-icon-nav .nav-link:focus, .tab-container.tab-black .tab-icon-nav .nav-link.active, .tab-container.tab-black .tab-icon-nav .nav-link.active:focus, .tab-container.tab-black .tab-icon-nav .nav-link.active:hover { color: #000; background: none; } .tab-container.tab-black .tab-icon-nav .nav-link:hover .icon, .tab-container.tab-black .tab-icon-nav .nav-link:focus .icon, .tab-container.tab-black .tab-icon-nav .nav-link.active .icon, .tab-container.tab-black .tab-icon-nav .nav-link.active:focus .icon, .tab-container.tab-black .tab-icon-nav .nav-link.active:hover .icon { color: #55565b; } .tab-container.tab-black .tab-icon-nav .open .nav-link, .tab-container.tab-black .tab-icon-nav .open .nav-link:focus, .tab-container.tab-black .tab-icon-nav .open .nav-link:hover { color: #000; } .tab-container.tab-black .tab-icon-nav .open .nav-link .icon, .tab-container.tab-black .tab-icon-nav .open .nav-link:focus .icon, .tab-container.tab-black .tab-icon-nav .open .nav-link:hover .icon { color: #55565b; } /******* accordion styles *******/ .accordion-container { max-width: 35.63rem; margin: 0 auto; } .accordion-container .card { border: none; margin-bottom: .625rem; font-size: .75rem; line-height: 2; } .accordion-container .card .card-header { background: #212121; color: #fff; border: none; } .accordion-container .card .card-header:first-child { border-radius: 0; } .accordion-container .card .card-header h5 { } .accordion-container .card .card-header h5 a { color: #fff; font-size: .75rem; font-weight: 700; vertical-align: middle; display: block; line-height: 1.6; } .accordion-container .card .card-block { border: solid #fff; border-width: 0 .07143rem .07143rem; border-top: none; color: #575757; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2), 0 4px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2), 0 4px 12px 0 rgba(0, 0, 0, .1); } .accordion-container .card .card-block p:last-child { margin-bottom: 0; } .accordion-container .panel-icon .card .card-header { background: none; border-bottom: .07143rem solid #fff; } .accordion-container .panel-icon .card .card-header h5 a { position: relative; color: #575757; } .accordion-container .panel-icon .card .card-header h5 a:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: -1.1rem; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); content: '\e923'; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; font-size: 1rem; } .accordion-container .panel-icon .card .card-header h5 a[aria-expanded='true'] { background: none; } .accordion-container .panel-icon .card .card-header h5 a[aria-expanded='true']:before { content: '\e916'; } .accordion-container .panel-icon .card .card-block { border: none; } /******* accordion styles *******/ .accordion-container.accordion-secondary { max-width: 35.63rem; margin: 0 auto; } .accordion-container.accordion-secondary .card { border: none; margin-bottom: .625rem; font-size: .75rem; line-height: 2; } .accordion-container.accordion-secondary .card .card-header { background: #5645ff; color: #fff; border: none; } .accordion-container.accordion-secondary .card .card-header:first-child { border-radius: 0; } .accordion-container.accordion-secondary .card .card-header h5 { } .accordion-container.accordion-secondary .card .card-header h5 a { color: #fff; font-size: .75rem; font-weight: 700; vertical-align: middle; } .accordion-container.accordion-secondary .card .card-block { border: solid #fff; border-width: 0 .07143rem .07143rem; border-top: none; color: #575757; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2), 0 4px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2), 0 4px 12px 0 rgba(0, 0, 0, .1); } .accordion-container.accordion-secondary .card .card-block p:last-child { margin-bottom: 0; } .accordion-container.accordion-secondary .panel-icon .card .card-header { background: none; border-bottom: .07143rem solid #c1c5cd; } .accordion-container.accordion-secondary .panel-icon .card .card-header h5 a { position: relative; color: #212121; } .accordion-container.accordion-secondary .panel-icon .card .card-header h5 a:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: -1.1rem; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); content: '\e923'; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; font-size: 1rem; } .accordion-container.accordion-secondary .panel-icon .card .card-header h5 a[aria-expanded='true'] { background: none; } .accordion-container.accordion-secondary .panel-icon .card .card-header h5 a[aria-expanded='true']:before { content: '\e916'; } .accordion-container.accordion-secondary .panel-icon .card .card-block { border: none; } /******* pricing block styles *******/ .pricing-block { padding: 3.5rem 1rem; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; font-weight: 400; } .pricing-block:hover { -webkit-box-shadow: 0 2px 9.3px .7px rgba(1, 2, 2, .1); box-shadow: 0 2px 9.3px .7px rgba(1, 2, 2, .1); } .pricing-block h3 { font-size: 1.25rem; line-height: 1.2; margin-bottom: 1.1rem; font-weight: 700; color: #55565b; } .pricing-block h4 { color: #55565b; font-weight: 400; text-transform: capitalize; } .pricing-block .price { font-size: 1.25rem; line-height: 1.2; letter-spacing: .2143rem; } .pricing-block .content-sub-title { font-style: italic; } .pricing-block .btn-holder { margin-top: 3.75rem; } .pricing-block .col-wrap { padding-top: 3rem; padding-bottom: 3rem; margin-bottom: 0; } .pricing-block .col-wrap:first-child { border: solid #e3e5e8; border-width: 0 0 .07143rem; } .pricing-box-v1 { border: #e3e5e8 1px solid; margin-top: 3.125rem; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .pricing-box-v1:hover { -webkit-box-shadow: 0 2px 9.3px .7px rgba(1, 2, 2, .1); box-shadow: 0 2px 9.3px .7px rgba(1, 2, 2, .1); } .pricing-box-v1 .pricing-title { padding: 1.875rem .9375rem; } .pricing-box-v1 .pricing-title h4 { margin: 0; } .pricing-box-v1 .price { font-size: 1.25rem; line-height: 1.2; letter-spacing: .2143rem; margin: 1.563rem 0; } .pricing-box-v1 .plan-features ul li { border-top: #f8f8f8 1px solid; padding: .625rem .9375rem; } .pricing-box-v1 .btn-holder { border-top: #f8f8f8 1px solid; padding: 1.875rem 0; } .pricing-box-v1 .bg-primary h4 { color: #fff; } .pricing-box-v1.pricing-box-v2 { margin-top: 7.5rem; } .pricing-box-v1.pricing-box-v2 .price { width: 8.75rem; height: 8.75rem; margin: -4.375rem auto 2.188rem; line-height: 9.063rem; border-radius: 50%; border: #e3e5e8 1px solid; } .pricing-box-v1.pricing-box-v2 .divider-double-border { max-width: 50%; margin: .9375rem auto; } .demo-wrapper .row [class*='col-']:nth-of-type(1) .pricing-box-v1:first-child { margin-top: 0rem; } .demo-wrapper .row [class*='col-']:nth-of-type(1) .pricing-box-v2:first-child { margin-top: 3.75rem; } /******* grid box styles *******/ .grid-box .grid-box-demo { background-color: #f8f8f8; display: block; min-height: 3.375rem; line-height: 3.375rem; text-align: center; font-size: .75rem; color: #000; } .grid-box .row { padding-bottom: 2.5rem; } /******* owl carousel styles *******/ .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 5rem; color: #c1c5cd; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { opacity: .3; cursor: none; pointer-events: none; } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { color: #575757; } .owl-carousel .owl-nav .owl-prev { right: calc(100%); } .owl-carousel .owl-nav .owl-next { left: calc(100%); } .owl-carousel .owl-item img { width: auto; display: inline-block; } .owl-carousel .owl-item .img-block img { width: 100%; } .owl-carousel.portfolio-slide .owl-nav { position: absolute; bottom: 2.143rem; right: 2.143rem; z-index: 9; } .owl-carousel.portfolio-slide .owl-nav .owl-prev, .owl-carousel.portfolio-slide .owl-nav .owl-next { position: relative; background: #55565b; height: 3.571rem; width: 3.571rem; color: #fff; right: auto; left: auto; top: auto; -webkit-transform: none; -o-transform: none; transform: none; display: inline-block; margin-left: .7rem; font-size: 3rem; line-height: 3.571rem; text-align: center; } /******* carousel styles *******/ .multi-image .img-block { position: relative; } .no-gutter-slide .owl-dots { text-align: center; } .no-gutter-slide .owl-dots .owl-dot { display: inline-block; margin: 0 .3125rem; } .no-gutter-slide .owl-dots .owl-dot span { width: .625rem; height: .625rem; border-radius: 50%; background: #c1c5cd; display: inline-block; -webkit-transition: .3s all linear; -o-transition: .3s all linear; transition: .3s all linear; } .no-gutter-slide .owl-dots .owl-dot.active span, .no-gutter-slide .owl-dots .owl-dot:hover span { background: #575757; } /******* data table styles *******/ .data-table { border: 1px solid #ebedef; } .data-table .table { border: none; margin: 0; } .data-table .table>thead>tr>th { border-width: 0; font-size: .75rem; line-height: 2.1; } .data-table .table>tbody>tr>td, .data-table .table>tbody>tr>th, .data-table .table>tfoot>tr>td, .data-table .table>tfoot>tr>th, .data-table .table>thead>tr>td, .data-table .table>thead>tr>th { padding: .625rem; border-color: #ebedef; vertical-align: middle; } .data-table .table-striped tbody tr:nth-of-type(odd), .data-table .table-hover tbody tr:hover { background-color: #f8f8f8; } .data-table .vertical-bordered.table>tbody>tr>td, .data-table .vertical-bordered.table>tbody>tr>th, .data-table .vertical-bordered.table>tfoot>tr>td, .data-table .vertical-bordered.table>tfoot>tr>th, .data-table .vertical-bordered.table>thead>tr>td, .data-table .vertical-bordered.table>thead>tr>th { border-right: 1px solid #ebedef; border-top: none; } .data-table .vertical-bordered.table>tbody>tr>td:last-child, .data-table .vertical-bordered.table>tbody>tr>th:last-child, .data-table .vertical-bordered.table>tfoot>tr>td:last-child, .data-table .vertical-bordered.table>tfoot>tr>th:last-child, .data-table .vertical-bordered.table>thead>tr>td:last-child, .data-table .vertical-bordered.table>thead>tr>th:last-child { border-right: none; } .data-table .vertical-bordered.table th, .data-table .vertical-bordered.table td { border-top: none; } .data-table .vertical-bordered>thead>tr>th { border-width: 1px; } /******* icon list styles *******/ .icon-lists ul li { list-style-type: none; display: block; position: relative; padding-left: 1.875rem; color: #55565b; margin: 0 0 .75rem; } .icon-lists ul li span { width: 1.875rem; height: 1.875rem; position: absolute; top: 0; left: 0; line-height: 2rem; } .icon-lists ul li a { color: #55565b; } .icon-lists ul li a:hover { color: #5645ff; } .icon-lists.round-icons ul li { padding-left: 3.125rem; } .icon-lists.round-icons ul li span { border-radius: 50%; border: #55565b 1px solid; text-align: center; } .icon-lists.square-icons ul li { padding-left: 3.125rem; } .icon-lists.square-icons ul li span { border: #55565b 1px solid; text-align: center; } .icon-lists.solid-icons ul li { padding-left: 3.125rem; } .icon-lists.solid-icons ul li span { border: #55565b 1px solid; background: #55565b; color: #fff; text-align: center; } /******* Pagination styles *******/ .pagination-block .pagination { margin: 0; } .pagination-block .pagination>li a, .pagination-block .pagination>li span { color: #5645ff; padding: .625rem .9375rem; border-color: #ebedef; } .pagination-block .pagination>li>a:focus, .pagination-block .pagination>li>a:hover, .pagination-block .pagination>li>span:focus, .pagination-block .pagination>li>span:hover { background-color: #5645ff; border-color: #5645ff; color: #fff; } .pagination-block .pagination>.active>a, .pagination-block .pagination>.active>a:focus, .pagination-block .pagination>.active>a:hover, .pagination-block .pagination>.active>span, .pagination-block .pagination>.active>span:focus, .pagination-block .pagination>.active>span:hover { background-color: #5645ff; border-color: #5645ff; color: #fff; } .pagination-block .pagination .disabled .page-link { background-color: #ebedef; border-color: #ebedef; color: #55565b; } .pagination-block .pagination.solid-nav>li { margin-left: .125rem; background-color: #ebedef; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .pagination-block .pagination.solid-nav>li .page-link { background: none; border: none; color: #55565b; } .pagination-block .pagination.solid-nav>li:hover { background-color: #5645ff; border-color: #5645ff; } .pagination-block .pagination.solid-nav>li:hover .page-link { color: #fff; } .pagination-block .pagination.solid-nav>li:hover .page-link span { color: #fff; } .divider-border { border-top: .0625rem #ebedef solid; margin: 2rem 0; } .divider-border-dark { border-top: .0625rem #000 solid; margin: 2rem 0; } .divider-double-border { border-top: 4px #ebedef double; margin: 2rem 0; } .dotted-border { border-top: .125rem #ebedef dashed; margin: 2rem 0; } .divider-v2 { position: relative; display: inline-block; width: 5rem; margin: 0 0 1.875rem; } .divider-v2:before, .divider-v2:after { position: absolute; content: ''; top: 0; left: 0; width: 2.5rem; border-top: 3px #ebedef solid; } .divider-v2:before { width: 100%; top: .3125rem; } .icon-border { position: relative; text-align: left; color: #575757; } .icon-border span { font-size: 1.5rem; } .icon-border:before { position: absolute; top: 50%; left: 3.125rem; right: 0; content: ''; border-top: .0625rem #ebedef solid; margin-top: -.0625rem; } .icon-border-right { position: relative; text-align: right; color: #575757; } .icon-border-right span { font-size: 1.5rem; } .icon-border-right:before { position: absolute; top: 50%; right: 3.125rem; left: 0; content: ''; border-top: .0625rem #ebedef solid; margin-top: -.0625rem; } .mid-icon-border { position: relative; text-align: center; color: #575757; } .mid-icon-border span { font-size: 1.5rem; } .mid-icon-border:before { position: absolute; top: 50%; left: 0; content: ''; width: 45%; border-top: .0625rem #ebedef solid; margin-top: -.0625rem; } .mid-icon-border:after { position: absolute; top: 50%; right: 0; content: ''; width: 45%; border-top: .0625rem #ebedef solid; margin-top: -.0625rem; } /******* blockquote styles *******/ .blockquote-block blockquote { padding: .625rem 1.25rem; border-left: 5px solid #f8f8f8; position: relative; margin: 0; color: #55565b; font-size: .875rem; line-height: 1.2; line-height: 1.6; } .blockquote-block blockquote small { color: #c1c5cd; } .blockquote-block blockquote:after { position: absolute; left: -10px; top: 0; width: 0; height: 0; content: ''; border: .3125rem solid transparent; -webkit-transition: height ease-out .2s; -o-transition: height ease-out .2s; transition: height ease-out .2s; } .blockquote-block blockquote:hover:after { height: 100%; border-right-color: #c5c5c5; } .blockquote-block.text-right blockquote { border: none; border-right: .3125rem solid #f8f8f8; } .blockquote-block.text-right blockquote:after { left: auto; right: -5px; } .blockquote-block.blockquote-block-v2 blockquote { border: none; padding-left: 3.125rem; } .blockquote-block.blockquote-block-v2 blockquote:before { position: absolute; font-family: 'roxine-font-icon' !important; content: '\f2ff'; top: 0; left: 0; font-size: 1.875rem; } .blockquote-block.blockquote-block-v2 blockquote:after { display: none; } .blockquote-block.blockquote-block-v3 blockquote { border: none; padding: .9375rem; } .blockquote-block.blockquote-block-v4 blockquote { -webkit-box-shadow: inset 0 0 0 .3125rem #f8f8f8; box-shadow: inset 0 0 0 .3125rem #f8f8f8; border: none; padding-top: 4.375rem; padding-bottom: 3.125rem; color: #fff; } .blockquote-block.blockquote-block-v4 blockquote:before { position: absolute; font-family: 'roxine-font-icon' !important; content: '\f2ff'; top: .9375rem; left: 50%; margin-left: -15px; font-size: 1.875rem; } .blockquote-block.blockquote-block-v4 blockquote:after { position: absolute; left: 0; top: 0; width: 0; height: 0; content: ''; border: .3125rem solid transparent; -webkit-transition: width ease-out, height ease-out .25s; -o-transition: width ease-out, height ease-out .25s; transition: width ease-out, height ease-out .25s; } .blockquote-block.blockquote-block-v4 blockquote:hover:after { width: 100%; height: 100%; border-top-color: #c5c5c5; border-right-color: #c5c5c5; } .blockquote-block.bg-primary blockquote:after { border: none; } /******* badge styles *******/ .label-block .custom-badge { } .label-block .custom-badge.badge { background: #212121; color: #fff; } .btn .custom-badge.badge { background: #fff; color: #212121; } /******* star rating styles *******/ .rating-block .jq-ry-container { margin: 0 auto; } /******* centered col styles *******/ /******* date time picker styles *******/ .waituk_datetimepicker-block .datepicker-inline { width: 240px; margin: 0 auto; } .waituk_datetimepicker-block .input-group-addon { padding: 0 0 0 3px; line-height: 1.25; color: #fff; background-color: #5645ff; border: none; width: 40px; } .datepicker { border-color: transparent; -webkit-box-shadow: 0 10px 20px 0 rgba(36, 83, 107, .15); box-shadow: 0 10px 20px 0 rgba(36, 83, 107, .15); border-radius: 0; } .datepicker.datepicker-dropdown.datepicker-orient-top:before { border: none; } .datepicker.datepicker-dropdown.datepicker-orient-bottom:before { border: none; } .datepicker td, .datepicker th { border-radius: 0; font-size: .75rem; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #f8f8f8; color: #55565b; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background: #5645ff; background-image: none; color: #fff; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background: #55565b; color: #fff; background-image: none; } .datepicker .table-condensed>tbody>tr>td, .datepicker .table-condensed>tbody>tr>th, .datepicker .table-condensed>tfoot>tr>td, .datepicker .table-condensed>tfoot>tr>th, .datepicker .table-condensed>thead>tr>td, .datepicker .table-condensed>thead>tr>th { padding: 2px 7px; } /******* map styles *******/ .grayscaled-map { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .full-map .img-wrap { min-height: 250px; height: inherit; position: relative; } /******* modal styles *******/ .modal-backdrop { z-index: 999999999; } .modal { z-index: 9999999999; } .modal-wrap button.close { position: absolute; top: 17px; right: 15px; padding: 0; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; outline: none; } .modal-wrap .modal-footer { padding: 30px 15px; } .modal-backdrop.show { opacity: .8; } /******* Pies and Skills styles *******/ .progress-block .progress { height: inherit; margin: 0; } .progress-block .progress .progress-bar { line-height: inherit; } .progress-block .progress .skill .val { float: right; margin: 0 20px 0 0; } /******* sign up form styles *******/ .signup-block { position: relative; } .signup-block .signup-wrap { padding: 6.25rem 0 3.125rem; } .signup-block .signup-wrap .inner-wrap { margin: 0 auto; padding: 0 .9375rem; } .signup-block .signup-wrap .circular-icon.bottom-space { margin-bottom: .9375rem; } .signup-block .signup-wrap .form-group { margin-bottom: .9375rem; } /******* range slider styles *******/ .waituk_range-block .slider.slider-horizontal { width: 100%; } .waituk_range-block .slider .slider-track { background: #c1c5cd; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .waituk_range-block .slider .slider-selection { background: #5645ff; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .waituk_range-block .slider .slider-handle { background: #5645ff; } .waituk_range-block .slider .slider-tick { background: #c1c5cd; } .waituk_range-block .slider .slider-tick.in-selection { background: #5645ff; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: -5px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: -5px; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } /******* select boxes styles *******/ .waituk_select-box label { /*min-width: 400px;*/ padding-left: 35px; } .waituk_select-box input[type='radio']:empty, .waituk_select-box input[type='checkbox']:empty { display: none; } .waituk_select-box input[type='radio']:empty~label, .waituk_select-box input[type='checkbox']:empty~label { position: relative; line-height: 20px; margin-top: 2em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .waituk_select-box input[type='radio']:empty~label:before, .waituk_select-box input[type='checkbox']:empty~label:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content: ''; width: 20px; height: 20px; background: #c1c5cd; border-radius: 50%; font-family: 'roxine-font-icon'; text-align: center; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .waituk_select-box input[type='radio']:checked~label:before, .waituk_select-box input[type='checkbox']:checked~label:before { content: '\e489'; color: #fff; background: #c1c5cd; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .waituk_select-box input[type='radio']:checked~label, .waituk_select-box input[type='checkbox']:checked~label { color: #55565b; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .waituk_select-box input[type='radio']:focus~label:before, .waituk_select-box input[type='checkbox']:focus~label:before { -webkit-box-shadow: 0 0 0 3px #999; box-shadow: 0 0 0 3px #999; } .waituk_select-box .waituk_select-box-default input[type='radio']:checked~label:before, .waituk_select-box .waituk_select-box-default input[type='checkbox']:checked~label:before { color: #fff; background: #c1c5cd; } .waituk_select-box .waituk_select-box-primary input[type='radio']:checked~label:before, .waituk_select-box .waituk_select-box-primary input[type='checkbox']:checked~label:before { color: #fff; background: #5645ff; } .waituk_select-box .waituk_select-box-secondary input[type='radio']:checked~label:before, .waituk_select-box .waituk_select-box-secondary input[type='checkbox']:checked~label:before { color: #fff; background: #ff6138; } .waituk_select-box .waituk_select-box-danger input[type='radio']:checked~label:before, .waituk_select-box .waituk_select-box-danger input[type='checkbox']:checked~label:before { color: #fff; background: #d9534f; } .waituk_select-box .waituk_select-box-warning input[type='radio']:checked~label:before, .waituk_select-box .waituk_select-box-warning input[type='checkbox']:checked~label:before { color: #fff; background: #f0ad4e; } .waituk_select-box .waituk_select-box-info input[type='radio']:checked~label:before, .waituk_select-box .waituk_select-box-info input[type='checkbox']:checked~label:before { color: #fff; background: #5bc0de; } .waituk_select-box .square-box input[type='radio']:empty~label:before, .waituk_select-box .square-box input[type='checkbox']:empty~label:before { border-radius: 0; } .waituk_select-box .solid-box input[type='radio']:empty~label:before, .waituk_select-box .solid-box input[type='checkbox']:empty~label:before { background: none; content: '\ed2e'; font-size: 20px; color: #c1c5cd; } .waituk_select-box .solid-box input[type='radio']:checked~label:before, .waituk_select-box .solid-box input[type='checkbox']:checked~label:before { background: none; content: '\ed2d'; font-size: 20px; } .waituk_select-box .solid-box.waituk_select-box-primary input[type='radio']:checked~label:before, .waituk_select-box .solid-box.waituk_select-box-primary input[type='checkbox']:checked~label:before { color: #5645ff; } .waituk_select-box .solid-box.waituk_select-box-secondary input[type='radio']:checked~label:before, .waituk_select-box .solid-box.waituk_select-box-secondary input[type='checkbox']:checked~label:before { color: #ff6138; } .waituk_select-box .solid-box.waituk_select-box-danger input[type='radio']:checked~label:before, .waituk_select-box .solid-box.waituk_select-box-danger input[type='checkbox']:checked~label:before { color: #d9534f; } .waituk_select-box .solid-box.waituk_select-box-warning input[type='radio']:checked~label:before, .waituk_select-box .solid-box.waituk_select-box-warning input[type='checkbox']:checked~label:before { color: #f0ad4e; } .waituk_select-box .solid-box.waituk_select-box-info input[type='radio']:checked~label:before, .waituk_select-box .solid-box.waituk_select-box-info input[type='checkbox']:checked~label:before { color: #5bc0de; } .waituk_select-box .checkbox-inline, .waituk_select-box .radio-inline { padding-left: 0; padding-right: 20px; } .waituk_select-box .checkbox-inline+.checkbox-inline, .waituk_select-box .radio-inline+.radio-inline { margin-left: 0; } /******* media embed styles *******/ .media-block { border-radius: 4px; background: #f8f8f8; padding: .625rem; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .media-block:hover { background: #dfdede; } /******* select picker styles *******/ .select-picker-block .bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) { width: 100%; } .select-picker-block .btn-group, .select-picker-block .btn-group-vertical { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .select-picker-block .btn-group.bootstrap-select .dropdown-toggle:focus, .select-picker-block .btn-group-vertical.bootstrap-select .dropdown-toggle:focus { outline: none !important; } .select-picker-block .btn { width: 100%; border: .1429rem solid #c1c5cd; font: 1.125rem/2rem 'Josefin Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0 .9375rem; background: none; letter-spacing: .2429rem; border-radius: 0; color: #c1c5cd; font-weight: 700; height: 3.125rem; -webkit-box-shadow: none; box-shadow: none; text-transform: capitalize; } .select-picker-block .btn.btn-primary { background: #5645ff; color: #fff; } .select-picker-block .btn.btn-primary:hover { background: #2812ff; color: #fff; } .select-picker-block .btn.btn-primary.dropdown-toggle.bs-placeholder, .select-picker-block .btn.btn-primary.dropdown-toggle.bs-placeholder:hover, .select-picker-block .btn.btn-primary.dropdown-toggle.bs-placeholder:focus, .select-picker-block .btn.btn-primary.dropdown-toggle.bs-placeholder:active { color: #fff; } .select-picker-block .btn.btn-secondary { background: #ff6138; color: #fff; } .select-picker-block .btn.btn-secondary:hover { background: #ff3905; color: #fff; } .select-picker-block .btn.btn-tertiary { background: #f8f8f8; } .select-picker-block .btn.btn-tertiary:hover { background: #dfdede; } .select-picker-block .dropdown-menu { border: none; border-radius: 0; -webkit-box-shadow: 0 10px 20px 0 rgba(36, 83, 107, .15); box-shadow: 0 10px 20px 0 rgba(36, 83, 107, .15); } .select-picker-block .dropdown-menu>.active>a, .select-picker-block .dropdown-menu>.active>a:focus, .select-picker-block .dropdown-menu>.active>a:hover { background-color: #5645ff; } .select-picker-block .dropdown-menu>li>a { display: block; padding: 3px 15px; clear: both; font-weight: 400; line-height: 1.42857143; color: #55565b; white-space: nowrap; } .select-picker-block .dropdown-menu>li>a:focus, .select-picker-block .dropdown-menu>li>a:hover { color: #000; text-decoration: none; background-color: #f8f8f8; } .select-picker-block .dropdown-toggle::after { display: none; } .select-picker-block .glyphicon-ok:before { font-family: 'roxine-font-icon'; content: '\e489'; } .select-picker-block .dropup .dropdown-menu { -webkit-box-shadow: 0 -10px 20px 0 rgba(36, 83, 107, .15); box-shadow: 0 -10px 20px 0 rgba(36, 83, 107, .15); } .select-picker-block .btn .caret { margin-left: 0; } .select-picker-block .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .select-picker-block .dropup .caret { content: ''; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; } .select-picker-block .open>.dropdown-menu { display: block; } .select-picker-block .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { margin-top: 0; } /******* page banners styles *******/ .slide-bg { position: relative; margin-top: 3.875rem; } .video-bg { position: relative; } .video-bg:before { z-index: 99; } .video-bg .centered-wrap { padding-top: 45px; } .video-bg .embed-responsive { height: 100vh; } .video-bg .embed-responsive video { -o-object-fit: cover; object-fit: cover; } .map-bg { position: relative; } .colored-bg { height: 100vh; position: relative; } .fullscreen-bg { height: 100vh; } .image-bg { background-attachment: initial; -webkit-background-size: cover; background-size: cover; overflow: hidden; } /*------------------------------------------------------------------ slide navigation styles -------------------------------------------------------------------*/ .nav-wrap { position: absolute; bottom: auto; height: 100%; } .header-links { border-top: 1px solid rgba(0, 0, 0, .1); } .header-links ul { padding: 0; } .header-links ul li { display: block; padding: 0; } #wrapper:before { position: absolute; content: ''; width: 100%; height: 100%; /* background: rgba($side-panel-wrapper-before-bg-color, 0.5);*/ /* z-index: 999999999999;*/ opacity: 0; visibility: hidden; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .nav-active #wrapper:before { opacity: 1; visibility: visible; } .nav-wrap { position: fixed; right: 0; top: 0; bottom: 0; width: 21.88rem; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; z-index: 999999999999; -webkit-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .nav-wrap .nav-trigger-close { padding: .75rem .625rem; text-align: center; background: rgba(255, 255, 255, .1); } .nav-wrap .nav-trigger-close a { position: relative; display: inline-block; } .nav-wrap .nav-trigger-close i { position: absolute; margin: -12px -7px 0; left: 100%; top: 50%; opacity: 0; visibility: hidden; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .nav-wrap .nav-trigger-close:hover i { opacity: 1; visibility: visible; margin: -12px 5px 0; } .nav-wrap ul.side-nav>li, .nav-wrap .header-links ul>li { border-top: 1px solid rgba(0, 0, 0, .1); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .nav-wrap ul.side-nav>li:first-child, .nav-wrap .header-links ul>li:first-child { border-top: 0; } .nav-wrap ul.side-nav>li>a, .nav-wrap .header-links ul>li>a { color: #a7a7a7; display: block; padding: 1.25rem; -webkit-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; opacity: 0; letter-spacing: .05em; position: relative; z-index: 1; } .nav-wrap ul.side-nav>li>a:focus, .nav-wrap ul.side-nav>li>a:active, .nav-wrap .header-links ul>li>a:focus, .nav-wrap .header-links ul>li>a:active { text-decoration: none; } .nav-wrap ul.side-nav>li>a:before, .nav-wrap .header-links ul>li>a:before { -webkit-transition: all linear .15s; -o-transition: all linear .15s; transition: all linear .15s; content: ''; top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 100%; background: rgba(255, 255, 255, .03); position: absolute; z-index: -1; } .nav-wrap ul.side-nav>li>a:hover:before, .nav-wrap .header-links ul>li>a:hover:before { width: 100%; } .nav-wrap ul.side-nav>li:nth-child(1)>a, .nav-wrap .header-links ul>li:nth-child(1)>a { -webkit-transition-delay: .08s; -o-transition-delay: .08s; transition-delay: .08s; } .nav-wrap ul.side-nav>li:nth-child(2)>a, .nav-wrap .header-links ul>li:nth-child(2)>a { -webkit-transition-delay: .16s; -o-transition-delay: .16s; transition-delay: .16s; } .nav-wrap ul.side-nav>li:nth-child(3)>a, .nav-wrap .header-links ul>li:nth-child(3)>a { -webkit-transition-delay: .24s; -o-transition-delay: .24s; transition-delay: .24s; } .nav-wrap ul.side-nav>li:nth-child(4)>a, .nav-wrap .header-links ul>li:nth-child(4)>a { -webkit-transition-delay: .32s; -o-transition-delay: .32s; transition-delay: .32s; } .nav-wrap ul.side-nav>li:nth-child(5)>a, .nav-wrap .header-links ul>li:nth-child(5)>a { -webkit-transition-delay: .40s; -o-transition-delay: .40s; transition-delay: .40s; } .nav-wrap .dropdown-menu { position: relative; background: none; opacity: .5; float: none; border: none; border-radius: 0; background: rgba(255, 255, 255, .05); color: #a7a7a7; } .nav-wrap .dropdown-menu .dropdown-item { color: #a7a7a7; font-weight: 300; font-size: .8571rem; } .nav-wrap .dropdown-menu .dropdown-item:focus, .nav-wrap .dropdown-menu .dropdown-item:hover { color: #fff; background: rgba(255, 255, 255, .13); } .nav-wrap .nav-trigger.navbar-pos-search { position: absolute; left: 15px; top: 42px; display: none; } .nav-wrap .nav-trigger.navbar-pos-search a { padding: 0; color: #fff; } .nav-wrap .nav-desc { padding: .9375rem; border-top: 1px solid rgba(0, 0, 0, .1); } .nav-active { position: relative;/* overflow: hidden;*/ /* Comment to make the page scrollable when side panel is active */ } .nav-active .nav-wrap { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-box-shadow: 0 22px 38px rgba(0, 0, 0, .2); box-shadow: 0 22px 38px rgba(0, 0, 0, .2); } .nav-active .nav-wrap .side-nav a, .nav-active .nav-wrap .header-links a { opacity: 1; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .nav-active .nav-wrap .nav-trigger a { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .nav-active.offcanvas-left #wrapper { -webkit-transform: translate(21.88rem, 0); -o-transform: translate(21.88rem, 0); transform: translate(21.88rem, 0); } .nav-active.offcanvas-right #wrapper { -webkit-transform: translate(-21.88rem, 0); -o-transform: translate(-21.88rem, 0); transform: translate(-21.88rem, 0); } .nav-active.nav-overlay-left .nav-wrap { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .nav-active.nav-overlay .nav-wrap { opacity: 1; visibility: visible; } /* offcanvas left */ .offcanvas-left .nav-wrap { right: auto; left: 0; -webkit-transform: translate(-21.88rem, 0); -o-transform: translate(-21.88rem, 0); transform: translate(-21.88rem, 0); } .offcanvas-left .nav-wrap .nav-trigger { display: block; } .offcanvas-left .nav-wrap .nav-trigger i { left: auto; right: 100%; } .offcanvas-left.nav-active .nav-wrap { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } /* nav overlay left */ .nav-overlay-left .nav-wrap { -webkit-transform: translate(-21.88rem, 0); -o-transform: translate(-21.88rem, 0); transform: translate(-21.88rem, 0); right: auto; left: 0; } .nav-overlay-left .nav-wrap .nav-trigger-close i { left: auto; right: 100%; } /* nav overlay */ .nav-trigger a { display: block; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; color: #fff; margin-top: -.4375rem; } .nav-trigger a a:hover { color: #fff; } .nav-active .nav-trigger a { -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } /************* white-overlay Panel **********/ .white-overlay .nav-wrap ul.side-nav>li, .white-overlay .nav-wrap .header-links ul>li { border-color: #f8f8f8; } .white-overlay .nav-wrap ul.side-nav>li>a, .white-overlay .nav-wrap .header-links ul>li>a { color: #575757; } .white-overlay .nav-wrap ul.side-nav>li>a:hover:before, .white-overlay .nav-wrap .header-links ul>li>a:hover:before { background: #fff; } .white-overlay .nav-wrap .nav-trigger.navbar-pos-search a, .white-overlay .nav-wrap .nav-trigger a { color: #000; } .white-overlay .nav-wrap .nav-trigger-close { background: #fff; } .white-overlay .nav-wrap .nav-desc, .white-overlay .nav-wrap .header-links { border-color: #f8f8f8; } .white-overlay .nav-wrap .dropdown-menu { background: #fff; color: #a7a7a7; } .white-overlay .nav-wrap .dropdown-menu .dropdown-item { color: #a7a7a7; } .white-overlay .nav-wrap .dropdown-menu .dropdown-item:focus, .white-overlay .nav-wrap .dropdown-menu .dropdown-item:hover { color: #a7a7a7; background: #fff; } /******* site search styles *******/ .search-form-wrapper.fullscreen-search { background: none; } .search-form-wrapper.fullscreen-search .holder { background: #000; padding: 15px; } .search-form-wrapper.fullscreen-search .holder .close { top: 0; right: 0; font-size: 1rem; } .search-form-wrapper.fullscreen-search .holder button { right: .5rem; font-size: 1rem; } .search-form-wrapper.fullscreen-search .holder input[type='search'] { padding-right: 1.5rem; } .search-form-wrapper.dark-text .form-control, .search-form-wrapper.dark-text input, .search-form-wrapper.dark-text textarea, .search-form-wrapper.dark-text button, .search-form-wrapper.dark-text .close { color: #55565b; border-color: #55565b; } .search-form-wrapper.dark-text button:hover { color: #55565b; } .search-form-wrapper.dark-text .form-control:focus~button, .search-form-wrapper.dark-text .form-control:hover~button, .search-form-wrapper.dark-text input:focus~button, .search-form-wrapper.dark-text input:hover~button, .search-form-wrapper.dark-text textarea:focus~button, .search-form-wrapper.dark-text textarea:hover~button { color: #55565b; } .search-form-wrapper.dark-text ::-webkit-input-placeholder { color: #55565b; } .search-form-wrapper.dark-text :-moz-placeholder { color: #55565b; } .search-form-wrapper.dark-text ::-moz-placeholder { color: #55565b; } .search-form-wrapper.dark-text :-ms-input-placeholder { color: #55565b; } .search-form-wrapper.white-text .form-control, .search-form-wrapper.white-text input, .search-form-wrapper.white-text textarea, .search-form-wrapper.white-text button, .search-form-wrapper.white-text .close { color: #fff; border-color: #fff; } .search-form-wrapper.white-text button:hover { color: #fff; } .search-form-wrapper.white-text .form-control:focus~button, .search-form-wrapper.white-text .form-control:hover~button, .search-form-wrapper.white-text input:focus~button, .search-form-wrapper.white-text input:hover~button, .search-form-wrapper.white-text textarea:focus~button, .search-form-wrapper.white-text textarea:hover~button { color: #fff; } .search-form-wrapper.white-text ::-webkit-input-placeholder { color: #fff; } .search-form-wrapper.white-text :-moz-placeholder { color: #fff; } .search-form-wrapper.white-text ::-moz-placeholder { color: #fff; } .search-form-wrapper.white-text :-ms-input-placeholder { color: #fff; } /******* instagram widget styles *******/ .tag-block ul { margin-top: 1.875rem; } .tag-block ul li { list-style-type: none; display: inline-block; font-size: .75rem; font-weight: 500; color: #55565b; margin: 0 0 .625rem; } .tag-block ul li a { color: #55565b; background: #f8f8f8; border-radius: 20px; padding: 0 1.25rem; display: inline-block; } .tag-block ul li a:hover { background: #5645ff; color: #fff; } /******* slider styles *******/ .slider-title { font-size: 1.875rem; line-height: 1.2; color: #fff; display: block; font-weight: 300; margin-bottom: 1.25rem; } .slider-title span { color: #2812ff; } .slider-title.text-white { font-size: 1.5rem; line-height: 1.2; } .slider-main-title { color: #575757; font-size: 1.875rem; line-height: 1.2; font-weight: 900; text-transform: uppercase; margin-bottom: 1.875rem; } .slider-sub-title { color: #5645ff; font-size: 1.125rem; line-height: 1.2; text-transform: uppercase; font-weight: 600; letter-spacing: .3125rem; margin-bottom: 1.25rem; } .slider-text { color: #575757; font-size: .875rem; line-height: 1.875rem; font-weight: 500; margin-bottom: 1.875rem; } .tparrows { background: #5645ff; } .tparrows:before { color: #fff; } .tparrows:hover { background: #2812ff; } /*------------------------------------------------------------------ 18. Blog -------------------------------------------------------------------*/ /******* blog styles *******/ .blog-holder .col-wrap { margin-bottom: 0; } .blog-holder .blog-desc { border: 1px solid #f8f8f8; padding: 0 .9375rem; } .blog-holder .blog-desc .blog-title { position: relative; padding: .9375rem 0 .4rem; border-bottom: 1px solid #f8f8f8; margin: 0 0 1.25rem; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .blog-holder .blog-desc h6 { font-weight: 600; line-height: 1.6; margin: 0; } .blog-holder .blog-desc h6 a { color: #55565b; } .blog-holder .blog-desc:hover .blog-title h6 a { color: #5645ff; } .blog-holder .blog-share { border-top: 1px solid #f8f8f8; padding: 1.25rem .9375rem 0; background: #f8f8f8; margin: .9375rem -.9375rem 0; } .blog-holder .blog-share .social-network.with-text li { vertical-align: text-top; font-size: .75rem; position: relative; } .blog-holder .blog-share .social-network.with-text li span { font-size: 1rem; margin-right: 0; } .blog-holder .blog-share .social-network.with-text li:before { position: absolute; content: '/'; right: -5px; top: 0; } .blog-holder .blog-share .social-network.with-text li:first-child:before, .blog-holder .blog-share .social-network.with-text li:last-child:before { display: none; } .blog-holder .blog-img { margin: 0 0 1.875rem; } .blog-holder .blog-img img { width: 100%; } .blog-holder .blog-footer { margin: .9375rem -.9375rem 0; padding: .9375rem .9375rem 0; } .reverse-grid .post-date { opacity: 0; visibility: hidden; -webkit-transition: .3s all linear; -o-transition: .3s all linear; transition: .3s all linear; } .reverse-grid .post-img img { -webkit-filter: grayscale(0); filter: grayscale(0); } .reverse-grid:hover .post-date { opacity: 1; visibility: visible; } .reverse-grid:hover .post-img img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .comment-block { border: 1px solid #f8f8f8; background: #f8f8f8; padding: 1.25rem .9375rem; } .comment-block h5 { font-weight: 600; line-height: 1.6; } .comment-block h5 a { color: #55565b; } .comment-block .comment-slot { position: relative; } .comment-block .comment-slot .thumb { max-width: 3.125rem; } .comment-block .comment-slot .comment-desc { padding: .9375rem; position: relative; margin-top: 1.875rem; } .comment-block .comment-slot .comment-desc a { color: #55565b; } .comment-block .comment-slot .comment-desc a:hover { color: #5645ff; } .comment-block .comment-reply { margin: 1.875rem 0 0 0; } .comment-block .comment-reply .comment-desc { border-top: 1px solid #f8f8f8; } .comment-block .jq-ry-container { padding: 0 0; } .blog-lists { border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; padding: .25rem .9375rem; margin: 0 -.9375rem 0; } .blog-lists .blog-list-items li { display: block; font-size: .75rem; position: relative; margin-right: 10px; } .blog-lists .blog-list-items li a { color: #000; } .blog-lists .blog-list-items li a:hover { color: #5645ff; } .blog-lists .blog-list-items li:last-child { margin-right: 0; } .related-posts .post-img { margin-bottom: 0; } .related-posts .blog-lists { border: none; padding: 0 0; margin: 0; } .related-posts .post-text { padding: .5rem 0 0; } .related-posts .post-text a:hover { color: #5645ff; } /******* author block ********/ .about-author { border: #ebedef 1px solid; border-bottom: #ebedef 3px double; padding: 1.875rem .9375rem; } .about-author h4 { font-size: .875rem; line-height: 1.2; font-weight: 500; color: #55565b; } .about-author .author-av { float: left; width: 3.75rem; margin-right: 1.25rem; } .about-author .author-av img { width: 100%; } .about-author .author-desc { overflow: hidden; display: table-row; } .author-posts { padding: 1.875rem 0 0; } /******* recent post styles *******/ .post-block .post-holder { position: relative; padding-left: 5rem; margin-top: 1.875rem; min-height: 3.438rem; } .post-block .post-holder .post-avatar { position: absolute; top: 0; left: 0; width: 3.438rem; height: 3.438rem; border-radius: 50%; } .post-block .post-holder .post-avatar img { border-radius: 50%; } .post-block .post-holder .post-avatar:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .5); border-radius: 50%; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; opacity: 0; visibility: hidden; } .post-block .post-holder .post-desc h6 { margin: 0; font-size: .875rem; font-weight: 500; color: #212121; } .post-block .post-holder .post-desc h6 a { color: #212121; } .post-block .post-holder .post-desc p { margin: 0; font-size: .75rem; color: #55565b; line-height: 1.575rem; } .post-block .post-holder .post-desc p a { color: #212121; } .post-block .post-holder:hover .post-desc a { color: #5645ff; } .post-block .post-holder:hover .post-avatar:before { opacity: 1; visibility: visible; } /******* twitter feed styles *******/ .twitter-feed .tweet-holder { position: relative; padding-left: 80px; margin-top: 30px; } .twitter-feed .tweet-holder .twit-ico { position: absolute; top: 0; left: 0; width: 3.438rem; color: #575757; font-size: 2rem; line-height: 1; text-align: center; -webkit-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; } .twitter-feed .tweet-holder .twit-desc h6 { margin: 0; font-size: .875rem; font-weight: 500; color: #55565b; } .twitter-feed .tweet-holder .twit-desc h6 a { color: #55565b; } .twitter-feed .tweet-holder .twit-desc h6 a:hover { color: #5645ff; } .twitter-feed .tweet-holder .twit-desc p { margin: 0; font-size: .75rem; color: #55565b; line-height: 1.575rem; } .twitter-feed .tweet-holder .twit-desc p a { color: #5645ff; word-break: break-word; } .twitter-feed .tweet-holder .twit-desc p a:hover { color: #5645ff; } .twitter-feed .tweet-holder:hover h6 a { color: #5645ff; } .twitter-feed .tweet-holder:hover .twit-ico { color: #5645ff; } /******* instagram widget styles *******/ .instagram-widget ul { margin-top: 1.875rem; } .instagram-widget ul li { list-style-type: none; display: inline-block; width: 31%; margin: 0 1% 2.5% 0; } .instagram-widget ul li:nth-child(3n) { margin-right: 0; } .instagram-widget ul li img { width: 100%; } /*------------------------------------------------------------------ 19. Footer -------------------------------------------------------------------*/ /* footer styles */ .footer .footer-main { /*background: $footer-bg-image;*/ background-color: #000; position: relative; color: #7d7d7d; z-index: 2; } .footer .footer-main p { margin: 0; color: #7d7d7d; } .footer .footer-main p a { color: #7d7d7d; } .footer .footer-main p a:hover { color: #fff; } .footer .footer-main .holder { position: relative; padding-left: 3.5rem; text-align: left; margin: .7143rem 0; } .footer .footer-main .holder p { margin: 0; color: #7d7d7d; } .footer .footer-main .holder p a { color: #7d7d7d; } .footer .footer-main .holder p a:hover { color: #fff; } .footer .footer-main .icon { position: absolute; top: 50%; left: 0; font-size: 1.5rem; line-height: 1.2; color: #55565b; -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .footer .footer-main h4 { color: #7d7d7d; font-size: 1.25rem; margin-top: 1.25rem; } .footer .footer-logo { margin-bottom: 1.875rem; } .footer .divider-border { background: #242424; margin: 1.875rem auto; } .footer .divider-border.sm-border { max-width: 35.63rem; } .footer .footer-bottom { padding: 1.875rem 0; background: #212121; } .footer .footer-bottom p { margin: 0; color: #7d7d7d; } .footer .widget-block h4 { text-transform: uppercase; color: #575757; } .footer .widget-block .post-block .post-holder .post-desc h6 a { color: #7d7d7d; } .footer .widget-block .post-block .post-holder .post-desc p { color: #7d7d7d; } .footer .widget-block .post-block .post-holder:hover h6 a { color: #fff; } .footer .instagram-widget ul li { width: 29%; margin: 0 1% 2.5% 0; } .footer .instagram-widget ul li:nth-child(3n) { margin-right: 0; } .footer-nav ul li { position: relative; display: block; margin: 0; list-style-type: none; } .footer-nav ul li a { color: #7d7d7d; font-weight: 400; } .footer-nav ul li a:hover { color: #fff; } .footer-nav.inline-nav li { display: inline-block; margin: 0 1rem .625rem 0; } .footer-nav.inline-nav li:last-child { margin-right: 0; } .footer-nav.bordered-nav ul li:before { position: absolute; content: '|'; top: 0; left: -.9375rem; } .footer-nav.bordered-nav ul li:first-child:before { display: none; } .footer-v1 .footer-main { background: #212121; } .footer-v2 .btn.btn-trans-dark-gray { color: #7d7d7d; } .footer-v3 .footer-map { background-image: url(../img/map-05.png); background-repeat: no-repeat; background-position: center center; } .footer-v3 .bg-white { background-color: #fff; } .footer-v3 .bg-white .footer-bottom { background: #fff; } .footer-v3 .bg-white .divider-border { background: #f8f8f8; } .footer-v3 .bg-white .widget-block h4 { color: #55565b; } .footer-v3 .bg-white .widget-block .post-block .post-holder:hover h6 a { color: #5645ff; } .footer-v3 .bg-white .footer-nav ul li a:hover { color: #5645ff; } /*------------------------------------------------------------------ 20. Utilities -------------------------------------------------------------------*/ /******* utilities *******/ .has-overlay, .visual-inner, .parallax, .count-block, .overlay { position: relative; z-index: 999; } .has-overlay:before, .visual-inner:before, .parallax:before, .count-block:before, .overlay:before { left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .8); content: ''; position: absolute; } .bg-stretch { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .bg-stretch img { max-width: none; width: 100%; } .less-wide { max-width: 53.75rem; margin: 0 auto; } .black-overlay-1:before { background: rgba(0, 0, 0, .1); } .black-overlay-2:before { background: rgba(0, 0, 0, .2); } .black-overlay-3:before, .lighten-overlay:before { background: rgba(0, 0, 0, .3); } .black-overlay-4:before { background: rgba(0, 0, 0, .4); } .black-overlay-5:before, .dark-overlay:before { background: rgba(0, 0, 0, .5); } .black-overlay-6:before, .lighten-m-overlay:before { background: rgba(0, 0, 0, .6); } .black-overlay-7:before { background: rgba(0, 0, 0, .7); } .black-overlay-8:before { background: rgba(0, 0, 0, .8); } .black-overlay-9:before { background: rgba(0, 0, 0, .9); } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; opacity: 0; visibility: hidden; z-index: 9999999999; } .v-align-row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bg-gray-light { background: #f8f8f8; } .bg-white { background-color: #fff; } .bg-black { background-color: #000; } .bordered { border: .7143rem solid transparent; } .white-border { border-color: #fff; } .bg-gray-dark { background: #2d2d2d; } .bg-primary { background-color: #5645ff !important; } .bg-secondary { background-color: #ff6138 !important; } .bg-darker { background: #212121; } .bg-dark { background: #c1c5cd; } .gray-transparent { background: rgba(193, 197, 205, .1); } .no-overlay:after, .no-overlay:before { background: none; } .text-white { color: #fff !important; } .text-black { color: #000 !important; } .text-primary { color: #5645ff !important; } .text-secondary { color: #ff6138 !important; } .bottom-space { margin-bottom: 2.5rem; } .bottom-s-space { margin-bottom: 1.25rem; } .bottom-m-space { margin-bottom: 2.5rem; } .top-xl-space { margin-top: 3.125rem; } .top-m1-space { margin-top: 2.5rem; } .top-l-space { margin-top: 3.75rem; } .top-space { margin-top: 2.8125rem; } .top-s-space { margin-top: 1.25rem; } .top-space-medium-only { margin-top: 1.875rem; } .v-space { padding: 2.5rem 0; } .top-m-space { margin-top: 2.5rem; } .bottom-space-small-only { margin-bottom: 1.875rem; } .bottom-space-medium-only { margin-bottom: 1.875rem; } .block-right { margin-left: auto; } .has-radius-small { border-radius: .25rem; } .has-radius-medium { border-radius: .5rem; } .has-radius { border-radius: 1rem; } .has-radius-large { border-radius: 2rem; } .has-radius-huge { border-radius: 5.429rem; } .has-shadow { -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .3); box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .3); } .transparent { background: transparent; } .img-border { border-radius: .5rem; } .img-border img { border-radius: .5rem; } .circular-img { border-radius: 50%; } .circular-img img { border-radius: 50%; } @-webkit-keyframes steam { 0% { height: 0; } 100% { height: 10px; } } @-o-keyframes steam { 0% { height: 0; } 100% { height: 10px; } } @keyframes steam { 0% { height: 0; } 100% { height: 10px; } } @-webkit-keyframes a-ripple { 0% { opacity: 0; } 25% { opacity: 1; } 100% { width: 200%; padding-bottom: 200%; opacity: 0; } } @-o-keyframes a-ripple { 0% { opacity: 0; } 25% { opacity: 1; } 100% { width: 200%; padding-bottom: 200%; opacity: 0; } } @keyframes a-ripple { 0% { opacity: 0; } 25% { opacity: 1; } 100% { width: 200%; padding-bottom: 200%; opacity: 0; } }