Commit 98f361e2 by Jorge Luis

Commit send mail and validation

parents
Showing with 4932 additions and 0 deletions
/node_modules
/scss
gulpfile.js
packaje-lock.json
packaje.json
\ No newline at end of file
<?php
/**
* PHPMailer Exception class.
* PHP Version 5.5.
*
* @see https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
*
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
* @author Brent R. Matzelle (original founder)
* @copyright 2012 - 2020 Marcus Bointon
* @copyright 2010 - 2012 Jim Jagielski
* @copyright 2004 - 2009 Andy Prevost
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
* @note This program is distributed in the hope that it will be useful - WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE.
*/
namespace PHPMailer\PHPMailer;
/**
* PHPMailer exception handler.
*
* @author Marcus Bointon <phpmailer@synchromedia.co.uk>
*/
class Exception extends \Exception
{
/**
* Prettify error message output.
*
* @return string
*/
public function errorMessage()
{
return '<strong>' . htmlspecialchars($this->getMessage()) . "</strong><br />\n";
}
}
<?php
/**
* PHPMailer - PHP email creation and transport class.
* PHP Version 5.5.
*
* @see https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
*
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
* @author Brent R. Matzelle (original founder)
* @copyright 2012 - 2020 Marcus Bointon
* @copyright 2010 - 2012 Jim Jagielski
* @copyright 2004 - 2009 Andy Prevost
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
* @note This program is distributed in the hope that it will be useful - WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE.
*/
namespace PHPMailer\PHPMailer;
use League\OAuth2\Client\Grant\RefreshToken;
use League\OAuth2\Client\Provider\AbstractProvider;
use League\OAuth2\Client\Token\AccessToken;
/**
* OAuth - OAuth2 authentication wrapper class.
* Uses the oauth2-client package from the League of Extraordinary Packages.
*
* @see http://oauth2-client.thephpleague.com
*
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
*/
class OAuth
{
/**
* An instance of the League OAuth Client Provider.
*
* @var AbstractProvider
*/
protected $provider;
/**
* The current OAuth access token.
*
* @var AccessToken
*/
protected $oauthToken;
/**
* The user's email address, usually used as the login ID
* and also the from address when sending email.
*
* @var string
*/
protected $oauthUserEmail = '';
/**
* The client secret, generated in the app definition of the service you're connecting to.
*
* @var string
*/
protected $oauthClientSecret = '';
/**
* The client ID, generated in the app definition of the service you're connecting to.
*
* @var string
*/
protected $oauthClientId = '';
/**
* The refresh token, used to obtain new AccessTokens.
*
* @var string
*/
protected $oauthRefreshToken = '';
/**
* OAuth constructor.
*
* @param array $options Associative array containing
* `provider`, `userName`, `clientSecret`, `clientId` and `refreshToken` elements
*/
public function __construct($options)
{
$this->provider = $options['provider'];
$this->oauthUserEmail = $options['userName'];
$this->oauthClientSecret = $options['clientSecret'];
$this->oauthClientId = $options['clientId'];
$this->oauthRefreshToken = $options['refreshToken'];
}
/**
* Get a new RefreshToken.
*
* @return RefreshToken
*/
protected function getGrant()
{
return new RefreshToken();
}
/**
* Get a new AccessToken.
*
* @return AccessToken
*/
protected function getToken()
{
return $this->provider->getAccessToken(
$this->getGrant(),
['refresh_token' => $this->oauthRefreshToken]
);
}
/**
* Generate a base64-encoded OAuth token.
*
* @return string
*/
public function getOauth64()
{
//Get a new token if it's not available or has expired
if (null === $this->oauthToken || $this->oauthToken->hasExpired()) {
$this->oauthToken = $this->getToken();
}
return base64_encode(
'user=' .
$this->oauthUserEmail .
"\001auth=Bearer " .
$this->oauthToken .
"\001\001"
);
}
}
This diff could not be displayed because it is too large.
No preview for this file type
/*fuentes*/
/*colores*/
/*mixins---------*/
/*Media Queries*/
.heading-block h2 {
color: white !important; }
.section.dark {
background-color: #252323 !important; }
.question {
background-color: white !important; }
.rocher {
background-color: #282828; }
.section {
margin: 0 !important; }
.before_after {
background-color: white !important;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px; }
@media only screen and (min-width: 480px) {
.before_after {
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 30px; } }
@media only screen and (min-width: 768px) {
.before_after {
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 30px; } }
@media only screen and (min-width: 1024px) {
.before_after {
padding-left: 150px;
padding-right: 150px;
padding-top: 40px;
padding-bottom: 40px; } }
.side-header #header.dark {
background-color: #192a67 !important; }
.menu-item, .menu-link {
color: white !important; }
.dark #header-wrap {
background-color: #192a67 !important; }
.btn-confirm {
background-color: #a5dc86 !important; }
.title-confirm {
font-family: 'Lato', sans-serif !important; }
.content-confirm {
font-family: 'Lato', sans-serif !important;
color: black !important; }
This diff could not be displayed because it is too large.
/* ----------------------------------------------------------------
Colors
Replace the HEX Code with your Desired Color HEX
-----------------------------------------------------------------*/
::selection { background: #1ABC9C; }
::-moz-selection { background: #1ABC9C; }
::-webkit-selection { background: #1ABC9C; }
a,
h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge),
.header-extras li .he-text span,
.menu-item:hover > .menu-link,
.menu-item.current > .menu-link,
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link,
.top-cart-item-desc a:hover,
.top-cart-action .top-checkout-price,
.breadcrumb a:hover,
.grid-filter li a:hover,
.portfolio-desc h3 a:hover,
#portfolio-navigation a:hover,
.entry-title h2 a:hover,
.entry-title h3 a:hover,
.entry-title h4 a:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.comment-content .comment-author a:hover,
.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.product-price ins,
.single-product .product-price,
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5,
.tab-nav-lg li.ui-tabs-active a,
.team-title span,
.btn-link,
.page-link,
.page-link:hover,
.page-link:focus,
.fbox-plain .fbox-icon i,
.fbox-plain .fbox-icon img,
.fbox-border .fbox-icon i,
.fbox-border .fbox-icon img,
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link,
.dark .top-cart-item-desc a:hover,
.dark .breadcrumb a:hover,
.dark .portfolio-desc h3 a:hover,
.dark #portfolio-navigation a:hover,
.dark .entry-title h2 a:hover,
.dark .entry-title h3 a:hover,
.dark .entry-title h4 a:hover,
.dark .product-title h3 a:hover,
.dark .single-product .product-title h2 a:hover,
.dark .product-price ins,
.dark .tab-nav-lg li.ui-tabs-active a { color: #1ABC9C; }
.color,
.h-text-color:hover,
a.h-text-color:hover,
.grid-filter.style-3 li.activeFilter a,
.faqlist li a:hover,
.tagcloud a:hover,
.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a { color: #1ABC9C !important; }
.top-cart-number::before,
#page-menu-wrap,
.page-menu-nav,
.control-solid .flex-control-nav li:hover a,
.control-solid .flex-control-nav li a.flex-active,
.grid-filter li.activeFilter a,
.grid-filter.style-4 li.activeFilter a::after,
.grid-shuffle:hover,
.entry-link:hover,
.button,
.button.button-dark:hover,
.button.button-3d:hover,
.fbox-icon i,
.fbox-icon img,
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i,
.fbox-border.fbox-effect.fbox-dark .fbox-icon i::after,
.i-rounded:hover,
.i-circled:hover,
.tab-nav.tab-nav2 li.ui-state-active a,
.testimonial .flex-control-nav li a,
.skills li .progress,
.owl-carousel .owl-dots .owl-dot,
#gotoTop:hover,
input.switch-toggle-round:checked + label::before,
input.switch-toggle-flat:checked + label,
input.switch-toggle-flat:checked + label::after,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
input.switch-toggle-round:checked + label:before,
input.switch-toggle-flat:checked + label,
input.switch-toggle-flat:checked + label:after,
.irs-bar,
.dark .entry-link:hover,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .i-rounded:hover,
.dark .i-circled:hover,
.dark .tab-nav.tab-nav2 li.ui-state-active a,
.dark #gotoTop:hover,
.dark input.switch-toggle-round:checked + label::before,
.dark input.switch-toggle-flat:checked + label,
.dark input.switch-toggle-flat:checked + label::after { background-color: #1ABC9C; }
.bg-color,
.bg-color #header-wrap,
.h-bg-color:hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover,
.owl-carousel .owl-nav [class*=owl-]:hover,
.widget-filter-links li.active-filter span,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus { background-color: #1ABC9C !important; }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor,
.checkbox-style:checked + .checkbox-style-1-label:before,
.checkbox-style:checked + .checkbox-style-2-label:before,
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before { background: #1ABC9C; }
.irs-bar,
.irs-from,
.irs-to,
.irs-single,
.irs-handle > i:first-child,
.irs-handle.state_hover > i:first-child,
.irs-handle:hover > i:first-child { background-color: #1ABC9C !important; }
.top-cart-item-image:hover,
.grid-filter.style-3 li.activeFilter a,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.cart-product-thumbnail img:hover,
.fbox-outline .fbox-icon a,
.fbox-border .fbox-icon a,
.heading-block.border-color::after,
.page-item.active .page-link,
.page-link:focus,
.dark .cart-product-thumbnail img:hover { border-color: #1ABC9C; }
.border-color,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.tagcloud a:hover,
.page-link:hover { border-color: #1ABC9C !important; }
.top-links-sub-menu,
.top-links-section,
.tabs-tb .tab-nav li.ui-tabs-active a,
.dark .top-links-sub-menu,
.dark .top-links-section,
.dark .tabs-tb .tab-nav li.ui-tabs-active a { border-top-color: #1ABC9C; }
.title-border-color::before,
.title-border-color::after,
.irs-from:after,
.irs-single:after,
.irs-to:after,
.irs-from:before,
.irs-to:before,
.irs-single:before { border-top-color: #1ABC9C !important; }
.title-block { border-left-color: #1ABC9C; }
.title-block-right { border-right-color: #1ABC9C; }
.more-link,
.tabs-bb .tab-nav li.ui-tabs-active a,
.title-bottom-border h1,
.title-bottom-border h2,
.title-bottom-border h3,
.title-bottom-border h4,
.title-bottom-border h5,
.title-bottom-border h6 { border-bottom-color: #1ABC9C; }
.fbox-effect.fbox-dark .fbox-icon i::after,
.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #1ABC9C; }
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #1ABC9C; }
@media (min-width: 992px) {
.sub-menu-container .menu-item:hover > .menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link:hover,
.dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link { color: #1ABC9C; }
.style-3 .menu-container > .menu-item.current > .menu-link,
.sub-title .menu-container > .menu-item:hover > .menu-link::after,
.sub-title .menu-container > .menu-item.current > .menu-link::after,
.page-menu-sub-menu,
.dots-menu .page-menu-item.current > a,
.dots-menu .page-menu-item div,
.dark .style-3 .menu-container > .menu-item.current > .menu-link { background-color: #1ABC9C; }
.style-4 .menu-container > .menu-item:hover > .menu-link,
.style-4 .menu-container > .menu-item.current > .menu-link,
.dots-menu.dots-menu-border .page-menu-item.current > a { border-color: #1ABC9C; }
.sub-menu-container,
.mega-menu-content,
.style-6 .menu-container > .menu-item > .menu-link::after,
.style-6 .menu-container > .menu-item.current > .menu-link::after,
.top-cart-content,
.dark .sub-menu-container,
.dark .mega-menu-content,
.dark .top-cart-content { border-top-color: #1ABC9C; }
.dots-menu .page-menu-item div::after { border-left-color: #1ABC9C; }
}
\ No newline at end of file
<?php
header ("Content-Type:text/css");
/** ===============================================================
*
* Edit your Color Configurations below:
* You should only enter 6-Digits HEX Colors.
*
================================================================== */
$color = "#1ABC9C"; // Change your Color Here
/** ===============================================================
*
* Do not Edit anything below this line if you do not know
* what you are trying to do..!
*
================================================================== */
function checkhexcolor($color) {
return preg_match('/^#[a-f0-9]{6}$/i', $color);
}
/** ===============================================================
*
* Primary Color Scheme
*
================================================================== */
if( isset( $_GET[ 'color' ] ) AND $_GET[ 'color' ] != '' ) {
$color = "#" . $_GET[ 'color' ];
}
if( !$color OR !checkhexcolor( $color ) ) {
$color = "#1ABC9C";
}
?>
/* ----------------------------------------------------------------
Colors
Replace the HEX Code with your Desired Color HEX
-----------------------------------------------------------------*/
::selection { background: <?php echo $color; ?>; }
::-moz-selection { background: <?php echo $color; ?>; }
::-webkit-selection { background: <?php echo $color; ?>; }
a,
h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge),
.header-extras li .he-text span,
.menu-item:hover > .menu-link,
.menu-item.current > .menu-link,
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link,
.top-cart-item-desc a:hover,
.top-cart-action .top-checkout-price,
.breadcrumb a:hover,
.grid-filter li a:hover,
.portfolio-desc h3 a:hover,
#portfolio-navigation a:hover,
.entry-title h2 a:hover,
.entry-title h3 a:hover,
.entry-title h4 a:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.comment-content .comment-author a:hover,
.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.product-price ins,
.single-product .product-price,
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5,
.tab-nav-lg li.ui-tabs-active a,
.team-title span,
.btn-link,
.page-link,
.page-link:hover,
.page-link:focus,
.fbox-plain .fbox-icon i,
.fbox-plain .fbox-icon img,
.fbox-border .fbox-icon i,
.fbox-border .fbox-icon img,
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link,
.dark .top-cart-item-desc a:hover,
.dark .breadcrumb a:hover,
.dark .portfolio-desc h3 a:hover,
.dark #portfolio-navigation a:hover,
.dark .entry-title h2 a:hover,
.dark .entry-title h3 a:hover,
.dark .entry-title h4 a:hover,
.dark .product-title h3 a:hover,
.dark .single-product .product-title h2 a:hover,
.dark .product-price ins,
.dark .tab-nav-lg li.ui-tabs-active a { color: <?php echo $color; ?>; }
.color,
.h-text-color:hover,
a.h-text-color:hover,
.grid-filter.style-3 li.activeFilter a,
.faqlist li a:hover,
.tagcloud a:hover,
.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a { color: <?php echo $color; ?> !important; }
.top-cart-number::before,
#page-menu-wrap,
.page-menu-nav,
.control-solid .flex-control-nav li:hover a,
.control-solid .flex-control-nav li a.flex-active,
.grid-filter li.activeFilter a,
.grid-filter.style-4 li.activeFilter a::after,
.grid-shuffle:hover,
.entry-link:hover,
.button,
.button.button-dark:hover,
.button.button-3d:hover,
.fbox-icon i,
.fbox-icon img,
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i,
.fbox-border.fbox-effect.fbox-dark .fbox-icon i::after,
.i-rounded:hover,
.i-circled:hover,
.tab-nav.tab-nav2 li.ui-state-active a,
.testimonial .flex-control-nav li a,
.skills li .progress,
.owl-carousel .owl-dots .owl-dot,
#gotoTop:hover,
input.switch-toggle-round:checked + label::before,
input.switch-toggle-flat:checked + label,
input.switch-toggle-flat:checked + label::after,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
input.switch-toggle-round:checked + label::before,
input.switch-toggle-flat:checked + label,
input.switch-toggle-flat:checked + label::after,
.dark .entry-link:hover,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after,
.dark .i-rounded:hover,
.dark .i-circled:hover,
.dark .tab-nav.tab-nav2 li.ui-state-active a,
.dark #gotoTop:hover,
.dark input.switch-toggle-round:checked + label::before,
.dark input.switch-toggle-flat:checked + label,
.dark input.switch-toggle-flat:checked + label::after { background-color: <?php echo $color; ?>; }
.bg-color,
.bg-color #header-wrap,
.h-bg-color:hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover,
.owl-carousel .owl-nav [class*=owl-]:hover,
.widget-filter-links li.active-filter span,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus { background-color: <?php echo $color; ?> !important; }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor,
.checkbox-style:checked + .checkbox-style-1-label::before,
.checkbox-style:checked + .checkbox-style-2-label::before,
.checkbox-style:checked + .checkbox-style-3-label::before,
.radio-style:checked + .radio-style-3-label::before { background: <?php echo $color; ?>; }
.irs-bar,
.irs-from,
.irs-to,
.irs-single,
.irs-handle > i:first-child,
.irs-handle.state_hover > i:first-child,
.irs-handle:hover > i:first-child { background-color: <?php echo $color; ?> !important; }
.top-cart-item-image:hover,
.grid-filter.style-3 li.activeFilter a,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.cart-product-thumbnail img:hover,
.fbox-outline .fbox-icon a,
.fbox-border .fbox-icon a,
.heading-block.border-color::after,
.page-item.active .page-link,
.page-link:focus,
.dark .cart-product-thumbnail img:hover { border-color: <?php echo $color; ?>; }
.border-color,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.tagcloud a:hover,
.page-link:hover { border-color: <?php echo $color; ?> !important; }
.top-links-sub-menu,
.top-links-section,
.tabs-tb .tab-nav li.ui-tabs-active a,
.dark .top-links-sub-menu,
.dark .top-links-section,
.dark .tabs-tb .tab-nav li.ui-tabs-active a { border-top-color: <?php echo $color; ?>; }
.title-border-color::before,
.title-border-color::after,
.irs-from::after,
.irs-single::after,
.irs-to::after,
.irs-from::before,
.irs-to::before,
.irs-single::before { border-top-color: <?php echo $color; ?> !important; }
.title-block { border-left-color: <?php echo $color; ?>; }
.title-block-right { border-right-color: <?php echo $color; ?>; }
.more-link,
.tabs-bb .tab-nav li.ui-tabs-active a,
.title-bottom-border h1,
.title-bottom-border h2,
.title-bottom-border h3,
.title-bottom-border h4,
.title-bottom-border h5,
.title-bottom-border h6 { border-bottom-color: <?php echo $color; ?>; }
.fbox-effect.fbox-dark .fbox-icon i::after,
.dark .fbox-effect.fbox-dark .fbox-icon i::after { box-shadow: 0 0 0 2px <?php echo $color; ?>; }
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px <?php echo $color; ?>; }
@media (min-width: 992px) {
.sub-menu-container .menu-item:hover > .menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link:hover,
.dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link { color: <?php echo $color; ?>; }
.style-3 .menu-container > .menu-item.current > .menu-link,
.sub-title .menu-container > .menu-item:hover > .menu-link::after,
.sub-title .menu-container > .menu-item.current > .menu-link::after,
.page-menu-sub-menu,
.dots-menu .page-menu-item.current > a,
.dots-menu .page-menu-item div,
.dark .style-3 .menu-container > .menu-item.current > .menu-link { background-color: <?php echo $color; ?>; }
.style-4 .menu-container > .menu-item:hover > .menu-link,
.style-4 .menu-container > .menu-item.current > .menu-link,
.dots-menu.dots-menu-border .page-menu-item.current > a { border-color: <?php echo $color; ?>; }
.sub-menu-container,
.mega-menu-content,
.style-6 .menu-container > .menu-item > .menu-link::after,
.style-6 .menu-container > .menu-item.current > .menu-link::after,
.top-cart-content,
.dark .sub-menu-container,
.dark .mega-menu-content,
.dark .top-cart-content { border-top-color: <?php echo $color; ?>; }
.dots-menu .page-menu-item div::after { border-left-color: <?php echo $color; ?>; }
}
\ No newline at end of file
/*
* This combined file was created by the DataTables downloader builder:
* https://datatables.net/download
*
* To rebuild or modify this file with the latest versions of the included
* software please visit:
* https://datatables.net/download/#bs4/dt-1.10.21
*
* Included libraries:
* DataTables 1.10.21
*/
table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important;border-spacing:0}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:auto;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:before,div.dataTables_scrollBody table thead .sorting_asc:before,div.dataTables_scrollBody table thead .sorting_desc:before,div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr>th :not(.sorting_disabled){padding-right:20px}table.dataTable.table-sm .sorting:before,table.dataTable.table-sm .sorting_asc:before,table.dataTable.table-sm .sorting_desc:before{top:5px;right:0.85em}table.dataTable.table-sm .sorting:after,table.dataTable.table-sm .sorting_asc:after,table.dataTable.table-sm .sorting_desc:after{top:5px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
\ No newline at end of file
/*!
* bootstrap-star-rating v4.0.6
* http://plugins.krajee.com/star-rating
*
* Author: Kartik Visweswaran
* Copyright: 2013 - 2019, Kartik Visweswaran, Krajee.com
*
* Licensed under the BSD 3-Clause
* https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md
*/.rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:top left no-repeat;border:none}.rating-container .rating-stars{position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap}.rating-container .rating-input{position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;opacity:0;padding:0;margin:0}.rating-container.is-display-only .rating-input,.rating-container.is-display-only .rating-stars{cursor:default}.rating-disabled .rating-input,.rating-disabled .rating-stars{cursor:not-allowed}.rating-container .star{display:inline-block;margin:0 2px;text-align:center}.rating-container .empty-stars{color:#aaa}.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999}.rating-rtl{float:right}.rating-animate .filled-stars{transition:width .25s ease}.rating-rtl .filled-stars{left:auto;right:0;transition:none;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.rating-rtl.is-star .filled-stars{right:.06em}.rating-rtl.is-heart .empty-stars{margin-right:.07em}.rating-container .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%;padding-right:5px}.clear-rating-active{cursor:pointer!important}.clear-rating-active:hover{color:#843534}.rating-container .caption .label{display:inline-block;padding:.25em .4em;line-height:1;text-align:center;vertical-align:baseline;border-radius:.25rem}.rating-container .caption{color:#999;display:inline-block;vertical-align:middle;line-height:1;margin-left:5px;margin-right:0}.rating-rtl .caption{margin-right:5px;margin-left:0}@media print{.rating-container .clear-rating{display:none}}.rating-xl{font-size:48px}.rating-lg{font-size:40px}.rating-md{font-size:32px}.rating-sm{font-size:24px}.rating-xs{font-size:16px}.rating-xl .caption{font-size:20px}.rating-lg .caption{font-size:18px}.rating-md .caption{font-size:16px}.rating-sm .caption{font-size:14px}.rating-xs .caption{font-size:12px}
\ No newline at end of file
/**
* bootstrap-switch - Turn checkboxes and radio buttons into toggle switches.
*
* @version v3.4 for Bootstrap 4.x
* @homepage https://bttstrp.github.io/bootstrap-switch
* @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu)
* & djibe
* @license Apache-2.0
*/
.bootstrap-switch {
display: inline-block;
direction: ltr;
cursor: pointer;
border-radius: 4px;
border: 1px solid #ccc;
position: relative;
text-align: left;
overflow: hidden;
line-height: 8px;
z-index: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
display: inline-block;
top: 0;
border-radius: 4px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: table-cell;
vertical-align: middle;
padding: 6px 12px;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
text-align: center;
z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
background: #007bff;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
background: #eee;
color: rgba(0, 0, 0, 0.87);
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
background: #6c757d;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
background: #17a2b8;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
background: #28a745;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
background: #ffc107;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
background: #dc3545;
color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor {
color: #FFF;
background: #1ABC9C;
border-color: transparent !important;
outline: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.bootstrap-switch .bootstrap-switch-label {
text-align: center;
margin-top: -1px;
margin-bottom: -1px;
z-index: 100;
color: #333;
background: #fff;
padding: 8px 12px;
}
.bootstrap-switch span::before {
content: "\200b";
}
.bootstrap-switch .bootstrap-switch-handle-on {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
position: absolute !important;
top: 0;
left: 0;
margin: 0;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
padding: 6px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
-webkit-transition: margin-left 0.5s;
transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
border-radius: 0 3px 3px 0;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
border-radius: 3px 0 0 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
\ No newline at end of file
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em;
}
.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff;
}
/* Larger Screen Styling */
@media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
float: left;
}
.daterangepicker {
direction: ltr;
text-align: left;
}
.daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker .drp-calendar.right {
margin-left: 0;
}
.daterangepicker .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker .ranges, .daterangepicker .drp-calendar {
float: left;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
}
\ No newline at end of file
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
position: relative; display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.irs-line {
position: relative; display: block;
overflow: hidden;
outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
position: absolute; display: block;
top: 0;
}
.irs-line-left {
left: 0; width: 11%;
}
.irs-line-mid {
left: 9%; width: 82%;
}
.irs-line-right {
right: 0; width: 11%;
}
.irs-bar {
position: absolute; display: block;
left: 0; width: 0;
}
.irs-bar-edge {
position: absolute; display: block;
top: 0; left: 0;
}
.irs-shadow {
position: absolute; display: none;
left: 0; width: 0;
}
.irs-slider {
position: absolute; display: block;
cursor: pointer;
z-index: 1;
}
.irs-slider.single {
}
.irs-slider.from {
}
.irs-slider.to {
}
.irs-slider.type_last {
z-index: 2;
}
.irs-min {
position: absolute; display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute; display: block;
right: 0;
cursor: default;
}
.irs-from, .irs-to, .irs-single {
position: absolute; display: block;
top: 0; left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute; display: none;
bottom: 0; left: 0;
width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0; left: 0;
width: 1px; height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0; left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px; line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute; display: block;
top: 0; left: -1%;
width: 102%; height: 100%;
cursor: default;
background: rgba(0,0,0,0.0);
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
/* Ion.RangeSlider, Nice Skin
// css version 2.0.3
// © Denis Ineshin, 2014 https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs-slider {
background: url(rangeslider/sprite-skin-nice.png) repeat-x;
}
.irs-bar-edge,
.irs-line-mid,
.irs-line-left,
.irs-line-right {
background-color: #EEE;
border-radius: 100px;
}
.irs {
height: 40px;
}
.irs-with-grid {
height: 60px;
}
.irs-line {
height: 8px; top: 25px;
}
.irs-line-left {
height: 8px;
background-position: 0 -30px;
}
.irs-line-mid {
height: 8px;
background-position: 0 0;
}
.irs-line-right {
height: 8px;
background-position: 100% -30px;
}
.irs-bar {
height: 8px;
top: 25px;
background-color: #1ABC9C;
background-color: var(--themecolor);
border-radius: 100px
}
.irs-bar-edge {
top: 25px;
height: 8px;
width: 11px;
background-position: 0 -90px;
}
.irs-shadow {
height: 8px;
top: 25px;
background: rgba(0,0,0,0.9);
opacity: 0.15;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=15);
}
.irs-slider {
width: 22px; height: 22px;
top: 17px;
background-position: 0 -120px;
}
.irs-min, .irs-max {
color: #999;
font-size: 11px;
line-height: 1.333;
text-shadow: none;
top: -8px;
padding: 3px;
background: rgba(0,0,0,0.05);
-moz-border-radius: 2px;
border-radius: 2px;
}
.irs-from, .irs-to, .irs-single {
color: #FFF;
top: -8px;
font-size: 11px;
line-height: 1.333;
text-shadow: none;
padding: 3px;
background: #1ABC9C;
background: var(--themecolor);
-moz-border-radius: 2px;
border-radius: 2px;
}
.irs-from:after, .irs-single:after, .irs-to:after {
content: "";
position: absolute;
display: block;
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #1ABC9C;
border-top-color: var(--themecolor);
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #DDD; }
.irs-grid-pol { background: #AAA; }
.irs-grid-text { color: #AAA }
.irs-disabled { }
/* Style-1 + Style-2 */
.checkbox-style,
.radio-style {
opacity: 0;
position: absolute;
}
.checkbox-style, .radio-style,
.checkbox-style-1-label, .radio-style-1-label,
.checkbox-style-2-label, .radio-style-2-label,
.checkbox-style-3-label, .radio-style-3-label {
display: inline-block;
vertical-align: middle;
margin: 5px;
cursor: pointer;
}
.checkbox-style-1-label, .radio-style-1-label,
.checkbox-style-2-label, .radio-style-2-label,
.checkbox-style-3-label, .radio-style-3-label { position: relative; }
.checkbox-style-1-label:before, .radio-style-1-label:before,
.checkbox-style-2-label:before, .radio-style-2-label:before,
.checkbox-style-3-label:before, .radio-style-3-label:before {
content: '';
background: #FFF;
border: 2px solid #DDD;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
padding: 4px;
margin-right: 10px;
line-height: 1;
text-align: center;
}
.radio-style-1-label:before,
.radio-style-2-label:before,
.radio-style-3-label:before { border-radius: 50%; }
.checkbox-style:checked + .checkbox-style-1-label:before {
background: #1ABC9C;
background: var(--themecolor);
}
.radio-style:checked + .radio-style-1-label:before { background: #CCC; }
/* Checkbox-small + Radio-small */
.checkbox-style-1-label.checkbox-small:before,
.radio-style-1-label.radio-small:before,
.checkbox-style-2-label.checkbox-small:before,
.radio-style-2-label.radio-small:before,
.checkbox-style-3-label.checkbox-small:before,
.radio-style-3-label.radio-small:before {
border: 2px solid #DDD;
width: 16px;
height: 16px;
margin: 0 8px 1px 0;
}
/* Style-2 */
.checkbox-style:checked + .checkbox-style-2-label:before {
background: #1ABC9C;
background: var(--themecolor);
box-shadow: inset 0px 0px 0px 4px #fff;
}
.radio-style:checked + .radio-style-2-label:before {
background: #ccc;
box-shadow: inset 0px 0px 0px 4px #fff;
}
.checkbox-style:checked + .checkbox-style-2-label.checkbox-small:before { box-shadow: inset 0px 0px 0px 2px #fff; }
.radio-style:checked + .radio-style-2-label.radio-small:before { box-shadow: inset 0px 0px 0px 2px #fff; }
/* style-3 */
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before {
content: "\e116";
font-family: 'lined-icons';
background: #1ABC9C;
background: var(--themecolor);
color: #FFF;
}
.radio-style:checked + .radio-style-3-label:before {
color: #BBB;
background-color: transparent;
}
/* style-3 - Small */
.checkbox-style + .checkbox-style-3-label.checkbox-small:before,
.radio-style + .radio-style-3-label.radio-small:before {
border: 1px solid #BBB;
width: 16px;
height: 16px;
margin: 0 8px 1px 0;
font-size: 7px;
line-height: .8;
}
/* Style-1 + Style-2 */
.checkbox-style,
.radio-style {
opacity: 0;
position: absolute;
}
.checkbox-style, .radio-style,
.checkbox-style-1-label, .radio-style-1-label,
.checkbox-style-2-label, .radio-style-2-label,
.checkbox-style-3-label, .radio-style-3-label {
display: inline-block;
vertical-align: middle;
margin: 5px;
cursor: pointer;
}
.checkbox-style-1-label, .radio-style-1-label,
.checkbox-style-2-label, .radio-style-2-label,
.checkbox-style-3-label, .radio-style-3-label { position: relative; }
.checkbox-style-1-label:before, .radio-style-1-label:before,
.checkbox-style-2-label:before, .radio-style-2-label:before,
.checkbox-style-3-label:before, .radio-style-3-label:before {
content: '';
background: #FFF;
border: 2px solid #DDD;
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
padding: 4px;
margin-right: 10px;
line-height: 1;
text-align: center;
}
.radio-style-1-label:before,
.radio-style-2-label:before,
.radio-style-3-label:before { border-radius: 50%; }
.checkbox-style:checked + .checkbox-style-1-label:before { background: #1ABC9C; }
.radio-style:checked + .radio-style-1-label:before { background: #CCC; }
/* Checkbox-small + Radio-small */
.checkbox-style-1-label.checkbox-small:before,
.radio-style-1-label.radio-small:before,
.checkbox-style-2-label.checkbox-small:before,
.radio-style-2-label.radio-small:before,
.checkbox-style-3-label.checkbox-small:before,
.radio-style-3-label.radio-small:before {
border: 2px solid #DDD;
width: 16px;
height: 16px;
margin: 0 8px 1px 0;
}
/* Style-2 */
.checkbox-style:checked + .checkbox-style-2-label:before {
background: #1ABC9C;
box-shadow: inset 0px 0px 0px 4px #fff;
}
.radio-style:checked + .radio-style-2-label:before {
background: #ccc;
box-shadow: inset 0px 0px 0px 4px #fff;
}
.checkbox-style:checked + .checkbox-style-2-label.checkbox-small:before { box-shadow: inset 0px 0px 0px 2px #fff; }
.radio-style:checked + .radio-style-2-label.radio-small:before { box-shadow: inset 0px 0px 0px 2px #fff; }
/* style-3 */
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before {
content: "\e92b";
font-family: 'lined-icons';
background: #1ABC9C;
color: #FFF;
}
.radio-style:checked + .radio-style-3-label:before {
color: #BBB;
background-color: transparent;
}
/* style-3 - Small */
.checkbox-style + .checkbox-style-3-label.checkbox-small:before,
.radio-style + .radio-style-3-label.radio-small:before {
border: 1px solid #BBB;
width: 16px;
height: 16px;
margin: 0 8px 1px 0;
font-size: 7px;
line-height: .8;
}
/*@preserve
* Tempus Dominus Bootstrap4 v5.0.1 (https://tempusdominus.github.io/bootstrap-4/)
* Copyright 2016-2018 Jonathan Peterson
* Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
*/
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.bootstrap-datetimepicker-widget {
list-style: none; }
.bootstrap-datetimepicker-widget.dropdown-menu {
display: block;
margin: 2px 0;
padding: 4px;
width: 14rem; }
@media (min-width: 576px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em; } }
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em; } }
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em; } }
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
top: -6px;
left: 8px; }
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px; }
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid white;
bottom: -6px;
left: 7px; }
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
left: auto;
right: 6px; }
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
left: auto;
right: 7px; }
.bootstrap-datetimepicker-widget.dropdown-menu.wider {
width: 16rem; }
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0; }
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0; }
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none; }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0; }
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
content: "Increment Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
content: "Increment Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
content: "Decrement Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
content: "Decrement Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
content: "Show Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
content: "Show Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
content: "Toggle AM/PM"; }
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
content: "Clear the picker"; }
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
content: "Set the date to today"; }
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center; }
.bootstrap-datetimepicker-widget .picker-switch::after {
content: "Toggle Date and Time Screens"; }
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit; }
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%; }
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0; }
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 0.25rem; }
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px; }
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px; }
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
background: none;
color: #6c757d;
cursor: not-allowed; }
.bootstrap-datetimepicker-widget table th.prev::after {
content: "Previous Month"; }
.bootstrap-datetimepicker-widget table th.next::after {
content: "Next Month"; }
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer; }
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #e9ecef; }
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px; }
.bootstrap-datetimepicker-widget table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #6c757d; }
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px; }
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
background: #e9ecef;
cursor: pointer; }
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
color: #6c757d; }
.bootstrap-datetimepicker-widget table td.today {
position: relative; }
.bootstrap-datetimepicker-widget table td.today:before {
content: '';
display: inline-block;
border: solid transparent;
border-width: 0 0 7px 7px;
border-bottom-color: #007bff;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
background-color: #007bff;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff; }
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
background: none;
color: #6c757d;
cursor: not-allowed; }
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 0.25rem; }
.bootstrap-datetimepicker-widget table td span:hover {
background: #e9ecef; }
.bootstrap-datetimepicker-widget table td span.active {
background-color: #007bff;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.bootstrap-datetimepicker-widget table td span.old {
color: #6c757d; }
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
background: none;
color: #6c757d;
cursor: not-allowed; }
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px; }
.input-group [data-toggle="datetimepicker"] {
cursor: pointer; }
\ No newline at end of file
/* ----------------------------------------------------------------
Custom CSS
Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
This diff could not be displayed because it is too large.
/* ----------------------------------------------------------------
Fonts
Replace your Fonts as necessary
-----------------------------------------------------------------*/
body,
small,
.sub-menu-container .menu-item > .menu-link,
.wp-caption,
.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a,
.font-body { font-family: 'Lato', sans-serif !important; }
h1,
h2,
h3,
h4,
h5,
h6,
#logo a,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary { font-family: 'Poppins', sans-serif !important; }
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.comment-content .comment-author span a,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span,
.font-secondary { font-family: 'PT Serif', serif !important; }
This diff could not be displayed because it is too large.
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
/* ----------------------------------------------------------------
content.scss
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Content
-----------------------------------------------------------------*/
#content {
position: relative;
background-color: #FFF;
}
#content p {
line-height: 1.8;
}
#content .content-wrap {
position: relative;
padding: 80px 0;
overflow: hidden;
}
#content .container {
position: relative;
}
.grid-container,
.grid-inner {
position: relative;
overflow: hidden;
will-change: transform;
}
.grid-inner {
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
body:not(.device-touch) .grid-container {
-webkit-transition: height .4s ease;
-o-transition: height .4s ease;
transition: height .4s ease;
}
/* ----------------------------------------------------------------
event.scss
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Events
-----------------------------------------------------------------*/
.event.entry::after {
display: none !important;
}
.event .grid-inner {
background-color: #f9f9f9;
border-bottom: 3px solid #eeeeee;
}
.event .entry-image .entry-date {
position: absolute;
top: 10px;
left: 10px;
background-color: rgba(0, 0, 0, 0.7);
color: #FFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
width: 4.0005rem;
height: 3.745rem;
text-align: center;
padding-top: 9px;
font-size: 1.75rem;
line-height: 1;
}
.event .entry-image .entry-date span {
display: block;
font-size: 0.75rem;
margin-top: 7px;
}
.single-event .event-meta .iconlist li,
.parallax .iconlist li {
margin: 5px 0;
}
.single-event .entry-overlay,
.parallax .entry-overlay-meta {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 5rem;
background-color: rgba(0, 0, 0, 0.85);
text-align: center;
line-height: 5rem;
font-size: 1.25rem;
color: #FFF;
z-index: 5;
}
.single-event .countdown-section {
padding: 0 15px;
border-left-color: rgba(255, 255, 255, 0.3);
color: #CCC;
}
.single-event .countdown-section .countdown-amount {
color: #FFF;
}
.parallax .entry-overlay,
.parallax .entry-overlay-meta {
background: transparent;
width: auto;
text-align: right;
left: auto;
right: 30px;
bottom: 30px;
}
.parallax .entry-overlay-meta {
padding: 20px;
font-size: 0.875rem;
text-align: left;
right: 38px;
bottom: 130px;
width: 368px;
height: auto;
line-height: inherit;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 3px;
}
.parallax.overlay-left .entry-overlay, .parallax.overlay-left .entry-overlay-meta {
right: auto;
left: 30px;
}
.parallax.overlay-left .entry-overlay-meta {
left: 38px;
}
.parallax.overlay-center .entry-overlay, .parallax.overlay-center .entry-overlay-meta {
bottom: 100px;
right: auto;
left: 50%;
margin-left: -192px;
}
.parallax.overlay-center .entry-overlay-meta {
top: 100px;
bottom: auto;
margin-left: -184px;
}
.parallax .entry-overlay-meta h2 {
font-size: 1.25rem;
text-transform: uppercase;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
padding-bottom: 17px;
}
.parallax .entry-overlay-meta h2 a {
color: #FFF;
}
.parallax .entry-overlay-meta h2 a:hover {
color: #DDD;
}
.parallax .countdown {
top: 0;
}
.parallax .countdown-section {
border-left: 0;
width: 4.0005rem;
height: 4.0005rem;
margin: 0 8px;
font-size: 13px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 3px;
padding-top: 14px;
}
.parallax .countdown-amount {
font-size: 28px;
margin-bottom: 6px;
}
/* ----------------------------------------------------------------
extras.scss
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Bootstrap Specific
-----------------------------------------------------------------*/
.table .success {
color: #3c763d;
}
.table .info {
color: #31708f;
}
.table .warning {
color: #8a6d3b;
}
.table .danger {
color: #a94442;
}
.btn-link,
.page-link,
.page-link:hover,
.page-link:focus {
color: #1ABC9C;
}
.btn-link:hover, .btn-link:focus {
color: #222;
}
.boot-tabs {
margin-bottom: 20px !important;
}
.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right {
position: absolute;
top: 47.5%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-chevron-left {
left: 50%;
}
.carousel-control .icon-chevron-right {
right: 50%;
}
.responsive-utilities th small {
display: block;
font-weight: 400;
color: #999;
}
.show-grid [class^=col-] {
padding-top: 10px;
padding-bottom: 10px;
background-color: #EEE;
border: 1px solid #DDD;
}
.img-circle {
border-radius: 50% !important;
}
.page-item.active .page-link,
.page-link:hover,
.page-link:focus {
color: #FFF !important;
background-color: #1ABC9C !important;
border-color: #1ABC9C !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
background-color: #1ABC9C;
}
label.radio, label.checkbox {
padding-left: 20px;
}
.input-group-lg > .input-group-addon {
line-height: 1;
}
/* ----------------------------------------------------------------
Shape Dividers
-----------------------------------------------------------------*/
.shape-divider {
position: absolute;
top: -1px;
left: 0;
width: 100%;
overflow: hidden;
z-index: 1;
}
.shape-divider[data-position="bottom"] {
top: auto;
bottom: -1px;
}
.shape-divider[data-front="true"] {
z-index: 4;
}
.shape-divider svg {
position: relative;
width: 100%;
width: calc( 100% + 1.3px );
height: 50px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
}
.shape-divider[data-position="bottom"], .shape-divider[data-flip-vertical="true"] {
transform: rotate(180deg);
}
.shape-divider[data-position="bottom"][data-flip-vertical="true"] {
transform: rotate(0deg);
}
.shape-divider[data-flip="true"] svg {
transform: translateX(-50%) rotateY(180deg);
}
.shape-divider-fill {
fill: #FFF;
transform-origin: center;
transform: rotateY(0deg);
}
/* ----------------------------------------------------------------
HTML5 Youtube Video Backgrounds
-----------------------------------------------------------------*/
.mb_YTVPlayer {
display: block;
transform: translateZ(0);
transform-style: preserve-3d;
perspective: 1000;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
animation-timing-function: linear;
}
.mb_YTVPlayer:focus {
outline: 0;
}
.mb_YTVPlayer.fullscreen {
display: block !important;
position: fixed !important;
width: 100% !important;
height: 100% !important;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
border: none !important;
}
.mb_YTVPlayer.fullscreen .mbYTP_wrapper {
opacity: 1 !important;
}
.mbYTP_wrapper iframe {
max-width: 4000px !important;
}
.inline_YTPlayer {
margin-bottom: 20px;
vertical-align: top;
position: relative;
left: 0;
overflow: hidden;
border-radius: 4px;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.5);
}
.inline_YTPlayer img {
border: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* ----------------------------------------------------------------
Datepicker Component
-----------------------------------------------------------------*/
.datepicker td,
.datepicker th {
padding: 5px;
}
/* ----------------------------------------------------------------
Star Ratings Component
-----------------------------------------------------------------*/
.rating-xl {
font-size: 3rem !important;
}
.rating-lg {
font-size: 2.5rem !important;
}
.rating-md {
font-size: 2rem !important;
}
.rating-sm {
font-size: 1.75rem !important;
}
.rating-xs {
font-size: 1.25rem !important;
}
.rating-container .star {
margin: 0 2px !important;
}
.rating-container .filled-stars {
-webkit-text-stroke: 0px !important;
text-shadow: none !important;
}
/* ----------------------------------------------------------------
Custom Animate.css Styles
-----------------------------------------------------------------*/
@-webkit-keyframes fadeInDownSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownSmall {
-webkit-animation-name: fadeInDownSmall;
animation-name: fadeInDownSmall;
}
@-webkit-keyframes fadeInLeftSmall {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftSmall {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftSmall {
-webkit-animation-name: fadeInLeftSmall;
animation-name: fadeInLeftSmall;
}
@-webkit-keyframes fadeInRightSmall {
from {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightSmall {
from {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightSmall {
-webkit-animation-name: fadeInRightSmall;
animation-name: fadeInRightSmall;
}
@-webkit-keyframes fadeInUpSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpSmall {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpSmall {
-webkit-animation-name: fadeInUpSmall;
animation-name: fadeInUpSmall;
}
@-webkit-keyframes fadeOutDownSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
}
@keyframes fadeOutDownSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
}
.fadeOutDownSmall {
-webkit-animation-name: fadeOutDownSmall;
animation-name: fadeOutDownSmall;
}
@-webkit-keyframes fadeOutLeftSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
@keyframes fadeOutLeftSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
.fadeOutLeftSmall {
-webkit-animation-name: fadeOutLeftSmall;
animation-name: fadeOutLeftSmall;
}
@-webkit-keyframes fadeOutRightSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
}
@keyframes fadeOutRightSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
}
.fadeOutRightSmall {
-webkit-animation-name: fadeOutRightSmall;
animation-name: fadeOutRightSmall;
}
@-webkit-keyframes fadeOutUpSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
@keyframes fadeOutUpSmall {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
}
.fadeOutUpSmall {
-webkit-animation-name: fadeOutUpSmall;
animation-name: fadeOutUpSmall;
}
/* ----------------------------------------------------------------
footer.scss
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Footer
-----------------------------------------------------------------*/
#footer {
position: relative;
background-color: #eeeeee;
border-top: 5px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
.sticky-footer #slider:not(.slider-parallax-invisible),
.sticky-footer #page-submenu,
.sticky-footer #page-title,
.sticky-footer #content {
z-index: 2;
}
.sticky-footer #footer {
position: sticky;
top: auto;
bottom: 0;
left: 0;
}
}
#footer .footer-widgets-wrap {
position: relative;
padding: 80px 0;
}
#copyrights {
padding: 40px 0;
background-color: #dddddd;
font-size: 0.875rem;
line-height: 1.8;
}
#copyrights i.footer-icon {
position: relative;
top: 1px;
font-size: 0.875rem;
width: 0.875rem;
text-align: center;
margin-right: 3px;
}
#copyrights a {
display: inline-block;
margin: 0 3px;
color: #333333;
border-bottom: 1px dotted #444;
}
#copyrights a:hover {
color: #555555;
border-bottom: 1px solid #666666;
}
#copyrights .text-right a:last-child {
margin-right: 0;
}
.copyrights-menu {
margin-bottom: 10px;
}
.copyrights-menu a {
font-size: 0.875rem;
margin: 0 10px;
border-bottom: 0 !important;
}
.copyrights-menu a:first-child {
margin-left: 0;
}
.footer-logo {
display: block;
margin-bottom: 30px;
}
/*-----------------------------------------------------------------------------------
Shortcodes: Forms.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
Forms
-----------------------------------------------------------------*/
.sm-form-control {
display: block;
width: 100%;
height: 38px;
padding: 8px 14px;
font-size: 15px;
line-height: 1.42857143;
color: #555;
background-color: #FFF;
background-image: none;
border: 2px solid #dddddd;
border-radius: 0 !important;
-webkit-transition: border-color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s;
transition: border-color ease-in-out .15s;
height: auto;
}
.sm-form-control:focus {
border-color: #aaaaaa;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.sm-form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.sm-form-control:-ms-input-placeholder {
color: #999999;
opacity: 1;
}
.sm-form-control::-webkit-input-placeholder {
color: #999999;
opacity: 1;
}
.sm-form-control[disabled], .sm-form-control[readonly], fieldset[disabled] .sm-form-control {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1;
}
.sm-form-control.error {
border-color: #E42C3E;
}
.form-control {
border-radius: 3px;
}
.form-control:active, .form-control:focus {
border-color: #aaaaaa;
box-shadow: none;
}
.form-control.error {
border-color: #E42C3E;
}
label {
display: inline-block;
font-size: 13px;
font-weight: 700;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
color: #555;
margin-bottom: 10px;
cursor: pointer;
}
label.label-muted {
color: #aaaaaa;
font-weight: normal;
margin-right: 5px;
}
label.error {
display: none !important;
margin-top: 5px;
color: #E42C3E;
font-weight: 400;
}
.show-error-msg + label.error, input[type=checkbox]:not(:checked) + label.error {
display: block !important;
}
/* ----------------------------------------------------------------
Contact Form
-----------------------------------------------------------------*/
.contact-form-overlay {
position: relative;
background-color: #FFF;
z-index: 10;
border-radius: 4px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}
/* ----------------------------------------------------------------
Preloaders
-----------------------------------------------------------------*/
.preloader, .preloader2, .form-process {
display: block;
width: 100%;
height: 100%;
background: center center no-repeat #FFF;
}
.preloader2 {
background-color: transparent;
}
.form-process {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 3;
background-color: transparent;
}
.form-process::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFF;
opacity: 0.7;
z-index: -1;
}
/* ----------------------------------------------------------------
Layouts.scss
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Bootstrap Adjustments
-----------------------------------------------------------------*/
@media (min-width: 1440px) {
.container {
max-width: 1320px;
}
}
/* Custom Bootstap Columns */
.col-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-xl-1-5,
.col-xxl-1-5 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-1-5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
@media (min-width: 576px) {
.col-sm-1-5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 768px) {
.col-md-1-5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 992px) {
.col-lg-1-5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
.col-xl-1-5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1440px) {
.col-xxl-1-5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
#wrapper {
position: relative;
float: none;
width: 100%;
margin: 0 auto;
background-color: #FFF;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
body:not(.stretched) #wrapper {
max-width: 1200px;
}
}
@media (min-width: 1440px) {
body:not(.stretched) #wrapper {
max-width: 1440px;
}
}
.stretched #wrapper {
width: 100%;
margin: 0;
box-shadow: none;
}
/* ----------------------------------------------------------------
Sections
-----------------------------------------------------------------*/
.section {
position: relative;
width: 100%;
margin: 4rem 0;
padding: 4rem 0;
background-color: #f9f9f9;
overflow: hidden;
}
.section .container {
z-index: 2;
}
.section .container + .video-wrap {
z-index: 1;
}
.parallax {
background-color: transparent;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
overflow: hidden;
will-change: transform;
}
.mobile-parallax,
.video-placeholder {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center !important;
}
.revealer-image {
position: relative;
bottom: -100px;
transition: bottom .3s ease-in-out;
-webkit-transition: bottom .3s ease-in-out;
-o-transition: bottom .3s ease-in-out;
}
.section:hover .revealer-image {
bottom: -50px;
}
/* ----------------------------------------------------------------
Columns & Grids
-----------------------------------------------------------------*/
.postcontent,
.sidebar {
position: relative;
}
/* ----------------------------------------------------------------
pagetitle.scss
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Page Title
-----------------------------------------------------------------*/
#page-title {
position: relative;
padding: 4rem 0;
background-color: whitesmoke;
border-bottom: 1px solid #eeeeee;
}
#page-title .container {
position: relative;
}
#page-title h1 {
padding: 0;
margin: 0;
line-height: 1;
font-weight: 600;
letter-spacing: 1px;
color: #333333;
font-size: 2rem;
text-transform: uppercase;
}
#page-title span {
display: block;
margin-top: 10px;
font-weight: 300;
color: #777;
font-size: 18px;
}
#page-title.breadcrumb {
position: absolute !important;
width: auto !important;
top: 50% !important;
left: auto !important;
right: 15px !important;
margin: 0 !important;
background-color: transparent !important;
padding: 0 !important;
font-size: 90%;
transform: translateY(-50%);
}
#page-title.breadcrumb a {
color: #555;
}
#page-title.breadcrumb a a:hover {
color: #1ABC9C;
}
#page-title.breadcrumb i {
width: auto !important;
}
#page-title.page-title-dark {
background-color: #333;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) !important;
border-bottom: none;
}
#page-title.page-title-dark h1 {
color: rgba(255, 255, 255, 0.9) !important;
}
#page-title.page-title-dark span {
color: rgba(255, 255, 255, 0.7) !important;
}
#page-title.page-title-dark .breadcrumb > .active {
color: rgba(255, 255, 255, 0.6);
}
#page-title.page-title-dark .breadcrumb a {
color: rgba(255, 255, 255, 0.8);
}
#page-title.page-title-dark .breadcrumb a:hover {
color: rgba(255, 255, 255, 0.95);
}
#page-title.page-title-dark .breadcrumb-item + .breadcrumb-item::before {
color: #CCC;
}
#page-title.page-title-right {
text-align: right;
}
#page-title.page-title-right .breadcrumb {
left: 15px !important;
right: auto !important;
}
#page-title.page-title-center {
text-align: center;
}
#page-title.page-title-center span {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
#page-title.page-title-center .breadcrumb {
position: relative !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 20px 0 0 !important;
justify-content: center;
}
#page-title.page-title-pattern {
background-image: url("images/pattern.png");
background-repeat: repeat;
background-attachment: fixed;
}
#page-title.page-title-parallax {
padding: 6.25rem 0;
text-shadow: none;
border-bottom: none;
background-color: transparent;
background-image: url("images/parallax/parallax-bg.jpg");
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
}
#page-title.page-title-parallax h1 {
font-size: 40px;
font-weight: 600;
letter-spacing: 2px;
}
#page-title.page-title-parallax span {
font-size: 1.25rem;
}
#page-title.page-title-parallax .breadcrumb {
font-size: 0.875rem;
}
.transparent-header + #page-title.page-title-parallax .breadcrumb {
margin-top: 35px !important;
}
#page-title.page-title-mini {
padding: 20px 0;
}
#page-title.page-title-mini h1 {
font-weight: 600;
font-size: 18px;
color: #444;
}
#page-title.page-title-mini span {
display: none;
}
#page-title.page-title-nobg {
background: transparent !important;
border-bottom: 1px solid #eeeeee;
}
#page-title.page-title-video {
background: none;
position: relative;
overflow: hidden;
}
#page-title.page-title-video .container {
z-index: 3;
}
#page-title.page-title-video .video-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#page-title.page-title-video .video-wrap video {
width: 100%;
}
@media (max-width: 767.98px) {
#page-title {
padding: 2rem 0;
text-align: center;
}
#page-title h1 {
line-height: 1.5;
font-size: calc( 1rem + 2vw );
}
.page-title-parallax span {
font-size: 1rem;
}
#page-title .breadcrumb {
position: relative !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 20px 0 0 !important;
justify-content: center;
-webkit-transform: translateY(0);
transform: translateY(0);
}
#page-title #portfolio-navigation,
#portfolio-ajax-title #portfolio-navigation {
position: relative;
top: 0;
left: 0;
margin: 15px auto 0;
}
}
\ No newline at end of file
/* ----------------------------------------------------------------
Paginations.scss
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Styled Paginations
-----------------------------------------------------------------*/
.pagination {
/* Pagination Rounded */
/* Pagination Margins */
/* Pagination 3d */
/* Pagination Transparent */
/* Pagination Transparent */
/* Pagination Inside Transparent */
/* Pagination Button */
/* Pagination Pill */
/* Pagination Bootstrap Background */
/* Pagination Bootstrap Background */
/* Pagination Bootstrap Background */
/* Pagination Bootstrap Background */
/* Pagination Bootstrap Background */
/* Pagination Bootstrap Background */
/* Pagination Bootstrap Background */
/* Pagination Bootstrap Background */
/* Pagination light */
}
.pagination.pagination-circle .page-item .page-link {
width: 35px;
height: 35px;
line-height: 33px;
text-align: center;
padding: 0;
border-radius: 50%;
}
.pagination.pagination-circle.pagination-lg .page-item .page-link {
width: 56px;
height: 56px;
line-height: 54px;
}
.pagination.pagination-circle.pagination-sm .page-item .page-link {
width: 26px;
height: 26px;
line-height: 24px;
}
.pagination.pagination-rounded .page-item .page-link {
border-radius: 4px;
}
.pagination.pagination-circle .page-item:not(:first-child) .page-link, .pagination.pagination-rounded .page-item:not(:first-child) .page-link {
margin-left: 5px;
}
.pagination.pagination-circle.pagination-lg .page-item:not(:first-child) .page-link, .pagination.pagination-rounded.pagination-lg .page-item:not(:first-child) .page-link {
margin-left: 8px;
}
.pagination.pagination-circle.pagination-sm .page-item:not(:first-child) .page-link, .pagination.pagination-rounded.pagination-sm .page-item:not(:first-child) .page-link {
margin-left: 3px;
}
.pagination.pagination-3d .page-item .page-link {
border-bottom: 3px solid rgba(0, 0, 0, 0.15) !important;
}
.pagination.pagination-transparent .page-item .page-link {
border: 0;
}
.pagination.pagination-inside-transparent .page-item .page-link:not(:hover) {
color: #222;
}
.pagination.pagination-inside-transparent .page-item:not(:first-child):not(:nth-child(2)):not(:nth-last-child(1)) .page-link {
border-left: 0;
}
.pagination.pagination-inside-transparent .page-item.active .page-link, .pagination.pagination-inside-transparent .page-link:hover, .pagination.pagination-inside-transparent .page-link:focus {
border-color: transparent !important;
}
.pagination.pagination-inside-transparent.pagination-button .page-item:not(:first-child):not(:nth-last-child(1)) .page-link {
border: 0;
}
.pagination.pagination-pill .page-item:first-child .page-link {
border-top-left-radius: 10rem;
border-bottom-left-radius: 10rem;
}
.pagination.pagination-pill .page-item:last-child .page-link {
border-top-right-radius: 10rem;
border-bottom-right-radius: 10rem;
}
.pagination.pagination-primary .page-item .page-link {
background-color: #007bff;
border-color: #007bff;
color: #FFF;
}
.pagination.pagination-primary .page-item.active .page-link,
.pagination.pagination-primary .page-link:hover,
.pagination.pagination-primary .page-link:focus {
background-color: #222 !important;
border-color: #222 !important;
color: #FFF;
}
.pagination.pagination-secondary .page-item .page-link {
background-color: #6c757d;
border-color: #6c757d;
color: #FFF;
}
.pagination.pagination-secondary .page-item.active .page-link,
.pagination.pagination-secondary .page-link:hover,
.pagination.pagination-secondary .page-link:focus {
background-color: #222 !important;
border-color: #222 !important;
color: #FFF;
}
.pagination.pagination-success .page-item .page-link {
background-color: #28a745;
border-color: #28a745;
color: #FFF;
}
.pagination.pagination-success .page-item.active .page-link,
.pagination.pagination-success .page-link:hover,
.pagination.pagination-success .page-link:focus {
background-color: #222 !important;
border-color: #222 !important;
color: #FFF;
}
.pagination.pagination-info .page-item .page-link {
background-color: #17a2b8;
border-color: #17a2b8;
color: #FFF;
}
.pagination.pagination-info .page-item.active .page-link,
.pagination.pagination-info .page-link:hover,
.pagination.pagination-info .page-link:focus {
background-color: #222 !important;
border-color: #222 !important;
color: #FFF;
}
.pagination.pagination-warning .page-item .page-link {
background-color: #ffc107;
border-color: #ffc107;
color: #FFF;
}
.pagination.pagination-warning .page-item.active .page-link,
.pagination.pagination-warning .page-link:hover,
.pagination.pagination-warning .page-link:focus {
background-color: #222 !important;
border-color: #222 !important;
color: #FFF;
}
.pagination.pagination-danger .page-item .page-link {
background-color: #dc3545;
border-color: #dc3545;
color: #FFF;
}
.pagination.pagination-danger .page-item.active .page-link,
.pagination.pagination-danger .page-link:hover,
.pagination.pagination-danger .page-link:focus {
background-color: #222 !important;
border-color: #222 !important;
color: #FFF;
}
.pagination.pagination-light .page-item .page-link {
background-color: #f8f9fa;
border-color: #f8f9fa;
color: #FFF;
}
.pagination.pagination-light .page-item.active .page-link,
.pagination.pagination-light .page-link:hover,
.pagination.pagination-light .page-link:focus {
background-color: #222 !important;
border-color: #222 !important;
color: #FFF;
}
.pagination.pagination-dark .page-item .page-link {
background-color: #343a40;
border-color: #343a40;
color: #FFF;
}
.pagination.pagination-dark .page-item.active .page-link,
.pagination.pagination-dark .page-link:hover,
.pagination.pagination-dark .page-link:focus {
background-color: #222 !important;
border-color: #222 !important;
color: #FFF;
}
.pagination.pagination-light .page-item .page-link {
color: #222;
}
/* ----------------------------------------------------------------
shop.scss
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Shop
-----------------------------------------------------------------*/
.shop, .product {
position: relative;
}
.product .product-image {
position: relative;
overflow: hidden;
}
.product .product-image > a,
.product .product-image .slide a,
.product .product-image img {
display: block;
width: 100%;
}
body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a {
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.product-image > a:nth-of-type(2) {
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}
.product-image:hover > a:nth-of-type(2) {
opacity: 1;
z-index: 2;
}
.product-desc {
padding: 15px 0;
}
.product-title {
margin-bottom: 7px;
}
.product-title h3 {
margin: 0;
font-size: 1.25rem;
}
.product-title h3 a,
.single-product .product-title h2 a {
color: #333333;
}
.product-title h3 a:hover,
.single-product .product-title h2 a:hover {
color: #1ABC9C;
}
.product-price {
font-size: 1.125rem;
font-weight: 700;
color: #444;
margin-bottom: 4px;
}
.product-price del {
font-weight: 400;
font-size: 90%;
color: #888888;
}
.product-price ins {
text-decoration: none;
color: #1ABC9C;
}
.product-image > .badge,
.sale-flash {
position: absolute;
top: 10px;
left: 10px;
z-index: 5;
}
/* Shop - Single
-----------------------------------------------------------------*/
.single-product .product {
width: 100%;
margin: 0;
}
.shop-quick-view-ajax,
.portfolio-ajax-modal {
position: relative;
background-color: #FFF;
width: 800px;
margin: 0 auto;
}
.single-product .product-image,
.single-product .product-image img {
height: auto;
}
.single-product .product-title h2 {
font-size: 1.75rem;
margin-bottom: 8px;
}
.single-product .product-price {
font-size: 1.5rem;
color: #1ABC9C;
margin-bottom: 0;
}
.single-product .product-desc .line {
margin: 20px 0;
}
.quantity {
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 30px;
}
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.quantity .qty {
width: 50px;
height: 40px;
line-height: 40px;
border: 0;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
background-color: #eeeeee;
text-align: center;
margin-bottom: 0;
}
.quantity .plus,
.quantity .minus {
display: block;
cursor: pointer;
border: 0px transparent;
padding: 0;
width: 36px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #eeeeee;
font-size: 1rem;
font-weight: bold;
transition: background-color .2s linear;
-webkit-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
}
.quantity .plus:hover,
.quantity .minus:hover {
background-color: #dddddd;
}
.quantity .qty:focus,
.quantity .plus:focus,
.quantity .minus:focus {
box-shadow: none !important;
outline: 0 !important;
}
.product-meta {
font-size: 90%;
color: #777777;
}
.product-meta > .card-body > span {
display: inline-block;
margin: 0 5px;
}
.single-product .fbox-plain.fbox-sm .fbox-icon {
width: 2.25rem;
}
.single-product .fbox-plain.fbox-sm .fbox-icon i {
font-size: 1.125rem;
line-height: 1.5;
}
/* ----------------------------------------------------------------
Cart
-----------------------------------------------------------------*/
.cart .remove {
font-size: 0.875rem;
color: #FF0000;
}
.cart .remove:hover { color: #000; }
.cart th {
padding: 12px 15px !important;
color: #555;
}
.cart td {
padding: 12px 15px !important;
vertical-align: middle !important;
border-color: #E5E5E5 !important;
}
.cart-product-thumbnail a {
display: block;
width: 68px;
}
.cart-product-thumbnail img {
display: block;
width: 64px;
height: 64px;
border: 2px solid #EEE;
}
.cart-product-thumbnail img:hover { border-color: #1ABC9C; }
.cart-product-name a,
.product-name a {
font-weight: bold;
font-size: 0.9375rem;
color: #333;
}
.cart-product-name a:hover,
.product-name a:hover { color: #666; }
.cart-product-price,
.cart-product-quantity,
.cart-product-subtotal { text-align: center !important; }
.cart-product-quantity .quantity {
margin: 0;
}
td.actions {
padding: 20px 15px !important;
vertical-align: top !important;
background-color: #F5F5F5;
}
@media (max-width: 767.98px) {
.cart:not(.cart-totals) thead th {
display: none;
}
.cart:not(.cart-totals) tbody td {
display: block;
width: 100%;
border: 0;
padding: 0 !important;
text-align: center;
}
.cart:not(.cart-totals) .cart_item {
display: block;
position: relative;
border: 1px solid #EEE;
margin-bottom: 1.5rem;
padding: 1.5rem;
}
.cart:not(.cart-totals) .cart_item .cart-product-remove {
display: block;
position: absolute;
top: 1.25rem;
left: auto;
right: 1.25rem;
width: 1.25rem;
height: 1.25rem;
}
.cart:not(.cart-totals) .cart-product-thumbnail,
.cart:not(.cart-totals) .cart-product-name,
.cart:not(.cart-totals) .cart-product-quantity {
margin-bottom: 1rem;
}
.cart:not(.cart-totals) .cart_item .cart-product-thumbnail a {
display: inline-block;
}
.cart:not(.cart-totals) .cart_item .cart-product-price {
display: none;
}
.cart:not(.cart-totals) .cart_item .cart-product-name a {
font-size: 1rem;
}
.cart:not(.cart-totals) .cart_item .cart-product-subtotal {
font-size: 1.25rem;
color: #1ABC9C;
}
.quantity .qty {
width: 42px;
}
.quantity .qty,
.quantity .plus,
.quantity .minus {
font-size: 0.875rem;
}
}
\ No newline at end of file
/*-----------------------------------------------------------------------------------
shortcodes
-----------------------------------------------------------------------------------*/
@import url("shortcodes/countdown.css");
@import url("shortcodes/buttons.css");
@import url("shortcodes/promo.css");
@import url("shortcodes/feature-box.css");
@import url("shortcodes/process-steps.css");
@import url("shortcodes/alerts.css");
@import url("shortcodes/styled-icons.css");
@import url("shortcodes/social-icons.css");
@import url("shortcodes/toggles-accordions.css");
@import url("shortcodes/tabs.css");
@import url("shortcodes/faqs.css");
@import url("shortcodes/clients.css");
@import url("shortcodes/testimonials.css");
@import url("shortcodes/team.css");
@import url("shortcodes/pricing.css");
@import url("shortcodes/counter-skills.css");
@import url("shortcodes/carousel.css");
@import url("shortcodes/flipcard.css");
@import url("shortcodes/headings.css");
@import url("shortcodes/dividers.css");
@import url("shortcodes/toast.css");
@import url("shortcodes/misc.css");
/*-----------------------------------------------------------------------------------
Shortcodes: alerts.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
Alerts
-----------------------------------------------------------------*/
.style-msg,
.style-msg2 {
position: relative;
display: block;
color: #444;
border-left: 4px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.style-msg2 {
border-left-color: rgba(0, 0, 0, 0.1);
}
.primarymsg {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.primarymsg hr {
border-top-color: #9fcdff;
}
.primarymsg .alert-link {
color: #002752;
}
.secondarymsg {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.secondarymsg hr {
border-top-color: #c8cbcf;
}
.secondarymsg .alert-link {
color: #202326;
}
.successmsg {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.successmsg hr {
border-top-color: #b1dfbb;
}
.successmsg .alert-link {
color: #0b2e13;
}
.infomsg {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.infomsg hr {
border-top-color: #abdde5;
}
.infomsg .alert-link {
color: #062c33;
}
.warningmsg {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.warningmsg hr {
border-top-color: #ffe8a1;
}
.warningmsg .alert-link {
color: #533f03;
}
.dangermsg {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.dangermsg hr {
border-top-color: #f1b0b7;
}
.dangermsg .alert-link {
color: #491217;
}
.lightmsg {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.lightmsg hr {
border-top-color: #ececf6;
}
.lightmsg .alert-link {
color: #686868;
}
.darkmsg {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.darkmsg hr {
border-top-color: #b9bbbe;
}
.darkmsg .alert-link {
color: #040505;
}
.errormsg {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.errormsg hr {
border-top-color: #f1b0b7;
}
.errormsg .alert-link {
color: #491217;
}
.alertmsg {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alertmsg hr {
border-top-color: #ffe8a1;
}
.alertmsg .alert-link {
color: #533f03;
}
.style-msg .sb-msg,
.style-msg2 .msgtitle,
.style-msg2 .sb-msg {
display: block;
padding: 1rem;
border-left: 1px solid rgba(255, 255, 255, 0.5);
font-size: 0.875rem;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
.style-msg2 .msgtitle {
background: rgba(0, 0, 0, 0.15);
border-top: none;
border-bottom: none;
font-size: 1rem;
font-weight: bold;
}
.style-msg-light .sb-msg,
.style-msg-light .msgtitle {
color: #FFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.style-msg2 .sb-msg {
font-weight: normal;
}
.style-msg2 ol,
.style-msg2 ul {
margin: 0 0 0 30px;
}
.style-msg2 ol {
list-style-type: decimal;
}
.style-msg2 ul {
list-style-type: disc;
}
.alert i,
.sb-msg i,
.msgtitle i {
position: relative;
top: 1px;
font-size: 0.875rem;
width: 0.875rem;
text-align: center;
margin-right: 5px;
}
.style-msg .close {
position: absolute;
top: 10px;
left: auto;
right: 10px;
}
/*-----------------------------------------------------------------------------------
Shortcodes: carousels.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
Owl Carousel CSS
-----------------------------------------------------------------*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel {
display: none;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
width: 100%;
/* Owl Carousel - Controls
-----------------------------------------------------------------*/
/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage::after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
display: block;
min-height: 100px;
background: no-repeat center center;
opacity: 0;
display: block;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.slider-element .owl-carousel .owl-item img {
-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot,
.owl-dots button {
cursor: pointer;
cursor: hand;
padding: 0;
border: 0;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.mega-menu-content .owl-carousel {
opacity: 1;
}
.owl-carousel.owl-refresh .owl-item {
display: none;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.no-js .owl-carousel {
display: block;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #111;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 64px;
width: 64px;
left: 50%;
top: 50%;
margin-left: -32px;
margin-top: -32px;
background: url("images/icons/play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3);
-o-transition: scale(1.3);
transition: scale(1.3);
}
.owl-carousel .owl-video-play-icon .owl-video-play-icon,
.owl-carousel .owl-video-play-icon .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-play-icon .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-play-icon .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
line-height: 1;
}
.owl-carousel .owl-nav [class*=owl-] {
position: absolute;
top: 50%;
margin-top: -18px;
left: -36px;
zoom: 1;
width: 36px;
height: 36px;
line-height: 32px;
border: 1px solid rgba(0, 0, 0, 0.2);
color: #666;
background-color: #FFF;
font-size: 18px;
border-radius: 50%;
opacity: 0;
left: -36px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {
margin-top: -38px;
}
.slider-element .owl-nav [class*=owl-],
.owl-carousel-full .owl-nav [class*=owl-] {
margin-top: -30px;
left: 0 !important;
height: 60px;
line-height: 60px;
border: none;
color: #eeeeee;
background-color: rgba(0, 0, 0, 0.4);
font-size: 28px;
border-radius: 0 3px 3px 0;
}
.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] {
margin-top: -50px;
}
.owl-carousel .owl-nav .owl-next {
left: auto;
right: -36px;
}
.slider-element .owl-nav .owl-next,
.owl-carousel-full .owl-nav .owl-next {
left: auto !important;
right: 0 !important;
border-radius: 3px 0 0 3px;
}
.owl-carousel:hover .owl-nav [class*=owl-] {
opacity: 1;
left: -18px;
}
.owl-carousel:hover .owl-nav .owl-next {
left: auto;
right: -18px;
}
.owl-carousel .owl-nav [class*=owl-]:hover {
background-color: #1ABC9C !important;
color: #FFF !important;
text-decoration: none;
}
.owl-carousel .owl-nav .disabled {
display: none !important;
}
/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
opacity: 0.5;
width: 8px;
height: 8px;
margin: 30px 4px 0 4px;
border-radius: 50%;
background-color: #1ABC9C;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover {
opacity: 1;
}
/*-----------------------------------------------------------------------------------
Shortcodes: clients.scss
-----------------------------------------------------------------------------------*/
.clients-grid {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
list-style: none;
overflow: hidden;
}
.clients-grid .grid-item {
position: relative;
-webkit-backface-visibility: hidden;
padding: 20px 0;
-webkit-backface-visibility: hidden;
}
.clients-grid .grid-item a {
opacity: 0.6;
display: block;
width: 75%;
margin-left: auto;
margin-right: auto;
}
.clients-grid .grid-item a:hover {
opacity: 1;
}
.clients-grid .grid-item a img {
width: 100%;
}
.clients-grid .grid-item img {
display: block;
width: 75%;
margin-left: auto;
margin-right: auto;
}
.clients-grid .grid-item::before, .clients-grid .grid-item::after {
content: '';
position: absolute;
width: 100%;
height: 0;
top: auto;
left: 0;
bottom: -1px;
border-bottom: 1px dashed #dddddd;
}
/*-----------------------------------------------------------------------------------
Shortcodes: countdown.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
Countdown
-----------------------------------------------------------------*/
.countdown {
position: relative;
display: block;
/* Countdown - Inline
-----------------------------------------------------------------*/
}
.countdown-row {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.countdown-section {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
font-size: 11px;
line-height: 1;
text-align: center;
border-left: g1px dotted #bbbbbb;
color: #888;
text-transform: capitalize;
/* Countdown - Medium */
/* Countdown - large */
}
.countdown-medium .countdown-section {
font-size: 0.875rem;
}
.countdown-large .countdown-section {
font-size: 18px;
}
.countdown-section:first-child {
border-left: 0;
}
.countdown-amount {
display: block;
font-size: 1.25rem;
color: #333;
margin-bottom: 5px;
/* Countdown - Medium */
/* Countdown - large */
}
.countdown-medium .countdown-amount {
font-size: 30px;
margin-bottom: 7px;
}
.countdown-large .countdown-amount {
font-size: 44px;
font-weight: 700;
margin-bottom: 8px;
}
.countdown-descr {
display: block;
width: 100%;
}
.countdown.countdown-inline {
display: inline-block;
}
.countdown.countdown-inline .countdown-row {
display: inline-block;
text-align: center;
}
.countdown.countdown-inline .countdown-section {
display: inline-block;
font-size: inherit;
line-height: inherit;
width: auto;
border: none;
color: inherit;
margin-left: 7px;
text-transform: inherit;
}
.countdown.countdown-inline .countdown-section:first-child {
margin-left: 0;
}
.countdown.countdown-inline .countdown-amount {
display: inline-block;
font-size: inherit;
color: inherit;
font-weight: bold;
margin: 0 3px 0 0;
}
.countdown.countdown-inline .countdown-descr {
display: inline-block;
width: auto;
}
/* Countdown - Coming Soon
-----------------------------------------------------------------*/
@media (min-width: 768px) {
.countdown-large.coming-soon .countdown-section {
border: none;
padding: 15px;
}
.countdown-large.coming-soon .countdown-amount {
width: 140px;
height: 140px;
line-height: 140px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.2);
margin-bottom: 15px !important;
}
}
/*-----------------------------------------------------------------------------------
Shortcodes: counter-skills.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
Counter
-----------------------------------------------------------------*/
.counter {
font-size: 42px;
font-weight: 700;
font-family: "Poppins", sans-serif;
}
.counter.counter-small {
font-size: 28px;
}
.counter.counter-large {
font-size: 56px;
}
.counter.counter-xlarge {
font-size: 64px;
font-weight: 400;
}
.counter.counter-inherit {
font-size: inherit;
font-weight: inherit;
}
.counter + h5 {
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
.widget .counter + h5 {
opacity: 0.7;
}
.counter.counter-lined + h5::before {
display: block;
position: relative;
margin: 20px auto 25px auto;
content: '';
width: 15%;
border-top: 2px solid #444;
opacity: 0.9;
}
.counter.counter-small + h5 {
font-size: 0.875rem;
}
.counter.counter-large + h5, .counter.counter-xlarge + h5 {
font-size: 15px;
font-weight: 300;
}
/* ----------------------------------------------------------------
Animated Rounded Skills
-----------------------------------------------------------------*/
.rounded-skill {
display: inline-block;
margin: 0 15px 15px;
display: inline-block;
position: relative;
text-align: center;
font-size: 1.25rem;
font-weight: bold;
color: #333333;
/* News Carousel Overlays
-----------------------------------------------------------------*/
}
body:not(.device-touch) .rounded-skill {
-webkit-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
transition: opacity .4s ease;
}
.rounded-skill + h5 {
margin-bottom: 0;
}
.rounded-skill i {
font-size: 42px;
}
.rounded-skill canvas {
position: absolute;
top: 0;
left: 0;
}
.news-carousel .rounded-skill {
position: absolute;
margin: 0 !important;
top: 30px;
right: 30px;
color: #FFF;
font-weight: 700;
}
/* ----------------------------------------------------------------
Skills Bar
-----------------------------------------------------------------*/
.skills {
margin: 0;
list-style: none;
padding-top: 25px;
}
.skills li {
position: relative;
margin-top: 38px;
height: 4px;
background-color: whitesmoke;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.skills li:first-child {
margin-top: 0;
}
.skills li .progress {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #1ABC9C;
overflow: visible !important;
border-radius: 2px;
-webkit-transition: width 1.2s ease-in-out;
-o-transition: width 1.2s ease-in-out;
transition: width 1.2s ease-in-out;
}
.skills li .progress-percent {
position: absolute;
top: -28px;
right: 0;
background-color: #333333;
color: #f9f9f9;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
height: 22px;
line-height: 22px;
padding: 0 5px;
font-size: 11px;
border-radius: 2px;
}
.skills li .progress-percent .counter {
font-weight: 400;
font-family: "Lato", sans-serif;
}
.skills li > span {
position: absolute;
z-index: 1;
top: -23px;
left: 0;
line-height: 20px;
font-size: 12px;
font-weight: bold;
color: #222222;
}
.progress-percent::after,
.progress-percent::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.progress-percent::after {
border-top-color: #333333;
border-width: 4px;
left: 50%;
margin-left: -4px;
}
.progress-percent::before {
border-top-color: #333333;
border-width: 5px;
left: 50%;
margin-left: -5px;
}
/*-----------------------------------------------------------------------------------
Shortcodes: dividers.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
Divider
-----------------------------------------------------------------*/
.divider {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
margin: 3rem auto;
color: #e5e5e5;
width: 100%;
/* Divider - Icon Align Right
-----------------------------------------------------------------*/
/* Divider - Icon Align Center
-----------------------------------------------------------------*/
/* Divider - Rounded Icon
-----------------------------------------------------------------*/
/* Divider - Rounded & Border
-----------------------------------------------------------------*/
/* Divider - Line Only
-----------------------------------------------------------------*/
}
.divider.divider-margin-lg {
margin: 5rem auto;
}
.divider::after, .divider::before {
content: '';
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
height: 1px;
background-color: #eeeeee;
}
.divider::before {
display: none;
margin-right: 0.5rem;
}
.divider::after {
margin-left: 0.5rem;
}
.divider.divider-thick::after, .divider.divider-thick::before {
height: 3px;
}
.divider.divider-sm {
width: 55%;
}
.divider.divider-xs {
width: 35%;
}
.divider i,
.divider a, .divider-text {
position: relative;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 24px;
max-width: 100%;
line-height: 1;
font-size: 18px !important;
text-align: center;
}
.divider a, .divider-text {
width: auto;
color: inherit;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.divider a:hover, .divider-text:hover {
color: #888888;
}
.divider.divider-right::before {
display: block;
}
.divider.divider-right::after {
display: none;
}
.divider.divider-center::before {
display: block;
}
.divider.divider-rounded i, .divider.divider-border i {
width: 40px;
height: 40px;
line-height: 40px;
color: #bbbbbb;
background-color: whitesmoke;
border-radius: 50%;
}
.divider.divider-border::before, .divider.divider-border::after, .divider.divider-rounded::before, .divider.divider-rounded::after {
margin-left: 0;
margin-right: 0;
}
.divider.divider-border {
color: #e5e5e5;
}
.divider.divider-border i {
line-height: 38px;
background-color: transparent;
border: 1px solid #eeeeee;
}
.divider.divider-line::before, .divider.divider-line::after {
margin-left: 0;
margin-right: 0;
}
/*-----------------------------------------------------------------------------------
Shortcodes: faqs.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
FAQ List
-----------------------------------------------------------------*/
.faqlist li {
margin-bottom: 5px;
font-size: 15px;
}
.faqlist li a {
color: #444;
}
.faqlist li a:hover {
color: #1ABC9C !important;
}
/* ----------------------------------------------------------------
Flip Cards
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Flip Cards
-----------------------------------------------------------------*/
.flip-card {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.flip-card-front, .flip-card-back {
background-size: cover;
background-position: center;
-webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height: 280px;
border-radius: 6px;
color: #FFF;
font-size: 1.5rem;
}
.flip-card-front.no-after::after, .flip-card-back.no-after::after {
content: none;
}
.flip-card-front::after, .flip-card-back::after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
content: "";
display: block;
opacity: 0.6;
background-color: #000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 6px;
}
.flip-card-front:hover .flip-card-front, .flip-card-back:hover .flip-card-front, .flip-card-front:hover .flip-card-back, .flip-card-back:hover .flip-card-back {
-webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.flip-card-back {
background-color: #666;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.flip-card-inner {
-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
transform: translateY(-50%) translateZ(60px) scale(0.94);
top: 50%;
position: absolute;
left: 0;
width: 100%;
padding: 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 1px solid transparent;
-webkit-perspective: inherit;
perspective: inherit;
z-index: 2;
}
.flip-card-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.top-to-bottom .flip-card-back {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-card-front, .flip-card:hover .flip-card-back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-card:hover .flip-card-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.top-to-bottom .flip-card-front, .top-to-bottom:hover .flip-card-back {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.top-to-bottom:hover .flip-card-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-card-inner span {
font-size: 18px;
line-height: 20px;
font-weight: 300;
}
.flip-card-inner p {
position: relative;
font-size: 1rem;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.7);
}
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
This diff is collapsed. Click to expand it.
No preview for this file type
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment