<html class="no-js" lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"><title>The Meat House</title>
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel='stylesheet' id='bt_bb_dummy-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/bold-page-builder/css/front_end/dummy.css?ver=4.8.5' type='text/css' media='all' data-viewport-units-buggyfill='ignore' />
<link rel='stylesheet' id='bt_dev_style-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/bt_dev/style.css?ver=4.8.5' type='text/css' media='all' data-viewport-units-buggyfill='ignore' />
<link rel='stylesheet' id='contact-form-7-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9' type='text/css' media='all' data-viewport-units-buggyfill='ignore' />
<link rel='stylesheet' id='fast_food_style_css-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/style.crush.css?ver=4.8.5' type='text/css' media='screen' data-viewport-units-buggyfill='ignore' />
<link rel='stylesheet' id='fast_food_style_print_css-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/print.css?ver=4.8.5' type='text/css' media='print' data-viewport-units-buggyfill='ignore' />
<link rel='stylesheet' id='fast_food_buggyfill_css-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/css/viewport-buggyfill.css?ver=4.8.5' type='text/css' media='screen' data-viewport-units-buggyfill='ignore' />
<link rel='stylesheet' id='fast_food_magnific-popup_css-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/css/magnific-popup.css?ver=4.8.5' type='text/css' media='screen' data-viewport-units-buggyfill='ignore' />
<!--[if lte IE 9]><link rel='stylesheet' id='fast_food_ie9_css-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/css/ie9.css?ver=4.8.5' type='text/css' media='screen' data-viewport-units-buggyfill='ignore' /><![endif]-->
<link rel='stylesheet' id='boldthemes_fonts-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C200italic%2C300italic%2C400italic%2C500italic%2C600italic%2C700italic%2C800italic%2C900italic%7CMontserrat%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C200italic%2C300italic%2C400italic%2C500italic%2C600italic%2C700italic%2C800italic%2C900italic%7CMontserrat%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C200italic%2C300italic%2C400italic%2C500italic%2C600italic%2C700italic%2C800italic%2C900italic%7CMontserrat%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C200italic%2C300italic%2C400italic%2C500italic%2C600italic%2C700italic%2C800italic%2C900italic%7CMontserrat%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%2C100italic%2C200italic%2C300italic%2C400italic%2C500italic%2C600italic%2C700italic%2C800italic%2C900italic&subset=latin%2Clatin-ext&ver=1.0.0' type='text/css' media='all' data-viewport-units-buggyfill='ignore' />
<link rel='stylesheet' id='boldthemes_css-css' href='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/css/style.css?ver=4.8.5' type='text/css' media='all' data-viewport-units-buggyfill='ignore' />
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-includes/js/jquery/jquery.js?ver=1.12.4'>
</script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'>
</script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/bold-page-builder/script_fe.js?ver=1'>
</script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/bt_cost_calculator/jquery.dd.js?ver=4.8.5'>
</script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/fast-food/bt_elements.js?ver=4.8.5'>
</script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/duracelltomi-google-tag-manager/js/gtm4wp-form-move-tracker.js?ver=1.7.1'>
</script>
<!--[if lte IE 9]><script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/html5shiv.min.js?ver=1'></script>
<![endif]--><!--[if lte IE 9]><script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/respond.min.js?ver=1'></script>
<![endif]--><script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/modernizr.custom.js?ver=4.8.5'></script>
<link rel='https://api.w.org/' href='http://fast-food.bold-themes.com/main-demo/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://fast-food.bold-themes.com/main-demo/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://fast-food.bold-themes.com/main-demo/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.8.5" />
<meta name="generator" content="WooCommerce 3.1.2" />
<link rel="canonical" href="http://fast-food.bold-themes.com/main-demo/home-landing/home-burgers/" />
<link rel='shortlink' href='http://fast-food.bold-themes.com/main-demo/?p=2355' />
<link rel="alternate" type="application/json+oembed" href="http://fast-food.bold-themes.com/main-demo/wp-json/oembed/1.0/embed?url=http%3A%2F%2Ffast-food.bold-themes.com%2Fmain-demo%2Fhome-landing%2Fhome-burgers%2F" />
<link rel="alternate" type="text/xml+oembed" href="http://fast-food.bold-themes.com/main-demo/wp-json/oembed/1.0/embed?url=http%3A%2F%2Ffast-food.bold-themes.com%2Fmain-demo%2Fhome-landing%2Fhome-burgers%2F&format=xml" />
<!-- Google Tag Manager for WordPress by DuracellTomi - http://duracelltomi.com -->
<script data-cfasync="false" type="text/javascript">
var gtm4wp_datalayer_name = "dataLayer";
var dataLayer = dataLayer || [];
dataLayer.push({"pagePostType":"page","pagePostType2":"single-page","pagePostAuthor":"Bold themes"});
</script>
<script data-cfasync="false">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.'+'js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NV6JSJG');</script>
<!-- End Google Tag Manager -->
<!-- End Google Tag Manager for WordPress by DuracellTomi --> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
<link rel="icon" href="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/03/cropped-favicon-160x160.png" sizes="32x32" />
<link rel="icon" href="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/03/cropped-favicon-320x320.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/03/cropped-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/03/cropped-favicon-320x320.png" />
</head>
<body class="page-template-default page page-id-2355 page-child parent-pageid-2979 bodyPreloader btMenuLeftEnabled btStickyEnabled btLightSkin btBelowMenu btTopToolsInMenuArea btRemovePreloader btSquareButtons btNoSidebar ">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NV6JSJG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><br style="display:none;" data-autoplay="5000" >
<div class="btPageWrap" id="top">
<header class="mainHeader btClear gutter ">
<div class="port">
<div class="btLogoArea menuHolder btClear">
<span class="btVerticalMenuTrigger"> <span class="btIco btIcoDefaultType"><a href="#" target="_self" data-ico-fa="" class="btIcoHolder"></a></span></span>
<span class="btHorizontalMenuTrigger"> <span class="btIco btIcoDefaultType"><a href="#" target="_self" data-ico-fa="" class="btIcoHolder"></a></span></span>
<div class="logo">
<span>
<a href="http://fast-food.bold-themes.com/main-demo/"><img class="btMainLogo" data-hw="1" src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/02/logo-classic-red-background-simple.png" alt="Fast food demo"><img class="btAltLogo" src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/logo-classic-red-background.png" alt="Fast food demo"></a> </span>
</div><!-- /logo -->
<div class="menuPort">
<div class="topBarInMenu">
<div class="topBarInMenuCell">
<a href="https://www.facebook.com/boldthemes/" target="_blank" class="btIconWidget "><span class="btIconWidgetIcon"><span class="btIco btIcoDefaultType btIcoDefaultColor"><span data-ico-fa="" class="btIcoHolder"></span></span></span></a><a href="https://twitter.com/bold_themes" target="_blank" class="btIconWidget "><span class="btIconWidgetIcon"><span class="btIco btIcoDefaultType btIcoDefaultColor"><span data-ico-fa="" class="btIcoHolder"></span></span></span></a><a href="#" target="_self" class="btIconWidget "><span class="btIconWidgetIcon"><span class="btIco btIcoDefaultType btIcoDefaultColor"><span data-ico-fa="" class="btIcoHolder"></span></span></span></a><div class="btTopBox widget_search"><div class="btSearch"><span class="btIco btIcoDefaultType btIcoDefaultColor"><a href="#" target="_self" data-ico-fa="" class="btIcoHolder"></a></span>
<div class="btSearchInner gutter" role="search">
<div class="btSearchInnerContent port">
<form action="http://fast-food.bold-themes.com/main-demo/" method="get"><input type="text" name="s" placeholder="Looking for..." class="untouched">
<button type="submit" data-icon=""></button>
</form>
<div class="btSearchInnerClose"><span class="btIco "><a href="#" target="_self" data-ico-fa="" class="btIcoHolder"></a></span></div>
</div>
</div></div></div> </div><!-- /topBarInMenu -->
</div><!-- /topBarInMenuCell -->
<nav>
<ul id="menu-primary-menu" class="menu"><li id="menu-item-3501" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-3501"><a href="http://fast-food.bold-themes.com/main-demo/">Home</a><ul class="sub-menu"><li id="menu-item-3500" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-page-ancestor current-page-parent menu-item-3500"><a href="http://fast-food.bold-themes.com/main-demo/">Landing</a></li><li id="menu-item-3492" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2355 current_page_item menu-item-3492"><a href="http://fast-food.bold-themes.com/main-demo/home-landing/home-burgers/">Burgers</a></li><li id="menu-item-3493" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3493"><a href="http://fast-food.bold-themes.com/main-demo/home-landing/home-green/">Green</a></li><li id="menu-item-3498" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3498"><a href="http://fast-food.bold-themes.com/main-demo/home-landing/home-food-truck/">Food truck</a></li><li id="menu-item-3568" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3568"><a href="http://fast-food.bold-themes.com/main-demo/home-landing/home-pizza/">Pizza</a></li></ul></li><li id="menu-item-3421" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3421"><a href="#">Pages</a><ul class="sub-menu"><li id="menu-item-3425" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3425"><a href="http://fast-food.bold-themes.com/main-demo/about-us/">About us</a><ul class="sub-menu"><li id="menu-item-3488" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3488"><a href="http://fast-food.bold-themes.com/main-demo/about-us/">Overview</a></li><li id="menu-item-3480" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3480"><a href="http://fast-food.bold-themes.com/main-demo/about-us/our-team/">Our team</a></li><li id="menu-item-3496" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3496"><a href="http://fast-food.bold-themes.com/main-demo/about-us/our-story/">Our story</a></li><li id="menu-item-3484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3484"><a href="http://fast-food.bold-themes.com/main-demo/about-us/history/">History</a></li></ul></li><li id="menu-item-3481" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3481"><a href="http://fast-food.bold-themes.com/main-demo/about-us/services/">Services</a></li><li id="menu-item-3487" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3487"><a href="http://fast-food.bold-themes.com/main-demo/about-us/testimonials/">Testimonials</a></li><li id="menu-item-3485" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3485"><a href="http://fast-food.bold-themes.com/main-demo/about-us/cost-calculator/">Cost calculator</a></li><li id="menu-item-3486" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3486"><a href="http://fast-food.bold-themes.com/main-demo/about-us/contact/">Contact</a><ul class="sub-menu"><li id="menu-item-3479" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3479"><a href="http://fast-food.bold-themes.com/main-demo/about-us/contact/">Contact</a></li><li id="menu-item-3478" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3478"><a href="http://fast-food.bold-themes.com/main-demo/about-us/contact/location/">Location</a></li></ul></li><li id="menu-item-3497" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3497"><a href="http://fast-food.bold-themes.com/main-demo/about-us/under-construction/">Under construction</a></li></ul></li><li id="menu-item-3422" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3422"><a href="#">Our offer</a><ul class="sub-menu"><li id="menu-item-3490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3490"><a href="http://fast-food.bold-themes.com/main-demo/about-us/our-menu/">Classic menu</a></li><li id="menu-item-3491" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3491"><a href="http://fast-food.bold-themes.com/main-demo/about-us/menu-features/">Menu features</a></li><li id="menu-item-3489" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3489"><a href="http://fast-food.bold-themes.com/main-demo/about-us/menu-highlights/">Menu highlights</a></li><li id="menu-item-3499" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3499"><a href="http://fast-food.bold-themes.com/main-demo/about-us/special-offers-fullscreen/">Special offers</a><ul class="sub-menu"><li id="menu-item-3483" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3483"><a href="http://fast-food.bold-themes.com/main-demo/about-us/special-offers-fullscreen/">Fullscreen slideshow</a></li><li id="menu-item-3494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3494"><a href="http://fast-food.bold-themes.com/main-demo/about-us/special-offers-half-page/">Half page animation</a></li><li id="menu-item-3482" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3482"><a href="http://fast-food.bold-themes.com/main-demo/about-us/special-offer/">Classic</a></li></ul></li><li id="menu-item-3495" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3495"><a href="http://fast-food.bold-themes.com/main-demo/about-us/contact/reservations/">Reservations</a></li></ul></li><li id="menu-item-3415" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3415"><a href="#">Galleries</a><ul class="sub-menu"><li id="menu-item-3435" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3435"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-grid-four-columns/">Galleries grid</a><ul class="sub-menu"><li id="menu-item-3434" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3434"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/">Three columns</a></li><li id="menu-item-3433" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3433"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-grid-four-columns/">Four columns</a></li><li id="menu-item-3431" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3431"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-grid-four-columns-with-filter/">Four columns w/ filter</a></li><li id="menu-item-3432" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3432"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-grid-five-columns/">Five columns</a></li><li id="menu-item-3430" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3430"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-grid-six-columns/">Six columns</a></li></ul></li><li id="menu-item-3441" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3441"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-tiles-four-columns/">Galleries tiles</a><ul class="sub-menu"><li id="menu-item-3436" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3436"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-tiles-three-columns/">Three columns</a></li><li id="menu-item-3439" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3439"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-tiles-four-columns/">Four columns</a></li><li id="menu-item-3438" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3438"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-tiles-four-columns-no-gap/">Four columns no gap</a></li><li id="menu-item-3440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3440"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-tiles-five-columns/">Five columns</a></li><li id="menu-item-3437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3437"><a href="http://fast-food.bold-themes.com/main-demo/galleries-grid-three-columns/galleries-tiles-six-columns/">Six columns</a></li></ul></li><li id="menu-item-3442" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-has-children menu-item-3442"><a href="http://fast-food.bold-themes.com/main-demo/portfolio/wine-tasting/">Single project</a><ul class="sub-menu"><li id="menu-item-3443" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-3443"><a href="http://fast-food.bold-themes.com/main-demo/portfolio/wine-tasting/">Gallery project</a></li><li id="menu-item-3444" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-3444"><a href="http://fast-food.bold-themes.com/main-demo/portfolio/recall-memories/">Carousel gallery</a></li><li id="menu-item-3445" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-3445"><a href="http://fast-food.bold-themes.com/main-demo/portfolio/sushi-style/">Columns view</a></li><li id="menu-item-3446" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-3446"><a href="http://fast-food.bold-themes.com/main-demo/portfolio/video-presentation/">Video project</a></li><li id="menu-item-3447" class="menu-item menu-item-type-post_type menu-item-object-portfolio menu-item-3447"><a href="http://fast-food.bold-themes.com/main-demo/portfolio/london-blues/">Audio project</a></li></ul></li></ul></li><li id="menu-item-3424" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3424"><a href="http://fast-food.bold-themes.com/main-demo/blog/">Blog</a><ul class="sub-menu"><li id="menu-item-3448" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3448"><a href="http://fast-food.bold-themes.com/main-demo/blog/">Blog list</a><ul class="sub-menu"><li id="menu-item-3449" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3449"><a href="http://fast-food.bold-themes.com/main-demo/blog/">Classic</a></li><li id="menu-item-3416" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3416"><a href="/main-demo/blog?blog_side_info=false">Classic w/o avatar</a></li><li id="menu-item-3417" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3417"><a href="/main-demo/blog?blog_list_view=columns&blog_side_info=false">Columns</a></li><li id="menu-item-3418" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3418"><a href="/main-demo/blog?blog_list_view=simple&blog_side_info=false">Simple</a></li><li id="menu-item-3419" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3419"><a href="/main-demo/blog/?blog_list_view=simple">Simple with avatar</a></li></ul></li><li id="menu-item-3458" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3458"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-grid-four-columns/">Blog grid</a><ul class="sub-menu"><li id="menu-item-3453" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3453"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-grid-three-columns/">Three columns</a></li><li id="menu-item-3451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3451"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-grid-four-columns/">Four columns</a></li><li id="menu-item-3450" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3450"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-grid-five-columns/">Five columns</a></li><li id="menu-item-3452" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3452"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-grid-six-columns/">Six columns</a></li></ul></li><li id="menu-item-3459" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3459"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-tiles-four-columns/">Blog tiles</a><ul class="sub-menu"><li id="menu-item-3457" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3457"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-tiles-three-columns/">Three columns</a></li><li id="menu-item-3455" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3455"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-tiles-four-columns/">Four columns</a></li><li id="menu-item-3454" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3454"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-tiles-five-columns/">Five columns</a></li><li id="menu-item-3456" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3456"><a href="http://fast-food.bold-themes.com/main-demo/blog/blog-tiles-six-columns/">Six columns</a></li></ul></li><li id="menu-item-3420" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3420"><a href="#">Single post</a><ul class="sub-menu"><li id="menu-item-3460" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3460"><a href="http://fast-food.bold-themes.com/main-demo/2015/06/08/classic-family-lunch/">Standard post</a></li><li id="menu-item-3461" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3461"><a href="http://fast-food.bold-themes.com/main-demo/2015/05/18/comfort-in-every-location/">Grid gallery post</a></li><li id="menu-item-3462" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3462"><a href="http://fast-food.bold-themes.com/main-demo/2015/07/22/how-to-make-the-best-french-fries/">Carousel gallery</a></li><li id="menu-item-3463" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3463"><a href="http://fast-food.bold-themes.com/main-demo/2015/04/01/sound-of-food/">Audio post</a></li><li id="menu-item-3464" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3464"><a href="http://fast-food.bold-themes.com/main-demo/2015/05/11/gluten-free/">Video post</a></li><li id="menu-item-3465" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3465"><a href="http://fast-food.bold-themes.com/main-demo/2015/06/25/step-away-from-the-beef/">Link post</a></li><li id="menu-item-3466" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3466"><a href="http://fast-food.bold-themes.com/main-demo/2015/04/01/share-the-inspiration/">Quote post</a></li><li id="menu-item-3467" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3467"><a href="http://fast-food.bold-themes.com/main-demo/2015/04/06/best-burger-dishes/">Fullscreen overlay</a></li></ul></li></ul></li><li id="menu-item-3426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3426"><a href="http://fast-food.bold-themes.com/main-demo/shop/">Shop</a><ul class="sub-menu"><li id="menu-item-3469" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3469"><a href="http://fast-food.bold-themes.com/main-demo/shop/">Products</a><ul class="sub-menu"><li id="menu-item-3468" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3468"><a href="http://fast-food.bold-themes.com/main-demo/shop/">Classic</a></li><li id="menu-item-3470" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3470"><a href="http://fast-food.bold-themes.com/main-demo/shop/products-two-columns/">Two columns</a></li><li id="menu-item-3476" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3476"><a href="http://fast-food.bold-themes.com/main-demo/shop/products-four-columns/">Four columns</a></li><li id="menu-item-3475" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3475"><a href="http://fast-food.bold-themes.com/main-demo/shop/products-five-columns-wide/">Five columns wide</a></li><li id="menu-item-3477" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3477"><a href="http://fast-food.bold-themes.com/main-demo/shop/products-six-columns-wide/">Six columns wide</a></li></ul></li><li id="menu-item-3471" class="menu-item menu-item-type-post_type menu-item-object-product menu-item-has-children menu-item-3471"><a href="http://fast-food.bold-themes.com/main-demo/product/silver-fast-food-poster/">Single product</a><ul class="sub-menu"><li id="menu-item-3472" class="menu-item menu-item-type-post_type menu-item-object-product menu-item-3472"><a href="http://fast-food.bold-themes.com/main-demo/product/silver-fast-food-poster/">Standard product</a></li><li id="menu-item-3473" class="menu-item menu-item-type-post_type menu-item-object-product menu-item-3473"><a href="http://fast-food.bold-themes.com/main-demo/product/fast-food-cooks-cap/">Variable product</a></li></ul></li><li id="menu-item-3474" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3474"><a href="http://fast-food.bold-themes.com/main-demo/shop/cart/">Shop pages</a><ul class="sub-menu"><li id="menu-item-3429" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3429"><a href="http://fast-food.bold-themes.com/main-demo/shop/cart/">Cart</a></li><li id="menu-item-3428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3428"><a href="http://fast-food.bold-themes.com/main-demo/shop/checkout/">Checkout</a></li><li id="menu-item-3427" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3427"><a href="http://fast-food.bold-themes.com/main-demo/shop/my-account/">My Account</a></li></ul></li></ul></li>
</ul> </nav>
</div><!-- .menuPort -->
</div><!-- /menuHolder / btBelowLogoArea -->
</div><!-- /port -->
</header><!-- /.mainHeader -->
<div class="btContentWrap btClear">
<div class="btContentHolder">
<div class="btContent">
<div class="bt_bb_wrapper"><section id="bt_section5abab487696d8" data-parallax="0.7" data-parallax-offset="0" class="boldSection topExtraSpaced bottomSpaced btDarkSkin gutter boxed inherit btParallax wBackground cover" style="background-image:url('http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/background-burgers-home-top.jpg');"><div class="port"><div class="boldCell"><div class="boldCellInner"><div class="boldRow " ><div class="boldRowInner"><div class="rowItem col-md-12 col-ms-12 btTextLeft" data-width="12"><div class="rowItemContent" ><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div><header class="header btClear huge bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>FAST FOOD BURGERS</span></div><div class="dash"><h1><span class="headline">BEST BURGERS
<br>IN GALAXY</span></h1></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><a href="http://fast-food.bold-themes.com/main-demo/about-us/our-menu/" class="btBtn btBtn btnFilledStyle btnAccentColor btnMedium btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">OUR MENU</span></a><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div></div></div></div></div></div></div></div></section><section id="bt_section5abab4876aabd" class="boldSection topSemiSpaced bottomSmallSpaced btDarkSkin btAccentColorBackground gutter boxed inherit" ><div class="port"><div class="boldCell"><div class="boldCellInner"><div class="boldRow " ><div class="boldRowInner"><div class="rowItem col-md-3 col-sm-6 col-ms-12 btTextCenter inherit" data-width="3"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/burger_illustration_1.png" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">GRILL`D BURGERS</span></h4></div><div class="btSubTitle">Beetroot water spinach okra water chestnut ricebean pea.</div></header><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-3 col-sm-6 col-ms-12 btTextCenter inherit" data-width="3"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/burger_illustration_2.png" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">VEGGIE OPTIONS</span></h4></div><div class="btSubTitle">Water spinach arugula pea tatsoi aubergine spring onion.</div></header><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-3 col-sm-6 col-ms-12 btTextCenter inherit" data-width="3"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/burger_illustration_3.png" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">MILKSHAKES</span></h4></div><div class="btSubTitle">Dandelion zucchini burdock yarrow chickpea dandelion sorrel.</div></header><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-3 col-sm-6 col-ms-12 btTextCenter inherit" data-width="3"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/burger_illustration_4.png" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">DESSERTS</span></h4></div><div class="btSubTitle">Chickweed okra pea winter purslane coriander yarrow sweet.</div></header><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div></div></div></div></div></div></div></div></section><section id="bt_section5abab4876d285" class="boldSection btFrame topSpaced bottomSemiSpaced gutter boxed inherit" ><div class="port"><div class="boldCell"><div class="boldCellInner"><div class="boldRow " ><div class="boldRowInner"><div class="rowItem col-md-12 col-ms-12 btTextCenter animate animate-fadein inherit" data-width="12"><div class="rowItemContent" ><header class="header btClear extralarge bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>TASTY & CRUNCHY</span></div><div class="dash"><h1><span class="headline">Choose & enjoy</span></h1></div><div class="btSubTitle">Inspired by recipes and creations of world’s best chefs</div></header><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div></div></div><div class="boldRow btDoubleRowSpacing" ><div class="boldRowInner"><div class="rowItem col-md-4 col-ms-12 btTextCenter animate animate-fadein inherit" data-width="4"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_1-320x320.jpg" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">BEEF BURGERS</span></h4></div><div class="btSubTitle">Beetroot water spinach okra water chestnut ricebean pea.</div></header><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-4 col-ms-12 btTextCenter animate animate-fadein inherit" data-width="4"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_2-320x320.jpg" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">CHICKEN BURGERS</span></h4></div><div class="btSubTitle">Water spinach arugula pea tatsoi aubergine spring onion.</div></header><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-4 col-ms-12 btTextCenter animate animate-fadein inherit" data-width="4"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_3-320x320.jpg" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">VEGAN OPTIONS</span></h4></div><div class="btSubTitle">Dandelion zucchini burdock yarrow chickpea dandelion sorrel.</div></header><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div></div></div><div class="boldRow btDoubleRowSpacing" ><div class="boldRowInner"><div class="rowItem col-md-4 col-ms-12 btTextCenter animate animate-fadein inherit" data-width="4"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_4-320x320.jpg" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">SALADS & WRAPS</span></h4></div><div class="btSubTitle">Water spinach arugula pea tatsoi aubergine spring onion.</div></header><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-4 col-ms-12 btTextCenter animate animate-fadein inherit" data-width="4"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_5-320x320.jpg" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">FRENCH FRIES</span></h4></div><div class="btSubTitle">Dandelion zucchini burdock yarrow chickpea dandelion sorrel.</div></header><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-4 col-ms-12 btTextCenter animate animate-fadein inherit" data-width="4"><div class="rowItemContent" ><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_6-320x320.jpg" alt="" title=""></div></div><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><header class="header btClear small bold btAccentBackgroundSuperheadline" ><div class="dash"><h4><span class="headline">GREAT DESSERTS</span></h4></div><div class="btSubTitle">Chickweed okra pea winter purslane coriander yarrow sweet.</div></header><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div></div></div><div class="boldRow " ><div class="boldRowInner"><div class="rowItem col-md-12 col-ms-12 btTextCenter animate animate-fadein inherit" data-width="12"><div class="rowItemContent" ><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><a href="http://fast-food.bold-themes.com/main-demo/about-us/our-menu/" class="btBtn btBtn btnOutlineStyle btnAccentColor btnMedium btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">VIEW OUR FULL MENU</span></a></div></div></div></div></div></div></div></section><section id="bt_section5abab4877248d" class="boldSection btDarkSkin inherit" ><div class="port"><div class="boldCell"><div class="boldCellInner"><div class="boldRow btDoubleRowSpacing" style="border-bottom: 6px solid white;"><div class="boldRowInner"><div class="rowItem col-md-6 col-sm-12 btTextLeft btMiddleVertical wBackground cover" style="background-image: url(http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/cell-background-burger-left-1.jpg);" data-width="6"><div class="rowItemContent" ><div class="btClear btSeparator topSpaced noBorder" ><hr></div><div class="boldRow btInnerRowKeepHalfWidth" ><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-12 btTextLeft" ><div class="rowItemContent"><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>NEW</span></div><div class="dash"><h2><span class="headline">FARMHOUSE BURGER</span></h2></div><div class="btSubTitle">This burger’s name explains itself. Of course, you can also top it with crisp lettuce, tomatoes, ketchup, barbecue sauce and anything else.</div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><header class="header btClear large bold" ><div class="dash"><h2><span class="headline">$2.49 <del class="animate">$2.99</del></span></h2></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnNormalColor btnSmall btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a></div></div></div></div><div class="btClear btSeparator topSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-6 col-sm-12 btTextLeft btMiddleVertical wBackground cover" style="border-left: 6px solid white;background-image: url(http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/cell-background-burger-right-1.jpg);" data-width="6"><div class="rowItemContent" ><div class="btClear btSeparator topSpaced noBorder" ><hr></div><div class="boldRow btInnerRowKeepHalfWidth" style="float: left;"><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-12 btTextLeft" ><div class="rowItemContent"><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>NEW</span></div><div class="dash"><h2><span class="headline">QUINOA & BLACK BEAN BURGER</span></h2></div><div class="btSubTitle">We can’t think of a better way to celebrate summer than with these omg-worthy hamburgers. Plus, try our over-the-top creative cheeseburgers.</div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><header class="header btClear large bold" ><div class="dash"><h2><span class="headline">$3.99</span></h2></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnNormalColor btnSmall btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a></div></div></div></div><div class="btClear btSeparator topSpaced noBorder" ><hr></div></div></div></div></div><div class="boldRow btDoubleRowSpacing" style="border-bottom: 6px solid white;"><div class="boldRowInner"><div class="rowItem col-md-6 col-sm-12 btTextLeft btMiddleVertical wBackground cover" style="background-image: url(http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/cell-background-burger-left-2.jpg);" data-width="6"><div class="rowItemContent" ><div class="btClear btSeparator topSpaced noBorder" ><hr></div><div class="boldRow btInnerRowKeepHalfWidth" ><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-12 btTextLeft" ><div class="rowItemContent"><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>NEW</span></div><div class="dash"><h2><span class="headline">CHOCOLATE
<br>MILKSHAKE</span></h2></div><div class="btSubTitle">Milkshakes always taste good if you are a chocolate lover. You can throw one together with a cream or experiment with all kinds of extra flavors.</div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><header class="header btClear large bold" ><div class="dash"><h2><span class="headline">$2.49</span></h2></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnNormalColor btnSmall btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a></div></div></div></div><div class="btClear btSeparator topSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-6 col-sm-12 btTextLeft btMiddleVertical wBackground cover" style="border-left: 6px solid white;background-image: url(http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/cell-background-burger-right-2.jpg);" data-width="6"><div class="rowItemContent" ><div class="btClear btSeparator topSpaced noBorder" ><hr></div><div class="boldRow btInnerRowKeepHalfWidth" style="float: left;"><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-12 btTextLeft" ><div class="rowItemContent"><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>NEW</span></div><div class="dash"><h2><span class="headline">STANDARD BURGER
<br>MEAL</span></h2></div><div class="btSubTitle">These incredible burger meal offer a unique twist to the classic hamburger, incorporating ingredients like pimento cheese and sesame.</div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><header class="header btClear large bold" ><div class="dash"><h2><span class="headline">$4.99 <del class="animate">$5.99</del></span></h2></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnNormalColor btnSmall btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a></div></div></div></div><div class="btClear btSeparator topSpaced noBorder" ><hr></div></div></div></div></div><div class="boldRow btDoubleRowSpacing" style="border-bottom: 6px solid white;"><div class="boldRowInner"><div class="rowItem col-md-6 col-sm-12 btTextLeft btMiddleVertical wBackground cover" style="background-image: url(http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/cell-background-burger-left-3.jpg);" data-width="6"><div class="rowItemContent" ><div class="btClear btSeparator topSpaced noBorder" ><hr></div><div class="boldRow btInnerRowKeepHalfWidth" ><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-12 btTextLeft" ><div class="rowItemContent"><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>NEW</span></div><div class="dash"><h2><span class="headline">CHECKOUT OUR
<br>CATERING MENU</span></h2></div><div class="btSubTitle">Throwing the party is never been easier. Order now and let us spice up your party. Burger meals, french fries and cheeseburgers will cheer up your friends.</div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><header class="header btClear large bold" ><div class="dash"><h2><span class="headline">$13.99</span></h2></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnNormalColor btnSmall btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a></div></div></div></div><div class="btClear btSeparator topSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-6 col-sm-12 btTextLeft btMiddleVertical wBackground cover" style="border-left: 6px solid white;background-image: url(http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/cell-background-burger-right-3.jpg);" data-width="6"><div class="rowItemContent" ><div class="btClear btSeparator topSpaced noBorder" ><hr></div><div class="boldRow btInnerRowKeepHalfWidth" style="float: left;"><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-12 btTextLeft" ><div class="rowItemContent"><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>NEW</span></div><div class="dash"><h2><span class="headline">HOW TO MAKE A
<br>PERFECT BURGER</span></h2></div><div class="btSubTitle">We will tell you a little secret. Mixing best quality steak and pork and serves them on homemade herb-butter rolls is the best version we know.</div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><header class="header btClear large bold" ><div class="dash"><h2><span class="headline"><b class="animate">$5.99</b></span></h2></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnNormalColor btnSmall btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a></div></div></div></div><div class="btClear btSeparator topSpaced noBorder" ><hr></div></div></div></div></div></div></div></div></section><section id="bt_section5abab48779dbd" class="boldSection topSpaced bottomSpaced btLightSkin inherit" ><div class="port"><div class="boldCell"><div class="boldCellInner"><div class="boldRow " ><div class="boldRowInner"><div class="rowItem col-md-12 col-ms-12 btTextLeft" data-width="12"><div class="rowItemContent" ><div class="slided autoSliderHeight btSliderHidePaging" data-simple_arrows="no"><div class="slidedItem firstItem" data-thumb=""><div class="btSliderPort wBackground cover" style="background-image: url('')"><div class="btSliderCell" data-slick="yes"><div class="btSlideGutter"><div class="btSlidePane"><div class="boldRow btNoRowSpacing" ><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-6 btTextLeft inherit btDoublePadding" ><div class="rowItemContent"><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_3-640x640.jpg" alt="" title=""></div></div></div></div><div class="rowItem rowInnerItem col-sm-6 btTextLeft btMiddleVertical" ><div class="rowItemContent"><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>ONLY $4.99</span></div><div class="dash"><h2><span class="headline">QUINOA & BLACK
<br>BEAN BURGER</span></h2></div><div class="btSubTitle">We can’t think of a better way to celebrate summer
<br>than with these omg-worthy hamburgers.</div></header><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnAccentColor btnMedium btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div></div></div></div></div></div></div></div><div class="slidedItem firstItem" data-thumb=""><div class="btSliderPort wBackground cover" style="background-image: url('')"><div class="btSliderCell" data-slick="yes"><div class="btSlideGutter"><div class="btSlidePane"><div class="boldRow btNoRowSpacing" ><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-6 btTextLeft inherit btDoublePadding" ><div class="rowItemContent"><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_2-640x640.jpg" alt="" title=""></div></div></div></div><div class="rowItem rowInnerItem col-sm-6 btTextLeft btMiddleVertical" ><div class="rowItemContent"><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>GREAT CHOICE</span></div><div class="dash"><h2><span class="headline">FARMHOUSE BURGER</span></h2></div><div class="btSubTitle">This burger’s name explains itself. Of course, you can also top it with crisp lettuce, tomatoes and anything else.</div></header><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnAccentColor btnMedium btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div></div></div></div></div></div></div></div><div class="slidedItem firstItem" data-thumb=""><div class="btSliderPort wBackground cover" style="background-image: url('')"><div class="btSliderCell" data-slick="yes"><div class="btSlideGutter"><div class="btSlidePane"><div class="boldRow btNoRowSpacing" ><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-6 btTextLeft inherit btDoublePadding" ><div class="rowItemContent"><div class="bpgPhoto btDefaultHoverType" ><div class="btImage"><img src="http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/inner_burger_4-640x640.jpg" alt="" title=""></div></div></div></div><div class="rowItem rowInnerItem col-sm-6 btTextLeft btMiddleVertical" ><div class="rowItemContent"><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div><header class="header btClear large bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>NEW</span></div><div class="dash"><h2><span class="headline">STANDARD
<br>CEASAR SALAD</span></h2></div><div class="btSubTitle">A great Caesar salad gets its swagger from a great dressing
<br>whose recipe we use for decades.</div></header><div class="btClear btSeparator topSmallSpaced bottomSmallSpaced noBorder" ><hr></div><a href="#" class="btBtn btBtn btnOutlineStyle btnAccentColor btnMedium btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">ORDER NOW</span></a><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></section></div> </div><!-- /boldthemes_content -->
</div><!-- /contentHolder -->
</div><!-- /contentWrap -->
<div class="bt_bb_wrapper"><section id="bt_section5abab487812c1" class="boldSection btDarkSkin inherit" ><div class="port"><div class="boldCell"><div class="boldCellInner"><div class="boldRow " ><div class="boldRowInner"><div class="rowItem col-md-6 col-sm-12 btTextLeft btMiddleVertical" data-width="6"><div class="rowItemContent" ><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div><div class="boldRow btInnerRowKeepHalfWidth" ><div class="boldRowInner"><div class="rowItem rowInnerItem col-sm-12 btTextLeft" ><div class="rowItemContent"><header class="header btClear medium bold btAccentBackgroundSuperheadline" ><div class="btSuperTitle"><span>CALL US</span></div><div class="dash"><h3><span class="headline">+1-202-555-016</span></h3></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><div class="servicesItem btIcoAccentColorIcon btIcoBigSizeIcon "><div class="sIcon"><span class="btIco btIcoBigSize btIcoDefaultType btIcoAccentColor btIconCircleShape"><span data-ico-s7="" class="btIcoHolder"></span></span></div><div class="sTxt"><header class="header btClear small" ><div class="dash"></div><div class="btSubTitle">mon-thu: 11.00 – 23.00
<br />sat: 12.00 – 23.00
<br />sun: 12.00 – 21.00</div></header></div></div><div class="btClear btSeparator topExtraSmallSpaced noBorder" ><hr></div><div class="servicesItem btIcoAccentColorIcon btIcoBigSizeIcon "><div class="sIcon"><span class="btIco btIcoBigSize btIcoDefaultType btIcoAccentColor btIconCircleShape"><span data-ico-s7="" class="btIcoHolder"></span></span></div><div class="sTxt"><header class="header btClear small" ><div class="dash"></div><div class="btSubTitle">60 East 65th Street
<br />New York City
<br />NY 10065</div></header></div></div><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div><span class="btIco btIcoFilledType btIcoMediumSize btIcoDefaultColor btIconSquareShape"><span data-ico-fa="" class="btIcoHolder"></span></span><span class="btIco btIcoFilledType btIcoMediumSize btIcoDefaultColor btIconSquareShape"><span data-ico-fa="" class="btIcoHolder"></span></span><span class="btIco btIcoFilledType btIcoMediumSize btIcoDefaultColor btIconSquareShape"><span data-ico-fa="" class="btIcoHolder"></span></span><span class="btIco btIcoFilledType btIcoMediumSize btIcoDefaultColor btIconSquareShape"><span data-ico-fa="" class="btIcoHolder"></span></span></div></div></div></div><div class="btClear btSeparator topSemiSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-6 col-sm-12 btTextLeft" data-width="6"><div class="rowItemContent" >
<div class="btGoogleMapsWrapper gutter"><div class="btGoogleMapsContainer " id="map_canvas5abab48782798" style="height:500px;;" ></div></div>
<script type="text/javascript">
jQuery( document ).ready(function() {
bt_gmap_init( map_canvas5abab48782798, 47.604031, -122.335474, 13, "http://fast-food.bold-themes.com/main-demo/wp-content/uploads/sites/2/2017/01/pin_dark_red.png", "", "", "", "W3siZmVhdHVyZVR5cGUiOiJ3YXRlciIsImVsZW1lbnRUeXBlIjoiZ2VvbWV0cnkiLCJzdHlsZXJzIjpbeyJjb2xvciI6IiNlOWU5ZTkifSx7ImxpZ2h0bmVzcyI6MTd9XX0seyJmZWF0dXJlVHlwZSI6ImxhbmRzY2FwZSIsImVsZW1lbnRUeXBlIjoiZ2VvbWV0cnkiLCJzdHlsZXJzIjpbeyJjb2xvciI6IiNmNWY1ZjUifSx7ImxpZ2h0bmVzcyI6MjB9XX0seyJmZWF0dXJlVHlwZSI6InJvYWQuaGlnaHdheSIsImVsZW1lbnRUeXBlIjoiZ2VvbWV0cnkuZmlsbCIsInN0eWxlcnMiOlt7ImNvbG9yIjoiI2ZmZmZmZiJ9LHsibGlnaHRuZXNzIjoxN31dfSx7ImZlYXR1cmVUeXBlIjoicm9hZC5oaWdod2F5IiwiZWxlbWVudFR5cGUiOiJnZW9tZXRyeS5zdHJva2UiLCJzdHlsZXJzIjpbeyJjb2xvciI6IiNmZmZmZmYifSx7ImxpZ2h0bmVzcyI6Mjl9LHsid2VpZ2h0IjowLjJ9XX0seyJmZWF0dXJlVHlwZSI6InJvYWQuYXJ0ZXJpYWwiLCJlbGVtZW50VHlwZSI6Imdlb21ldHJ5Iiwic3R5bGVycyI6W3siY29sb3IiOiIjZmZmZmZmIn0seyJsaWdodG5lc3MiOjE4fV19LHsiZmVhdHVyZVR5cGUiOiJyb2FkLmxvY2FsIiwiZWxlbWVudFR5cGUiOiJnZW9tZXRyeSIsInN0eWxlcnMiOlt7ImNvbG9yIjoiI2ZmZmZmZiJ9LHsibGlnaHRuZXNzIjoxNn1dfSx7ImZlYXR1cmVUeXBlIjoicG9pIiwiZWxlbWVudFR5cGUiOiJnZW9tZXRyeSIsInN0eWxlcnMiOlt7ImNvbG9yIjoiI2Y1ZjVmNSJ9LHsibGlnaHRuZXNzIjoyMX1dfSx7ImZlYXR1cmVUeXBlIjoicG9pLnBhcmsiLCJlbGVtZW50VHlwZSI6Imdlb21ldHJ5Iiwic3R5bGVycyI6W3siY29sb3IiOiIjZGVkZWRlIn0seyJsaWdodG5lc3MiOjIxfV19LHsiZWxlbWVudFR5cGUiOiJsYWJlbHMudGV4dC5zdHJva2UiLCJzdHlsZXJzIjpbeyJ2aXNpYmlsaXR5Ijoib24ifSx7ImNvbG9yIjoiI2ZmZmZmZiJ9LHsibGlnaHRuZXNzIjoxNn1dfSx7ImVsZW1lbnRUeXBlIjoibGFiZWxzLnRleHQuZmlsbCIsInN0eWxlcnMiOlt7InNhdHVyYXRpb24iOjM2fSx7ImNvbG9yIjoiIzMzMzMzMyJ9LHsibGlnaHRuZXNzIjo0MH1dfSx7ImVsZW1lbnRUeXBlIjoibGFiZWxzLmljb24iLCJzdHlsZXJzIjpbeyJ2aXNpYmlsaXR5Ijoib2ZmIn1dfSx7ImZlYXR1cmVUeXBlIjoidHJhbnNpdCIsImVsZW1lbnRUeXBlIjoiZ2VvbWV0cnkiLCJzdHlsZXJzIjpbeyJjb2xvciI6IiNmMmYyZjIifSx7ImxpZ2h0bmVzcyI6MTl9XX0seyJmZWF0dXJlVHlwZSI6ImFkbWluaXN0cmF0aXZlIiwiZWxlbWVudFR5cGUiOiJnZW9tZXRyeS5maWxsIiwic3R5bGVycyI6W3siY29sb3IiOiIjZmVmZWZlIn0seyJsaWdodG5lc3MiOjIwfV19LHsiZmVhdHVyZVR5cGUiOiJhZG1pbmlzdHJhdGl2ZSIsImVsZW1lbnRUeXBlIjoiZ2VvbWV0cnkuc3Ryb2tlIiwic3R5bGVycyI6W3siY29sb3IiOiIjZmVmZWZlIn0seyJsaWdodG5lc3MiOjE3fSx7IndlaWdodCI6MS4yfV19XQ==" );
});
</script>
</div></div></div></div></div></div></div></section><section id="bt_section5abab48782c7e" class="boldSection topSemiSpaced bottomSmallSpaced btDarkSkin btAccentColorBackground gutter boxed inherit" ><div class="port"><div class="boldCell"><div class="boldCellInner"><div class="boldRow " ><div class="boldRowInner"><div class="rowItem col-md-9 col-ms-12 btTextLeft inherit" data-width="9"><div class="rowItemContent" ><header class="header btClear medium bold" ><div class="dash"><h3><span class="headline">DOWNLOAD OUR MENU</span></h3></div></header><div class="btClear btSeparator topSmallSpaced noBorder" ><hr></div></div></div><div class="rowItem col-md-3 col-sm-6 col-ms-12 btTextLeft btMiddleVertical" data-width="3"><div class="rowItemContent" ><a href="#" class="btBtn btBtn btnOutlineStyle btnNormalColor btnMedium btnNormalWidth btnRightPosition btnNoIcon" ><span class="btnInnerText">DOWNLOAD</span></a><div class="btClear btSeparator topSmallSpaced bottomExtraSmallSpaced noBorder" ><hr></div></div></div></div></div><div class="boldRow " ><div class="boldRowInner"></div></div></div></div></div></section></div><footer> <section class="boldSection gutter btSiteFooter btGutter">
<div class="port">
<div class="boldRow">
<div class="rowItem btFooterCopy col-md-6 col-sm-12 btTextLeft">
<p class="copyLine">Copyright Bold Themes 2017.</p> </div><!-- /copy -->
<div class="rowItem btFooterMenu col-md-6 col-sm-12 btTextRight">
<ul id="menu-primary-menu-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-3501"><a href="http://fast-food.bold-themes.com/main-demo/">Home</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3421"><a href="#">Pages</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3422"><a href="#">Our offer</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3415"><a href="#">Galleries</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3424"><a href="http://fast-food.bold-themes.com/main-demo/blog/">Blog</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3426"><a href="http://fast-food.bold-themes.com/main-demo/shop/">Shop</a></li>
</ul> </div>
</div><!-- /boldRow -->
</div><!-- /port -->
</section>
</footer>
</div><!-- /pageWrap -->
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-includes/js/comment-reply.min.js?ver=4.8.5'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"http:\/\/fast-food.bold-themes.com\/main-demo\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}};
/* ]]> */
</script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/visualizer/js/lib/clipboardjs/clipboard.min.js?ver=3.0.0'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"\/main-demo\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/main-demo\/home-landing\/home-burgers\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"http:\/\/fast-food.bold-themes.com\/main-demo\/shop\/cart\/","is_cart":"","cart_redirect_after_add":"no"};
/* ]]> */
</script>
<script type='text/javascript' src='//fast-food.bold-themes.com/main-demo/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=3.1.2'></script>
<script type='text/javascript' src='//fast-food.bold-themes.com/main-demo/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70'></script>
<script type='text/javascript' src='//fast-food.bold-themes.com/main-demo/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var woocommerce_params = {"ajax_url":"\/main-demo\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/main-demo\/home-landing\/home-burgers\/?wc-ajax=%%endpoint%%"};
/* ]]> */
</script>
<script type='text/javascript' src='//fast-food.bold-themes.com/main-demo/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=3.1.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var wc_cart_fragments_params = {"ajax_url":"\/main-demo\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/main-demo\/home-landing\/home-burgers\/?wc-ajax=%%endpoint%%","fragment_name":"wc_fragments_6219af351f1bc5c7efc8882518371401"};
/* ]]> */
</script>
<script type='text/javascript' src='//fast-food.bold-themes.com/main-demo/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=3.1.2'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/viewport-units-buggyfill.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/slick.min.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/jquery.magnific-popup.min.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/iscroll.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/fancySelect.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/viewport-units-buggyfill.hacks.js?ver=4.8.5'></script>
<script type='text/javascript'>
window.viewportUnitsBuggyfill.init({
// milliseconds to delay between updates of viewport-units
// caused by orientationchange, pageshow, resize events
refreshDebounceWait: 250,
// provide hacks plugin to make the contentHack property work correctly.
hacks: window.viewportUnitsBuggyfillHacks
});
</script>
<script type='text/javascript'>
window.BoldThemesURI = "http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food"; window.BoldThemesAJAXURL = "http://fast-food.bold-themes.com/main-demo/wp-admin/admin-ajax.php";window.boldthemes_text = [];window.boldthemes_text.previous = 'previous';window.boldthemes_text.next = 'next';
</script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/header.misc.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/misc.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/dir.hover.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/sliders.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/themes/fast-food/framework/js/bt_parallax.js?ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-includes/js/wp-embed.min.js?ver=4.8.5'></script>
<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?v&sensor=false&ver=4.8.5'></script>
<script type='text/javascript' src='http://fast-food.bold-themes.com/main-demo/wp-content/plugins/fast-food/bt_gmap.js?ver=4.8.5'></script>
</body>
</html>@charset "UTF-8";
/*
Theme Name: Fast Food
Theme URI: http://fast-food.bold-themes.com
Description: Responsive theme.
Version: 1.0.0
Author: BoldThemes
Author URI: http://bold-themes.com
Tags: one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: fast-food
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
All PHP code is released under the GNU General Public Licence version 3.0
All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License
[Table of contents]
1. Base
2. Typography
3. Bootstrap grid
4. Bold themes grid
5. Template
6. Header
7. Footer
8. Post
9. Widgets
10. Elements
11. Animations
12. Woocommerce
13. Cost calculator
14. Screens
15. Typography screens
15. Woocommerce screens
16. RTLs
17. Fixes
18. Settings panel
*/
/* FontAwesome (http://fontawesome.io/icons/) */
@font-face {
font-family: 'FontAwesome';
src: url(fonts/fontawesome-webfont.eot?v=4.3.0);
src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
/* 7-stroke (http://themes-pixeden.com/font-demos/7-stroke/index.html) */
@font-face {
font-family: 'Icon7Stroke';
src: url(fonts/Pe-icon-7-stroke.eot?d7yf1v);
src: url(fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');
font-weight: normal;
font-style: normal;
}
/* Weather icons */
@font-face {
font-family: 'WeatherIcons';
src: url(fonts/weathericons-regular-webfont.eot);
src: url(fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/weathericons-regular-webfont.woff2) format('woff2'),url(fonts/weathericons-regular-webfont.woff) format('woff'),url(fonts/weathericons-regular-webfont.ttf) format('truetype'),url(fonts/weathericons-regular-webfont.svg#weather_iconsregular) format('svg');
font-weight: normal;
font-style: normal;
}
/* Custom icons */
@font-face {
font-family: 'CustomDesignSet';
src: url(fonts/CustomDesignSet.ttf?uo8kwk) format('truetype'),url(fonts/CustomDesignSet.woff?uo8kwk) format('woff'),url(fonts/CustomDesignSet.svg?uo8kwk#CustomDesignSet) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CustomEssentialSet';
src: url(fonts/CraftEssential.ttf?uo8kwk) format('truetype'),url(fonts/CraftEssential.woff?uo8kwk) format('woff'),url(fonts/CraftEssential.svg?uo8kwk#CustomEssentialSet) format('svg');
font-weight: normal;
font-style: normal;
}
/*@font-face {
font-family: 'CustomProductivitySet';
src:
url('../fonts/Productivity.ttf?uo8kwk') format('truetype'),
url('../fonts/Productivity.woff?uo8kwk') format('woff'),
url('../fonts/Productivity.svg?uo8kwk#CustomProductivitySet') format('svg');
font-weight: normal;
font-style: normal;
}*/
@font-face {
font-family: 'CustomBusinessSet';
src: url(fonts/Business.ttf?uo8kwk) format('truetype'),url(fonts/Business.woff?uo8kwk) format('woff'),url(fonts/Business.svg?uo8kwk#CustomBusinessSet) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CustomDevelopmentSet';
src: url(fonts/Development.ttf?uo8kwk) format('truetype'),url(fonts/Development.woff?uo8kwk) format('woff'),url(fonts/Development.svg?uo8kwk#CustomDevelopmentSet) format('svg');
font-weight: normal;
font-style: normal;
}
/*@font-face {
font-family: 'CustomConstructionSet';
src:
url('../fonts/Construction.ttf?uo8kwk') format('truetype'),
url('../fonts/Construction.woff?uo8kwk') format('woff'),
url('../fonts/Construction.svg?uo8kwk#CustomConstructionSet') format('svg');
font-weight: normal;
font-style: normal;
}*/
/*@font-face {
font-family: 'CustomTransportationSet';
src:
url('../fonts/Transportation.ttf?uo8kwk') format('truetype'),
url('../fonts/Transportation.woff?uo8kwk') format('woff'),
url('../fonts/Transportation.svg?uo8kwk#CustomTransportationSet') format('svg');
font-weight: normal;
font-style: normal;
}*/
/*@font-face {
font-family: 'CustomScienceSet';
src:
url('../fonts/Science.ttf?uo8kwk') format('truetype'),
url('../fonts/Science.woff?uo8kwk') format('woff'),
url('../fonts/Science.svg?uo8kwk#CustomScienceSet') format('svg');
font-weight: normal;
font-style: normal;
}*/
/* Coffee Shop */
@font-face {
font-family: 'coffee-shop';
src: url(fonts/coffee-shop.ttf?4ci1u) format('truetype'),url(fonts/coffee-shop.woff?4ci1u) format('woff'),url(fonts/coffee-shop.svg?4ci1u#coffee-shop) format('svg');
font-weight: normal;
font-style: normal;
}
/* Gastronomy Collection */
@font-face {
font-family: 'gastronomy-collection';
src: url(fonts/gastronomy-collection.ttf?ekev2d) format('truetype'),url(fonts/gastronomy-collection.woff?ekev2d) format('woff'),url(fonts/gastronomy-collection.svg?ekev2d#gastronomy-collection) format('svg');
font-weight: normal;
font-style: normal;
}
/* Hotel Services */
@font-face {
font-family: 'hotel-services';
src: url(fonts/hotel-services.ttf?acbqof) format('truetype'),url(fonts/hotel-services.woff?acbqof) format('woff'),url(fonts/hotel-services.svg?acbqof#hotel-services) format('svg');
font-weight: normal;
font-style: normal;
}
/* Restaurant Elements */
@font-face {
font-family: 'restaurant-elements';
src: url(fonts/restaurant-elements.ttf?arbweu) format('truetype'),url(fonts/restaurant-elements.woff?arbweu) format('woff'),url(fonts/restaurant-elements.svg?arbweu#restaurant-elements) format('svg');
font-weight: normal;
font-style: normal;
}
/* Celebration Elements */
@font-face {
font-family: 'CelebrationSet';
src: url(fonts/CelebrationSet.ttf?arbweu) format('truetype'),url(fonts/CelebrationSet.woff?arbweu) format('woff'),url(fonts/rCelebrationSet.svg?arbweu#CelebrationSet) format('svg');
font-weight: normal;
font-style: normal;
}
font-smoothing: antialiased;osx-font-smoothing: grayscale;/* Variables */
// Base gutter width // Headline fond // Headline supertitle font // Headline subtitle font // Headline fond // Base font // Base font // Base font size // Base font color // Base headline color // Base bg color // Base border color // Sub bg color // Base font color // Base headline color // Base bg color // Base border color // Sub bg color // Main color // Dark main color // Darker main color // Very darker main color // Light main color // Secondary color // Dark secondary color // Darker secondary color // Light secondary color // Sidebar width (%) // Padding between sidebar and sontent // Left and right page padding for boxed content // Top and bottom padding between content elements (base value) // RowItem padding // Default spacing in grid gallery // Defines logo height and menu line height Defines menu height whwn below menu // Top and bottom padding of the whole horizontal menu (px) // Padding between horizontal menu elements (px) // Width of the vertical menu (px) // dropdown width (px) // Base font size // Small icon size // Small icon size // Small icon size // Small icon size // Small icon size // Soft border radius // Soft border radius/* Aliases */
/* Reset */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
audio,
canvas,
video {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
*:focus,
* {
outline: none;
outline: 0;
}
.touch * {
tap-highlight-color: rgba(0,0,0,0);
focus-ring-color: rgba(0,0,0,0);
}
button::focus-inner {
border: 0;
}
audio:not([controls]) {
display: none;
height: 0;
}
html,
body {
margin: 0;
padding: 0;
}
*,
*:after,
*:before {
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
background-repeat: no-repeat;
}
/* FloatClears */
.btClear:after,
.mainHeader:after,
.menuHolder .port:after,
.topBarPort:after,
.boldSiteFooter:before,
.boldSiteFooter:after,
.boldSiteFooter .port:after,
.contentWrap:after,
.contentHolder:after,
.btBox:after,
.boldSection .port:after,
.header:after,
.boldRow:after,
.socialRow:before,
.socialRow:after,
.servicesItem .sIcon:after,
.boldSection:before,
.boldSection:after,
.psCats:after,
.psWrap:after,
.btTabs:after,
.tabsHeader:after,
.articleListItem footer:after,
.btPagination:after,
.boldArticleBody blockquote:after,
.tilesWall.classic .bgiTxt:after,
.btQuoteItem:after,
.boldArticleHeader .socialRow:before,
.tagcloud:after,
.btInstaGrid:after,
.rowItemContent:after,
.widget_shopping_cart .total:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px,1px,1px,1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Form elements */
select,
input {
font-family: Open Sans;
}
input:not([type='checkbox']):not([type='radio']),
button {
appearance: none;
}
input[type='submit'],
button {
cursor: pointer;
}
input:not([type='checkbox']):not([type='radio']),
textarea,
select {
outline: none;
font: inherit;
width: 100%;
max-width: 100%;
background: transparent;
line-height: 1;
font-size: .8em;
display: block;
padding: .8em;
background: transparent;
border-radius: 0;
}
.btTextRight input:not([type='checkbox']):not([type='radio']),
.btTextRight textarea,
.btTextRight select {
text-align: right;
}
input:not([type='checkbox']):not([type='radio']),
select {
height: 3.2em;
}
.btHardRoundedButtons input:not([type='checkbox']):not([type='radio']),
.btHardRoundedButtons a.select2-choice {
border-radius: 50px;
}
.btSoftRoundedButtons input:not([type='checkbox']):not([type='radio']),
.btSoftRoundedButtons a.select2-choice {
border-radius: 3px;
}
textarea,
select {
padding-left: 20px;
padding-right: 20px;
}
.btHardRoundedButtons textarea,
.btHardRoundedButtons select {
border-radius: 50px;
}
.btSoftRoundedButtons textarea,
.btSoftRoundedButtons select {
border-radius: 3px;
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus,
textarea:focus {
box-shadow: 0 0 4px 0 #FF0000;
box-shadow: 0 0 4px 0 #FF0000;
border: 1px solid #333;
transition: all 500ms ease;
transition: all 500ms ease;
transition: all 500ms ease;
}
textarea {
resize: vertical;
line-height: inherit;
}
button {
font: inherit;
}
.btDarkSkin input[type="text"]:focus,
.btLightSkin .btDarkSkin input[type="text"]:focus,
.btDarkSkin.btLightSkin .btDarkSkin input[type="text"]:focus,
.btDarkSkin input[type="password"]:focus,
.btLightSkin .btDarkSkin input[type="password"]:focus,
.btDarkSkin.btLightSkin .btDarkSkin input[type="password"]:focus,
.btDarkSkin input[type="email"]:focus,
.btLightSkin .btDarkSkin input[type="email"]:focus,
.btDarkSkin.btLightSkin .btDarkSkin input[type="email"]:focus,
.btDarkSkin textarea:focus,
.btLightSkin .btDarkSkin textarea:focus,
.btDarkSkin.btLightSkin .btDarkSkin textarea:focus {
border: 1px solid #fff;
}
/* Texts */
figure,
img,
embed,
iframe {
max-width: 100%;
height: auto;
}
pre code {
display: block;
}
pre {
overflow: hidden;
}
.btContentHolder pre {
margin: 0 0 30px;
white-space: pre-wrap;
padding: 20px;
border: 1px solid rgba(0,0,0,.15);
}
/* Href */
a {
text-decoration: none;
transition: color 300ms ease;
transition: color 300ms ease;
transition: color 300ms ease;
}
.btLightSkin a,
.btDarkSkin .btLightSkin a,
.btLightSkin .btDarkSkin .btLightSkin a {
color: #262626;
}
.btDarkSkin a,
.btLightSkin .btDarkSkin a,
.btDarkSkin.btLightSkin .btDarkSkin a {
color: #fff;
}
html a:hover,
.btLightSkin a:hover,
.btDarkSkin .btLightSkin a:hover,
.btLightSkin .btDarkSkin .btLightSkin a:hover,
.btDarkSkin a:hover,
.btLightSkin .btDarkSkin a:hover,
.btDarkSkin.btLightSkin .btDarkSkin a:hover {
text-decoration: none;
color: #FF0000;
}
a img {
border: none;
}
a,
a:active,
a:focus {
outline: none;
}
/* Base typography */
p,
dl,
address,
cite {
margin: 0 0 1em;
}
ul,
ol,
li {
margin: 0 0 20px 5px;
padding: 0 0 0 5px;
}
.btText li {
margin-left: 1em;
}
li,
ul ul,
ol ol {
margin-bottom: 0;
}
dt {
font-weight: 600;
display: inline;
padding-right: .75em;
}
dd {
display: inline;
}
dd p {
display: inline;
}
dd:after {
content: ' ';
display: table;
clear: both;
}
figcaption {
font-size: .8em;
}
/* Base font */
html,
body {
min-height: 100vh;
}
body:not(.btPageTransitions) {
min-height: 101vh;
}
html {
overflow-x: hidden;
}
body {
font-family: "Open Sans",Arial,sans-serif;
}
body {
font-size: 16px;
font-weight: 400;
line-height: 1.8;
background-size: cover;
background-attachment: fixed;
}
small {
font-size: 13px;
}
/* Blockquotes*/
.btContentHolder blockquote {
display: block;
padding: 0 0 20px 3.5em;
margin: 0;
font-size: 1.6em;
font-weight: 400;
line-height: 1.7em;
position: relative;
}
.btContentHolder blockquote:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.btContentHolder blockquote:before {
content: '\f10d';
color: rgba(0,0,0,.1);
font-family: FontAwesome;
display: block;
font-size: 5em;
line-height: 1;
position: absolute;
top: 0;
left: 0;
}
.btDarkSkin .btContentHolder blockquote:before,
.btLightSkin .btDarkSkin .btContentHolder blockquote:before,
.btDarkSkin.btLightSkin .btDarkSkin .btContentHolder blockquote:before {
color: rgba(255,255,255,.1);
}
.btContentHolder cite {
font-size: .6em;
font-style: normal;
text-align: right;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat";
font-weight: 800;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
padding: 0 0 .4em;
line-height: 1.3;
margin: 0;
}
h1 {
line-height: 1;
font-size: 3em;
}
h2 {
font-size: 2.4em;
line-height: 1;
}
h3 {
font-size: 2em;
}
h4 {
font-size: 1.6em;
}
h5 {
font-size: 1.4em;
}
h6 {
font-size: 1.2em;
}
/* Tables */
.btContentHolder table {
width: 100%;
margin: 0 0 1em;
border-collapse: collapse;
text-align: initial;
border: 1px solid rgba(0,0,0,.07);
}
.btContentHolder table td,
.btContentHolder table th {
padding: 1em;
border: 1px solid rgba(0,0,0,.07);
text-align: inherit;
}
.btContentHolder table td p:last-child,
.btContentHolder table th p:last-child {
margin-bottom: 0;
}
.btContentHolder table thead th {
font-weight: 700;
background-color: #FF0000;
color: white;
font-family: Montserrat;
}
-.col1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
position: relative;
}
@media (min-width: 768px) {
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
min-height: 1px;
}
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
@media (min-width: 480px) {
.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
float: left;
}
.col-ms-12 {
width: 100%;
}
.col-ms-11 {
width: 91.66666667%;
}
.col-ms-10 {
width: 83.33333333%;
}
.col-ms-9 {
width: 75%;
}
.col-ms-8 {
width: 66.66666667%;
}
.col-ms-7 {
width: 58.33333333%;
}
.col-ms-6 {
width: 50%;
}
.col-ms-5 {
width: 41.66666667%;
}
.col-ms-4 {
width: 33.33333333%;
}
.col-ms-3 {
width: 25%;
}
.col-ms-2 {
width: 16.66666667%;
}
.col-ms-1 {
width: 8.33333333%;
}
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.visible-xs,
.visible-ms,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
@media (max-width: 480px) {
.visible-xs {
display: block !important;
}
}
@media (min-width: 480px) and (max-width:767px) {
.visible-ms {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
}
@media (max-width: 480px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.hidden-ms {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
/* Grid elements base */
.gutter .port {
max-width: 1140px;
margin: auto;
}
.gutter.boxed-600 .port {
max-width: 540px;
}
.gutter.boxed-700 .port {
max-width: 640px;
}
.gutter.boxed-800 .port {
max-width: 740px;
}
.gutter.boxed-900 .port {
max-width: 840px;
}
.gutter.boxed-1000 .port {
max-width: 940px;
}
.gutter.boxed-1100 .port {
max-width: 1040px;
}
.gutter.boxed-1200 .port {
max-width: 1140px;
}
/* Divider */
.btDivider,
.btShadow {
box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
z-index: 1;
position: relative;
}
.btFrame,
.btFrameNoTopBorder {
border: 3em solid #f6f8fa;
border: 3em solid #f6f8fa;
}
.btDarkSkin .btFrame,
.btLightSkin .btDarkSkin .btFrame,
.btDarkSkin.btLightSkin .btDarkSkin .btFrame,
.btDarkSkin .btFrameNoTopBorder,
.btLightSkin .btDarkSkin .btFrameNoTopBorder,
.btDarkSkin.btLightSkin .btDarkSkin .btFrameNoTopBorder {
border-color: #06080a;
}
.btFrameNoTopBorder {
border-top: none;
}
/* Row and column */
.boldRow {
display: block;
margin: 0 -20px;
}
.boldRow.btNoRowSpacing {
margin: 0;
}
.boldRow.btDoubleRowSpacing {
margin: 0 -40px;
}
.boldRow.btTripleRowSpacing {
margin: 0 -60px;
}
.btScrollInfoRow {
position: absolute;
bottom: 40px;
width: 100%;
}
.rowItem {
padding: 0 20px;
}
.btNoRowSpacing > .boldRowInner > .rowItem {
padding: 0;
}
.btDoubleRowSpacing > .boldRowInner .rowItem {
padding: 0 40px;
}
.btTripleRowSpacing > .boldRowInner .rowItem {
padding: 0 60px;
}
.btLightSkin.rowItem,
.btDarkSkin .btLightSkin.rowItem,
.btLightSkin .btDarkSkin .btLightSkin.rowItem,
.btDarkSkin.rowItem,
.btLightSkin .btDarkSkin.rowItem,
.btDarkSkin.btLightSkin .btDarkSkin.rowItem {
background-color: transparent;
}
.rowItemContent {
position: relative;
width: 100%;
background-size: cover;
}
.btDoubleRowPadding .boldRow {
display: block;
margin: 0 -40px;
}
.btDoubleRowPadding .rowItem {
padding: 0 40px;
}
/* Vertical align should be removed om small screens. Otherwise it won't break into the new row */
@media (min-width: 768px) {
.btTableRow {
margin: 0 -20px;
}
.btTableRow > .boldRowInner {
display: flexbox;
display: flex;
display: flex;
align-items: stretch;
flex-align: stretch;
align-items: stretch;
}
.btTableRow > .boldRowInner > .rowItem {
display: flexbox;
display: flex;
display: flex;
align-items: center;
flex-align: center;
align-items: center;
}
.btTableRow > .boldRowInner > .rowItem.btMiddleVertical > .rowItemContent {
width: 100%;
}
.btTableRow > .boldRowInner > .rowItem.btTopVertical {
align-items: stretch;
flex-align: stretch;
align-items: stretch;
}
.btTableRow > .boldRowInner > .rowItem.btTopVertical > .rowItemContent {
width: 100%;
}
.btTableRow > .boldRowInner > .rowItem.btBottomVertical {
align-items: flex-end;
flex-align: end;
align-items: flex-end;
}
.btTableRow > .boldRowInner > .rowItem.btBottomVertical > .rowItemContent {
width: 100%;
}
/* Cell border, removed on c */
.rowItem.btLeftBorder {
border-left: 1px solid rgba(0,0,0,.15);
}
.rowItem.btLeftBorder {
border-left: 1px solid rgba(0,0,0,.15);
}
.rowItem.btRightBorder {
border-right: 1px solid rgba(0,0,0,.15);
}
.btDarkSkin .rowItem.btRightBorder,
.btLightSkin .btDarkSkin .rowItem.btRightBorder,
.btDarkSkin.btLightSkin .btDarkSkin .rowItem.btRightBorder {
border-right: 1px solid rgba(255,255,255,.1);
}
.btDarkSkin .rowItem.btLeftBorder,
.btLightSkin .btDarkSkin .rowItem.btLeftBorder,
.btDarkSkin.btLightSkin .btDarkSkin .rowItem.btLeftBorder {
border-left: 1px solid rgba(255,255,255,.1);
}
}
/* Grid elements spacing */
.topExtraSmallSpaced {
padding-top: .5em;
}
.topSmallSpaced {
padding-top: 1em;
}
.topMediumSpaced {
padding-top: 2em;
}
.topSemiSpaced {
padding-top: 3em;
}
.topSpaced {
padding-top: 6em;
}
.topLargeSpaced {
padding-top: 10em;
}
.topExtraSpaced {
padding-top: 12em;
}
.bottomExtraSmallSpaced {
padding-bottom: .5em;
}
.bottomSmallSpaced {
padding-bottom: 1em;
}
.bottomMediumSpaced {
padding-bottom: 2em;
}
.bottomSemiSpaced {
padding-bottom: 3em;
}
.bottomSpaced {
padding-bottom: 6em;
}
.bottomLargeSpaced {
padding-bottom: 10em;
}
.bottomExtraSpaced {
padding-bottom: 12em;
}
/* Horizontal padding */
.rowItem.btDoublePadding > .rowItemContent {
padding: 0 40px;
}
/* .btTableRow > .rowItem.btDoublePadding > .rowItemContent {
padding: 0 math(4*$(innerHorizontalPadding), px);
} */
.rowItem.btNoPadding {
padding: 0;
}
.rowItem.btNoPadding {
padding: 0;
}
/* Text indent */
.btTextIndent .rowItemContent {
padding: 0 20px;
}
.btTextIndent .rowItemContent .btImage,
.btTextIndent .rowItemContent .bpgPhoto {
margin: 0 -20px;
max-width: none;
}
/* Highlighted section */
.btDarkSkin .btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin .btHighlight > .rowItemContent,
.btDarkSkin.btLightSkin .btDarkSkin .btHighlight > .rowItemContent,
.btDarkSkin.btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin.btHighlight > .rowItemContent,
.btDarkSkin.btLightSkin .btDarkSkin.btHighlight > .rowItemContent {
background-color: rgba(0,0,0,.5);
border: 1px solid rgba(0,0,0,.15);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
}
.btLightSkin .btHighlight > .rowItemContent,
.btDarkSkin .btLightSkin .btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin .btLightSkin .btHighlight > .rowItemContent,
.btLightSkin.btHighlight > .rowItemContent,
.btDarkSkin .btLightSkin.btHighlight > .rowItemContent,
.btLightSkin .btDarkSkin .btLightSkin.btHighlight > .rowItemContent {
background-color: rgba(255,255,255,.85);
border: 1px solid rgba(0,0,0,.15);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
}
.btHardRoundedButtons .btHighlight > .rowItemContent {
border-radius: 3px;
}
.btSoftRoundedButtons .btHighlight > .rowItemContent {
border-radius: 3px;
}
/* Helpers */
.boldRow:after,
.btClear:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.btClear {
clear: both;
}
.btTextLeft {
text-align: left;
}
.btTextRight {
text-align: right;
}
.btTextCenter {
text-align: center;
}
.fullScreenHeight {
height: 100vh;
}
.fullScreenHeight .port {
height: 100%;
width: 100%;
display: table;
table-layout: fixed;
}
.fullScreenHeight .boldCell {
height: 100%;
width: 100%;
display: table-cell;
}
.fullScreenHeight .boldCellInner {
display: block;
}
/*.fullScreenHeight > div > .boldCell > .boldCellInner > .boldRow:only-child > .boldRowInner > .rowItem {
height: 100vh;
}*/
.btMiddleVertical .boldCell {
vertical-align: middle;
}
.btBottomVertical .boldCell {
vertical-align: bottom;
}
.btGhost {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: all 500ms ease-out;
transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.btGhost.btRemoveGhost {
transform: translateY(-100%) scale(.7);
transform: translateY(-100%) scale(.7);
transform: translateY(-100%) scale(.7);
transform: translateY(-100%) scale(.7);
opacity: 0;
}
.wBackground {
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
}
.wBackground.cover {
background-size: cover;
}
.wBackground.contain {
background-size: contain;
}
.boldSection.video {
position: relative;
overflow: hidden;
}
.boldSection.video video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
transition: opacity 1000ms;
transition: opacity 1000ms;
transition: opacity 1000ms;
}
.boldSection.video.video_on video {
opacity: 1;
}
/* Accent color background helper class */
.btAccentColorBackground {
background-color: #FF0000 !important;
}
.btAccentColorBackground .headline b.animate.animated {
color: #ffc938;
}
.btAccentColorBackground .btDash.bottomDash .dash:after {
border-color: #ffc938;
}
.btAccentDarkColorBackground {
background-color: #b30000 !important;
}
.btAccentDarkColorBackground .headline b.animate.animated {
color: #ffc938;
}
.btAccentVeryDarkColorBackground {
background-color: #4d0000 !important;
}
.btAccentLightColorBackground {
background-color: rgba(255,0,0,0.7) !important;
}
.btAlternateColorBackground {
background-color: #ffc938 !important;
}
.btAlternateDarkColorBackground {
background-color: #ebab00 !important;
}
.btAlternateVeryDarkColorBackground {
background-color: #b88600 !important;
}
.btAlternateLightColorBackground {
background-color: rgba(255,201,56,0.6) !important;
}
.btLightSkin .btDefaultColorBackground,
.btDarkSkin .btLightSkin .btDefaultColorBackground,
.btLightSkin .btDarkSkin .btLightSkin .btDefaultColorBackground {
background-color: rgba(0,0,0,.07) !important;
}
.btDarkSkin .btDefaultColorBackground,
.btLightSkin .btDarkSkin .btDefaultColorBackground,
.btDarkSkin.btLightSkin .btDarkSkin .btDefaultColorBackground {
background-color: rgba(255,255,255,.3) !important;
}
.boldSection.btBackgroundOverlay:before {
content: ' ';
display: block;
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: transparent;
background-position: center;
background-repeat: repeat;
backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
}
.boldSection.btBackgroundOverlay:not(.btSectionTransitions) {
position: relative;
}
.boldSection.btBackgroundOverlay .port {
position: relative;
z-index: 2;
}
.boldSection.btStripedDark:before {
background-image: url(gfx/diagonalstripe-black.png);
opacity: .7;
}
.boldSection.btStripedLight:before {
background-image: url(gfx/diagonalstripe.png);
opacity: .2;
}
.boldSection.btSolidDarkBackground:before {
background-color: #232323;
opacity: .3;
}
.boldSection.btSolidLightBackground:before {
background-color: #fff;
opacity: .3;
}
.boldSection.wBackground.btSolidDarkBackground:before,
.boldSection.bt_yt_video.btSolidDarkBackground:before {
opacity: .6;
}
.boldSection.wBackground.btSolidLightBackground:before,
.boldSection.bt_yt_video.btSolidLightBackground:before {
opacity: .6;
}
/* Animated elements */
.btParallax,
.boldthemes_parallax {
transition-property: background-position;
transition-property: background-position;
transition-property: background-position;
transition-duration: 0ms;
transition-duration: 0ms;
transition-duration: 0ms;
transition-delay: 0ms;
transition-delay: 0ms;
transition-delay: 0ms;
background-attachment: fixed;
}
html:not(.touch) .animate {
transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
}
html:not(.touch) .animate-fadein {
opacity: 0;
}
html:not(.touch) .animate-moveleft {
transform: translateX(100px);
transform: translateX(100px);
transform: translateX(100px);
transform: translateX(100px);
}
html:not(.touch) .animate-moveright {
transform: translateX(-100px);
transform: translateX(-100px);
transform: translateX(-100px);
transform: translateX(-100px);
}
html:not(.touch) .animate-moveup {
transform: translateY(100px);
transform: translateY(100px);
transform: translateY(100px);
transform: translateY(100px);
}
html:not(.touch) .animate-movedown {
transform: translateY(-100px);
transform: translateY(-100px);
transform: translateY(-100px);
transform: translateY(-100px);
}
html:not(.touch) .animated {
opacity: 1;
transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
transition: transform 1000ms cubic-bezier(.190,1,.220,1) 200ms,opacity 1000ms cubic-bezier(.190,1,.220,1) 200ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(0) {
transition-delay: 0ms;
transition-delay: 0ms;
transition-delay: 0ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(1) {
transition-delay: 200ms;
transition-delay: 200ms;
transition-delay: 200ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(2) {
transition-delay: 400ms;
transition-delay: 400ms;
transition-delay: 400ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(3) {
transition-delay: 600ms;
transition-delay: 600ms;
transition-delay: 600ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(4) {
transition-delay: 800ms;
transition-delay: 800ms;
transition-delay: 800ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(5) {
transition-delay: 1000ms;
transition-delay: 1000ms;
transition-delay: 1000ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(6) {
transition-delay: 1200ms;
transition-delay: 1200ms;
transition-delay: 1200ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(7) {
transition-delay: 1400ms;
transition-delay: 1400ms;
transition-delay: 1400ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(8) {
transition-delay: 1600ms;
transition-delay: 1600ms;
transition-delay: 1600ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(9) {
transition-delay: 1800ms;
transition-delay: 1800ms;
transition-delay: 1800ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(10) {
transition-delay: 2000ms;
transition-delay: 2000ms;
transition-delay: 2000ms;
}
body:not(.btHalfPage) .rowItem.animate:nth-child(11) {
transition-delay: 2200ms;
transition-delay: 2200ms;
transition-delay: 2200ms;
}
/* Skin */
.btDarkSkin,
.btLightSkin .btDarkSkin,
.btDarkSkin.btLightSkin .btDarkSkin {
color: #fff;
background-color: #232323;
}
.btLightSkin,
.btDarkSkin .btLightSkin,
.btLightSkin .btDarkSkin .btLightSkin {
color: #333;
background-color: #fff;
}
.btLightSkin h1,
.btLightSkin h2,
.btLightSkin h3,
.btLightSkin h4,
.btLightSkin h5,
.btLightSkin h6,
.btDarkSkin .btLightSkin h1,
.btDarkSkin .btLightSkin h2,
.btDarkSkin .btLightSkin h3,
.btDarkSkin .btLightSkin h4,
.btDarkSkin .btLightSkin h5,
.btDarkSkin .btLightSkin h6,
.btLightSkin .btDarkSkin .btLightSkin h1,
.btLightSkin .btDarkSkin .btLightSkin h2,
.btLightSkin .btDarkSkin .btLightSkin h3,
.btLightSkin .btDarkSkin .btLightSkin h4,
.btLightSkin .btDarkSkin .btLightSkin h5,
.btLightSkin .btDarkSkin .btLightSkin h6 {
color: #262626;
}
.btDarkSkin h1,
.btDarkSkin h2,
.btDarkSkin h3,
.btDarkSkin h4,
.btDarkSkin h5,
.btDarkSkin h6,
.btLightSkin .btDarkSkin h1,
.btLightSkin .btDarkSkin h2,
.btLightSkin .btDarkSkin h3,
.btLightSkin .btDarkSkin h4,
.btLightSkin .btDarkSkin h5,
.btLightSkin .btDarkSkin h6,
.btDarkSkin.btLightSkin .btDarkSkin h1,
.btDarkSkin.btLightSkin .btDarkSkin h2,
.btDarkSkin.btLightSkin .btDarkSkin h3,
.btDarkSkin.btLightSkin .btDarkSkin h4,
.btDarkSkin.btLightSkin .btDarkSkin h5,
.btDarkSkin.btLightSkin .btDarkSkin h6 {
color: #fff;
}
.btLightSkin select,
.btLightSkin textarea,
.btLightSkin input,
.btLightSkin .fancy-select .trigger,
.btDarkSkin .btLightSkin select,
.btDarkSkin .btLightSkin textarea,
.btDarkSkin .btLightSkin input,
.btDarkSkin .btLightSkin .fancy-select .trigger,
.btLightSkin .btDarkSkin .btLightSkin select,
.btLightSkin .btDarkSkin .btLightSkin textarea,
.btLightSkin .btDarkSkin .btLightSkin input,
.btLightSkin .btDarkSkin .btLightSkin .fancy-select .trigger {
border: 1px solid rgba(0,0,0,.15);
color: #333;
}
.btDarkSkin select,
.btDarkSkin textarea,
.btDarkSkin input,
.btDarkSkin .fancy-select .trigger,
.btLightSkin .btDarkSkin select,
.btLightSkin .btDarkSkin textarea,
.btLightSkin .btDarkSkin input,
.btLightSkin .btDarkSkin .fancy-select .trigger,
.btDarkSkin.btLightSkin .btDarkSkin select,
.btDarkSkin.btLightSkin .btDarkSkin textarea,
.btDarkSkin.btLightSkin .btDarkSkin input,
.btDarkSkin.btLightSkin .btDarkSkin .fancy-select .trigger {
border: 1px solid rgba(255,255,255,.1);
color: #fff;
}
.btDarkSkin select option,
.btLightSkin .btDarkSkin select option,
.btDarkSkin.btLightSkin .btDarkSkin select option {
color: #333;
}
/*
.btHardRoundedButtons any(select, textarea, input, .fancy-select .trigger) { {border-radius: 50%;}
.btSoftRoundedButtons any(select, textarea, input, .fancy-select .trigger) { {border-radius: 5px;} */
/* Regular link */
.btLightSkin .btText a,
.btDarkSkin .btLightSkin .btText a,
.btLightSkin .btDarkSkin .btLightSkin .btText a,
.btDarkSkin .btText a,
.btLightSkin .btDarkSkin .btText a,
.btDarkSkin.btLightSkin .btDarkSkin .btText a {
color: #FF0000;
}
.btLightSkin .btText a:hover,
.btDarkSkin .btLightSkin .btText a:hover,
.btLightSkin .btDarkSkin .btLightSkin .btText a:hover,
.btDarkSkin .btText a:hover,
.btLightSkin .btDarkSkin .btText a:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btText a:hover {
text-decoration: underline;
}
/* Template base */
.btPageWrap {
position: relative;
overflow: hidden;
transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
}
/* Z indexes */
.mainHeader {
z-index: 10002;
}
.btGhost {
z-index: 10003;
}
.btPreloader {
z-index: 10004;
}
.btGridOverlay {
z-index: 10005;
}
.btRemovePreloader .btGridOverlay {
z-index: 10001;
}
/* Content holder and sidebars*/
.btNoSidebar .btContentHolder,
.btNoSidebar .btContent {
width: auto;
padding: 0;
}
.btWithSidebar .btContentHolder {
max-width: 1200px;
margin: auto;
padding-top: 3em;
}
.btContent {
width: 75%;
}
.btSidebar {
width: 25%;
padding-bottom: 20px;
}
.btSidebarLeft .btSidebar {
float: left;
padding-left: 40px;
padding-right: 20px;
}
.btSidebarLeft .btContent {
float: right;
padding-right: 40px;
padding-left: 20px;
}
.btSidebarRight .btSidebar {
float: right;
padding-right: 40px;
padding-left: 20px;
}
.btSidebarRight .btContent {
float: left;
padding-left: 40px;
padding-right: 20px;
}
/* Preloader */
.btPreloader {
display: flexbox;
display: flex;
display: flex;
align-items: center;
flex-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
background-color: inherit;
width: 100%;
vertical-align: middle;
text-align: center;
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
opacity: 1;
transition: all .3s ease,opacity .3s ease;
transition: all .3s ease,opacity .3s ease;
transition: all .3s ease,opacity .3s ease;
}
.btPreloader .animation {
display: block;
width: 100%;
transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
transition: transform .3s ease,opacity .3s ease;
transition: transform .3s ease,opacity .3s ease;
transition: transform .3s ease,opacity .3s ease;
}
.btAccentDarkHeader .btPreloader .animation > div:first-child,
.btLightAccentHeader .btPreloader .animation > div:first-child {
border-radius: 10px;
padding: .7em 1.2em;
display: inline-block;
background-color: #b30000;
}
.btPreloader .animation > div img {
margin: 0 auto;
}
.btRemovePreloader .btPreloader {
transform: translateY(-100%) scale(0);
transform: translateY(-100%) scale(0);
transform: translateY(-100%) scale(0);
transform: translateY(-100%) scale(0);
opacity: 0;
transition: transform ease 1s,opacity ease 1s;
transition: transform ease 1s,opacity ease 1s;
transition: transform ease 1s,opacity ease 1s;
}
.btRemovePreloader .btPreloader .animation {
transform: translateY(0) scale(.9);
transform: translateY(0) scale(.9);
transform: translateY(0) scale(.9);
transform: translateY(0) scale(.9);
opacity: 0;
transition: transform .5s ease,opacity ease .5s;
transition: transform .5s ease,opacity ease .5s;
transition: transform .5s ease,opacity ease .5s;
}
.btPreloader .animation .preloaderLogo {
height: 100px;
transform: scale(1);
transform: scale(1);
transform: scale(1);
transform: scale(1);
transition: all .5s ease;
transition: all .5s ease;
transition: all .5s ease;
width: auto;
display: block;
line-height: 1;
}
.btMenuVerticalRightEnabled .btPreloader .animation .preloaderLogo,
.btMenuVerticalLeftEnabled .btPreloader .animation .preloaderLogo {
height: 200px;
}
/* Loader */
.btLoader {
margin: 30px auto 30px auto;
font-size: 6px;
position: relative;
text-indent: -9999em;
border-left: 5px solid rgba(128,128,128,.1);
border-right: 5px solid rgba(128,128,128,.1);
border-bottom: 5px solid rgba(128,128,128,.2);
animation: btLoader 1.1s infinite linear;
animation: btLoader 1.1s infinite linear;
animation: btLoader 1.1s infinite linear;
}
.btLightSkin .btLoader,
.btDarkSkin .btLightSkin .btLoader,
.btLightSkin .btDarkSkin .btLightSkin .btLoader {
border-top: 5px solid #333;
}
.btDarkSkin .btLoader,
.btLightSkin .btDarkSkin .btLoader,
.btDarkSkin.btLightSkin .btDarkSkin .btLoader {
border-top: 5px solid #fff;
}
.btLoader p:empty {
display: none;
}
.btLoader,
.btLoader:after {
border-radius: 50%;
width: 64px;
height: 64px;
}
@-webkit-keyframes btLoader {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
transform: rotate(359deg);
transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes btLoader {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes btLoader {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes btLoader {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
transform: rotate(359deg);
transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* Bradcrumbs */
.btBreadCrumbs {
text-transform: uppercase;
}
.btBreadCrumbs ul {
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
.btBreadCrumbs li {
display: inline-block;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
}
.btBreadCrumbs li:not(:last-child):after {
content: ' ';
display: inline-block;
margin: -2px 10px 0 10px;
letter-spacing: inherit;
width: 4px;
height: 4px;
border-radius: 50%;
line-height: inherit;
vertical-align: middle;
}
.btLightSkin .btBreadCrumbs li:not(:last-child):after,
.btDarkSkin .btLightSkin .btBreadCrumbs li:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btBreadCrumbs li:not(:last-child):after {
background-color: #333;
}
.btDarkSkin .btBreadCrumbs li:not(:last-child):after,
.btLightSkin .btDarkSkin .btBreadCrumbs li:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btBreadCrumbs li:not(:last-child):after {
background-color: #fff;
}
/* Page headline */
.btPageHeadline {
background-color: rgba(0,0,0,.07);
}
.btPageHeadline.topLargeSpaced {
padding-top: 12em;
}
.btPageHeadline .header {
max-width: 768px;
}
.btMenuCenterEnabled .btPageHeadline .header {
margin: auto;
}
.btPageHeadline .header h1 {
text-transform: uppercase;
}
.btMenuCenterEnabled .btPageHeadline .port {
text-align: center;
}
/* Grid lines */
.btGridOverlay {
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
pointer-events: none;
}
.btGridOverlay .container {
max-width: 1180px;
height: 100%;
margin: auto;
}
.btLightSkin .btGridOverlay .container {
box-shadow: -1px 0 0 0 rgba(0,0,0,.1),1px 0 0 0 rgba(0,0,0,.1);
box-shadow: -1px 0 0 0 rgba(0,0,0,.1),1px 0 0 0 rgba(0,0,0,.1);
}
.btDarkSkin .btGridOverlay .container {
box-shadow: -1px 0 0 0 rgba(255,255,255,.05),1px 0 0 0 rgba(255,255,255,.05);
box-shadow: -1px 0 0 0 rgba(255,255,255,.05),1px 0 0 0 rgba(255,255,255,.05);
}
.btGridOverlay .container .row {
height: 100%;
}
.btGridOverlay .container .row .col:not(:last-child) {
height: 100%;
}
.btLightSkin .btGridOverlay .container .row .col:not(:last-child) {
box-shadow: 1px 0 0 0 rgba(0,0,0,.1);
box-shadow: 1px 0 0 0 rgba(0,0,0,.1);
}
.btDarkSkin .btGridOverlay .container .row .col:not(:last-child) {
box-shadow: 1px 0 0 0 rgba(255,255,255,.05);
box-shadow: 1px 0 0 0 rgba(255,255,255,.05);
}
@media (min-width: 1200px) {
.btMenuVerticalLeftEnabled .btGridOverlay {
padding-left: 320px;
}
.btMenuVerticalLeftEnabled .btGridOverlay .container {
max-width: 1120px;
}
.btMenuVerticalRightEnabled .btGridOverlay {
padding-right: 320px;
}
.btMenuVerticalRightEnabled .btGridOverlay .container {
max-width: 1120px;
}
}
.btBoxedPage .btPageWrap {
max-width: 1200px;
box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
margin-bottom: 3em;
margin: 0 auto 3em;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.btStickyHeaderActive.btBoxedPage .mainHeader {
max-width: 1200px;
}
.btLightSkin.btBoxedPage .btContentWrap {
background-color: #fff;
}
.btDarkSkin.btBoxedPage .btContentWrap {
background-color: #232323;
}
/* Header */
.logo,
.topBarInLogoArea {
visibility: hidden;
}
.mainHeader {
width: 100%;
position: absolute;
background-color: inherit;
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
font-family: "Montserrat";
}
.btMenuVertical.btAccentDarkHeader .mainHeader,
.btMenuVertical.btLightAccentHeader .mainHeader {
background-color: #FF0000;
}
.btMenuVertical.btAccentDarkHeader .mainHeader .btVerticalMenuTrigger .btIco.btIcoDefaultType .btIcoHolder:before,
.btMenuVertical.btLightAccentHeader .mainHeader .btVerticalMenuTrigger .btIco.btIcoDefaultType .btIcoHolder:before {
color: #fff;
}
.btMenuVertical.btAccentDarkHeader .mainHeader .logo,
.btMenuVertical.btLightAccentHeader .mainHeader .logo {
transition: opacity 400ms ease;
transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.btMenuVertical.btMenuVerticalOn .mainHeader .logo {
opacity: 0;
}
.mainHeader:not(.gutter) .port {
padding: 0 30px;
}
body.btAccentDarkHeader.btBoxedPage.btBelowMenu .mainHeader:not(.gutter) .port,
body.btAccentLightHeader.btBoxedPage.btBelowMenu .mainHeader:not(.gutter) .port {
padding: 0;
}
.btPageTransitions .mainHeader {
z-index: 1020;
}
.mainHeader.btDarkSkin,
.btLightSkin .mainHeader.btDarkSkin,
.btDarkSkin .mainHeader {
background-color: #232323;
}
.mainHeader.btLightSkin,
.btDarkSkin .mainHeader.btLightSkin,
.btLightSkin .mainHeader {
background-color: #fff;
}
/* Below menu */
.btBelowMenu:not(.btStickyHeaderActive) .mainHeader {
background-color: transparent;
}
.btMenuHorizontal:not(.btBelowMenu) .mainHeader {
border-bottom: 1px solid rgba(0,0,0,.1);
}
/* Main menu */
.btLogoArea {
position: relative;
z-index: 1;
}
.menuPort {
font-family: "Montserrat";
visibility: hidden;
font-size: 15px;
}
.menuPort nav ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
transition: all 360ms ease 0s;
transition: all 360ms ease 0s;
transition: all 360ms ease 0s;
}
.menuPort nav ul li {
display: block;
margin: 0;
padding: 0;
position: relative;
backface-visibility: hidden;
}
.menuPort nav ul li a {
display: block;
position: relative;
padding: 1em 1em;
font-weight: 400;
}
.menuPort nav ul li a:hover {
color: #FF0000 !important;
text-decoration: none;
}
.menuPort nav ul ul li {
transition: opacity 300ms ease;
transition: opacity 300ms ease;
transition: opacity 300ms ease;
}
.menuPort nav ul ul li.on {
opacity: 1;
}
.menuPort nav > ul > li > a {
line-height: 100px;
padding: 0;
text-transform: uppercase;
}
.btBelowLogoArea .menuPort nav > ul > li > a {
line-height: 50px;
}
.menuPort nav ul ul li a {
font-weight: 400;
font-size: 14px;
}
/* Logo and triggers */
.btTextLogo {
font-family: "Montserrat";
font-size: 2em;
font-weight: 800;
line-height: 100px;
}
.btMenuVertical .btTextLogo {
line-height: 60px;
}
.btLogoArea .logo {
line-height: 0;
float: left;
}
.btMenuVertical .btLogoArea .logo {
transform: none !important;
transform: none !important;
transform: none !important;
transform: none !important;
}
.rtl .btLogoArea .logo {
float: right;
}
.btLogoArea .logo img {
height: 100px;
width: auto;
display: block;
}
.btMenuVertical .btLogoArea .logo img {
height: 60px;
}
.btLogoArea .logo img.btAltLogo {
display: none;
}
.btHorizontalMenuTrigger {
display: none;
float: right;
line-height: 100px;
margin: 0 -8px 0 .5em;
font-size: 32px;
}
/* Only horizontal menu */
.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after,
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after {
content: ' ';
display: block;
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
height: 4px;
background-color: #FF0000;
}
.btAccentDarkHeader.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after,
.btAccentDarkHeader.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after,
.btAccentLightHeader.btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after,
.btAccentLightHeader.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after {
background-color: #ffc938;
}
.btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-ancestor > a,
.btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-item > a {
color: #FF0000 !important;
}
/* Skins */
.btDarkSkin .menuPort > nav > ul > li > a,
.btLightSkin .btDarkSkin .menuPort > nav > ul > li > a,
.btDarkSkin.btLightSkin .btDarkSkin .menuPort > nav > ul > li > a {
color: #fff;
}
.btLightSkin .menuPort > nav > ul > li > a,
.btDarkSkin .btLightSkin .menuPort > nav > ul > li > a,
.btLightSkin .btDarkSkin .btLightSkin .menuPort > nav > ul > li > a {
color: #333;
}
.btAccentLightHeader.btDarkSkin .menuPort > nav > ul > li > a {
color: #333;
}
.btMenuHorizontal .menuPort ul ul {
background-color: #fff;
}
.btMenuHorizontal .menuPort ul ul li a {
padding-left: 1.5em;
padding-right: 1.5em;
color: #333;
}
.btMenuHorizontal .menuPort ul ul li:not(:last-child) > a:after {
content: ' ';
display: block;
position: absolute;
left: 1.5em;
right: 1.5em;
bottom: 0;
height: 1px;
background-color: rgba(0,0,0,.15);
}
.btDarkSkin .topBarInMenu:after,
.btDarkSkin .topBar:before,
.btLightSkin .btDarkSkin .topBarInMenu:after,
.btLightSkin .btDarkSkin .topBar:before,
.btDarkSkin.btLightSkin .btDarkSkin .topBarInMenu:after,
.btDarkSkin.btLightSkin .btDarkSkin .topBar:before {
background-color: rgba(255,255,255,.1);
}
/* Subtogglers */
.subToggler {
display: none;
cursor: pointer;
position: absolute;
top: 0;
width: 45px;
z-index: 80;
padding: 0;
text-align: center;
}
.on > .subToggler {
transform: rotateX(180deg);
transform: rotateX(180deg);
transform: rotateX(180deg);
transform: rotateX(180deg);
}
body.btMenuVertical .subToggler {
display: block !important;
padding: 15px 0;
line-height: 1;
right: 0;
top: -5px;
}
body.btMenuHorizontal .subToggler {
right: -25px;
line-height: 100px;
}
body.btMenuHorizontal.btMenuBelowLogo .subToggler {
line-height: 50px;
}
body.btMenuHorizontal .menuPort ul ul .subToggler {
right: 0;
line-height: inherit;
padding: 1em 0;
}
.subToggler:before {
content: '\f107';
font: normal 16px/1 FontAwesome;
}
.touch .btMenuHorizontal .menuPort nav ul li a {
padding-right: 15px;
}
.touch .btMenuHorizontal .menuPort nav ul li ul li a {
padding-right: 35px;
}
.touch .btMenuHorizontal .menuPort nav ul li .subToggler {
display: block;
}
/* Horizontal menu, no need for override on responsive */
.btMenuHorizontal.btSoftRoundedButtons:not(.btMenuBelowLogo) .mainHeader.gutter .port .btBelowLogoArea,
.btMenuHorizontal.btHardRoundedButtons:not(.btMenuBelowLogo) .mainHeader.gutter .port .btBelowLogoArea {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.btMenuHorizontal.btSoftRoundedButtons:not(.btMenuBelowLogo) .mainHeader.gutter .port .btLogoArea,
.btMenuHorizontal.btHardRoundedButtons:not(.btMenuBelowLogo) .mainHeader.gutter .port .btLogoArea {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.btMenuHorizontal.btAccentLightHeader.btSoftRoundedButtons.btMenuBelowLogo .mainHeader.gutter .port .btBelowLogoArea,
.btMenuHorizontal.btAccentDarkHeader.btHardRoundedButtons.btMenuBelowLogo .mainHeader.gutter .port .btBelowLogoArea {
border-radius: 3px;
}
.btMenuHorizontal .menuPort > nav > ul > li {
margin: 0 50px 0 0;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child {
margin: 0 50px 0 0 !important;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child > ul {
right: auto;
left: -30px;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child > ul > li {
text-align: left;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li:last-child > ul > li > ul {
left: 220px;
right: auto;
}
.btMenuHorizontal .menuPort ul > li > ul {
opacity: 0;
}
.btMenuHorizontal .menuPort > nav > ul > li > ul > li {
font-size: .9em;
}
.btMenuHorizontal .menuPort > nav > ul ul {
position: absolute;
width: 220px;
right: 0;
top: auto;
margin: 0;
pointer-events: none;
box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
z-index: 1;
padding: 0;
}
.btMenuHorizontal .menuPort > nav > ul ul li {
z-index: 4;
float: none;
}
.btMenuHorizontal .menuPort > nav > ul ul ul {
display: block;
top: 0;
margin: 0;
pointer-events: none;
}
.btMenuHorizontal .menuPort > nav > ul li.current-menu-item ul,
.btMenuHorizontal .menuPort > nav > li.current-menu-ancestor ul {
margin: 0;
}
.btMenuHorizontal .menuPort > nav > ul > li {
float: left;
position: relative;
z-index: 5;
}
.rtl.btMenuHorizontal .menuPort > nav > ul > li {
float: right;
}
.btMenuHorizontal .menuPort > nav > ul > li.on > ul {
opacity: 1;
pointer-events: auto;
z-index: 2;
}
.btMenuHorizontal .menuPort > nav > ul > li.on > ul > li.on > ul {
opacity: 1;
pointer-events: auto;
z-index: 3;
}
.btMenuHorizontal .menuPort > nav:not(.leftNav) > ul > li:last-child {
margin: 0;
}
/* Menu positions */
.btMenuHorizontal .menuPort ul ul {
right: auto;
left: -30px;
}
.btMenuHorizontal .menuPort ul ul ul {
left: 220px;
right: auto;
}
.rtl.btMenuHorizontal .menuPort ul ul ul {
left: auto;
right: 220px;
}
.btMenuHorizontal .menuPort nav {
float: left;
padding-left: 50px;
}
.rtl.btMenuHorizontal .menuPort nav {
padding-right: 50px;
padding-left: 0;
}
.btMenuHorizontal.btMenuRight .menuPort nav {
float: right;
}
.btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul {
text-align: right;
right: -30px;
left: auto;
}
.rtl.btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul {
left: -30px;
right: 0;
}
.btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul ul {
left: -220px;
right: auto;
}
.rtl.btMenuHorizontal.btMenuRight .menuPort > nav > ul > li:last-child ul ul {
left: auto;
right: -220px;
}
.btMenuHorizontal.btMenuCenter .logo {
position: relative;
z-index: 8;
float: left;
margin: 0 0 0 50%;
}
.btMenuHorizontal.btMenuCenter .menuPort nav {
float: none;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav {
position: absolute;
right: 50%;
left: auto;
padding: 0;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul {
float: right;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul {
right: auto;
left: -20px;
}
.btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul ul {
left: 220px;
right: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav {
position: absolute;
left: 50%;
right: auto;
padding-left: 50px;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul {
right: -20px;
left: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul ul {
right: 220px;
left: auto;
}
.btMenuHorizontal.btMenuCenter .menuPort .rightNav li {
text-align: right;
}
/* Wide menu */
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown {
position: static;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul {
width: 100%;
left: 0;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li {
top: auto;
border-top: none !important;
float: left;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a {
border-top: none !important;
border-bottom: 1px solid #262626;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li > ul:before {
display: none;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul {
opacity: 1;
top: auto;
margin: 0 !important;
width: 100%;
right: 0;
left: 0;
position: relative;
box-shadow: none;
box-shadow: none;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li:first-child > a {
border-top: none !important;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > il:not(:last-child) {
border-left: 1px solid rgba(0,0,0,.15);
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul:before {
display: none;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li {
width: 100%;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li .sub-menu {
width: 100%;
}
html:not(.touch) body.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.on > ul > li > ul {
pointer-events: auto;
}
html:not(.touch) body.btMenuCenter.btMenuHorizontal .menuPort > nav.rightNav > ul > li.btMenuWideDropdown > ul {
width: 300%;
left: -200%;
}
html:not(.touch) body.btMenuCenter.btMenuHorizontal .menuPort > nav.leftNav > ul > li.btMenuWideDropdown > ul {
width: 300%;
right: -200%;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li {
width: 0% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-1 > ul > li {
width: 100% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-2 > ul > li {
width: 50% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li {
width: 33.33333% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-4 > ul > li {
width: 25% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-5 > ul > li {
width: 20% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-6 > ul > li {
width: 16.66667% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-7 > ul > li {
width: 14.28571% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-8 > ul > li {
width: 12.5% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-9 > ul > li {
width: 11.11111% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-10 > ul > li {
width: 10% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-11 > ul > li {
width: 9.09091% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-12 > ul > li {
width: 8.33333% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-13 > ul > li {
width: 7.69231% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-14 > ul > li {
width: 7.14286% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-15 > ul > li {
width: 6.66667% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-16 > ul > li {
width: 6.25% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-17 > ul > li {
width: 5.88235% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-18 > ul > li {
width: 5.55556% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-19 > ul > li {
width: 5.26316% !important;
}
html:not(.touch) body.btMenuHorizontal .mainHeader li.btMenuWideDropdown.btMenuWideDropdownCols-20 > ul > li {
width: 5% !important;
}
/* Top bar */
.topBar {
visibility: hidden;
}
.btMenuHorizontal .topBar {
font-size: .8em;
line-height: 3.5em;
z-index: 2;
}
.btMenuHorizontal .topBar .topBarPort {
display: flexbox;
display: flex;
display: flex;
}
.btMenuHorizontal .topBar .topBarPort:after,
.btMenuHorizontal .topBar .topBarPort:before {
display: none;
}
.btDarkSkin:not(.btAccentLightHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar,
.btLightSkin .btDarkSkin:not(.btAccentLightHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar,
.btDarkSkin.btLightSkin .btDarkSkin:not(.btAccentLightHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar {
border-bottom: 1px solid rgba(255,255,255,.1);
}
.btLightSkin:not(.btAccentLightHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar,
.btDarkSkin .btLightSkin:not(.btAccentLightHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar,
.btLightSkin .btDarkSkin .btLightSkin:not(.btAccentLightHeader):not(.btLightAccentHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal .topBar {
border-bottom: 1px solid rgba(0,0,0,.15);
}
.btMenuHorizontal .topBarInMenu {
line-height: inherit;
float: right;
display: table;
height: 100px;
margin-left: 50px;
}
.rtl.btMenuHorizontal .topBarInMenu {
float: left;
margin-left: 0;
margin-right: 50px;
}
.btMenuHorizontal .topBarInMenu .topBarInMenuCell {
line-height: 48px;
display: table-cell;
vertical-align: middle;
}
.btMenuHorizontal .btBelowLogoArea .topBarInMenu {
height: 50px;
line-height: 50px;
}
/* Menu bellow logo */
.btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
padding: 0;
z-index: 0;
}
.btDarkSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea,
.btLightSkin .btDarkSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea,
.btDarkSkin.btLightSkin .btDarkSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
border-top: 1px solid rgba(255,255,255,.1);
}
.btLightSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea,
.btDarkSkin .btLightSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea,
.btLightSkin .btDarkSkin .btLightSkin:not(.btAccentLightHeader):not(.btAccentDarkHeader):not(.btLightHeader).btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
border-top: 1px solid rgba(0,0,0,.15);
}
.btMenuHorizontal.btMenuBelowLogo .menuPort {
clear: both;
position: relative;
margin: 0;
float: none;
}
.btMenuHorizontal.btMenuBelowLogo .menuPort nav {
padding: 0;
}
.rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav {
float: right;
}
.rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav > ul > li {
margin: 0 0 0 50px;
}
.rtl.btMenuHorizontal.btMenuBelowLogo .menuPort nav > ul > li:last-child {
margin: 0 !important;
}
.btDarkSkin .btBelowLogoArea,
.btLightSkin .btDarkSkin .btBelowLogoArea,
.btDarkSkin.btLightSkin .btDarkSkin .btBelowLogoArea {
border-color: rgba(255,255,255,.1) !important;
}
.btLightSkin .btBelowLogoArea,
.btDarkSkin .btLightSkin .btBelowLogoArea,
.btLightSkin .btDarkSkin .btLightSkin .btBelowLogoArea {
border-color: rgba(0,0,0,.15) !important;
}
/* Header styles */
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader {
box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea,
.btAccentLightHeader.btMenuHorizontal .topBar {
position: relative;
}
.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a {
color: #fff;
}
.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a:hover,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a:hover {
color: #ffc938 !important;
}
/* Accent light */
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
background-color: #fff;
}
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea,
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar {
background-color: #FF0000;
}
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea:before,
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar:before,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea:before,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar:before {
display: block;
content: ' ';
position: absolute;
top: 0;
bottom: 0;
left: -2000em;
right: -2000em;
background-color: #FF0000;
}
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea:after,
.btAccentLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar:after,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea:after,
.btAccentLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btAccentLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader {
background-color: transparent;
}
.btAccentLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .btBelowLogoArea,
.btAccentLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .topBar {
background-color: #FF0000;
padding-left: 20px;
padding-right: 20px;
}
.btAccentLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .btBelowLogoArea {
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}
/* Light */
.btLightHeader.btMenuHorizontal .btBelowLogoArea,
.btLightHeader.btMenuHorizontal .topBar {
position: relative;
}
.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a {
color: #fff;
}
.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a:hover,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .menuPort > nav > ul > li > a:hover {
color: #ffc938 !important;
}
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
background-color: #fff;
}
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea,
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar {
background-color: #232323;
}
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea:before,
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar:before,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea:before,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar:before {
display: block;
content: ' ';
position: absolute;
top: 0;
bottom: 0;
left: -2000em;
right: -2000em;
background-color: #232323;
border-top: 1px solid rgba(0,0,0,.15);
}
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .btBelowLogoArea:after,
.btLightHeader.btMenuHorizontal:not(.btBelowMenu) .topBar:after,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .btBelowLogoArea:after,
.btLightHeader.btMenuHorizontal.btStickyHeaderActive .topBar:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader {
background-color: transparent;
}
.btLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .btBelowLogoArea,
.btLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .topBar {
background-color: #232323;
padding-left: 30px;
padding-right: 30px;
}
.btLightHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .btBelowLogoArea {
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}
/* Accent dark */
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader {
color: #fff;
}
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .menuPort > nav > ul > li > a,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .menuPort > nav > ul > li > a {
color: #fff;
}
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .menuPort > nav > ul > li > a:hover,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .menuPort > nav > ul > li > a:hover {
color: #ffc938 !important;
}
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
background-color: #FF0000;
}
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
position: relative;
background-color: #232323;
}
.btLightSkin.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
.btLightSkin.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
.btLightSkin.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
.btLightSkin.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
border-color: rgba(255,255,255,.35) !important;
}
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:before,
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:before,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:before,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:before {
display: block;
content: ' ';
position: absolute;
top: -1px;
bottom: 0;
left: -2000em;
right: -2000em;
background-color: #232323;
border-top: 1px solid rgba(0,0,0,.15);
}
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:after,
.btAccentDarkHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:after,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:after,
.btAccentDarkHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btAccentDarkHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port {
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}
.btAccentDarkHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btLogoArea {
background-color: #FF0000;
padding-left: 30px;
padding-right: 30px;
}
.btAccentDarkHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btBelowLogoArea,
.btAccentDarkHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .topBar {
background-color: #232323;
padding-left: 30px;
padding-right: 30px;
}
/* Light accent */
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea {
color: #fff;
}
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a {
color: #fff;
}
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a:hover,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .menuPort > nav > ul > li > a:hover {
color: #ffc938 !important;
}
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader,
.btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader {
background-color: #FF0000;
}
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea,
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar,
.btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea,
.btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
position: relative;
background-color: #fff;
}
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:before,
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:before,
.btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:before,
.btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:before {
display: block;
content: ' ';
position: absolute;
top: -1px;
bottom: 0;
left: -2000em;
right: -2000em;
background-color: #fff;
border-top: 1px solid rgba(0,0,0,.15);
}
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .btBelowLogoArea:after,
.btLightAccentHeader.btMenuHorizontal:not(.btBelowMenu) .mainHeader .topBar:after,
.btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea:after,
.btLightAccentHeader.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btLightAccentHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port {
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
box-shadow: 0 0 5px 0 rgba(0,0,0,.4);
}
.btLightAccentHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btLogoArea {
background-color: #FF0000;
padding-left: 30px;
padding-right: 30px;
}
.btLightAccentHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .btBelowLogoArea,
.btLightAccentHeader.btMenuHorizontal.btBelowMenu:not(.btStickyHeaderActive) .mainHeader .port .topBar {
background-color: #fff;
padding-left: 30px;
padding-right: 30px;
}
/* Sticky */
body.btMenuHorizontal.btStickyHeaderActive .mainHeader {
position: fixed;
box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar {
display: none;
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea {
padding: 0;
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .logo img {
height: 60px;
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .btTextLogo {
font-size: 1.5em;
line-height: 60px;
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .menuPort nav > ul > li > a {
line-height: 60px;
}
body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btLogoArea .topBarInMenu {
height: 60px;
}
body.btMenuHorizontal.btStickyHeaderActive.btMenuBelowLogo .mainHeader .btLogoArea {
display: none;
}
body.btMenuHorizontal.btStickyHeaderActive.btDarkSkin:not(.btAccentDarkHeader) .mainHeader {
background-color: rgba(35,35,35,.9);
}
body.btMenuHorizontal.btStickyHeaderActive.btLightSkin:not(.btAccentDarkHeader) .mainHeader {
background-color: rgba(255,255,255,.9);
}
body.btMenuHorizontal.btStickyHeaderActive.btStickyHeaderOpen .mainHeader {
transition: transform .5s cubic-bezier(.230,1,.320,1);
transition: transform .5s cubic-bezier(.230,1,.320,1);
transition: transform .5s cubic-bezier(.230,1,.320,1);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
}
/* Hide menu */
body.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger {
display: block;
}
body.btMenuHorizontal.btHideMenu .menuPort {
opacity: 0;
transition: opacity 1s ease;
transition: opacity 1s ease;
transition: opacity 1s ease;
}
.btShowMenu .menuPort {
opacity: 1 !important;
}
/* Vertical and responsive menu */
.btVerticalMenuTrigger {
display: none;
position: relative;
z-index: 1;
margin: 0 .5em 0 -.5em;
line-height: 60px;
font-size: 1.5em;
}
.rtl .btVerticalMenuTrigger {
margin: 0 -.5em 0 .5em;
}
.btMenuVertical > .menuPort {
text-align: center;
height: 100%;
top: 0;
bottom: 0;
position: fixed;
width: 320px;
clear: both;
transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
z-index: 101;
overflow: hidden;
padding: 0;
box-shadow: none;
box-shadow: none;
}
.touch .btMenuVertical > .menuPort {
overflow: auto;
}
.btMenuVertical > .menuPort .btMainLogo {
display: block !important;
}
.btMenuVertical > .menuPort .btAltLogo {
display: none !important;
}
.btMenuVertical > .menuPort .logo {
float: none;
margin: 0;
padding: 0 2em;
}
.btAccentDarkHeader.btMenuVertical > .menuPort .logo,
.btLightAccentHeader.btMenuVertical > .menuPort .logo {
background-color: #FF0000;
}
.btMenuVertical > .menuPort .logo img {
margin: 0 auto;
display: block;
height: auto;
max-width: 100%;
}
.btMenuVertical > .menuPort .btCloseVertical {
cursor: pointer;
font-size: 1.5em;
position: absolute;
right: 20px;
top: 10px;
}
.rtl.btMenuVertical > .menuPort .btCloseVertical {
right: auto;
left: 20px;
}
.btMenuVertical > .menuPort .btCloseVertical:before {
font-family: FontAwesome;
content: '\f00d';
}
.btAccentDarkHeader.btMenuVertical > .menuPort .btCloseVertical:before,
.btLightAccentHeader.btMenuVertical > .menuPort .btCloseVertical:before {
color: #fff;
}
.btMenuVertical > .menuPort .btCloseVertical:before:hover {
color: #FF0000;
}
.btMenuVertical > .menuPort nav {
margin: 0;
}
.btMenuVertical > .menuPort nav ul {
transition: none;
transition: none;
transition: none;
}
.btMenuVertical > .menuPort nav ul li {
padding: 0;
position: relative;
background-color: transparent;
}
.btMenuVertical > .menuPort nav ul li a {
line-height: 1.1;
padding: 15px 2em;
border: none;
font-weight: 400;
}
.btMenuVertical > .menuPort nav ul li li {
font-size: .9em;
}
.btMenuVertical > .menuPort nav ul li:not(.current-menu-ancestor) > ul {
display: none;
}
.btMenuVertical > .menuPort nav ul ul li {
padding: 0;
opacity: 1;
border: none;
background-color: transparent;
}
.btMenuVertical > .menuPort nav ul ul li ul {
opacity: .8;
}
.btMenuVertical > .menuPort nav ul ul li ul li a {
border: none !important;
}
.btMenuVertical > .menuPort nav li.current-menu-ancestor > a,
.btMenuVertical > .menuPort nav li.current-menu-item > a {
font-weight: 600;
}
.btMenuVertical .btVerticalMenuTrigger {
display: block;
}
.btMenuVertical .menuScrollPort {
width: 320px;
overflow: hidden;
}
.btMenuVerticalRight > .menuPort {
right: 0;
box-shadow: -2px 0 5px rgba(0,0,0,.1);
box-shadow: -2px 0 5px rgba(0,0,0,.1);
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
}
.btMenuVerticalRight .btVerticalMenuTrigger {
float: right;
}
.btMenuVerticalLeft > .menuPort {
left: 0;
box-shadow: 2px 0 5px rgba(0,0,0,.10);
box-shadow: 2px 0 5px rgba(0,0,0,.10);
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
}
.rtl.btMenuVerticalLeft > .menuPort {
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
left: auto;
right: 0;
}
.btMenuVerticalOn.rtl.btMenuVerticalLeft > .menuPort {
transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
}
.btMenuVerticalLeft .btVerticalMenuTrigger {
float: left;
}
.rtl.btMenuVerticalLeft .btVerticalMenuTrigger {
float: right;
}
@media (min-width: 1200px) {
.btMenuVerticalRight > .menuPort {
transform: translateX(0%);
transform: translateX(0%);
transform: translateX(0%);
transform: translateX(0%);
}
.btMenuVerticalLeft > .menuPort {
transform: translateX(0%);
transform: translateX(0%);
transform: translateX(0%);
transform: translateX(0%);
}
.btMenuVertical .menuPort,
.btMenuVertical.btMenuVerticalOn .menuPort {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.btMenuVerticalLeft.btHideMenu .menuPort {
transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
}
.btMenuVerticalRight.btHideMenu .menuPort {
transform: translate3d(320px,0,0);
transform: translate3d(320px,0,0);
transform: translate3d(320px,0,0);
transform: translate3d(320px,0,0);
}
.btMenuVerticalLeft.btHideMenu.btMenuVerticalOn > .menuPort {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.btMenuVerticalRight.btHideMenu.btMenuVerticalOn .menuPort {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.btMenuVertical.btMenuGutter .mainHeader {
display: none;
}
.btMenuVertical.btMenuGutter.btHideMenu .mainHeader {
display: block;
}
.btMenuVertical.btBelowMenu .btContentWrap {
padding: 0 !important;
}
.btMenuVertical .gutter .port,
.btMenuVerticalLeftOn.btMenuGutter .mainHeader .topBarPort,
.btMenuVerticalRightOn.btMenuGutter .mainHeader .topBarPort {
padding-left: 30px;
padding-right: 30px;
}
.btMenuVerticalOn .btVerticalMenuTrigger .btIco a:before {
color: #FF0000 !important;
}
.btMenuVertical .btLogoArea .btVerticalMenuTrigger {
display: none;
}
.btMenuVertical:not(.btHideMenu) .btLogoArea .logo,
.btMenuVertical:not(.btHideMenu) .btCloseVertical {
display: none;
}
.btMenuVertical.btHideMenu .btLogoArea .btVerticalMenuTrigger {
display: block;
}
.btMenuVerticalLeft .btPageWrap,
.btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
margin: 0 0 0 320px;
}
.btMenuVerticalRight .btPageWrap,
.btMenuVerticalRight.btMenuVerticalOn .btPageWrap {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
margin: 0 320px 0 0;
}
.btMenuVerticalRight.btHideMenu .btPageWrap,
.btMenuVerticalLeft.btHideMenu .btPageWrap {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
margin: 0;
}
.btMenuVerticalLeft.btMenuVerticalOn.btHideMenu .btPageWrap {
transform: translate3d(320px,0,0);
transform: translate3d(320px,0,0);
transform: translate3d(320px,0,0);
transform: translate3d(320px,0,0);
margin: 0;
}
.btMenuVerticalRight.btMenuVerticalOn.btHideMenu .btPageWrap {
transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
margin: 0;
}
}
.btMenuVerticalOn .menuPort {
transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
transition: transform 1s cubic-bezier(.230,1,.320,1);
}
.btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
transform: translateX(320px);
transform: translateX(320px);
transform: translateX(320px);
transform: translateX(320px);
}
.rtl.btMenuVerticalLeft.btMenuVerticalOn .btPageWrap {
transform: translateX(-320px);
transform: translateX(-320px);
transform: translateX(-320px);
transform: translateX(-320px);
}
.btMenuVerticalRight.btMenuVerticalOn .btPageWrap {
transform: translateX(-320px);
transform: translateX(-320px);
transform: translateX(-320px);
transform: translateX(-320px);
}
.btMenuVertical.btDarkSkin .menuPort {
background-color: #232323;
box-shadow: 1px 0 0 0 rgba(255,255,255,.1);
box-shadow: 1px 0 0 0 rgba(255,255,255,.1);
}
.btMenuVertical.btLightSkin .menuPort {
background-color: #fff;
box-shadow: 1px 0 0 0 rgba(0,0,0,.15);
box-shadow: 1px 0 0 0 rgba(0,0,0,.15);
}
/* Header tools layout */
.btMenuHorizontal .btTopToolsRight,
.btMenuHorizontal .btTopToolsLeft {
flex-grow: 1;
flex-grow: 1;
}
.btMenuHorizontal .topBarInLogoArea {
float: right;
height: 100px;
display: flexbox;
display: flex;
display: flex;
align-items: center;
flex-align: center;
align-items: center;
}
.rtl.btMenuHorizontal .topBarInLogoArea {
float: left;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell {
border: 0 solid #FF0000;
}
/* Tools in vertical menu */
.btMenuVertical .menuPort .btEmptyElement {
display: none;
}
.btMenuVertical .menuPort .btTopToolsRight,
.btMenuVertical .menuPort .btTopToolsLeft {
max-width: none;
float: none;
}
.btMenuVertical .menuPort .topBar {
padding: 0;
}
.btMenuVertical .menuPort .topTools {
position: static;
padding: 10px 0 0;
text-align: center;
font-size: 14px;
}
.btMenuVertical .menuPort .topBarInLogoArea:after,
.btMenuVertical .menuPort .topBar:after {
display: table;
content: ' ';
clear: both;
}
.btMenuVertical .menuPort .topBarInMenu {
margin: 3em 0 0;
}
.btMenuVertical .menuPort nav:before,
.btMenuVertical .menuPort nav:after {
display: inline-block;
content: ' ';
width: 85px;
height: 4px;
clear: both;
}
.btMenuVertical .menuPort nav:before {
margin: 2em 0 1em;
}
.btMenuVertical .menuPort nav:after {
margin: 1em 0 1em;
}
.btLightSkin nav:before,
.btDarkSkin .btLightSkin nav:before,
.btLightSkin .btDarkSkin .btLightSkin nav:before,
.btLightSkin nav:after,
.btDarkSkin .btLightSkin nav:after,
.btLightSkin .btDarkSkin .btLightSkin nav:after {
background-color: #FF0000;
}
.btDarkSkin nav:before,
.btLightSkin .btDarkSkin nav:before,
.btDarkSkin.btLightSkin .btDarkSkin nav:before,
.btDarkSkin nav:after,
.btLightSkin .btDarkSkin nav:after,
.btDarkSkin.btLightSkin .btDarkSkin nav:after {
background-color: #FF0000;
}
.btSearchInner.btFromTopBox {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #FF0000;
transform: translateY(-200%);
transform: translateY(-200%);
transform: translateY(-200%);
transform: translateY(-200%);
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
z-index: 99998;
}
.btSearchInner.btFromTopBox .btSearchInnerContent {
position: relative;
}
.btSearchInner.btFromTopBox form {
padding: 0 40px 0 0;
margin: 3em 0;
text-align: center;
position: relative;
}
.rtl .btSearchInner.btFromTopBox form {
padding: 0 0 0 40px;
}
.btSearchInner.btFromTopBox form input[type="text"] {
border: none;
background: #fff;
padding: 0 50px 0 20px;
text-align: left;
font-size: 22px;
font-weight: 300;
color: #333;
line-height: 60px;
height: 60px;
}
.rtl .btSearchInner.btFromTopBox form input[type="text"] {
padding: 0 20px 0 50px;
text-align: initial;
}
.btHardRoundedButtons .btSearchInner.btFromTopBox form input[type="text"] {
border-radius: 50px;
}
.btSoftRoundedButtons .btSearchInner.btFromTopBox form input[type="text"] {
border-radius: 3px;
}
.btSearchInner.btFromTopBox form button {
position: absolute;
right: 40px;
top: 0;
line-height: 60px;
border-radius: 0;
width: 60px;
height: 60px;
background: transparent;
border: 0;
cursor: pointer;
}
.rtl .btSearchInner.btFromTopBox form button {
right: auto;
left: 40px;
}
.btSearchInner.btFromTopBox form button:before {
font-family: FontAwesome;
font-size: 21px;
display: block;
content: "\f002";
color: #333;
transition: color 300ms ease;
transition: color 300ms ease;
transition: color 300ms ease;
}
.btSearchInner.btFromTopBox form button:hover:before {
color: #FF0000;
transition: color 300ms ease;
transition: color 300ms ease;
transition: color 300ms ease;
}
.btSearchInner.btFromTopBox .btSearchInnerClose {
display: block;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
line-height: 58px;
font-size: 1.5em;
}
.rtl .btSearchInner.btFromTopBox .btSearchInnerClose {
right: auto;
left: 0;
}
.btSearchInner.btFromTopBox .btSearchInnerClose .btIco {
margin: 0;
}
.btSearchInner.btFromTopBox .btSearchInnerClose .btIco .btIcoHolder:before {
transform: rotate(0);
transform: rotate(0);
transform: rotate(0);
transform: rotate(0);
color: #fff;
transition: transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease;
}
.btSearchInner.btFromTopBox .btSearchInnerClose .btIco:hover a.btIcoHolder:before {
transform: rotate(180deg);
transform: rotate(180deg);
transform: rotate(180deg);
transform: rotate(180deg);
opacity: .5;
}
.btTopToolsSearchOpen .btSearchInner.btFromTopBox {
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: 0 2px 5px rgba(0,0,0,.2);
box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
/* iScroll */
.btDarkSkin .iScrollIndicator,
.btLightSkin .btDarkSkin .iScrollIndicator,
.btDarkSkin.btLightSkin .btDarkSkin .iScrollIndicator {
background-color: rgba(255,255,255,.05) !important;
border: 1px solid rgba(255,255,255,.1) !important;
}
/* Prevent horizontal scroll on small screens when menu is open */
body.btMenuVerticalOn {
position: relative;
width: 100vw;
overflow: hidden;
}
/* IE10 Menu Fix */
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li > ul {
opacity: 1;
pointer-events: auto;
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul {
display: block;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li > ul {
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul {
display: block;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li > ul {
display: none;
}
html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li.on > ul {
display: block;
}
/* Footer */
/*.btPageWrap > footer {
border-top: 3px solid $(accentColor);
}*/
/* Footer copyright */
.btSiteFooter {
font-size: .9em;
}
.btSiteFooter .port {
max-width: 1140px;
margin: auto;
}
.btSiteFooter .copyLine {
margin-bottom: 0;
}
.btSiteFooter .menu {
margin: 0;
padding: 0;
list-style: none;
}
.btSiteFooter .menu li {
display: inline-block;
margin: 0 15px 0 0;
padding: 0;
}
.btSiteFooter .menu li:last-child {
margin: 0;
}
.btSiteFooterWidgets {
box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}
.btSiteFooterWidgets .btBox {
background-color: transparent;
}
.btSiteFooterWidgets .btBox .btImage img {
margin: initial;
}
.btSiteFooter {
padding-top: 2em;
}
.btSiteFooter .port .btFooterCopy,
.btSiteFooter .port .btFooterMenu {
padding-bottom: 2em;
}
.btLightSkin .btSiteFooterWidgets,
.btDarkSkin .btLightSkin .btSiteFooterWidgets,
.btLightSkin .btDarkSkin .btLightSkin .btSiteFooterWidgets {
background: #fff;
}
.btLightSkin .btSiteFooter,
.btDarkSkin .btLightSkin .btSiteFooter,
.btLightSkin .btDarkSkin .btLightSkin .btSiteFooter {
background: #fff;
}
.btLightSkin .btSiteFooter .port:before,
.btDarkSkin .btLightSkin .btSiteFooter .port:before,
.btLightSkin .btDarkSkin .btLightSkin .btSiteFooter .port:before {
background-color: #262626;
}
.btDarkSkin .btSiteFooterWidgets,
.btLightSkin .btDarkSkin .btSiteFooterWidgets,
.btDarkSkin.btLightSkin .btDarkSkin .btSiteFooterWidgets {
background: #232323;
}
.btDarkSkin .btSiteFooter,
.btLightSkin .btDarkSkin .btSiteFooter,
.btDarkSkin.btLightSkin .btDarkSkin .btSiteFooter {
background: #232323;
}
.btDarkSkin .btSiteFooter .port:before,
.btLightSkin .btDarkSkin .btSiteFooter .port:before,
.btDarkSkin.btLightSkin .btDarkSkin .btSiteFooter .port:before {
background-color: #FF0000;
}
section footer,
article footer {
border-top: none;
}
/* Single post */
.sticky .headline:before {
content: '\e69b';
font-family: Icon7Stroke;
display: inline-block;
margin-right: .4em;
font-size: .7em;
}
.sticky .btBlogSimpleViewCategories .headline:before {
content: '';
}
.boldArticleBody .port,
.btArticleBody .port {
padding: 0 !important;
}
@media (min-width: 1200px) {
.btPostSingleItemStandard .btArticleBody {
padding: 0 120px 20px 0;
}
}
.btAboutAuthor {
display: table;
width: 100%;
}
.btLightSkin .btAboutAuthor,
.btDarkSkin .btLightSkin .btAboutAuthor,
.btLightSkin .btDarkSkin .btLightSkin .btAboutAuthor {
border-top: 1px solid rgba(0,0,0,.15);
}
.btDarkSkin .btAboutAuthor,
.btLightSkin .btDarkSkin .btAboutAuthor,
.btDarkSkin.btLightSkin .btDarkSkin .btAboutAuthor {
border-top: 1px solid rgba(255,255,255,.1);
}
.btAboutAuthor .aaAvatar img,
.btAboutAuthor .commentAvatar img {
display: block;
width: 100%;
height: auto;
border-radius: 50%;
}
.btAboutAuthor .aaTxt {
display: table-cell;
vertical-align: top;
padding: 1em;
}
.btAboutAuthor .aaTxt h1,
.btAboutAuthor .aaTxt h2,
.btAboutAuthor .aaTxt h3,
.btAboutAuthor .aaTxt h4,
.btAboutAuthor .aaTxt h5,
.btAboutAuthor .aaTxt h6,
.btAboutAuthor .aaTxt h7,
.btAboutAuthor .aaTxt h8 {
font-size: 1.3em;
}
/* Media box */
.btMediaBox {
position: relative;
overflow: hidden;
}
.btMediaBox img {
display: block;
width: auto;
height: auto;
}
.btMediaBox .aspectVideo {
visibility: hidden;
width: 100%;
}
.btMediaBox iframe {
display: block;
border: none;
}
.btMediaBox.video iframe {
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
border: none;
}
.btMediaBox.audio iframe {
display: block;
width: 100% !important;
}
.btMediaBox.btQuote,
.btMediaBox.btLink {
text-align: center;
position: relative;
display: block;
padding: 40px;
margin: 0;
background-color: #FF0000;
font-weight: 300;
padding: 60px;
}
.btMediaBox.btQuote p:before,
.btMediaBox.btLink p:before {
display: block;
text-align: center;
font: 1.2em/1.2em Icon7Stroke;
}
.btMediaBox.btQuote p,
.btMediaBox.btLink p {
font-size: 3em;
line-height: 1.3em;
margin: 1em .3em;
}
.gridItem .btMediaBox.btQuote p,
.gridItem .btMediaBox.btLink p {
font-size: 1.5em;
}
.btMediaBox.btQuote cite,
.btMediaBox.btLink cite {
display: inline-block;
padding: 20px 0 0;
border-top: 1px solid #fff;
margin: 0;
font-size: 1em;
}
.btMediaBox.btQuote a,
.btMediaBox.btLink a {
color: #fff;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btMediaBox.btQuote a:hover,
.btMediaBox.btLink a:hover {
color: #fff;
opacity: .6;
}
.btMediaBox.btLink p:before {
content: "\e641";
}
.btMediaBox.btQuote p:before {
content: "\e635";
}
.single .btMediaBox,
.blog .btMediaBox,
.archive .btMediaBox,
.search .btMediaBox {
margin-bottom: 1em;
}
.single .btMediaBox {
margin: 0 0 1em;
}
.single .btGhost .header {
display: inline-block;
}
.btBlogColumnView .btMediaBox.btQuote p:before,
.btBlogColumnView .btMediaBox.btLink p:before {
font: 2em/2em Icon7Stroke;
}
.btBlogColumnView .btMediaBox.btQuote p,
.btBlogColumnView .btMediaBox.btLink p {
font-size: 2em;
margin-bottom: .5em;
}
/* Article list */
.btArticleListItem {
margin-bottom: 80px;
}
.btDarkSkin .btArticleListItem .headline a,
.btLightSkin .btDarkSkin .btArticleListItem .headline a,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleListItem .headline a {
color: #fff;
}
.btLightSkin .btArticleListItem .headline a,
.btDarkSkin .btLightSkin .btArticleListItem .headline a,
.btLightSkin .btDarkSkin .btLightSkin .btArticleListItem .headline a {
color: #262626;
}
.btArticleListItem .headline a:hover {
color: #FF0000;
}
/* Simple view */
.btArticleListItem.btBlogSimpleView {
margin-bottom: 1em;
border-bottom: 1px solid rgba(0,0,0,.15);
}
.btBlogSimpleView {
padding-left: 0 !important;
}
.btBlogSimpleView .header .btSuperTitle,
.btBlogSimpleView .header .btSubTitle {
font-size: .8em !important;
text-transform: uppercase;
}
.btBlogSimpleView .asgItem.avatar img {
border-radius: 50%;
max-width: 100px;
float: left;
margin-bottom: 10px;
}
/* Column view */
.btArticleListItem.btBlogColumnView .header .btSuperTitle,
.btArticleListItem.btBlogColumnView .header .btSubTitle,
.btPostSingleItemColumns .header .btSuperTitle,
.btPostSingleItemColumns .header .btSubTitle {
font-size: .8em !important;
text-transform: uppercase;
}
.btArticleListItem.btBlogColumnView {
margin-bottom: 50px;
padding-bottom: 30px;
}
.btDarkSkin .btArticleListItem.btBlogColumnView,
.btLightSkin .btDarkSkin .btArticleListItem.btBlogColumnView,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleListItem.btBlogColumnView {
border-bottom: 3px solid rgba(255,255,255,.3);
}
.btLightSkin .btArticleListItem.btBlogColumnView,
.btDarkSkin .btLightSkin .btArticleListItem.btBlogColumnView,
.btLightSkin .btDarkSkin .btLightSkin .btArticleListItem.btBlogColumnView {
border-bottom: 3px solid rgba(0,0,0,.07);
}
/* Comments */
body:not(.woocommerce) .btCommentsBox .form-submit {
margin-bottom: 0;
}
.btCommentsBox {
margin: 0 0 1em;
}
.btCommentsBox > h1,
.btCommentsBox > h2,
.btCommentsBox > h3,
.btCommentsBox > h4,
.btCommentsBox > h5,
.btCommentsBox > h6,
.btCommentsBox > h7,
.btCommentsBox > h8 {
margin: 0;
padding: 0;
font-size: 1.3em;
}
.btCommentsBox ul.comments,
.btCommentsBox ul.comments li.comment {
list-style: none;
display: block;
padding-left: 0;
margin-left: 0;
margin-top: 1em;
}
.btCommentsBox ul.comments > li,
.btCommentsBox ul.comments > li.comment > ul.children > li.comment {
display: block;
margin: 0;
}
.btLightSkin .btCommentsBox ul.comments > li,
.btDarkSkin .btLightSkin .btCommentsBox ul.comments > li,
.btLightSkin .btDarkSkin .btLightSkin .btCommentsBox ul.comments > li,
.btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btDarkSkin .btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btLightSkin .btDarkSkin .btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment {
border-top: 1px solid rgba(0,0,0,.15);
}
.btDarkSkin .btCommentsBox ul.comments > li,
.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li,
.btDarkSkin.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li,
.btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment,
.btDarkSkin.btLightSkin .btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment {
border-top: 1px solid rgba(255,255,255,.1);
}
.btCommentsBox ul.comments li > article {
margin: 0;
position: relative;
width: 100%;
display: table;
}
.btCommentsBox ul.comments li > article .commentTxt {
padding: 20px 0 30px 0;
display: table-cell;
}
.btCommentsBox ul.comments ul article {
padding: 0 0 0 40px;
}
.btCommentsBox ul.children {
margin: 0 0 0 20px;
}
.btCommentsBox input,
.btCommentsBox textarea {
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btCommentsBox .btComment {
line-height: 0;
}
.btCommentsBox .btComment textarea,
.btCommentsBox .btComment label {
line-height: 1.8;
}
.btCommentsBox .vcard {
position: relative;
display: flexbox;
display: flex;
display: flex;
flex-flow: row nowrap;
flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: space-between;
flex-pack: justify;
justify-content: space-between;
align-content: flex-start;
flex-line-pack: start;
align-content: flex-start;
align-items: center;
flex-align: center;
align-items: center;
padding: 15px 0;
}
.btCommentsBox .vcard h1.author,
.btCommentsBox .vcard h2.author,
.btCommentsBox .vcard h3.author,
.btCommentsBox .vcard h4.author,
.btCommentsBox .vcard h5.author,
.btCommentsBox .vcard h6.author,
.btCommentsBox .vcard h7.author,
.btCommentsBox .vcard h8.author {
margin: 0;
padding: 0;
line-height: 1.3;
flex: 1 1 auto;
flex: 1 1 auto;
flex: 1 1 auto;
}
.btCommentsBox .vcard .posted {
margin: 0;
opacity: .8;
line-height: 1.15;
text-align: right;
padding: 0 0 0 10px;
font-family: "Montserrat";
font-size: .9em;
}
.rtl .btCommentsBox .vcard .posted {
text-align: left;
padding: 0 10px 0 0;
}
.woocommerce .btCommentsBox .vcard .star-rating {
display: block;
position: absolute;
top: 0;
right: 0;
}
.woocommerce .btCommentsBox .vcard .star-rating strong {
display: none;
}
.woocommerce.rtl .btCommentsBox .vcard .star-rating {
right: auto;
left: 0;
}
.btCommentsBox .comment {
clear: both;
}
.btCommentsBox .commentTxt p.edit-link,
.btCommentsBox .commentTxt p.reply {
float: left;
margin: 0 2em 0 0;
font-family: "Montserrat";
font-size: .9em;
}
.btCommentsBox .commentTxt p.edit-link a,
.btCommentsBox .commentTxt p.reply a {
opacity: .5;
}
.btCommentsBox .commentTxt p.edit-link a:hover,
.btCommentsBox .commentTxt p.reply a:hover {
opacity: 1;
}
.rtl .btCommentsBox .commentTxt p.edit-link,
.rtl .btCommentsBox .commentTxt p.reply {
float: right;
margin: 0 0 0 2em;
}
.btCommentsBox .commentTxt p.reply {
clear: left;
}
.rtl .btCommentsBox .commentTxt p.reply {
clear: right;
}
.btCommentsBox .comment-form {
padding-bottom: 20px;
}
.btCommentsBox .comment-navigation {
text-align: right;
clear: right;
}
.btCommentsBox .comment-navigation a,
.btCommentsBox .comment-navigation span {
display: inline-block;
}
.btCommentsBox .comment-navigation span {
margin: 0 5px;
}
.aaAvatar,
.commentAvatar {
display: table-cell;
vertical-align: top;
width: 150px;
padding: 20px 10px;
}
.aaAvatar img,
.commentAvatar img {
border-radius: 50%;
overflow: hodden;
}
.commentAvatar {
width: 75px;
}
.comment-respond .btnOutline button[type="submit"] {
font-family: "Montserrat";
margin: -7px -12px;
padding: 7px 20px;
height: 41px;
background: transparent;
border: 0;
cursor: pointer;
color: inherit;
font-weight: 700;
}
a#cancel-comment-reply-link {
font-weight: 300;
display: inline-block;
margin: 0 0 0 1em;
padding: 0 0 0 .9em;
float: right;
}
a#cancel-comment-reply-link:hover {
color: #FF0000;
}
/* Image alignment (unit test) */
.btContentHolder .alignleft {
float: left;
margin: 0 20px 0 0;
}
.btContentHolder .alignright {
float: right;
margin: 0 0 0 20px;
}
.btContentHolder .aligncenter,
.btContentHolder .btContent .alignnone {
text-align: center;
margin: 0 auto;
}
.btContentHolder figure.aligncenter,
.btContentHolder .btContent figure.alignnone {
margin: 0 auto 20px;
}
.btContentHolder .alignnone {
width: auto !important;
}
/* Password protection (unit test) */
.post-password-form input[type="password"] {
padding: 10px;
height: 38px;
border: 1px solid rgba(0,0,0,.15);
width: 100%;
display: block;
margin: 0 0 20px;
}
.post-password-form input[type="submit"] {
display: block;
margin: 0 auto;
color: #FFF;
width: auto;
height: 38px;
background: #FF0000;
border: 0;
cursor: pointer;
padding: 0 20px;
font-family: "Montserrat";
}
/* Pagination */
.btPagination {
font-family: "Montserrat";
font-weight: 400;
font-size: 1em;
line-height: 38px;
}
.btPagination :after {
display: table;
content: " ";
width: 100%;
clear: both;
}
.btPagination .paging.onLeft {
float: left;
}
.btPagination .paging.onRight {
float: right;
}
.btPagination .paging {
padding-bottom: 2em;
}
.btPagination .paging a {
display: block;
}
.btPagination .paging p {
margin: 0;
}
.btPagination .paging a:after {
width: 38px;
height: 38px;
display: block;
text-align: center;
font: 28px/34px Icon7Stroke;
transition: all 500ms ease;
transition: all 500ms ease;
transition: all 500ms ease;
border-radius: 6px;
}
.btDarkSkin .btPagination .paging a:after,
.btLightSkin .btDarkSkin .btPagination .paging a:after,
.btDarkSkin.btLightSkin .btDarkSkin .btPagination .paging a:after {
border: 2px solid #fff;
color: #fff;
}
.btLightSkin .btPagination .paging a:after,
.btDarkSkin .btLightSkin .btPagination .paging a:after,
.btLightSkin .btDarkSkin .btLightSkin .btPagination .paging a:after {
border: 2px solid #262626;
color: #262626;
}
.btPagination .paging a:hover:after {
border-color: #FF0000;
}
.btPagination .paging .pagePrev a:after {
content: "\e686";
float: left;
margin: 0 10px 0 0;
}
.btPagination .paging .pageNext a:after {
content: "\e684";
float: right;
margin: 0 0 0 10px;
}
/* Linked pages in a single post (unit test) */
.btLinkPages ul {
margin-left: 0;
padding-left: 0;
margin-top: 30px;
}
.btLinkPages ul li {
list-style: none;
display: inline-block;
}
/* Author avatar in list */
.articleSideGutter {
position: absolute;
top: 0;
left: 0;
line-height: 1.4;
width: 100px;
}
.articleSideGutter .date {
opacity: .8;
}
.rtl .articleSideGutter {
left: auto;
right: 0;
}
.articleSideGutter .asgItem.title {
margin: 4px 0 0;
}
.btHasAuthorInfo .btArticleListBody {
padding: 0 0 0 120px;
}
.rtl .btHasAuthorInfo .btArticleListBody {
padding: 0 120px 0 0;
}
/* Photo slide */
.boldPhotoSlide {
position: relative;
}
.single .boldPhotoSlide {
padding: 0 20px;
}
.single .boldPhotoSlide h4.nbs {
margin: 0 30px !important;
}
/* Galleries (unit test) */
.gallery {
margin-bottom: 1.6em;
}
.gallery .gallery-item {
display: inline-block;
padding: 0 4px;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
}
.gallery-columns-2 .gallery .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery .gallery-item {
max-width: 11.11%;
}
@media (max-width: 1200px) {
.gallery-item {
width: 100% !important;
max-width: 100% !important;
}
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 5px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/* Inner text special Rapid composer */
span.enhanced {
display: block;
float: left;
margin: 0 .3em .1em 0;
padding: 0;
width: 1.8em;
font-size: 1.8em;
height: 1.8em;
line-height: 1.6em;
vertical-align: middle;
text-align: center;
border: 1px solid #333;
border-radius: 1.8em;
}
.btLightSkin span.enhanced,
.btDarkSkin .btLightSkin span.enhanced,
.btLightSkin .btDarkSkin .btLightSkin span.enhanced {
border-color: #333;
}
.btDarkSkin span.enhanced,
.btLightSkin .btDarkSkin span.enhanced,
.btDarkSkin.btLightSkin .btDarkSkin span.enhanced {
border-color: #333;
}
span.btHighlight {
display: inline-block;
padding: .06em .5em;
background-color: #FF0000;
color: #fff;
}
/* Post categories, comments, date and author spans */
.header .btSubTitle span,
.header .btSubTitle p,
.header .btSubTitle a,
.header .btSuperTitle span span,
.header .btSuperTitle span p,
.header .btSuperTitle span a {
display: inline-block;
}
.header .btSubTitle .btArticleDate,
.header .btSubTitle .btArticleAuthor,
.header .btSubTitle .btArticleComments,
.header .btSubTitle .btArticleCategories,
.header .btSuperTitle span .btArticleDate,
.header .btSuperTitle span .btArticleAuthor,
.header .btSuperTitle span .btArticleComments,
.header .btSuperTitle span .btArticleCategories {
display: inline-block;
}
.btArticleCategories {
text-transform: uppercase;
}
.btArticleCategories a:not(:first-child):before {
content: ' ';
display: inline-block;
margin: -2px 10px 0 10px;
letter-spacing: inherit;
width: 4px;
height: 4px;
border-radius: 50%;
line-height: inherit;
vertical-align: middle;
background-color: #FF0000;
}
.btDarkSkin .btArticleCategories a:not(:first-child):before,
.btLightSkin .btDarkSkin .btArticleCategories a:not(:first-child):before,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleCategories a:not(:first-child):before {
background-color: #fff;
}
.btLightSkin .btArticleCategories a:not(:first-child):before,
.btDarkSkin .btLightSkin .btArticleCategories a:not(:first-child):before,
.btLightSkin .btDarkSkin .btLightSkin .btArticleCategories a:not(:first-child):before {
background-color: #333;
}
.btArticleDate:not(:last-child):after,
.btArticleAuthor:not(:last-child):after,
.btArticleComments:not(:last-child):after,
.btArticleCategories:not(:last-child):after {
content: ' / ';
padding: 0 .5em;
}
.btLightSkin .btArticleDate:not(:last-child):after,
.btLightSkin .btArticleAuthor:not(:last-child):after,
.btLightSkin .btArticleComments:not(:last-child):after,
.btLightSkin .btArticleCategories:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleDate:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleComments:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleCategories:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btArticleDate:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btArticleComments:not(:last-child):after,
.btLightSkin .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child):after {
color: #333;
}
.btDarkSkin .btArticleDate:not(:last-child):after,
.btDarkSkin .btArticleAuthor:not(:last-child):after,
.btDarkSkin .btArticleComments:not(:last-child):after,
.btDarkSkin .btArticleCategories:not(:last-child):after,
.btLightSkin .btDarkSkin .btArticleDate:not(:last-child):after,
.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child):after,
.btLightSkin .btDarkSkin .btArticleComments:not(:last-child):after,
.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleDate:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:not(:last-child):after,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child):after {
color: #fff;
}
.btLightSkin .btArticleDate:not(:last-child),
.btLightSkin .btArticleAuthor:not(:last-child),
.btLightSkin .btArticleComments:not(:last-child),
.btLightSkin .btArticleCategories:not(:last-child),
.btDarkSkin .btLightSkin .btArticleDate:not(:last-child),
.btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child),
.btDarkSkin .btLightSkin .btArticleComments:not(:last-child),
.btDarkSkin .btLightSkin .btArticleCategories:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btArticleDate:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btArticleComments:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child) {
border-color: rgba(0,0,0,.15);
}
.btDarkSkin .btArticleDate:not(:last-child),
.btDarkSkin .btArticleAuthor:not(:last-child),
.btDarkSkin .btArticleComments:not(:last-child),
.btDarkSkin .btArticleCategories:not(:last-child),
.btLightSkin .btDarkSkin .btArticleDate:not(:last-child),
.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child),
.btLightSkin .btDarkSkin .btArticleComments:not(:last-child),
.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btArticleDate:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btArticleCategories:not(:last-child) {
border-color: rgba(255,255,255,.1) !important;
}
.btArticleComments:before {
font-family: FontAwesome;
content: "\f075";
margin: 0;
display: inline-block;
}
body:not(.rtl) .btArticleComments:before {
margin-right: 5px;
}
body.rtl .btArticleComments:before {
margin-left: 5px;
}
.btLightSkin .btArticleComments:before,
.btDarkSkin .btLightSkin .btArticleComments:before,
.btLightSkin .btDarkSkin .btLightSkin .btArticleComments:before {
color: rgba(51,51,51,.4);
}
.btDarkSkin .btArticleComments:before,
.btLightSkin .btDarkSkin .btArticleComments:before,
.btDarkSkin.btLightSkin .btDarkSkin .btArticleComments:before {
color: rgba(255,255,255,.4);
}
/* Portfolio Item */
.btPortfolioSubtitle {
display: block;
opacity: .3;
font-size: .75em;
}
.btArticleMeta {
font-family: "Montserrat";
font-size: .9em;
}
.btArticleMeta dd,
.btArticleMeta dt {
display: block;
clear: left;
padding-right: 0;
}
.btArticleMeta dd {
padding-bottom: 1em;
}
/* btBox defaults */
.btBox {
margin-bottom: 4em;
}
/* Base typography */
.btBox > h4,
.btCustomMenu > h4,
.btTopBox > h4 {
font-size: 1.3em;
margin-bottom: .75em;
}
.btSidebar .btBox > h4,
.btSiteFooterWidgets .btBox > h4,
.btSidebar .btCustomMenu > h4,
.btSiteFooterWidgets .btCustomMenu > h4,
.btSidebar .btTopBox > h4,
.btSiteFooterWidgets .btTopBox > h4 {
margin-bottom: 0;
padding-bottom: 0;
}
.btBox h5,
.btCustomMenu h5,
.btTopBox h5 {
font-size: 1.4em;
margin-bottom: .35em;
}
body:not(.btNoDashInSidebar) .btBox > h4:after,
body:not(.btNoDashInSidebar) .btCustomMenu > h4:after,
body:not(.btNoDashInSidebar) .btTopBox > h4:after {
content: ' ';
clear: both;
width: 3em;
display: block;
border-bottom: 3px solid #FF0000;
margin: .5em 0 .6em;
}
.btBox header.small h1,
.btBox header.small h2,
.btBox header.small h3,
.btBox header.small h4,
.btBox header.small h5,
.btBox header.small h6,
.btBox header.small h7,
.btBox header.small h8,
.btCustomMenu header.small h1,
.btCustomMenu header.small h2,
.btCustomMenu header.small h3,
.btCustomMenu header.small h4,
.btCustomMenu header.small h5,
.btCustomMenu header.small h6,
.btCustomMenu header.small h7,
.btCustomMenu header.small h8,
.btTopBox header.small h1,
.btTopBox header.small h2,
.btTopBox header.small h3,
.btTopBox header.small h4,
.btTopBox header.small h5,
.btTopBox header.small h6,
.btTopBox header.small h7,
.btTopBox header.small h8 {
font-size: 1em;
}
.btBox label,
.btCustomMenu label,
.btTopBox label {
display: none;
}
.btBox .wp-caption,
.btCustomMenu .wp-caption,
.btTopBox .wp-caption {
margin-bottom: .5em;
}
.btBox select,
.btCustomMenu select,
.btTopBox select {
display: block;
margin: .5em 0 0;
width: 100%;
padding: .5em;
}
.btBox ul,
.btCustomMenu ul,
.btTopBox ul {
list-style: none;
margin: 0;
display: block;
padding: 0;
}
.btBox ul li,
.btCustomMenu ul li,
.btTopBox ul li {
display: block;
width: auto;
margin: 0;
position: relative;
padding: .8em 0;
margin-left: 0;
}
.btBox ul li a,
.btCustomMenu ul li a,
.btTopBox ul li a {
display: block;
line-height: 1.35;
}
.btLightSkin .btBox ul li,
.btDarkSkin .btLightSkin .btBox ul li,
.btLightSkin .btDarkSkin .btLightSkin .btBox ul li,
.btLightSkin .btCustomMenu ul li,
.btDarkSkin .btLightSkin .btCustomMenu ul li,
.btLightSkin .btDarkSkin .btLightSkin .btCustomMenu ul li,
.btLightSkin .btTopBox ul li,
.btDarkSkin .btLightSkin .btTopBox ul li,
.btLightSkin .btDarkSkin .btLightSkin .btTopBox ul li {
border-bottom: 1px solid rgba(0,0,0,.07);
}
.btDarkSkin .btBox ul li,
.btLightSkin .btDarkSkin .btBox ul li,
.btDarkSkin.btLightSkin .btDarkSkin .btBox ul li,
.btDarkSkin .btCustomMenu ul li,
.btLightSkin .btDarkSkin .btCustomMenu ul li,
.btDarkSkin.btLightSkin .btDarkSkin .btCustomMenu ul li,
.btDarkSkin .btTopBox ul li,
.btLightSkin .btDarkSkin .btTopBox ul li,
.btDarkSkin.btLightSkin .btDarkSkin .btTopBox ul li {
border-bottom: 1px solid rgba(255,255,255,.3);
}
.btBox ul li ul,
.btCustomMenu ul li ul,
.btTopBox ul li ul {
margin: .5em 0 0;
padding: .5em 0 0;
}
.btLightSkin .btBox ul li ul,
.btDarkSkin .btLightSkin .btBox ul li ul,
.btLightSkin .btDarkSkin .btLightSkin .btBox ul li ul,
.btLightSkin .btCustomMenu ul li ul,
.btDarkSkin .btLightSkin .btCustomMenu ul li ul,
.btLightSkin .btDarkSkin .btLightSkin .btCustomMenu ul li ul,
.btLightSkin .btTopBox ul li ul,
.btDarkSkin .btLightSkin .btTopBox ul li ul,
.btLightSkin .btDarkSkin .btLightSkin .btTopBox ul li ul {
border-top: 1px solid rgba(0,0,0,.07);
}
.btDarkSkin .btBox ul li ul,
.btLightSkin .btDarkSkin .btBox ul li ul,
.btDarkSkin.btLightSkin .btDarkSkin .btBox ul li ul,
.btDarkSkin .btCustomMenu ul li ul,
.btLightSkin .btDarkSkin .btCustomMenu ul li ul,
.btDarkSkin.btLightSkin .btDarkSkin .btCustomMenu ul li ul,
.btDarkSkin .btTopBox ul li ul,
.btLightSkin .btDarkSkin .btTopBox ul li ul,
.btDarkSkin.btLightSkin .btDarkSkin .btTopBox ul li ul {
border-top: 1px solid rgba(255,255,255,.3);
}
.btBox ul li ul li a,
.btCustomMenu ul li ul li a,
.btTopBox ul li ul li a {
padding-left: 15px;
}
.btBox ul li ul li ul,
.btBox ul li ul li li,
.btCustomMenu ul li ul li ul,
.btCustomMenu ul li ul li li,
.btTopBox ul li ul li ul,
.btTopBox ul li ul li li {
padding-left: 0;
}
.btBox ul li ul li li a,
.btCustomMenu ul li ul li li a,
.btTopBox ul li ul li li a {
padding-left: 30px;
}
.btBox ul li.current-menu-item > a,
.btCustomMenu ul li.current-menu-item > a,
.btTopBox ul li.current-menu-item > a {
color: #FF0000;
}
.btSidebar .btBox ul li:first-child,
.btSidebar .btCustomMenu ul li:first-child,
.btSidebar .btTopBox ul li:first-child {
padding-top: 0;
}
.btBox ul li:after,
.btCustomMenu ul li:after,
.btTopBox ul li:after {
clear: both;
content: " ";
display: block;
}
.btBox ul li li:last-child,
.btCustomMenu ul li li:last-child,
.btTopBox ul li li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.btBox .ppImage,
.btCustomMenu .ppImage,
.btTopBox .ppImage {
display: table-cell;
vertical-align: top;
width: 36%;
}
.btBox .ppImage a,
.btCustomMenu .ppImage a,
.btTopBox .ppImage a {
display: block;
line-height: 0;
padding-right: 10px;
}
.rtl .btBox .ppImage a,
.rtl .btCustomMenu .ppImage a,
.rtl .btTopBox .ppImage a {
padding-right: 0;
padding-left: 10px;
}
.btBox .ppImage a img,
.btCustomMenu .ppImage a img,
.btTopBox .ppImage a img {
margin: 0;
border: 1px solid rgba(0,0,0,.15);
max-width: 100%;
width: 100%;
height: auto;
}
.btBox .ppTxt,
.btCustomMenu .ppTxt,
.btTopBox .ppTxt {
display: table-cell;
overflow: hidden;
text-align: initial;
}
.mainHeader .btBox .ppTxt,
.mainHeader .btCustomMenu .ppTxt,
.mainHeader .btTopBox .ppTxt {
vertical-align: middle;
line-height: 1.15;
}
.btBox .ppTxt .header,
.btCustomMenu .ppTxt .header,
.btTopBox .ppTxt .header {
margin-bottom: 0;
}
.btBox .ppTxt .header .headline a,
.btCustomMenu .ppTxt .header .headline a,
.btTopBox .ppTxt .header .headline a {
color: inherit;
}
.btBox .ppTxt .header .headline a a:hover,
.btCustomMenu .ppTxt .header .headline a a:hover,
.btTopBox .ppTxt .header .headline a a:hover {
color: #FF0000;
}
.btBox .ppTxt .header .btSuperTitle,
.btCustomMenu .ppTxt .header .btSuperTitle,
.btTopBox .ppTxt .header .btSuperTitle {
color: inherit;
letter-spacing: 0;
margin-bottom: 0;
}
.btBox .ppTxt .header .btSubTitle,
.btCustomMenu .ppTxt .header .btSubTitle,
.btTopBox .ppTxt .header .btSubTitle {
color: inherit;
margin-bottom: 0;
}
.btBox .ppTxt .header .btSubTitle .star-rating,
.btCustomMenu .ppTxt .header .btSubTitle .star-rating,
.btTopBox .ppTxt .header .btSubTitle .star-rating {
line-height: 1;
font-size: .75em;
}
.btBox .ppTxt .header .btSubTitle .star-rating .rating,
.btCustomMenu .ppTxt .header .btSubTitle .star-rating .rating,
.btTopBox .ppTxt .header .btSubTitle .star-rating .rating {
display: none;
}
.btBox p.posted,
.btBox .quantity,
.btCustomMenu p.posted,
.btCustomMenu .quantity,
.btTopBox p.posted,
.btTopBox .quantity {
font-weight: 600;
margin: 0;
font-size: .8em;
}
.btSiteFooterWidgets ul li {
width: 49%;
float: left;
}
.btTextRight .btSiteFooterWidgets ul li {
float: right;
}
.btSiteFooterWidgets ul li:nth-child(-n + 2) {
padding-top: 0;
}
.btTextLeft .btSiteFooterWidgets ul li:nth-child(2n) {
margin-left: 2%;
}
.btTextRight .btSiteFooterWidgets ul li:nth-child(2n) {
margin-right: 2%;
}
/* Popular posts BT */
.popularPosts {
padding-top: .2em;
}
.popularPosts ul li {
padding: 0 0 10px;
border: none !important;
}
/* Calendar */
.widget_calendar table {
width: 100%;
border-collapse: collapse;
}
.widget_calendar table caption {
background: #FF0000;
color: #FFF;
font-family: "Montserrat";
font-weight: 700;
padding: 5px;
}
.widget_calendar table thead th {
text-align: center;
padding: 3px;
}
.widget_calendar table tfoot td {
padding: 3px;
}
.widget_calendar table tfoot td#next {
text-align: right;
}
.widget_calendar table tbody tr:nth-child(odd) td {
background: transparent;
}
.widget_calendar table tbody td {
text-align: center;
padding: 2px 3px;
}
/* Archives */
.widget_archive ul li strong,
.btBox.widget_categories ul li strong {
text-align: center;
display: block;
float: right;
margin-left: .5em;
}
/* Pages */
/* Recent comments */
.widget_recent_comments .comment-author-link a {
font-weight: 700;
display: inline;
padding: 0;
}
/* RSS */
.widget_rss li {
margin-bottom: 15px;
}
.widget_rss li a.rsswidget {
font-family: "Montserrat";
font-weight: 700;
}
.widget_rss li .rss-date {
display: block;
margin: 0 0 5px;
}
.widget_rss li cite {
line-height: 2em;
}
/* Dropdown archives */
.fancy-select {
position: relative;
}
.fancy-select .trigger {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-overflow: ellipsis;
position: relative;
cursor: pointer;
padding: .3em 0 .3em 1em;
}
.rtl .fancy-select .trigger {
padding: .3em 1em .3em 0;
}
.fancy-select .trigger:before {
content: '\f078';
font-family: FontAwesome;
display: block;
float: right;
padding-right: .5em;
}
.rtl .fancy-select .trigger:before {
float: left;
padding-right: 0;
padding-left: .5em;
}
.fancy-select .trigger.open:before {
content: '\f077';
}
.fancy-select .trigger.open {
color: #FF0000;
}
.fancy-select .options {
display: none;
position: absolute;
top: auto;
left: 0;
width: 100%;
list-style: none;
max-height: 320px;
overflow: auto;
border: 1px solid rgba(0,0,0,.07);
background-color: #fff;
color: #333;
}
.fancy-select .options.open {
z-index: 20;
display: block;
}
.fancy-select .options.overflowing {
top: auto;
bottom: 2.4em;
}
.fancy-select ul.options {
padding: 0;
margin: 0;
}
.fancy-select ul.options li {
cursor: pointer;
padding-left: 1em;
margin: 0;
}
.fancy-select ul.options li:hover {
color: #FF0000;
}
/* Woo commerce widgets */
/* Card widget */
.widget_shopping_cart ul li:last-child {
border: none;
}
.widget_shopping_cart .total {
width: 100%;
border-top: 2px solid #262626;
padding: 1em 0 0;
line-height: 1.25;
}
.widget_shopping_cart .total strong {
display: block;
float: left;
padding-right: 8px;
}
.rtl .widget_shopping_cart .total strong {
float: right;
padding-right: 0;
padding-left: 8px;
}
.widget_shopping_cart .total .amount {
display: block;
float: right;
}
.rtl .widget_shopping_cart .total .amount {
float: left;
}
.btSidebar .widget_shopping_cart .btCartWidgetIcon {
display: none;
}
.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block;
}
.widget_shopping_cart .buttons {
width: 100%;
}
.widget_shopping_cart .buttons .button {
width: 48%;
display: block;
float: left;
text-align: center;
}
.widget_shopping_cart .buttons .button.checkout {
float: right;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item {
position: relative;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove {
display: block;
float: right;
}
.rtl .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove {
float: left;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove {
display: block;
text-align: center;
text-decoration: none;
font-weight: 700;
height: 1em;
line-height: 1;
width: 1em;
vertical-align: middle;
color: #fff;
background-color: #FF0000;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:hover {
background-color: #ffc938;
}
.widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:before {
content: '\e680';
font-family: Icon7Stroke;
}
/* Shoping cart within header */
.menuPort .widget_shopping_cart,
.topTools .widget_shopping_cart,
.topBarInLogoArea .widget_shopping_cart {
display: inline-block;
position: relative;
}
.btMenuVertical .menuPort .widget_shopping_cart,
.btMenuVertical .topTools .widget_shopping_cart,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart {
position: static;
}
.menuPort .widget_shopping_cart h2.widgettitle,
.topTools .widget_shopping_cart h2.widgettitle,
.topBarInLogoArea .widget_shopping_cart h2.widgettitle {
display: none;
}
.menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon,
.topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon,
.topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon {
cursor: pointer;
position: relative;
}
.menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents {
display: block;
padding: 2px 3px;
background-color: #ffc938;
color: #fff;
font: normal 10px/1 Montserrat;
border-radius: 2px;
position: absolute;
top: -5px;
right: 0;
text-align: center;
min-width: 1em;
}
.rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents {
right: auto;
left: 0;
}
.btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetIcon span.cart-contents {
position: relative;
display: inline-block;
vertical-align: 50%;
margin: 0 0 -50px -15px;
}
.menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent {
width: 300px;
background: #fff;
padding: 1em;
position: absolute;
z-index: 2;
opacity: 0;
right: 0;
transform: translateY(-200%);
transform: translateY(-200%);
transform: translateY(-200%);
transform: translateY(-200%);
color: #262626;
box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
}
.menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty,
.topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty,
.topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent li.empty {
padding: 0;
}
.rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent {
right: auto;
left: 0;
}
.rtl .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove,
.rtl .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove,
.rtl .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .ppRemove {
float: left;
}
.btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent {
left: 0;
top: 0;
right: 0;
min-height: 100vh;
width: auto;
z-index: 500;
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
border: none !important;
margin: 0;
transition: all 350ms ease;
transition: all 350ms ease;
transition: all 350ms ease;
}
.btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler,
.btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler {
display: block;
text-align: center;
margin-bottom: 1em;
background-color: #FF0000;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
.btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after,
.btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content .btCartWidgetInnerContent .verticalMenuCartToggler:after {
content: '\f00d';
display: block;
font-family: FontAwesome;
font-size: 1.5em;
margin: 0 auto;
}
.menuPort .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent,
.topTools .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent,
.topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent {
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}
.btMenuVertical .menuPort .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent,
.btMenuVertical .topTools .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent,
.btMenuVertical .topBarInLogoArea .widget_shopping_cart .widget_shopping_cart_content.on .btCartWidgetInnerContent {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.topBar .widget_shopping_cart .btCartWidgetInnerContent {
font-size: 1.25em;
color: #333 !important;
text-align: left;
}
.topBar .btTopToolsRight .widget_shopping_cart .btIco {
margin-right: .5em;
}
/* Product widgets */
.widget_recent_reviews {
font-size: .8em;
line-height: 1.4;
}
.widget_recent_reviews li a img {
display: block;
width: 80px;
height: auto;
margin: 0 0 0 10px;
float: right;
border: 1px solid rgba(0,0,0,.15);
}
.widget_product_categories li li {
margin: 0 0 0 1em;
}
.product_list_widget .reviewer {
display: block;
line-height: 1;
}
.product_list_widget li:after {
display: table !important;
}
/* Price filter */
.widget_price_filter .price_slider_wrapper .ui-slider {
border-radius: 1em;
background-color: rgba(0,0,0,.07);
border: 0;
position: relative;
text-align: left;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
}
.widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #FF0000;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -.25em;
margin-left: -.5em;
}
.widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
border-radius: 1em;
background-color: rgba(0,0,0,.07);
}
.widget_price_filter .price_slider_wrapper .ui-slider-horizontal {
height: .5em;
}
.widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.widget_price_filter .price_slider_amount {
text-align: right;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .price_slider_amount .price_label {
padding-top: 8px;
}
.widget_price_filter .price_slider_amount .price_label span {
font-weight: 600;
}
/* Layered nav */
.widget_layered_nav ul li.chosen a:before,
.widget_layered_nav_filters ul li.chosen a:before {
text-indent: 0;
display: block;
float: left;
content: '\e680';
font-family: Icon7Stroke;
margin-right: .5em;
background-color: transparent;
position: relative;
}
/* Tags */
.btBox .tagcloud a,
.btTags ul a {
display: inline-block;
float: left;
margin: 0 .3em .3em 0;
text-transform: uppercase;
padding: 1em 2em;
margin: 0 .3em .3em 0;
font-size: .65em !important;
background: #FF0000;
color: #fff;
}
.btTextRight .btBox .tagcloud a,
.btTextRight .btTags ul a {
float: right;
margin: 0 0 .3em .3em;
}
.btHardRoundedButtons .btBox .tagcloud a,
.btHardRoundedButtons .btTags ul a {
border-radius: 50px;
}
.btSoftRoundedButtons .btBox .tagcloud a,
.btSoftRoundedButtons .btTags ul a {
border-radius: 3px;
}
.btLightSkin .btBox .tagcloud a:hover,
.btDarkSkin .btLightSkin .btBox .tagcloud a:hover,
.btLightSkin .btDarkSkin .btLightSkin .btBox .tagcloud a:hover,
.btLightSkin .btTags ul a:hover,
.btDarkSkin .btLightSkin .btTags ul a:hover,
.btLightSkin .btDarkSkin .btLightSkin .btTags ul a:hover {
background: #232323;
color: #fff;
}
.btDarkSkin .btBox .tagcloud a:hover,
.btLightSkin .btDarkSkin .btBox .tagcloud a:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btBox .tagcloud a:hover,
.btDarkSkin .btTags ul a:hover,
.btLightSkin .btDarkSkin .btTags ul a:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btTags ul a:hover {
background: #fff;
color: #333;
}
.btTags ul {
list-style: none;
margin: 0;
padding: 0;
}
.btTags ul li {
display: inline-block;
padding: 0;
margin: 0;
}
.btTextLeft .btTags ul li {
float: left;
}
.btTextRight .btTags ul li {
float: right;
}
/* Instagram feed */
.btInstaWrap {
padding: .3em 0 20px;
}
.btInstaGrid {
margin: 0 -10px;
}
.btInstaGrid span {
display: block;
width: 33.3333%;
padding: 0 0 10px 10px;
float: left;
}
.btInstaGrid span:hover img {
opacity: .6;
}
.btInstaGrid span:nth-child(3n + 1) {
clear: left;
}
.btInstaGrid img {
display: block;
width: 100%;
opacity: 1;
backface-visibility: hidden;
transition: opacity 200ms ease;
transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
/* BT Text */
.btBox .btImage {
margin-bottom: .5em;
}
.btBox .btImage img {
width: auto;
margin: auto;
}
/* Icon widget in Sidebar */
.btSidebar .btIconWidget,
footer .btIconWidget {
margin: 0 0 1.6em;
display: flexbox;
display: flex;
display: flex;
flex-flow: row nowrap;
flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: flex-start;
flex-pack: start;
justify-content: flex-start;
align-items: flex-start;
flex-align: start;
align-items: flex-start;
align-content: flex-start;
flex-line-pack: start;
align-content: flex-start;
}
.btSidebar .btIconWidget .btIconWidgetIcon,
footer .btIconWidget .btIconWidgetIcon {
line-height: 1;
padding: 0 .15em 0 0;
text-align: left;
margin: .25em 0 0;
}
.btSidebar .btIconWidget .btIconWidgetIcon .btIcoHolder:before,
footer .btIconWidget .btIconWidgetIcon .btIcoHolder:before {
font-size: 32px;
font-weight: 400;
}
.btSidebar .btIconWidget .btIconWidgetContent,
footer .btIconWidget .btIconWidgetContent {
display: flexbox;
display: flex;
display: flex;
flex-flow: column nowrap;
flex-flow: column nowrap;
flex-flow: column nowrap;
justify-content: flex-start;
flex-pack: start;
justify-content: flex-start;
align-items: flex-start;
flex-align: start;
align-items: flex-start;
align-content: flex-start;
flex-line-pack: start;
align-content: flex-start;
}
.btSidebar .btIconWidget .btIconWidgetContent .btIconWidgetTitle,
footer .btIconWidget .btIconWidgetContent .btIconWidgetTitle {
margin-bottom: .35em;
font-size: .7em;
text-transform: uppercase;
}
.btSidebar .btIconWidget .btIconWidgetContent .btIconWidgetText,
footer .btIconWidget .btIconWidgetContent .btIconWidgetText {
font-size: 1.1em;
display: block;
line-height: 1;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btSidebar .btIconWidget:hover .btIconWidgetText,
footer .btIconWidget:hover .btIconWidgetText {
color: #FF0000;
}
.btSidebar .btIconWidget.btCartWidget,
footer .btIconWidget.btCartWidget {
margin: 0;
}
.btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetIcon,
.btSiteFooterWidgets .btBox.widget_shopping_cart .verticalMenuCartToggler {
display: none;
}
.btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li,
.btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li:nth-child(2n) {
width: auto;
float: none;
padding: .8em 0;
margin: 0;
}
.btSiteFooterWidgets .btBox.widget_shopping_cart .btCartWidgetInnerContent .cart_list li:first-child {
padding: 0 0 .8em;
}
/* Header text widget */
.btTopBox.widget_bt_text_image {
display: inline-block;
line-height: inherit;
vertical-align: -15%;
position: relative;
z-index: 1;
}
.btLightSkin .btTopBox.widget_bt_text_image,
.btDarkSkin .btLightSkin .btTopBox.widget_bt_text_image,
.btLightSkin .btDarkSkin .btLightSkin .btTopBox.widget_bt_text_image {
color: #333;
}
.btLightSkin .btTopBox.widget_bt_text_image h2,
.btDarkSkin .btLightSkin .btTopBox.widget_bt_text_image h2,
.btLightSkin .btDarkSkin .btLightSkin .btTopBox.widget_bt_text_image h2 {
color: #333;
}
.btDarkSkin .btTopBox.widget_bt_text_image,
.btLightSkin .btDarkSkin .btTopBox.widget_bt_text_image,
.btDarkSkin.btLightSkin .btDarkSkin .btTopBox.widget_bt_text_image {
color: #fff;
}
.btDarkSkin .btTopBox.widget_bt_text_image h2,
.btLightSkin .btDarkSkin .btTopBox.widget_bt_text_image h2,
.btDarkSkin.btLightSkin .btDarkSkin .btTopBox.widget_bt_text_image h2 {
color: #fff;
}
.btMenuHorizontal.btLightHeader .btTopBox.widget_bt_text_image,
.btMenuHorizontal.btAccentLightHeader .btTopBox.widget_bt_text_image,
.btMenuHorizontal.btAccentDarkHeader .btTopBox.widget_bt_text_image {
color: #fff !important;
}
.btMenuHorizontal.btLightHeader .btTopBox.widget_bt_text_image h2,
.btMenuHorizontal.btAccentLightHeader .btTopBox.widget_bt_text_image h2,
.btMenuHorizontal.btAccentDarkHeader .btTopBox.widget_bt_text_image h2 {
color: #fff !important;
}
.btTopBox.widget_bt_text_image h2 {
font-size: 12px;
line-height: 1.15;
margin: 0;
padding: .7em 0 0;
font-weight: 700;
text-transform: uppercase;
}
.btTopBox.widget_bt_text_image p {
margin: 0;
padding: 0;
}
.btTopBox.widget_bt_text_image .widget_sp_image-description {
font-size: 11px;
line-height: 1.2;
font-weight: 400;
font-family: 'Open Sans',arial,sans-serif;
}
.btTopToolsLeft .btTopBox.widget_bt_text_image:not(:first-child) {
margin: 0 0 0 .6em;
}
.btTopToolsRight .btTopBox.widget_bt_text_image:not(:first-child) {
margin: 0 .3em;
}
/* IconWidget */
.btLightSkin .btIconWidget,
.btDarkSkin .btLightSkin .btIconWidget,
.btLightSkin .btDarkSkin .btLightSkin .btIconWidget {
color: #333;
}
.btDarkSkin .btIconWidget,
.btLightSkin .btDarkSkin .btIconWidget,
.btDarkSkin.btLightSkin .btDarkSkin .btIconWidget {
color: #fff;
}
.btIconWidget .btIconWidgetTitle {
opacity: .7;
}
.btIconWidget .btIconWidgetText {
opacity: .99;
}
.btMenuHorizontal .topBar .btIco {
font-size: 1.2em;
margin-top: -.05em;
}
.btMenuHorizontal .topBarInMenu .btIconWidgetIcon .btIco .btIcoHolder span {
display: none;
}
.btMenuHorizontal .topTools .btIconWidget,
.btMenuHorizontal .topBarInMenu .btIconWidget {
position: relative;
display: inline-block;
}
.btMenuHorizontal .topTools .btIconWidget:hover,
.btMenuHorizontal .topBarInMenu .btIconWidget:hover {
color: #FF0000;
}
.btMenuHorizontal .topTools .btIconWidget:not(:first-child),
.btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) {
margin-left: .5em;
}
.rtl.btMenuHorizontal .topTools .btIconWidget:not(:first-child),
.rtl.btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) {
margin-right: .5em;
margin-left: 0;
}
.btMenuHorizontal .topTools .btIconWidget.btWidgetWithText .btIco,
.btMenuHorizontal .topBarInMenu .btIconWidget.btWidgetWithText .btIco {
margin-right: .2em;
}
.rtl.btMenuHorizontal .topTools .btIconWidget.btWidgetWithText .btIco,
.rtl.btMenuHorizontal .topBarInMenu .btIconWidget.btWidgetWithText .btIco {
margin-right: 0;
margin-left: .1em;
}
.btMenuHorizontal .topTools .btAccentIconWidget,
.btMenuHorizontal .topBarInMenu .btAccentIconWidget {
background-color: #FF0000;
color: #fff;
margin-left: 1em;
padding: 0 1em;
box-shadow: inset 0 0 5px 0 rgba(0,0,0,.2);
box-shadow: inset 0 0 5px 0 rgba(0,0,0,.2);
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
opacity: 1;
}
.rtl.btMenuHorizontal .topTools .btAccentIconWidget,
.rtl.btMenuHorizontal .topBarInMenu .btAccentIconWidget {
margin-right: 1em;
margin-left: 0;
}
.btTopToolsInMenuArea.btMenuHorizontal .topTools .btAccentIconWidget,
.btTopToolsInMenuArea.btMenuHorizontal .topBarInMenu .btAccentIconWidget {
background-color: #ffc938;
}
.btTopToolsInMenuArea.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btTopToolsInMenuArea.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
color: #FF0000;
}
.btAccentLightHeader.btMenuHorizontal .topTools .btAccentIconWidget,
.btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget,
.btAccentLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget,
.btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget {
background-color: #ffc938;
}
.btAccentLightHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btAccentLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover,
.btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
background-color: #fff;
color: #333;
}
.btAccentLightHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
.btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
.btAccentLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle,
.btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle {
color: #333;
}
.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
color: #ffc938;
}
.btLightHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btAccentDarkHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover,
.btAccentDarkHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
background-color: #fff;
color: #333;
}
.btLightHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
.btAccentDarkHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
.btLightHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle,
.btAccentDarkHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle {
color: #333;
}
.btTopToolsInMenuArea.btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover,
.btTopToolsInMenuArea.btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover {
background-color: #FF0000;
color: #fff;
}
.btTopToolsInMenuArea.btLightAccentHeader.btMenuHorizontal .topTools .btAccentIconWidget:hover .btIconWidgetTitle,
.btTopToolsInMenuArea.btLightAccentHeader.btMenuHorizontal .topBarInMenu .btAccentIconWidget:hover .btIconWidgetTitle {
color: #fff;
}
.btMenuHorizontal .topTools .btIconWidgetContent,
.btMenuHorizontal .topBarInMenu .btIconWidgetContent {
line-height: inherit;
}
.btMenuHorizontal .topTools .btIconWidgetTitle,
.btMenuHorizontal .topTools .btIconWidgetText,
.btMenuHorizontal .topBarInMenu .btIconWidgetTitle,
.btMenuHorizontal .topBarInMenu .btIconWidgetText {
display: inline-block;
line-height: inherit;
margin-right: .5em;
}
.btMenuHorizontal .topTools .btIconWidgetTitle,
.btMenuHorizontal .topBarInMenu .btIconWidgetTitle {
opacity: 1;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIconWidgetContent,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIconWidgetContent,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIconWidgetContent,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIconWidgetContent {
color: #fff;
}
.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before {
color: #fff;
}
.btLightSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btLightSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btDarkSkin.btAccentLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before {
color: #ffc938;
}
.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIconWidgetContent,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIconWidgetContent,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIconWidgetContent,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIconWidgetContent {
color: #fff;
}
.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before {
color: #fff;
}
.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before {
color: #ffc938;
}
.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before {
color: #fff;
}
.btLightSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .btBelowLogoArea .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btLightSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before,
.btDarkSkin.btLightHeader.btMenuHorizontal .topBar .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:hover:before {
color: #ffc938;
}
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIconWidgetContent,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIconWidgetContent {
color: #fff;
}
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before {
color: #ffc938;
}
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before {
color: #fff;
}
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType .btIcoHolder:before,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType .btIcoHolder:before {
color: #fff;
}
.btLightSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType .btIcoHolder:hover:before,
.btDarkSkin.btAccentDarkHeader.btMenuHorizontal .mainHeader .btIco.btIcoDefaultType .btIcoHolder:hover:before {
color: #ffc938;
}
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIconWidgetContent,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIconWidgetContent {
color: #fff;
}
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before {
color: #ffc938;
}
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:hover:before {
color: #fff;
}
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:before,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:before {
color: #fff;
}
.btLightSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:hover:before,
.btDarkSkin.btLightAccentHeader.btMenuHorizontal .mainHeader .btLogoArea .btIco.btIcoDefaultType .btIcoHolder:hover:before {
color: #ffc938;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidget {
display: table;
float: left;
margin: 0 0 0 2em;
}
.rtl.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidget {
float: right;
margin: 0 2em 0 0;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon,
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetContent {
display: table-cell;
vertical-align: middle;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon {
line-height: 1;
padding: 0 .35em 0 0;
text-align: left;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon .btIco .btIcoHolder:before {
font-size: 32px;
font-weight: 400;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetTitle,
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetText {
display: block;
line-height: 1;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetTitle {
margin-bottom: .35em;
font-size: .7em;
text-transform: uppercase;
}
.btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetText {
font-size: 1.1em;
}
.btMenuHorizontal .btBelowLogoArea .btAccentIconWidget {
line-height: 32px;
}
.btMenuHorizontal .btBelowLogoArea .btAccentIconWidget .btIconWidgetContent {
font-size: .8em;
}
.btHardRoundedButtons.btMenuHorizontal .btBelowLogoArea .btAccentIconWidget {
border-radius: 50px;
}
.btSoftRoundedButtons.btMenuHorizontal .btBelowLogoArea .btAccentIconWidget {
border-radius: 3px;
}
.btMenuVertical .menuPort .topBarPort .btTopToolsLeft span.btIco,
.btMenuVertical .menuPort .topBarPort .btTopToolsRight span.btIco {
margin: 0 5px;
font-size: 1em;
}
.btMenuVertical .menuPort .topBarPort .btTopToolsLeft .btWidgetWithText span.btIco,
.btMenuVertical .menuPort .topBarPort .btTopToolsRight .btWidgetWithText span.btIco {
font-size: 2em;
}
.btMenuVertical .menuPort .btIco {
font-size: 1.2em;
}
.btMenuVertical .menuPort .btIconWidget {
padding: 0;
margin-bottom: 1em;
}
.btMenuVertical .menuPort .btIconWidget .btIconWidgetIcon {
margin: 0 auto 15px;
text-align: center;
}
.btMenuVertical .menuPort .btIconWidget .btIconWidgetContent {
float: none;
margin: 0;
text-align: center;
clear: both;
}
.btMenuVertical .menuPort .btIconWidget .btIconWidgetTitle,
.btMenuVertical .menuPort .btIconWidget .btIconWidgetText {
display: block;
font-size: 14px;
}
.btMenuVertical .menuPort .btIconWidget .btIconWidgetTitle {
margin: 0;
line-height: 1;
}
.btMenuVertical .menuPort .btIconWidget .btIconWidgetText {
margin: 5px 0 20px;
line-height: 1.5;
}
.btMenuVertical .menuPort .btIconWidget.btWidgetWithText {
display: block;
}
.btMenuVertical .menuPort .btIconWidget.btWidgetWithText .btIconWidgetIcon {
display: block;
margin: 0 auto;
}
.btSpecialHeaderIcon .btIco .btIcoHolder:before,
.btSpecialHeaderIcon .btIconWidgetTitle,
.btSpecialHeaderIcon .btIconWidgetText {
color: #FF0000 !important;
}
/* /IconWidget */
/* Search widget */
.btBox .btSearch,
form.woocommerce-product-search {
padding: 0 38px 0 0;
}
.rtl .btBox .btSearch,
.rtl form.woocommerce-product-search {
padding: 0 0 0 38px;
}
.btBox .btSearch input[type="text"],
.btBox .btSearch input[type="search"],
form.woocommerce-product-search input[type="text"],
form.woocommerce-product-search input[type="search"] {
padding: 0 10px;
background: transparent;
height: 38px;
width: 100%;
display: block;
}
.btSoftRoundedButtons .btBox .btSearch input[type="text"],
.btSoftRoundedButtons .btBox .btSearch input[type="search"],
.btSoftRoundedButtons form.woocommerce-product-search input[type="text"],
.btSoftRoundedButtons form.woocommerce-product-search input[type="search"] {
border-radius: 3px 0 0 3px;
}
.rtl.btSoftRoundedButtons .btBox .btSearch input[type="text"],
.rtl.btSoftRoundedButtons .btBox .btSearch input[type="search"],
.rtl.btSoftRoundedButtons form.woocommerce-product-search input[type="text"],
.rtl.btSoftRoundedButtons form.woocommerce-product-search input[type="search"] {
border-radius: 0 3px 3px 0;
}
.btBox .btSearch button,
.btBox .btSearch input[type=submit],
form.woocommerce-product-search button,
form.woocommerce-product-search input[type=submit] {
width: 38px;
height: 38px;
border: 0;
float: right;
margin: -38px -38px 0 0;
cursor: pointer;
padding: 0 !important;
}
.rtl .btBox .btSearch button,
.rtl .btBox .btSearch input[type=submit],
.rtl form.woocommerce-product-search button,
.rtl form.woocommerce-product-search input[type=submit] {
float: left;
margin: -38px 0 0 -38px;
}
.btHardRoundedButtons .btBox .btSearch button,
.btHardRoundedButtons .btBox .btSearch input[type=submit],
.btHardRoundedButtons form.woocommerce-product-search button,
.btHardRoundedButtons form.woocommerce-product-search input[type=submit] {
border-radius: 50px;
}
.btSoftRoundedButtons .btBox .btSearch button,
.btSoftRoundedButtons .btBox .btSearch input[type=submit],
.btSoftRoundedButtons form.woocommerce-product-search button,
.btSoftRoundedButtons form.woocommerce-product-search input[type=submit] {
border-radius: 0 3px 3px 0;
}
.rtl.btSoftRoundedButtons .btBox .btSearch button,
.rtl.btSoftRoundedButtons .btBox .btSearch input[type=submit],
.rtl.btSoftRoundedButtons form.woocommerce-product-search button,
.rtl.btSoftRoundedButtons form.woocommerce-product-search input[type=submit] {
border-radius: 3px 0 0 3px;
}
.btLightSkin .btBox .btSearch button,
.btDarkSkin .btLightSkin .btBox .btSearch button,
.btLightSkin .btDarkSkin .btLightSkin .btBox .btSearch button,
.btLightSkin .btBox .btSearch input[type=submit],
.btDarkSkin .btLightSkin .btBox .btSearch input[type=submit],
.btLightSkin .btDarkSkin .btLightSkin .btBox .btSearch input[type=submit],
.btLightSkin form.woocommerce-product-search button,
.btDarkSkin .btLightSkin form.woocommerce-product-search button,
.btLightSkin .btDarkSkin .btLightSkin form.woocommerce-product-search button,
.btLightSkin form.woocommerce-product-search input[type=submit],
.btDarkSkin .btLightSkin form.woocommerce-product-search input[type=submit],
.btLightSkin .btDarkSkin .btLightSkin form.woocommerce-product-search input[type=submit] {
background-color: #232323 !important;
border-color: #232323 !important;
color: #fff;
}
.btDarkSkin .btBox .btSearch button,
.btLightSkin .btDarkSkin .btBox .btSearch button,
.btDarkSkin.btLightSkin .btDarkSkin .btBox .btSearch button,
.btDarkSkin .btBox .btSearch input[type=submit],
.btLightSkin .btDarkSkin .btBox .btSearch input[type=submit],
.btDarkSkin.btLightSkin .btDarkSkin .btBox .btSearch input[type=submit],
.btDarkSkin form.woocommerce-product-search button,
.btLightSkin .btDarkSkin form.woocommerce-product-search button,
.btDarkSkin.btLightSkin .btDarkSkin form.woocommerce-product-search button,
.btDarkSkin form.woocommerce-product-search input[type=submit],
.btLightSkin .btDarkSkin form.woocommerce-product-search input[type=submit],
.btDarkSkin.btLightSkin .btDarkSkin form.woocommerce-product-search input[type=submit] {
background-color: #fff !important;
border-color: #fff !important;
color: #333;
}
.btBox .btSearch button,
form.woocommerce-product-search button {
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btBox .btSearch button:before,
form.woocommerce-product-search button:before {
font-family: FontAwesome;
content: "\f002";
display: inline-block;
}
.btLightSkin .btBox .btSearch button:before,
.btDarkSkin .btLightSkin .btBox .btSearch button:before,
.btLightSkin .btDarkSkin .btLightSkin .btBox .btSearch button:before,
.btLightSkin form.woocommerce-product-search button:before,
.btDarkSkin .btLightSkin form.woocommerce-product-search button:before,
.btLightSkin .btDarkSkin .btLightSkin form.woocommerce-product-search button:before {
color: #fff;
}
.btDarkSkin .btBox .btSearch button:before,
.btLightSkin .btDarkSkin .btBox .btSearch button:before,
.btDarkSkin.btLightSkin .btDarkSkin .btBox .btSearch button:before,
.btDarkSkin form.woocommerce-product-search button:before,
.btLightSkin .btDarkSkin form.woocommerce-product-search button:before,
.btDarkSkin.btLightSkin .btDarkSkin form.woocommerce-product-search button:before {
color: #333;
}
.btLightSkin .btBox .btSearch button:hover,
.btDarkSkin .btLightSkin .btBox .btSearch button:hover,
.btLightSkin .btDarkSkin .btLightSkin .btBox .btSearch button:hover,
.btDarkSkin .btBox .btSearch button:hover,
.btLightSkin .btDarkSkin .btBox .btSearch button:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btBox .btSearch button:hover,
.btLightSkin form.woocommerce-product-search button:hover,
.btDarkSkin .btLightSkin form.woocommerce-product-search button:hover,
.btLightSkin .btDarkSkin .btLightSkin form.woocommerce-product-search button:hover,
.btDarkSkin form.woocommerce-product-search button:hover,
.btLightSkin .btDarkSkin form.woocommerce-product-search button:hover,
.btDarkSkin.btLightSkin .btDarkSkin form.woocommerce-product-search button:hover {
background: #FF0000 !important;
border-color: #FF0000 !important;
color: #fff;
}
.btBox .btSearch .btIco,
form.woocommerce-product-search .btIco {
display: none;
}
/* Header search */
.topTools .widget_search,
.topBarInMenu .widget_search {
display: inline-block;
margin-left: .2em;
}
.topTools .widget_search h2,
.topBarInMenu .widget_search h2 {
display: none;
}
.topTools .widget_search .btSearch,
.topBarInMenu .widget_search .btSearch {
position: relative;
}
.topTools .widget_search .btSearch .btSearchInner,
.topBarInMenu .widget_search .btSearch .btSearchInner {
position: absolute;
top: 0;
left: -300px;
width: 300px;
font-size: 12px;
display: none;
text-align: right;
}
.topTools .widget_search input,
.topBarInMenu .widget_search input {
font-size: inherit;
max-width: 150px;
padding-left: 5px;
clear: none;
background: rgba(255,255,255,.3);
}
.topTools .widget_search button,
.topBarInMenu .widget_search button {
width: 23px;
height: 23px;
background: #FF0000;
border: 0;
float: right;
margin: 0;
cursor: pointer;
}
.topTools .widget_search button:before,
.topBarInMenu .widget_search button:before {
font-family: FontAwesome;
content: "\f002";
display: inline-block;
color: #FF0000;
}
.topTools .widget_search button:hover,
.topBarInMenu .widget_search button:hover {
background: #b30000;
}
.btMenuHorizontal .topTools .widget_search .btSearch .btIco,
.btMenuHorizontal .topBarInMenu .widget_search .btSearch .btIco {
margin-left: .5em;
}
.rtl.btMenuHorizontal .topTools .widget_search .btSearch .btIco,
.rtl.btMenuHorizontal .topBarInMenu .widget_search .btSearch .btIco {
margin-left: 0;
margin-right: .5em;
}
/* /Search widget */
/* Icons */
.btIco .btIcoHolder[data-ico-fa]:before {
font-family: FontAwesome;
content: attr(data-ico-fa);
}
.btIco .btIcoHolder[data-ico-s7]:before {
font-family: Icon7Stroke;
content: attr(data-ico-s7);
}
.btIco .btIcoHolder[data-ico-wi]:before {
font-family: WeatherIcons;
content: attr(data-ico-wi);
font-weight: 100;
}
.btIco .btIcoHolder[data-ico-ds]:before {
font-family: CustomDesignSet;
content: attr(data-ico-ds);
}
.btIco .btIcoHolder[data-ico-es]:before {
font-family: CustomEssentialSet;
content: attr(data-ico-es);
}
.btIco .btIcoHolder[data-ico-pr]:before {
font-family: CustomProductivitySet;
content: attr(data-ico-pr);
}
.btIco .btIcoHolder[data-ico-bs]:before {
font-family: CustomBusinessSet;
content: attr(data-ico-bs);
}
.btIco .btIcoHolder[data-ico-dv]:before {
font-family: CustomDevelopmentSet;
content: attr(data-ico-dv);
}
.btIco .btIcoHolder[data-ico-re]:before {
font-family: restaurant-elements;
content: attr(data-ico-re);
}
.btIco .btIcoHolder[data-ico-cs]:before {
font-family: coffee-shop;
content: attr(data-ico-cs);
}
.btIco .btIcoHolder[data-ico-hs]:before {
font-family: hotel-services;
content: attr(data-ico-hs);
}
.btIco .btIcoHolder[data-ico-gc]:before {
font-family: gastronomy-collection;
content: attr(data-ico-gc);
}
.btIco .btIcoHolder[data-ico-ce]:before {
font-family: CelebrationSet;
content: attr(data-ico-ce);
}
.btIco {
display: inline-block;
vertical-align: middle;
transition: all 500ms ease;
transition: all 500ms ease;
transition: all 500ms ease;
}
.btIco .btIcoHolder {
line-height: inherit;
display: inline-block;
float: left;
}
.btIco .btIcoHolder span,
.btIco .btIcoHolder a {
line-height: inherit;
font-family: Open Sans;
}
.btIco .btIcoHolder:before {
color: inherit;
border-radius: 50%;
display: inline-block;
float: left;
text-align: center;
vertical-align: middle;
transition: all .3s ease;
transition: all .3s ease;
transition: all .3s ease;
}
.btIconSquareShape.btIco .btIcoHolder:before {
border-radius: 0;
}
.btIconCircleShape.btIco .btIcoHolder:before {
border-radius: 50%;
}
.btIconHexagonShape.btIco .btIcoHolder:before {
border-radius: 0;
}
.btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before {
box-shadow: none !important;
box-shadow: none !important;
border-radius: 0 !important;
border: 0 !important;
background-color: transparent !important;
}
.btIconHexagonShape.btIco .btIcoHolder {
position: relative;
}
.btIconHexagonShape.btIco .btIcoHolder:before {
z-index: 2;
position: relative;
}
.btIconHexagonShape.btIco .btIcoHolder svg {
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: -4% 0 0;
}
.btIconHexagonShape.btIco .btIcoHolder svg .hex {
stroke-width: 3;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btIcoOutlineType.btIconHexagonShape.btIco .btIcoHolder .hex {
fill: transparent;
}
.btLightSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex {
fill: #333;
}
.btDarkSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIcoFilledType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex {
fill: #fff;
}
.btIcoFilledType.btIcoAccentColor.btIconHexagonShape.btIco .btIcoHolder .hex {
fill: #FF0000;
}
.btIcoFilledType.btIcoAlternateColor.btIconHexagonShape.btIco .btIcoHolder .hex {
fill: #ffc938;
}
.btLightSkin .btIcoOutlineType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIcoOutlineType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIcoOutlineType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex {
stroke: #333;
}
:darkkinSelector .btIcoOutlineType.btIcoDefaultColor.btIconHexagonShape.btIco .btIcoHolder .hex {
stroke: #fff;
}
.btIcoOutlineType.btIcoAccentColor.btIconHexagonShape.btIco .btIcoHolder .hex {
fill: transparent;
stroke: #FF0000;
}
.btIcoOutlineType.btIcoAlternateColor.btIconHexagonShape.btIco .btIcoHolder .hex {
fill: transparent;
stroke: #ffc938;
}
.btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex {
fill: transparent;
stroke: #333;
}
.btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex {
fill: transparent;
stroke: #fff;
}
.btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex {
fill: #333;
stroke: #333;
}
.btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoDefaultColor.btIco:hover .btIcoHolder .hex {
fill: #fff;
stroke: #fff;
}
.btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAccentColor.btIco:hover .btIcoHolder .hex {
fill: #FF0000;
stroke: #FF0000;
}
.btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoOutlineType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex {
fill: #ffc938;
stroke: #ffc938;
}
.btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAlternateColor.btIco:hover .btIcoHolder .hex {
fill: transparent;
stroke: #ffc938;
}
.btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIcoFilledType.btIcoAccentColor.btIco:hover .btIcoHolder .hex {
fill: transparent;
stroke: #FF0000;
}
/* Hexagonal take */
.btIconHexagonShape .btIco .btIcoHolder {
position: relative;
}
.btIconHexagonShape .btIco .btIcoHolder svg {
display: block;
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: -1px;
}
.btIconHexagonShape .btIco .btIcoHolder svg .hex {
stroke: #000;
fill: transparent;
stroke-width: 1;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btIconHexagonShape .btIco.btIcoFilledType .btIcoHolder:before,
.btIconHexagonShape .btIco.btIcoFilledType .btIcoHolder:hover:before,
.btIconHexagonShape .btIco.btIcoOutlineType .btIcoHolder:before,
.btIconHexagonShape .btIco.btIcoOutlineType .btIcoHolder:hover:before {
box-shadow: none !important;
box-shadow: none !important;
border: none !important;
background-color: transparent !important;
position: relative;
z-index: 10;
vertical-align: 20%;
}
.btIconHexagonShape .btIco.btIcoFilledType .btIcoHolder svg .hex {
stroke: none;
fill: #FF0000;
stroke-width: 0;
}
.btIconHexagonShape .btIco.btIcoFilledType:hover .btIcoHolder svg .hex {
stroke: #FF0000;
fill: transparent;
stroke-width: 3px;
}
.btIconHexagonShape .btIco.btIcoOutlineType .btIcoHolder svg .hex {
stroke: #FF0000;
fill: transparent;
stroke-width: 3px;
}
.btIconHexagonShape .btIco.btIcoOutlineType:hover .btIcoHolder svg .hex {
stroke: #FF0000;
fill: #FF0000;
stroke-width: 3px;
}
.btIco.borderless a.btIcoHolder:before {
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btIco.btIcoLargeSize .btIcoHolder:before {
transition: all .55s ease;
transition: all .55s ease;
transition: all .55s ease;
}
.btIco.borderless a.btIcoHolder:before {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.btIco.borderless:hover a.btIcoHolder:before {
transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
}
/* Margins */
.btIco .btIcoHolder span {
margin-left: .25em;
line-height: inherit;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btIco.btIcoLargeSize .btIcoHolder span {
transition: all 550ms ease;
transition: all 550ms ease;
transition: all 550ms ease;
}
.btIco {
margin-left: .25em;
margin-right: .25em;
}
.btIco.btIcoLargeSize {
margin-right: 1em;
margin-left: 1em;
}
.btTextLeft .btIco {
margin-right: .5em;
margin-left: 0;
}
.btTextLeft .btIco.btIcoLargeSize {
margin-right: 2em;
margin-left: 0;
}
.btTextRight .btIco {
margin-left: .5em;
margin-right: 0;
}
.btTextRight .btIco.btIcoLargeSize {
margin-left: 2em;
margin-right: 0;
}
/* Filled and Outline Accent */
.btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before {
box-shadow: 0 0 0 1em #FF0000 inset;
box-shadow: 0 0 0 1em #FF0000 inset;
color: #fff;
}
.btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:before {
box-shadow: 0 0 0 1px #FF0000 inset;
box-shadow: 0 0 0 1px #FF0000 inset;
color: #FF0000;
}
/* Filled and Outline Alternate */
.btIco.btIcoFilledType.btIcoAlternateColor .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAlternateColor:hover .btIcoHolder:before {
box-shadow: 0 0 0 1em #ffc938 inset;
box-shadow: 0 0 0 1em #ffc938 inset;
color: #fff;
}
.btIco.btIcoFilledType.btIcoAlternateColor:hover .btIcoHolder:before,
.btIco.btIcoOutlineType.btIcoAlternateColor .btIcoHolder:before {
box-shadow: 0 0 0 1px #ffc938 inset;
box-shadow: 0 0 0 1px #ffc938 inset;
color: #ffc938;
}
/* Filled and Outline Normal */
.btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before {
box-shadow: 0 0 0 1em #fff inset;
box-shadow: 0 0 0 1em #fff inset;
color: #232323;
}
.btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before {
box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset;
color: #fff;
}
.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before {
box-shadow: 0 0 0 1em #333 inset;
box-shadow: 0 0 0 1em #333 inset;
color: #fff;
}
.btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before {
box-shadow: 0 0 0 1px #333 inset;
box-shadow: 0 0 0 1px #333 inset;
color: #333;
}
/* Default */
.btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before {
color: #FF0000;
}
.btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before {
color: #ffc938;
}
.btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before {
color: #333;
}
.btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before {
color: #fff;
}
/* Icon sizes */
.btIco {
line-height: inherit;
}
.btIco .btIcoHolder:before {
font-size: inherit;
width: auto;
height: auto;
line-height: inherit;
}
.btIco .btIcoHolder span {
font-size: inherit;
}
.btIco.btIcoExtraSmallSize {
line-height: 18px;
}
.btIconHexagonShape.btIco.btIcoExtraSmallSize {
line-height: 23px;
}
.btIco.btIcoExtraSmallSize .btIcoHolder:before {
font-size: 9px;
width: 18px;
height: 18px;
line-height: 18px;
}
.btIco.btIcoExtraSmallSize .btIcoHolder span {
font-size: 12px;
}
.btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before {
font-size: 14px;
}
.btIco.btIcoSmallSize {
line-height: 28px;
}
.btIconHexagonShape.btIco.btIcoSmallSize {
line-height: 33px;
}
.btIco.btIcoSmallSize .btIcoHolder:before {
font-size: 14px;
width: 28px;
height: 28px;
line-height: 28px;
}
.btIconHexagonShape.btIco.btIcoSmallSize .btIcoHolder:before {
height: 33px;
line-height: 33px;
}
.btIco.btIcoSmallSize .btIcoHolder span {
font-size: 14px;
}
.btIco.btIcoDefaultType.btIcoSmallSize .btIcoHolder:before {
font-size: 19px;
}
.btIco.btIcoMediumSize {
line-height: 40px;
}
.btIconHexagonShape.btIco.btIcoMediumSize {
line-height: 45px;
}
.btIco.btIcoMediumSize .btIcoHolder:before {
font-size: 20px;
width: 40px;
height: 40px;
line-height: 40px;
}
.btIconHexagonShape.btIco.btIcoMediumSize .btIcoHolder:before {
height: 45px;
line-height: 45px;
}
.btIco.btIcoMediumSize .btIcoHolder span {
font-size: 16px;
}
.btIco.btIcoDefaultType.btIcoMediumSize .btIcoHolder:before {
font-size: 40px;
}
.btIco.btIcoBigSize {
line-height: 64px;
}
.btIconHexagonShape.btIco.btIcoBigSize {
line-height: 69px;
}
.btIco.btIcoBigSize .btIcoHolder:before {
font-size: 32px;
width: 64px;
height: 64px;
line-height: 64px;
}
.btIconHexagonShape.btIco.btIcoBigSize .btIcoHolder:before {
height: 69px;
line-height: 69px;
}
.btIco.btIcoBigSize .btIcoHolder span {
font-size: 18px;
}
.btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
font-size: 64px;
}
.btIco.btIcoLargeSize {
line-height: 156px;
}
.btIconHexagonShape.btIco.btIcoLargeSize {
line-height: 161px;
}
.btIco.btIcoLargeSize .btIcoHolder:before {
font-size: 78px;
width: 156px;
height: 156px;
line-height: 156px;
border-width: 2px;
}
.btIconHexagonShape.btIco.btIcoLargeSize .btIcoHolder:before {
height: 161px;
line-height: 161px;
}
.btIco.btIcoLargeSize .btIcoHolder span {
font-size: 24px;
}
.btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before {
font-size: 156px;
}
/* Default icon size */
.btIco.btIcoDefaultType .btIcoHolder:before {
width: auto;
padding: 0 2px;
position: relative;
}
.btTextLeft .btIco.btIcoDefaultType .btIcoHolder:before {
margin-right: 2px;
}
.btTextRight .btIco.btIcoDefaultType .btIcoHolder:before {
margin-left: 2px;
}
/* Icons side text color */
.btIcoAccentColor span {
color: #FF0000;
}
.btIcoAccentColor:hover span {
color: #fff;
}
.btLightSkin .btIcoAccentColor:hover span,
.btDarkSkin .btLightSkin .btIcoAccentColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btIcoAccentColor:hover span {
color: #333;
}
.btIcoAlternateColor span {
color: #ffc938;
}
.btIcoAlternateColor:hover span {
color: #fff;
}
.btLightSkin .btIcoAlternateColor:hover span,
.btDarkSkin .btLightSkin .btIcoAlternateColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btIcoAlternateColor:hover span {
color: #333;
}
.btIcoDefaultColor:hover span {
color: #FF0000;
}
/* Buttons */
.btBtn {
cursor: pointer;
display: inline-flexbox;
display: inline-flex;
display: inline-flex;
position: relative;
padding: 0;
line-height: 1;
font-weight: 400;
transition: all 500ms ease;
transition: all 500ms ease;
transition: all 500ms ease;
font-family: "Open Sans";
margin-top: .2em;
padding: 1.2em 2.4em;
}
.btHardRoundedButtons .btBtn:not(.btnBorderlessStyle) {
border-radius: 50px;
}
.btSoftRoundedButtons .btBtn:not(.btnBorderlessStyle) {
border-radius: 3px;
}
body.rtl .btBtn {
flex-direction: row-reverse;
flex-direction: row-reverse;
flex-direction: row-reverse;
}
.btBtn .btIco .btIcoHolder:before,
.btBtn button {
transition: all 500ms ease;
transition: all 500ms ease;
transition: all 500ms ease;
font-size: inherit;
line-height: inherit;
}
.btBtn .btIco {
display: inline-block;
float: left;
font-weight: 400;
margin: 0;
flex-grow: 0;
flex-grow: 0;
}
.btBtn .btnInnerText {
display: inline-block;
float: left;
font-size: inherit;
line-height: inherit;
flex-grow: 1;
flex-grow: 1;
font-weight: 600;
}
.btBtn.btnRightPosition:not(.btnNoIcon) .btnInnerText {
padding-right: 2em;
}
.btBtn.btnLeftPosition:not(.btnNoIcon) {
flex-direction: row-reverse;
flex-direction: row-reverse;
flex-direction: row-reverse;
}
body.rtl .btBtn.btnLeftPosition:not(.btnNoIcon) {
flex-direction: row;
flex-direction: row;
flex-direction: row;
}
.btBtn.btnLeftPosition:not(.btnNoIcon) .btnInnerText {
padding-left: 2em;
}
.btBtn.btnInlinePosition .btIco {
display: inline-block;
}
.btBtn.btnInlinePosition .btnInnerText {
padding-right: 1em;
}
.btBtn.btnInlinePosition .btnInnerText body.rtl {
padding-right: 0;
padding-left: 1em;
}
.btnExtraSmall {
font-size: .75em;
font-weight: 700;
padding: .8em 1.6em;
}
.btnExtraSmall .btIco {
padding: 0;
}
.btnSmall {
font-size: .8em;
font-weight: 700;
}
.btnMedium {
font-size: .9em;
}
.btnBig {
font-size: 1.1em;
}
.btnNormalWidth {
display: inline-flexbox;
display: inline-flex;
display: inline-flex;
}
.btnFullWidth {
width: 100%;
display: flexbox;
display: flex;
display: flex;
margin-left: auto !important;
margin-right: auto !important;
}
.btnFullWidth .btnInnerText {
float: none;
}
.btTextLeft .btBtn {
margin-right: .6em;
}
.btTextRight .btBtn {
margin-left: .6em;
}
.btTextCenter .btBtn {
margin-left: .6em;
margin-right: .6em;
}
.btnBorderlessStyle {
padding: 0 0 1em;
border-bottom: 2px solid rgba(255,0,0,0.7);
}
/* Button colors */
/* Accent */
.btnFilledStyle.btnAccentColor,
.btnOutlineStyle.btnAccentColor:hover {
background-color: #FF0000;
border: 2px solid #FF0000;
}
.btnFilledStyle.btnAccentColor span,
.btnOutlineStyle.btnAccentColor:hover span,
.btnFilledStyle.btnAccentColor span:before,
.btnOutlineStyle.btnAccentColor:hover span:before,
.btnFilledStyle.btnAccentColor a,
.btnOutlineStyle.btnAccentColor:hover a,
.btnFilledStyle.btnAccentColor .btIco a:before,
.btnOutlineStyle.btnAccentColor:hover .btIco a:before,
.btnFilledStyle.btnAccentColor button,
.btnOutlineStyle.btnAccentColor:hover button {
color: #fff !important;
}
.btnOutlineStyle.btnAccentColor,
.btnFilledStyle.btnAccentColor:hover {
background-color: transparent;
border: 2px solid #FF0000;
color: #FF0000;
}
.btnOutlineStyle.btnAccentColor span,
.btnFilledStyle.btnAccentColor:hover span,
.btnOutlineStyle.btnAccentColor span:before,
.btnFilledStyle.btnAccentColor:hover span:before,
.btnOutlineStyle.btnAccentColor a,
.btnFilledStyle.btnAccentColor:hover a,
.btnOutlineStyle.btnAccentColor .btIco a:before,
.btnFilledStyle.btnAccentColor:hover .btIco a:before,
.btnOutlineStyle.btnAccentColor button,
.btnFilledStyle.btnAccentColor:hover button {
color: #FF0000 !important;
}
.btDarkSkin .btnBorderlessStyle.btnAccentColor,
.btDarkSkin .btnBorderlessStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover,
.btLightSkin .btnBorderlessStyle.btnAccentColor,
.btLightSkin .btnBorderlessStyle.btnNormalColor:hover,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover {
border-color: rgba(255,0,0,0.7);
}
.btDarkSkin .btnBorderlessStyle.btnAccentColor span,
.btDarkSkin .btnBorderlessStyle.btnNormalColor:hover span,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor span,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover span,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor span,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover span,
.btLightSkin .btnBorderlessStyle.btnAccentColor span,
.btLightSkin .btnBorderlessStyle.btnNormalColor:hover span,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor span,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor span,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover span,
.btDarkSkin .btnBorderlessStyle.btnAccentColor span:before,
.btDarkSkin .btnBorderlessStyle.btnNormalColor:hover span:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor span:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover span:before,
.btLightSkin .btnBorderlessStyle.btnAccentColor span:before,
.btLightSkin .btnBorderlessStyle.btnNormalColor:hover span:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor span:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover span:before,
.btDarkSkin .btnBorderlessStyle.btnAccentColor a,
.btDarkSkin .btnBorderlessStyle.btnNormalColor:hover a,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor a,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover a,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor a,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover a,
.btLightSkin .btnBorderlessStyle.btnAccentColor a,
.btLightSkin .btnBorderlessStyle.btnNormalColor:hover a,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor a,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover a,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor a,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover a,
.btDarkSkin .btnBorderlessStyle.btnAccentColor .btIco a:before,
.btDarkSkin .btnBorderlessStyle.btnNormalColor:hover .btIco a:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor .btIco a:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover .btIco a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor .btIco a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover .btIco a:before,
.btLightSkin .btnBorderlessStyle.btnAccentColor .btIco a:before,
.btLightSkin .btnBorderlessStyle.btnNormalColor:hover .btIco a:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor .btIco a:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover .btIco a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor .btIco a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover .btIco a:before,
.btDarkSkin .btnBorderlessStyle.btnAccentColor button,
.btDarkSkin .btnBorderlessStyle.btnNormalColor:hover button,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor button,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover button,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor button,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor:hover button,
.btLightSkin .btnBorderlessStyle.btnAccentColor button,
.btLightSkin .btnBorderlessStyle.btnNormalColor:hover button,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor button,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover button,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor button,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor:hover button {
color: #FF0000;
}
/* Alternate */
.btnFilledStyle.btnAlternateColor,
.btnOutlineStyle.btnAlternateColor:hover {
background-color: #ffc938;
border: 2px solid #ffc938;
}
.btnFilledStyle.btnAlternateColor span,
.btnOutlineStyle.btnAlternateColor:hover span,
.btnFilledStyle.btnAlternateColor span:before,
.btnOutlineStyle.btnAlternateColor:hover span:before,
.btnFilledStyle.btnAlternateColor a,
.btnOutlineStyle.btnAlternateColor:hover a,
.btnFilledStyle.btnAlternateColor .btIco a:before,
.btnOutlineStyle.btnAlternateColor:hover .btIco a:before,
.btnFilledStyle.btnAlternateColor button,
.btnOutlineStyle.btnAlternateColor:hover button {
color: #fff !important;
}
.btnOutlineStyle.btnAlternateColor,
.btnFilledStyle.btnAlternateColor:hover {
background-color: transparent;
border: 2px solid #ffc938;
color: #ffc938;
}
.btnOutlineStyle.btnAlternateColor span,
.btnFilledStyle.btnAlternateColor:hover span,
.btnOutlineStyle.btnAlternateColor span:before,
.btnFilledStyle.btnAlternateColor:hover span:before,
.btnOutlineStyle.btnAlternateColor a,
.btnFilledStyle.btnAlternateColor:hover a,
.btnOutlineStyle.btnAlternateColor .btIco a:before,
.btnFilledStyle.btnAlternateColor:hover .btIco a:before,
.btnOutlineStyle.btnAlternateColor button,
.btnFilledStyle.btnAlternateColor:hover button {
color: #ffc938 !important;
}
.btnBorderlessStyle.btnAlternateColor {
border-color: rgba(255,201,56,0.6);
}
.btnBorderlessStyle.btnAlternateColor span,
.btnBorderlessStyle.btnAlternateColor span:before,
.btnBorderlessStyle.btnAlternateColor a,
.btnBorderlessStyle.btnAlternateColor .btIco a:before,
.btnBorderlessStyle.btnAlternateColor button {
color: #ffc938;
}
/* Normal */
.btLightSkin .btnBorderlessStyle.btnNormalColor,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover {
border-color: rgba(0,0,0,.15);
}
.btLightSkin .btnBorderlessStyle.btnNormalColor span,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btLightSkin .btnBorderlessStyle.btnNormalColor span:before,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btLightSkin .btnBorderlessStyle.btnNormalColor a,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor a,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btLightSkin .btnBorderlessStyle.btnNormalColor button,
.btLightSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor button,
.btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover button {
color: #262626;
}
.btDarkSkin .btnBorderlessStyle.btnNormalColor,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover {
border-color: rgba(255,255,255,.1);
}
.btDarkSkin .btnBorderlessStyle.btnNormalColor span,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span,
.btDarkSkin .btnBorderlessStyle.btnNormalColor span:before,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before,
.btDarkSkin .btnBorderlessStyle.btnNormalColor a,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor a,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a,
.btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before,
.btDarkSkin .btnBorderlessStyle.btnNormalColor button,
.btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor button,
.btDarkSkin.btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button {
color: #fff;
}
.btLightSkin .btnFilledStyle.btnNormalColor,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover {
border: 2px solid #262626;
background-color: #262626;
color: #fff !important;
}
.btLightSkin .btnFilledStyle.btnNormalColor span,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover span,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor span,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover span,
.btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before,
.btLightSkin .btnFilledStyle.btnNormalColor a,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover a,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a,
.btLightSkin .btnFilledStyle.btnNormalColor a:before,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btLightSkin .btnFilledStyle.btnNormalColor button,
.btLightSkin .btnOutlineStyle.btnNormalColor:hover button,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor button,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover button,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover button {
color: #fff !important;
}
.btLightSkin .btnOutlineStyle.btnNormalColor,
.btLightSkin .btnFilledStyle.btnNormalColor:hover,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover {
border: 2px solid #262626;
background-color: transparent;
color: #262626;
}
.btLightSkin .btnOutlineStyle.btnNormalColor span,
.btLightSkin .btnFilledStyle.btnNormalColor:hover span,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span,
.btLightSkin .btnOutlineStyle.btnNormalColor span:before,
.btLightSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btLightSkin .btnOutlineStyle.btnNormalColor a,
.btLightSkin .btnFilledStyle.btnNormalColor:hover a,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a,
.btLightSkin .btnOutlineStyle.btnNormalColor a:before,
.btLightSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btLightSkin .btnOutlineStyle.btnNormalColor button,
.btLightSkin .btnFilledStyle.btnNormalColor:hover button,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor button,
.btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover button,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover button {
color: #262626 !important;
}
.btDarkSkin .btnFilledStyle.btnNormalColor,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover {
border: 2px solid #fff;
background-color: #fff;
color: #262626;
}
.btDarkSkin .btnFilledStyle.btnNormalColor span,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover span,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span,
.btDarkSkin .btnFilledStyle.btnNormalColor span:before,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before,
.btDarkSkin .btnFilledStyle.btnNormalColor a,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover a,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a,
.btDarkSkin .btnFilledStyle.btnNormalColor a:before,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before,
.btDarkSkin .btnFilledStyle.btnNormalColor button,
.btDarkSkin .btnOutlineStyle.btnNormalColor:hover button,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover button,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor button,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover button {
color: #262626 !important;
}
.btDarkSkin .btnOutlineStyle.btnNormalColor,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover {
border: 2px solid #fff;
background-color: transparent;
color: #fff;
}
.btDarkSkin .btnOutlineStyle.btnNormalColor span,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover span,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span,
.btDarkSkin .btnOutlineStyle.btnNormalColor span:before,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before,
.btDarkSkin .btnOutlineStyle.btnNormalColor a,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover a,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a,
.btDarkSkin .btnOutlineStyle.btnNormalColor a:before,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before,
.btDarkSkin .btnOutlineStyle.btnNormalColor button,
.btDarkSkin .btnFilledStyle.btnNormalColor:hover button,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor button,
.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover button,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor button,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover button {
color: #fff !important;
}
.btLightSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btnOutlineStyle.btnLightColor:hover,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor:hover {
background: rgba(0,0,0,.15);
color: #262626 !important;
border: 1px solid rgba(0,0,0,.15);
}
.btLightSkin .btnOutlineStyle.btnLightColor,
.btLightSkin .btnFilledStyle.btnLightColor:hover,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover {
background-color: transparent;
border: 2px solid rgba(0,0,0,.15);
color: #262626 !important;
}
.btLightSkin .btnOutlineStyle.btnLightColor a,
.btLightSkin .btnFilledStyle.btnLightColor:hover a,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor a,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover a,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor a,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover a,
.btLightSkin .btnOutlineStyle.btnLightColor a:before,
.btLightSkin .btnFilledStyle.btnLightColor:hover a:before,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor a:before,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor a:before,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover a:before,
.btLightSkin .btnOutlineStyle.btnLightColor button,
.btLightSkin .btnFilledStyle.btnLightColor:hover button,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor button,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover button,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor button,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover button,
.btLightSkin .btnOutlineStyle.btnLightColor span,
.btLightSkin .btnFilledStyle.btnLightColor:hover span,
.btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor span,
.btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor span,
.btLightSkin .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover span {
color: #262626 !important;
}
.btDarkSkin .btnFilledStyle.btnLightColor,
.btDarkSkin .btnOutlineStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover {
background: rgba(0,0,0,.15);
color: #262626 !important;
border: 2px solid #262626;
}
.btDarkSkin .btnFilledStyle.btnLightColor a,
.btDarkSkin .btnOutlineStyle.btnLightColor:hover a,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor a,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover a,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor a,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover a,
.btDarkSkin .btnFilledStyle.btnLightColor .btIco a:before,
.btDarkSkin .btnOutlineStyle.btnLightColor:hover .btIco a:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor .btIco a:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover .btIco a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor .btIco a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover .btIco a:before,
.btDarkSkin .btnFilledStyle.btnLightColor button,
.btDarkSkin .btnOutlineStyle.btnLightColor:hover button,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor button,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover button,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor button,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover button,
.btDarkSkin .btnFilledStyle.btnLightColor span,
.btDarkSkin .btnOutlineStyle.btnLightColor:hover span,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor span,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover span,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor span,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover span {
color: #262626 !important;
}
.btDarkSkin .btnOutlineStyle.btnLightColor,
.btDarkSkin .btnFilledStyle.btnLightColor:hover,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover {
background-color: transparent;
border: 2px solid #fff;
color: #fff !important;
}
.btDarkSkin .btnOutlineStyle.btnLightColor a,
.btDarkSkin .btnFilledStyle.btnLightColor:hover a,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a,
.btDarkSkin .btnOutlineStyle.btnLightColor a:before,
.btDarkSkin .btnFilledStyle.btnLightColor:hover a:before,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a:before,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a:before,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a:before,
.btDarkSkin .btnOutlineStyle.btnLightColor button,
.btDarkSkin .btnFilledStyle.btnLightColor:hover button,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor button,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover button,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor button,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover button,
.btDarkSkin .btnOutlineStyle.btnLightColor span,
.btDarkSkin .btnFilledStyle.btnLightColor:hover span,
.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor span,
.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover span,
.btDarkSkin.btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor span,
.btDarkSkin.btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover span {
color: #fff !important;
}
/* Divider */
.btSeparator {
clear: both;
}
.btSeparator hr {
clear: both;
border: none;
padding: 0;
margin: 0;
border-bottom: 1px solid rgba(0,0,0,.15);
}
.btLightSkin .btSeparator hr,
.btDarkSkin .btLightSkin .btSeparator hr,
.btLightSkin .btDarkSkin .btLightSkin .btSeparator hr {
border-color: rgba(0,0,0,.15);
}
.btDarkSkin .btSeparator hr,
.btLightSkin .btDarkSkin .btSeparator hr,
.btDarkSkin.btLightSkin .btDarkSkin .btSeparator hr {
border-color: rgba(255,255,255,.1);
}
.btLightSkin .noBorder.btSeparator hr,
.btDarkSkin .btLightSkin .noBorder.btSeparator hr,
.btLightSkin .btDarkSkin .btLightSkin .noBorder.btSeparator hr,
.btDarkSkin .noBorder.btSeparator hr,
.btLightSkin .btDarkSkin .noBorder.btSeparator hr,
.btDarkSkin.btLightSkin .btDarkSkin .noBorder.btSeparator hr {
border-bottom: none;
}
.dotted.btSeparator hr {
border-bottom-style: dotted;
border-bottom-width: 1px;
}
.dashed.btSeparator hr {
border-bottom-style: dashed;
}
.frame.btSeparator hr {
border-bottom: 3em solid #f6f8fa;
}
.btDarkSkin .frame.btSeparator hr,
.btLightSkin .btDarkSkin .frame.btSeparator hr,
.btDarkSkin.btLightSkin .btDarkSkin .frame.btSeparator hr {
border-bottom-color: #06080a;
}
/* Counter */
.btCounterHolder {
font-family: "Open Sans";
font-size: 3em;
height: 1em;
line-height: 1;
font-weight: 700;
letter-spacing: -2px;
overflow: hidden;
}
.btCounterHolder.btCounterLargeSize {
font-size: 4.5em;
}
.btCounterHolder .btCounter {
display: block;
height: 1em;
overflow: hidden;
}
.btCounterHolder span.onedigit {
display: inline-block;
height: 3em;
transition: all 1s ease 0s;
transition: all 1s ease 0s;
transition: all 1s ease 0s;
padding: 0 2px;
}
.btCounterHolder span.onedigit span {
display: block;
position: relative;
height: 1em;
text-align: center;
}
.btLightSkin .btCounterHolder,
.btDarkSkin .btLightSkin .btCounterHolder,
.btLightSkin .btDarkSkin .btLightSkin .btCounterHolder {
color: #262626;
}
.btDarkSkin .btCounterHolder,
.btLightSkin .btDarkSkin .btCounterHolder,
.btDarkSkin.btLightSkin .btDarkSkin .btCounterHolder {
color: #fff;
}
.btCounterHolder .btCountdownHolder {
overflow: hidden;
}
.btCounterHolder .btCountdownHolder > span {
vertical-align: top;
display: inline-block;
}
.btCounterHolder .btCountdownHolder > span > span.numbers {
padding-top: .3em;
}
.btCounterHolder .btCountdownHolder > span > span.numbers > span {
display: inline-block;
float: left;
padding-top: .1em;
}
.btCounterHolder .btCountdownHolder > span > span.numbers > span > span {
display: block;
width: .6em;
text-align: center;
transition-delay: 0ms;
transition-delay: 0ms;
transition-delay: 0ms;
transform: translateY(-1em);
transform: translateY(-1em);
transform: translateY(-1em);
transform: translateY(-1em);
}
.btCounterHolder .btCountdownHolder > span > span.numbers > span > span.countdown_anim {
transition: transform 200ms ease-out;
transition: transform 200ms ease-out;
transition: transform 200ms ease-out;
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
}
.btCounterHolder .btCountdownHolder > span.days > span.numbers > span > span {
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
}
.btCounterHolder .btCountdownHolder .days,
.btCounterHolder .btCountdownHolder .hours,
.btCounterHolder .btCountdownHolder .minutes,
.btCounterHolder .btCountdownHolder .seconds {
position: relative;
}
.btCounterHolder .btCountdownHolder .days_text,
.btCounterHolder .btCountdownHolder .hours_text,
.btCounterHolder .btCountdownHolder .minutes_text,
.btCounterHolder .btCountdownHolder .seconds_text {
position: absolute;
left: 0;
top: 0;
width: 100% !important;
text-align: center;
font-size: .15em;
font-family: Montserrat;
font-weight: 400;
text-transform: uppercase;
color: #FF0000;
backface-visibility: hidden;
line-height: 1;
letter-spacing: 3px;
}
.btCounterHolder .btCountdownHolder .days_text span,
.btCounterHolder .btCountdownHolder .hours_text span,
.btCounterHolder .btCountdownHolder .minutes_text span,
.btCounterHolder .btCountdownHolder .seconds_text span {
width: auto !important;
transform: translate(-50%,-.1em) !important;
transform: translate(-50%,-.1em) !important;
transform: translate(-50%,-.1em) !important;
transform: translate(-50%,-.1em) !important;
}
/* Progress bar */
.btProgressContent {
font-family: "Montserrat";
background-color: rgba(0,0,0,.07);
line-height: 3em;
overflow: hidden;
font-size: .8em;
}
.btProgressContent .btProgressAnim {
text-align: right;
transition: all 1s ease 0s;
transition: all 1s ease 0s;
transition: all 1s ease 0s;
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
width: auto;
background-color: #FF0000;
color: #fff;
}
.btProgressContent .btProgressAnim span {
display: block;
padding: 0 .5em;
}
.btProgressBarLineStyle .btProgressContent {
background-color: transparent !important;
}
.btProgressBarLineStyle .btProgressContent .btProgressAnim {
background-color: transparent;
color: #262626;
box-shadow: 0 -4px 0 0 #262626 inset;
box-shadow: 0 -4px 0 0 #262626 inset;
}
.btProgressBarLineStyle .btProgressContent .btProgressAnim span {
font-weight: 300;
}
.btLightSkin .btProgressContent,
.btDarkSkin .btLightSkin .btProgressContent,
.btLightSkin .btDarkSkin .btLightSkin .btProgressContent {
background-color: rgba(0,0,0,.07);
}
.btDarkSkin .btProgressContent,
.btLightSkin .btDarkSkin .btProgressContent,
.btDarkSkin.btLightSkin .btDarkSkin .btProgressContent {
background-color: rgba(255,255,255,.3);
}
@media (max-width: 768px) {
.btProgressContent {
line-height: 1.5;
}
}
/* Image */
.boldPhotoBox {
display: block;
backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
}
.boldPhotoBox .bpbItem {
display: block;
width: auto;
margin: auto;
}
.boldPhotoBox .bpbItem .btImage {
transition: all 900ms ease;
transition: all 900ms ease;
transition: all 900ms ease;
}
.boldPhotoBox .bpbItem img {
max-width: 100%;
height: auto;
}
.btToGrayscaleHoverType .boldPhotoBox .btImage {
overflow: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
}
.btToGrayscaleHoverType .boldPhotoBox .btImage img {
transition: all 900ms ease;
transition: all 900ms ease;
transition: all 900ms ease;
filter: grayscale(0%);
filter: grayscale(0%);
backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
}
.btToGrayscaleHoverType.btCircleImage .boldPhotoBox img {
border-radius: 50%;
}
.btToGrayscaleHoverType.btRoundedImage .boldPhotoBox img {
border-radius: 20px;
}
.btToGrayscaleHoverType:hover .boldPhotoBox .btImage img {
filter: grayscale(100%);
filter: grayscale(100%);
}
.btZoomInHoverType .boldPhotoBox {
overflow: hidden;
}
.btZoomInHoverType .boldPhotoBox .bpbItem {
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.btZoomInHoverType:hover .boldPhotoBox .btImage {
transform: scale3d(1.15,1.15,1);
transform: scale3d(1.15,1.15,1);
transform: scale3d(1.15,1.15,1);
transform: scale3d(1.15,1.15,1);
}
.btZoomInTwistHoverType .boldPhotoBox {
overflow: hidden;
}
.btZoomInTwistHoverType .boldPhotoBox .bpbItem {
transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
transform: scale3d(1,1,1) rotate3d(0,0,1,0deg);
}
.btZoomInTwistHoverType:hover .boldPhotoBox .btImage {
transform: scale3d(1.4,1.4,1) rotate3d(0,0,1,15deg);
transform: scale3d(1.4,1.4,1) rotate3d(0,0,1,15deg);
transform: scale3d(1.4,1.4,1) rotate3d(0,0,1,15deg);
transform: scale3d(1.4,1.4,1) rotate3d(0,0,1,15deg);
}
.bpgPhoto.btSimpleHoverType .captionPane {
background-color: transparent !important;
}
.bpgPhoto.btToGrayscaleHoverType .captionPane,
.bpgPhoto.btZoomInHoverType .captionPane,
.bpgPhoto.btZoomInTwistHoverType .captionPane {
animation: none;
animation: none;
animation: none;
transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
}
.bpgPhoto.btToGrayscaleHoverType .captionPane .captionTable .captionCell .captionTxt,
.bpgPhoto.btZoomInHoverType .captionPane .captionTable .captionCell .captionTxt,
.bpgPhoto.btZoomInTwistHoverType .captionPane .captionTable .captionCell .captionTxt {
transform: translateY(0) scale3d(0,0,1);
transform: translateY(0) scale3d(0,0,1);
transform: translateY(0) scale3d(0,0,1);
transform: translateY(0) scale3d(0,0,1);
transition: transform 400ms ease 280ms;
transition: transform 400ms ease 280ms;
transition: transform 400ms ease 280ms;
}
.bpgPhoto.btToGrayscaleHoverType:hover .captionPane,
.bpgPhoto.btZoomInHoverType:hover .captionPane,
.bpgPhoto.btZoomInTwistHoverType:hover .captionPane {
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.bpgPhoto.btToGrayscaleHoverType:hover .captionPane .captionTable .captionCell .captionTxt,
.bpgPhoto.btZoomInHoverType:hover .captionPane .captionTable .captionCell .captionTxt,
.bpgPhoto.btZoomInTwistHoverType:hover .captionPane .captionTable .captionCell .captionTxt {
transform: translateY(0) scale3d(1,1,1);
transform: translateY(0) scale3d(1,1,1);
transform: translateY(0) scale3d(1,1,1);
transform: translateY(0) scale3d(1,1,1);
transition: transform 400ms ease 380ms;
transition: transform 400ms ease 380ms;
transition: transform 400ms ease 380ms;
}
.bpgPhoto.btHasComplexContent.btToGrayscaleHoverType .captionPane,
.bpgPhoto.btHasComplexContent.btZoomInHoverType .captionPane,
.bpgPhoto.btHasComplexContent.btZoomInTwistHoverType .captionPane {
opacity: 1;
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.bpgPhoto.btHasComplexContent.btToGrayscaleHoverType .captionPane .captionTable .captionCell .captionTxt,
.bpgPhoto.btHasComplexContent.btZoomInHoverType .captionPane .captionTable .captionCell .captionTxt,
.bpgPhoto.btHasComplexContent.btZoomInTwistHoverType .captionPane .captionTable .captionCell .captionTxt {
opacity: 1;
transform: translateY(0) scale3d(1,1,1);
transform: translateY(0) scale3d(1,1,1);
transform: translateY(0) scale3d(1,1,1);
transform: translateY(0) scale3d(1,1,1);
transition: transform 400ms ease 380ms;
transition: transform 400ms ease 380ms;
transition: transform 400ms ease 380ms;
}
.bpgPhoto.btHasComplexContent.btToGrayscaleHoverType:hover .captionPane,
.bpgPhoto.btHasComplexContent.btZoomInHoverType:hover .captionPane,
.bpgPhoto.btHasComplexContent.btZoomInTwistHoverType:hover .captionPane {
animation: none;
animation: none;
animation: none;
transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
transition: transform 400ms ease 380ms;
transition: transform 400ms ease 380ms;
transition: transform 400ms ease 380ms;
}
.bpgPhoto.btHasComplexContent.btToGrayscaleHoverType:hover .captionPane .captionTable .captionCell .captionTxt,
.bpgPhoto.btHasComplexContent.btZoomInHoverType:hover .captionPane .captionTable .captionCell .captionTxt,
.bpgPhoto.btHasComplexContent.btZoomInTwistHoverType:hover .captionPane .captionTable .captionCell .captionTxt {
opacity: 1;
transform: translateY(0) scale3d(0,0,1);
transform: translateY(0) scale3d(0,0,1);
transform: translateY(0) scale3d(0,0,1);
transform: translateY(0) scale3d(0,0,1);
transition: transform 400ms ease;
transition: transform 400ms ease;
transition: transform 400ms ease;
}
.bpgPhoto {
display: block;
overflow: hidden;
max-width: 100%;
line-height: 0;
position: relative;
}
.bclItem .bpgPhoto {
max-width: none;
width: 100%;
}
.bclItem .bpgPhoto .boldPhotoBox {
display: block;
}
.bclItem .bpgPhoto .boldPhotoBox .bpbItem img {
max-width: none;
width: 100%;
}
.btTextCenter .bpgPhoto {
margin: 0 auto;
}
.btTextCenter .bpgPhoto .btImage {
display: inline-block;
}
.bpgPhoto .boldPhotoBox {
display: inline-block;
overflow: hidden;
line-height: 0;
}
.bpgPhoto .boldPhotoBox img {
line-height: 0;
}
.btCircleImage.bpgPhoto .boldPhotoBox {
border-radius: 50%;
}
.btZoomOutHoverType.bpgPhoto .boldPhotoBox {
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.in-right.btZoomOutHoverType.bpgPhoto .boldPhotoBox,
.in-left.btZoomOutHoverType.bpgPhoto .boldPhotoBox,
.in-top.btZoomOutHoverType.bpgPhoto .boldPhotoBox,
.in-bottom.btZoomOutHoverType.bpgPhoto .boldPhotoBox {
transform: scale3d(.8,.8,1);
transform: scale3d(.8,.8,1);
transform: scale3d(.8,.8,1);
transform: scale3d(.8,.8,1);
}
.bpgPhoto > a {
display: block;
position: absolute;
z-index: 10;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.bpgPhoto .captionPane {
opacity: 0;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: rgba(35,35,35,.5) !important;
right: 0;
transition: all 400ms ease;
transition: all 400ms ease;
transition: all 400ms ease;
z-index: 6;
pointer-events: none;
}
.bpgPhoto .captionPane .captionTable {
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.bpgPhoto .captionPane .captionTable .captionCell {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt:before {
content: "\e623";
font: normal 36px/1.1 Icon7Stroke;
display: block;
margin: 10px auto;
}
.btHasContent.bpgPhoto .captionPane .captionTable .captionCell .captionTxt:before {
content: '';
display: none;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt {
display: inline-block;
margin: auto;
padding: 0 20px;
color: #FFF;
line-height: 1.4;
opacity: 0;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h1,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h2,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h3,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h4,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h5,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h6,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h7,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt h8,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt p,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt a,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSuperTitle,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSubTitle {
color: #fff;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSuperTitle:after {
border-color: #fff;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleDate:not(:last-child),
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleAuthor:not(:last-child),
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleComments:not(:last-child),
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleCategories:not(:last-child) {
border-color: rgba(255,255,255,.5) !important;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .dash:after,
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .dash:before {
border-color: #fff;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .btSubTitle p {
display: block !important;
margin: 5px auto;
}
.bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .btSubTitle p:before {
content: "\f00c";
font: normal 11px/1 FontAwesome;
padding-right: 5px;
margin-left: -10px;
}
.btZoomOutHoverType.bpgPhoto .captionPane {
background-color: transparent !important;
animation: none !important;
animation: none !important;
animation: none !important;
transform: none !important;
transform: none !important;
transform: none !important;
transform: none !important;
opacity: 1;
}
.btZoomOutHoverType.bpgPhoto .captionPane:hover {
opacity: .5;
}
.btZoomOutHoverType.bpgPhoto .captionPane .captionCell {
animation: none !important;
animation: none !important;
animation: none !important;
transform: none !important;
transform: none !important;
transform: none !important;
transform: none !important;
}
.btZoomOutHoverType.bpgPhoto .captionPane .captionCell .captionTxt {
opacity: 1;
}
.btZoomOutHoverType.bpgPhoto .captionPane:after {
content: ' ';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
background-color: rgba(35,35,35,.5);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.in-right.btZoomOutHoverType.bpgPhoto .captionPane:after,
.in-left.btZoomOutHoverType.bpgPhoto .captionPane:after,
.in-top.btZoomOutHoverType.bpgPhoto .captionPane:after,
.in-bottom.btZoomOutHoverType.bpgPhoto .captionPane:after {
transform: scale3d(.8,.8,1);
transform: scale3d(.8,.8,1);
transform: scale3d(.8,.8,1);
transform: scale3d(.8,.8,1);
}
.btZoomOutHoverType.bpgPhoto .captionPane .captionTable {
position: relative;
z-index: 3;
}
/* Entrance animations */
.in-right.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
animation: in-right .6s cubic-bezier(.165,.84,.44,1);
animation: in-right .6s cubic-bezier(.165,.84,.44,1);
animation: in-right .6s cubic-bezier(.165,.84,.44,1);
}
.in-top.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
animation: in-top .6s cubic-bezier(.165,.84,.44,1);
animation: in-top .6s cubic-bezier(.165,.84,.44,1);
animation: in-top .6s cubic-bezier(.165,.84,.44,1);
}
.in-bottom.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
animation: in-bottom .6s cubic-bezier(.165,.84,.44,1);
animation: in-bottom .6s cubic-bezier(.165,.84,.44,1);
animation: in-bottom .6s cubic-bezier(.165,.84,.44,1);
}
.in-left.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
animation: in-left .6s cubic-bezier(.165,.84,.44,1);
animation: in-left .6s cubic-bezier(.165,.84,.44,1);
animation: in-left .6s cubic-bezier(.165,.84,.44,1);
}
/* Withdrawal animatinos */
.out-right.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
animation: out-right .4s cubic-bezier(.895,.03,.685,.22);
animation: out-right .4s cubic-bezier(.895,.03,.685,.22);
animation: out-right .4s cubic-bezier(.895,.03,.685,.22);
}
.out-top.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
animation: out-top .4s cubic-bezier(.895,.03,.685,.22);
animation: out-top .4s cubic-bezier(.895,.03,.685,.22);
animation: out-top .4s cubic-bezier(.895,.03,.685,.22);
}
.out-bottom.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
animation: out-bottom .4s cubic-bezier(.895,.03,.685,.22);
animation: out-bottom .4s cubic-bezier(.895,.03,.685,.22);
animation: out-bottom .4s cubic-bezier(.895,.03,.685,.22);
}
.out-left.bpgPhoto:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane .captionTable .captionCell {
animation: out-left .4s cubic-bezier(.895,.03,.685,.22);
animation: out-left .4s cubic-bezier(.895,.03,.685,.22);
animation: out-left .4s cubic-bezier(.895,.03,.685,.22);
}
@-webkit-keyframes in-right {
0% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
20% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@-moz-keyframes in-right {
0% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
20% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@keyframes in-right {
0% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
20% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@-webkit-keyframes in-top {
0% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
20% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@-moz-keyframes in-top {
0% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
20% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@keyframes in-top {
0% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
20% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@-webkit-keyframes in-bottom {
0% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
20% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@-moz-keyframes in-bottom {
0% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
20% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@keyframes in-bottom {
0% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
20% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@-webkit-keyframes in-left {
0% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
20% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@-moz-keyframes in-left {
0% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
20% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@keyframes in-left {
0% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
20% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
100% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
}
@-webkit-keyframes out-right {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
}
@-moz-keyframes out-right {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
}
@keyframes out-right {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
transform: translated3d(-50%,0,0);
}
}
@-webkit-keyframes out-top {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
}
@-moz-keyframes out-top {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
}
@keyframes out-top {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
transform: translated3d(0,-50%,0);
}
}
@-webkit-keyframes out-bottom {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
}
@-moz-keyframes out-bottom {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
}
@keyframes out-bottom {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
transform: translated3d(0,50%,0);
}
}
@-webkit-keyframes out-left {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
}
@-moz-keyframes out-left {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
}
@keyframes out-left {
0% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
35% {
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
transform: translated3d(0,0,0);
}
100% {
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
transform: translated3d(50%,0,0);
}
}
.bpgPhoto.lightbox .captionTxt {
z-index: 0 !important;
}
.bpgPhoto[class*="-in"] .captionPane {
pointer-events: auto;
}
.btCircleImage .bpbItem,
.btCircleImage .btImage {
border-radius: 50%;
overflow: hidden;
}
.btCircleImage .bpbItem img,
.btCircleImage .btImage img {
width: auto;
}
.btCircleImage .captionPane {
border-radius: 50%;
}
.bpgPhoto.btOutlinedImage {
border: 1px solid rgba(0,0,0,.15);
}
.bpgPhoto.btRoundedImage {
border-radius: 20px;
}
.bpgPhoto.btRoundedImage .captionPane {
border-radius: 20px;
}
.bpgPhoto.btRoundedImage .bpbItem {
overflow: hidden;
border-radius: 20px;
}
.btTextCenter .tilesWall .bpgPhoto {
display: block;
}
.btTextRight > .rowItemContent > .bpgPhoto {
float: right;
}
.btTextLeft > .rowItemContent > .bpgPhoto {
float: left;
}
@media screen and (min-device-pixel-ratio:0) {
.captionPane {
right: -1px;
}
}
.btShowTitle {
position: absolute;
top: auto;
bottom: 0;
margin: 0;
padding: 1em 1.5em 1em;
right: 0;
left: 0;
border-left: 4px solid #FF0000;
transition: all 200ms ease;
transition: all 200ms ease;
transition: all 200ms ease;
display: none;
transform: translateY(0%);
transform: translateY(0%);
transform: translateY(0%);
transform: translateY(0%);
}
.btAccentColorBackground .btShowTitle {
border-left: 4px solid #ffc938;
}
.btTextLeft .btShowTitle {
right: auto;
}
.btTextRight .btShowTitle {
left: auto;
}
.btShowTitle .header.small {
margin: 0;
}
.btShowTitle .header.small h1,
.btShowTitle .header.small h2,
.btShowTitle .header.small h3,
.btShowTitle .header.small h4,
.btShowTitle .header.small h5,
.btShowTitle .header.small h6,
.btShowTitle .header.small h7,
.btShowTitle .header.small h8 {
margin: 0;
padding: 0;
}
.btLightSkin .btShowTitle,
.btDarkSkin .btLightSkin .btShowTitle,
.btLightSkin .btDarkSkin .btLightSkin .btShowTitle {
color: #333;
background-color: rgba(255,255,255,.9);
}
.btDarkSkin .btShowTitle,
.btLightSkin .btDarkSkin .btShowTitle,
.btDarkSkin.btLightSkin .btDarkSkin .btShowTitle {
color: #fff;
background-color: rgba(35,35,35,.9);
}
.btShowTitle .btSuperTitle {
line-height: 1.4;
}
.btHasTitles .btShowTitle,
html.touch .btShowTitle {
display: block;
}
.bpgPhoto:hover .captionPane {
opacity: 1;
}
.bpgPhoto:hover .captionPane .captionTable .captionTxt {
opacity: 1;
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
}
.bpgPhoto:hover .btShowTitle {
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
}
.in-top:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
animation: in-top 300ms ease 0ms 1 forwards;
animation: in-top 300ms ease 0ms 1 forwards;
animation: in-top 300ms ease 0ms 1 forwards;
}
.in-right:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
animation: in-right 300ms ease 0ms 1 forwards;
animation: in-right 300ms ease 0ms 1 forwards;
animation: in-right 300ms ease 0ms 1 forwards;
}
.in-bottom:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
animation: in-bottom 300ms ease 0ms 1 forwards;
animation: in-bottom 300ms ease 0ms 1 forwards;
animation: in-bottom 300ms ease 0ms 1 forwards;
}
.in-left:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
animation: in-left 300ms ease 0ms 1 forwards;
animation: in-left 300ms ease 0ms 1 forwards;
animation: in-left 300ms ease 0ms 1 forwards;
}
.out-top:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
animation: out-top 300ms ease 0ms 1 forwards;
animation: out-top 300ms ease 0ms 1 forwards;
animation: out-top 300ms ease 0ms 1 forwards;
}
.out-right:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
animation: out-right 300ms ease 0ms 1 forwards;
animation: out-right 300ms ease 0ms 1 forwards;
animation: out-right 300ms ease 0ms 1 forwards;
}
.out-bottom:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
animation: out-bottom 300ms ease 0ms 1 forwards;
animation: out-bottom 300ms ease 0ms 1 forwards;
animation: out-bottom 300ms ease 0ms 1 forwards;
}
.out-left:not(.btSimpleHoverType):not(.btToGrayscaleHoverType):not(.btZoomInHoverType):not(.btZoomInTwistHoverType) .captionPane {
animation: out-left 300ms ease 0ms 1 forwards;
animation: out-left 300ms ease 0ms 1 forwards;
animation: out-left 300ms ease 0ms 1 forwards;
}
@-webkit-keyframes in-top {
from {
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-top {
from {
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-top {
from {
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-top {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@-moz-keyframes out-top {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@keyframes out-top {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
}
}
@-webkit-keyframes in-right {
from {
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-right {
from {
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-right {
from {
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-right {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@-moz-keyframes out-right {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@keyframes out-right {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
}
@-webkit-keyframes in-bottom {
from {
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-bottom {
from {
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-bottom {
from {
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-bottom {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@-moz-keyframes out-bottom {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@keyframes out-bottom {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
}
@-webkit-keyframes in-left {
from {
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-moz-keyframes in-left {
from {
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@keyframes in-left {
from {
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
to {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
}
@-webkit-keyframes out-left {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
@-moz-keyframes out-left {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
@keyframes out-left {
from {
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
}
/* Price table */
.btPriceTable {
position: relative;
border-top: 0;
}
.btPriceTable .btPriceTableHeader {
border: 10px solid #FF0000;
padding: 2em;
}
.btHardRoundedButtons .btPriceTable .btPriceTableHeader {
border-radius: 15px;
}
.btSoftRoundedButtons .btPriceTable .btPriceTableHeader {
border-radius: 3px;
}
.btPriceTable .btPriceTableHeader .header .btSuperTitle {
color: white;
}
.btPriceTable .btPriceTableHeader .header .dash:after,
.btPriceTable .btPriceTableHeader .header .dash:before {
border-color: white;
}
.btPriceTable .btPriceTableHeader .header.extralarge {
margin: 0;
}
.btPriceTable .btPriceTableHeader .header .btPriceTableCurrency {
margin: -.1em 0 0 -.8em;
font-size: .7em;
position: absolute;
left: auto;
top: auto;
opacity: .55;
}
.btPriceTable .btSubTitle {
font-weight: 300;
}
.btPriceTable ul {
list-style: none;
margin: 0;
padding: 0;
}
.btPriceTable ul li {
display: block;
padding: 1em;
margin: 0 1em;
}
.btLightSkin .btPriceTable ul li:not(:last-child),
.btDarkSkin .btLightSkin .btPriceTable ul li:not(:last-child),
.btLightSkin .btDarkSkin .btLightSkin .btPriceTable ul li:not(:last-child) {
border-bottom: rgba(0,0,0,.15) 1px dotted;
}
.btDarkSkin .btPriceTable ul li:not(:last-child),
.btLightSkin .btDarkSkin .btPriceTable ul li:not(:last-child),
.btDarkSkin.btLightSkin .btDarkSkin .btPriceTable ul li:not(:last-child) {
border-bottom: rgba(255,255,255,.1) 1px dotted;
}
.btPriceTableSticker {
padding: 10px;
position: absolute;
top: -40px;
left: 15px;
right: 0;
background: #232323;
color: #fff;
width: 80px;
height: 80px;
border-radius: 40px;
}
.btPriceTableSticker > div {
display: table;
height: 100%;
width: 100%;
}
.btPriceTableSticker > div > div {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: .5em;
font-size: .7em;
}
.btLightSkin .btDarkSkin .btPriceTableSticker,
.btDarkSkin .btLightSkin .btDarkSkin .btPriceTableSticker,
.btLightSkin .btDarkSkin .btLightSkin .btDarkSkin .btPriceTableSticker {
background: #232323;
color: #fff;
box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
}
.btDarkSkin .btDarkSkin .btPriceTableSticker,
.btLightSkin .btDarkSkin .btDarkSkin .btPriceTableSticker,
.btDarkSkin.btLightSkin .btDarkSkin .btDarkSkin .btPriceTableSticker {
background: #fff;
color: #333;
box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
/* Service icon */
.servicesItem .btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before {
font-size: 18px;
}
.servicesItem .btIco.btIcoDefaultType.btIcoSmallSize .btIcoHolder:before {
font-size: 28px;
}
.servicesItem .btIco.btIcoDefaultType.btIcoMediumSize .btIcoHolder:before {
font-size: 40px;
}
.servicesItem .btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
font-size: 64px;
}
.servicesItem header.small .btSuperTitle {
text-transform: uppercase;
font-size: .8em;
}
.servicesItem .sIcon {
line-height: 1;
}
.servicesItem.btIcoExtraSmallSizeIcon .sTxt {
margin-top: -.2em;
}
/* .btHighlight .servicesItem {
padding-left: $(innerHorizontalPadding)px;
padding-right: $(innerHorizontalPadding)px;
} */
.btTextCenter .sIcon {
margin-bottom: 20px;
}
.btTextRight .sIcon {
float: right;
display: block;
position: relative;
z-index: 2;
margin: 0 0 0 -100%;
}
.btTextRight .sTxt {
position: relative;
float: right;
}
.btTextLeft .sIcon {
float: left;
display: block;
position: relative;
z-index: 2;
margin: 0 -100% 0 0;
}
.btTextLeft .sTxt {
position: relative;
float: left;
}
.sTxt h1,
.sTxt h2,
.sTxt h3,
.sTxt h4,
.sTxt h5,
.sTxt h6,
.sTxt h7,
.sTxt h8 {
clear: none;
}
.sTxt .header.small.btDash {
margin-bottom: 0;
}
.btTextRight .btIcoExtraSmallSizeIcon .sTxt {
margin-right: 38px;
}
.btTextLeft .btIcoExtraSmallSizeIcon .sTxt {
margin-left: 38px;
}
.btTextRight .btIcoSmallSizeIcon .sTxt {
margin-right: 48px;
}
.btTextLeft .btIcoSmallSizeIcon .sTxt {
margin-left: 48px;
}
.btTextLeft .btIcoMediumSizeIcon .sTxt {
margin-left: 60px;
}
.btTextRight .btIcoMediumSizeIcon .sTxt {
margin-right: 60px;
}
.btTextLeft .btIcoBigSizeIcon .sTxt {
margin-left: 84px;
}
.btTextRight .btIcoBigSizeIcon .sTxt {
margin-right: 84px;
}
.btTextLeft .btIcoLargeSizeIcon .sTxt {
margin-left: 176px;
}
.btTextRight .btIcoLargeSizeIcon .sTxt {
margin-right: 176px;
}
.servicesItem:after {
display: table;
content: " ";
clear: both;
width: 100%;
}
.btTextLeft .mediumIcon .sTxt {
margin-left: 80px;
}
.sTxt p:last-of-type,
.btText p:last-of-type {
margin-bottom: 0;
}
/* Header */
.header {
display: block;
}
.header .headline,
.header .dash {
display: block;
}
.header .btSuperTitle {
font-family: "Montserrat";
margin-bottom: .2em;
color: #FF0000;
letter-spacing: 2px;
}
.btAccentBackgroundSuperheadline.header .btSuperTitle span,
.btAlternateBackgroundSuperheadline.header .btSuperTitle span {
letter-spacing: 0;
font-weight: 800;
background: #FF0000;
color: #fff;
display: inline-block;
padding: 0 10px;
font-style: normal !important;
margin-bottom: .4em;
}
.btAlternateBackgroundSuperheadline.header .btSuperTitle span {
background: #ffc938;
}
.header .btSubTitle {
font-family: "Montserrat";
font-size: 1em;
margin-bottom: .75em;
opacity: .6;
clear: both;
}
/* Dash */
.btDash.bottomDash .dash:after {
content: ' ';
clear: both;
width: 5em;
display: block;
margin: 0 0 1.4em;
border-bottom: 4px solid #FF0000;
float: left;
}
.btTextRight .btDash.bottomDash .dash:after {
float: right;
}
.btTextCenter .btDash.bottomDash .dash:after {
float: none;
margin-left: auto;
margin-right: auto;
}
.btDash.topDash .btSuperTitle {
display: flexbox;
display: flex;
display: flex;
flex-flow: row nowrap;
flex-flow: row nowrap;
flex-flow: row nowrap;
align-items: center;
flex-align: center;
align-items: center;
align-content: flex-start;
flex-line-pack: start;
align-content: flex-start;
}
.btTextCenter .btDash.topDash .btSuperTitle {
justify-content: center;
flex-pack: center;
justify-content: center;
}
.btTextLeft .btDash.topDash .btSuperTitle {
justify-content: flex-start;
flex-pack: start;
justify-content: flex-start;
}
.btTextLeft .btDash.topDash .btSuperTitle:before {
display: none;
}
.btTextRight .btDash.topDash .btSuperTitle {
justify-content: flex-end;
flex-pack: end;
justify-content: flex-end;
}
.btTextRight .btDash.topDash .btSuperTitle:after {
display: none;
}
body.rtl .btDash.topDash .btSuperTitle {
flex-direction: row-reverse;
flex-direction: row-reverse;
flex-direction: row-reverse;
}
.btDash.topDash .btSuperTitle span {
flex: 0 1 auto;
flex: 0 1 auto;
flex: 0 1 auto;
}
.btDash.topDash .btSuperTitle:after,
.btDash.topDash .btSuperTitle:before {
content: ' ';
display: block;
flex: 15 1 2em;
flex: 15 1 2em;
flex: 15 1 2em;
border-top: 1px solid #FF0000;
}
.btDash.topDash .btSuperTitle:after {
margin-left: 1em;
}
.btDash.topDash .btSuperTitle:before {
margin-right: 1em;
}
.header.extrasmall h1,
.header.extrasmall h2,
.header.extrasmall h3,
.header.extrasmall h4,
.header.extrasmall h5,
.header.extrasmall h6,
.header.extrasmall h7,
.header.extrasmall h8 {
font-size: 1.1em;
padding-bottom: .2em;
}
.header.extrasmall .btSuperTitle {
font-size: .6em;
margin-bottom: .35em;
letter-spacing: 1px;
}
.header.extrasmall .btSubTitle {
margin-bottom: .5em;
font-size: .85em;
}
.header.extrasmall .dash:after {
border-width: 2px !important;
margin-bottom: .3em;
margin-top: .4em;
}
.header.small h1,
.header.small h2,
.header.small h3,
.header.small h4,
.header.small h5,
.header.small h6,
.header.small h7,
.header.small h8 {
font-size: 1.2em;
padding-bottom: .2em;
}
.header.small .btSuperTitle {
font-size: .7em;
letter-spacing: 1px;
}
.header.small .btSubTitle {
margin-bottom: .65em;
font-size: .9em;
}
.header.small .dash:after {
width: 3em;
border-width: 2px !important;
margin-bottom: .4em;
margin-top: .4em;
}
.header.normal h1,
.header.normal h2,
.header.normal h3,
.header.normal h4,
.header.normal h5,
.header.normal h6,
.header.normal h7,
.header.normal h8 {
font-size: 1.5em;
padding-bottom: .33em;
}
.header.normal .btSuperTitle {
font-size: .8em;
margin-bottom: .3em;
}
.header.normal .btSubTitle {
margin-bottom: .65em;
}
.header.normal .dash:after {
border-width: 3px !important;
margin-bottom: .7em;
margin-top: .25em;
}
.header.medium h1,
.header.medium h2,
.header.medium h3,
.header.medium h4,
.header.medium h5,
.header.medium h6,
.header.medium h7,
.header.medium h8 {
font-size: 2.25em;
padding-bottom: .25em;
}
.header.medium .btSuperTitle {
font-size: .8em;
margin-bottom: .3em;
}
.header.medium .btSubTitle {
margin-bottom: .65em;
}
.header.medium .dash:after {
border-width: 3px !important;
margin-bottom: .7em;
margin-top: .25em;
}
.header.large h1,
.header.large h2,
.header.large h3,
.header.large h4,
.header.large h5,
.header.large h6,
.header.large h7,
.header.large h8 {
font-size: 3em;
padding-bottom: .4em;
}
.header.large .btSuperTitle {
font-size: .9em;
margin-bottom: .4em;
}
.header.large .btSubTitle {
font-size: 1.1em;
margin-bottom: .5em;
}
.header.large .dash:after {
border-width: 4px !important;
margin-bottom: 1.2em;
}
.header.extralarge h1,
.header.extralarge h2,
.header.extralarge h3,
.header.extralarge h4,
.header.extralarge h5,
.header.extralarge h6,
.header.extralarge h7,
.header.extralarge h8 {
font-size: 4em;
padding-bottom: .15em;
}
.header.extralarge .btSuperTitle {
font-size: 1em;
}
.header.extralarge .btSubTitle {
font-size: 1.25em;
line-height: 1.6;
}
.header.extralarge .dash:after {
margin-top: .5em;
margin-bottom: .7em;
}
.header.huge h1,
.header.huge h2,
.header.huge h3,
.header.huge h4,
.header.huge h5,
.header.huge h6,
.header.huge h7,
.header.huge h8 {
font-size: 6em;
padding-bottom: .2em;
}
.header.huge .btSuperTitle {
font-size: 1.3em;
}
.header.huge .btSubTitle {
font-size: 1.6em;
}
/* Heading Style */
.header.bold h1,
.header.bold h2,
.header.bold h3,
.header.bold h4,
.header.bold h5,
.header.bold h6,
.header.bold h7,
.header.bold h8 {
font-weight: bold;
}
.header.thin h1,
.header.thin h2,
.header.thin h3,
.header.thin h4,
.header.thin h5,
.header.thin h6,
.header.thin h7,
.header.thin h8 {
font-weight: lighter;
}
.header.regular h1,
.header.regular h2,
.header.regular h3,
.header.regular h4,
.header.regular h5,
.header.regular h6,
.header.regular h7,
.header.regular h8 {
font-weight: normal;
}
.header.italic h1,
.header.italic h2,
.header.italic h3,
.header.italic h4,
.header.italic h5,
.header.italic h6,
.header.italic h7,
.header.italic h8 {
font-style: italic;
}
/* Grid and tiles */
.btGridContainer {
overflow: hidden;
}
.btGridContainer .btGridContent {
padding: 20px 0 0;
}
.btGridContainer .btGridContent p {
max-height: 5em;
display: block;
display: box;
line-clamp: 3;
box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: .9em;
}
.gridItem {
opacity: .05;
transition: transform 360ms ease 500ms,opacity .5s ease;
transition: transform 360ms ease 500ms,opacity .5s ease;
transition: transform 360ms ease 500ms,opacity .5s ease;
overflow: hidden;
transform: scale(1);
transform: scale(1);
transform: scale(1);
transform: scale(1);
}
.gridItem .slick-prev,
.gridItem .slick-next {
display: none !important;
}
.gridItem .nbsImgHolder {
display: none !important;
}
.gridItem.btMarkedImage {
transform: scale(.9);
transform: scale(.9);
transform: scale(.9);
transform: scale(.9);
}
.btLightSkin .gridItem,
.btDarkSkin .btLightSkin .gridItem,
.btLightSkin .btDarkSkin .btLightSkin .gridItem {
background-color: rgba(0,0,0,.07);
}
.btDarkSkin .gridItem,
.btLightSkin .btDarkSkin .gridItem,
.btDarkSkin.btLightSkin .btDarkSkin .gridItem {
background-color: rgba(255,255,255,.3);
}
.gridItem.btGridItemLoaded {
opacity: 1;
}
.gridItem:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-left: 5px solid white;
border-top: 5px solid white;
pointer-events: none;
z-index: 10;
}
.btDarkSkin .gridItem:after,
.btLightSkin .btDarkSkin .gridItem:after,
.btDarkSkin.btLightSkin .btDarkSkin .gridItem:after {
border-color: #232323 !important;
}
.btLightSkin .gridItem:after,
.btDarkSkin .btLightSkin .gridItem:after,
.btLightSkin .btDarkSkin .btLightSkin .gridItem:after {
border-color: #fff !important;
}
.btNoMore {
display: none;
opacity: 1;
padding: 3em 0;
font-family: Montserrat;
}
.btGridContent {
padding: 10px;
}
.btGridContent .header .btSuperTitle a:hover {
color: #FF0000;
}
.btGridGap-0 .gridItem:after {
border-left: 0 solid white;
border-top: 0 solid white;
}
.btGridGap-0 .btShowTitle {
margin-left: 0;
}
.boldSection .btGridGap-0 .tilesWall,
.boldSection .tilesWall.btGridGap-0 {
margin-top: -0px;
}
.boldSection.gutter .btGridGap-0 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-0 {
margin-left: -0px;
}
.boldSection:not(.gutter) .btGridGap-0 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-0 {
margin-right: 0;
}
.btGridGap-0 .tilesWall.classic .btGridOuterContent {
padding: 20px 20px 20px 20px;
}
.btGridGap-0.tilesWall .btShowTitle {
margin: 0;
}
.btGridGap-0.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-0.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-0.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-0.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-0.tilesWall .captionPane {
padding: 0;
}
.btGridGap-1 .gridItem:after {
border-left: 1px solid white;
border-top: 1px solid white;
}
.btGridGap-1 .btShowTitle {
margin-left: 1px;
}
.boldSection .btGridGap-1 .tilesWall,
.boldSection .tilesWall.btGridGap-1 {
margin-top: -1px;
}
.boldSection.gutter .btGridGap-1 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-1 {
margin-left: -1px;
}
.boldSection:not(.gutter) .btGridGap-1 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-1 {
margin-right: 1px;
}
.btGridGap-1 .tilesWall.classic .btGridOuterContent {
padding: 21px 20px 20px 21px;
}
.btGridGap-1.tilesWall .btShowTitle {
margin: 0 0 0 1px;
}
.btGridGap-1.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-1.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-1.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-1.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-1.tilesWall .captionPane {
padding: 1px 0 0 1px;
}
.btGridGap-2 .gridItem:after {
border-left: 2px solid white;
border-top: 2px solid white;
}
.btGridGap-2 .btShowTitle {
margin-left: 2px;
}
.boldSection .btGridGap-2 .tilesWall,
.boldSection .tilesWall.btGridGap-2 {
margin-top: -2px;
}
.boldSection.gutter .btGridGap-2 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-2 {
margin-left: -2px;
}
.boldSection:not(.gutter) .btGridGap-2 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-2 {
margin-right: 2px;
}
.btGridGap-2 .tilesWall.classic .btGridOuterContent {
padding: 22px 20px 20px 22px;
}
.btGridGap-2.tilesWall .btShowTitle {
margin: 0 0 0 2px;
}
.btGridGap-2.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-2.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-2.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-2.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-2.tilesWall .captionPane {
padding: 2px 0 0 2px;
}
.btGridGap-3 .gridItem:after {
border-left: 3px solid white;
border-top: 3px solid white;
}
.btGridGap-3 .btShowTitle {
margin-left: 3px;
}
.boldSection .btGridGap-3 .tilesWall,
.boldSection .tilesWall.btGridGap-3 {
margin-top: -3px;
}
.boldSection.gutter .btGridGap-3 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-3 {
margin-left: -3px;
}
.boldSection:not(.gutter) .btGridGap-3 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-3 {
margin-right: 3px;
}
.btGridGap-3 .tilesWall.classic .btGridOuterContent {
padding: 23px 20px 20px 23px;
}
.btGridGap-3.tilesWall .btShowTitle {
margin: 0 0 0 3px;
}
.btGridGap-3.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-3.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-3.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-3.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-3.tilesWall .captionPane {
padding: 3px 0 0 3px;
}
.btGridGap-4 .gridItem:after {
border-left: 4px solid white;
border-top: 4px solid white;
}
.btGridGap-4 .btShowTitle {
margin-left: 4px;
}
.boldSection .btGridGap-4 .tilesWall,
.boldSection .tilesWall.btGridGap-4 {
margin-top: -4px;
}
.boldSection.gutter .btGridGap-4 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-4 {
margin-left: -4px;
}
.boldSection:not(.gutter) .btGridGap-4 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-4 {
margin-right: 4px;
}
.btGridGap-4 .tilesWall.classic .btGridOuterContent {
padding: 24px 20px 20px 24px;
}
.btGridGap-4.tilesWall .btShowTitle {
margin: 0 0 0 4px;
}
.btGridGap-4.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-4.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-4.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-4.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-4.tilesWall .captionPane {
padding: 4px 0 0 4px;
}
.btGridGap-5 .gridItem:after {
border-left: 5px solid white;
border-top: 5px solid white;
}
.btGridGap-5 .btShowTitle {
margin-left: 5px;
}
.boldSection .btGridGap-5 .tilesWall,
.boldSection .tilesWall.btGridGap-5 {
margin-top: -5px;
}
.boldSection.gutter .btGridGap-5 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-5 {
margin-left: -5px;
}
.boldSection:not(.gutter) .btGridGap-5 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-5 {
margin-right: 5px;
}
.btGridGap-5 .tilesWall.classic .btGridOuterContent {
padding: 25px 20px 20px 25px;
}
.btGridGap-5.tilesWall .btShowTitle {
margin: 0 0 0 5px;
}
.btGridGap-5.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-5.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-5.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-5.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-5.tilesWall .captionPane {
padding: 5px 0 0 5px;
}
.btGridGap-6 .gridItem:after {
border-left: 6px solid white;
border-top: 6px solid white;
}
.btGridGap-6 .btShowTitle {
margin-left: 6px;
}
.boldSection .btGridGap-6 .tilesWall,
.boldSection .tilesWall.btGridGap-6 {
margin-top: -6px;
}
.boldSection.gutter .btGridGap-6 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-6 {
margin-left: -6px;
}
.boldSection:not(.gutter) .btGridGap-6 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-6 {
margin-right: 6px;
}
.btGridGap-6 .tilesWall.classic .btGridOuterContent {
padding: 26px 20px 20px 26px;
}
.btGridGap-6.tilesWall .btShowTitle {
margin: 0 0 0 6px;
}
.btGridGap-6.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-6.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-6.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-6.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-6.tilesWall .captionPane {
padding: 6px 0 0 6px;
}
.btGridGap-7 .gridItem:after {
border-left: 7px solid white;
border-top: 7px solid white;
}
.btGridGap-7 .btShowTitle {
margin-left: 7px;
}
.boldSection .btGridGap-7 .tilesWall,
.boldSection .tilesWall.btGridGap-7 {
margin-top: -7px;
}
.boldSection.gutter .btGridGap-7 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-7 {
margin-left: -7px;
}
.boldSection:not(.gutter) .btGridGap-7 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-7 {
margin-right: 7px;
}
.btGridGap-7 .tilesWall.classic .btGridOuterContent {
padding: 27px 20px 20px 27px;
}
.btGridGap-7.tilesWall .btShowTitle {
margin: 0 0 0 7px;
}
.btGridGap-7.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-7.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-7.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-7.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-7.tilesWall .captionPane {
padding: 7px 0 0 7px;
}
.btGridGap-8 .gridItem:after {
border-left: 8px solid white;
border-top: 8px solid white;
}
.btGridGap-8 .btShowTitle {
margin-left: 8px;
}
.boldSection .btGridGap-8 .tilesWall,
.boldSection .tilesWall.btGridGap-8 {
margin-top: -8px;
}
.boldSection.gutter .btGridGap-8 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-8 {
margin-left: -8px;
}
.boldSection:not(.gutter) .btGridGap-8 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-8 {
margin-right: 8px;
}
.btGridGap-8 .tilesWall.classic .btGridOuterContent {
padding: 28px 20px 20px 28px;
}
.btGridGap-8.tilesWall .btShowTitle {
margin: 0 0 0 8px;
}
.btGridGap-8.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-8.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-8.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-8.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-8.tilesWall .captionPane {
padding: 8px 0 0 8px;
}
.btGridGap-9 .gridItem:after {
border-left: 9px solid white;
border-top: 9px solid white;
}
.btGridGap-9 .btShowTitle {
margin-left: 9px;
}
.boldSection .btGridGap-9 .tilesWall,
.boldSection .tilesWall.btGridGap-9 {
margin-top: -9px;
}
.boldSection.gutter .btGridGap-9 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-9 {
margin-left: -9px;
}
.boldSection:not(.gutter) .btGridGap-9 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-9 {
margin-right: 9px;
}
.btGridGap-9 .tilesWall.classic .btGridOuterContent {
padding: 29px 20px 20px 29px;
}
.btGridGap-9.tilesWall .btShowTitle {
margin: 0 0 0 9px;
}
.btGridGap-9.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-9.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-9.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-9.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-9.tilesWall .captionPane {
padding: 9px 0 0 9px;
}
.btGridGap-10 .gridItem:after {
border-left: 10px solid white;
border-top: 10px solid white;
}
.btGridGap-10 .btShowTitle {
margin-left: 10px;
}
.boldSection .btGridGap-10 .tilesWall,
.boldSection .tilesWall.btGridGap-10 {
margin-top: -10px;
}
.boldSection.gutter .btGridGap-10 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-10 {
margin-left: -10px;
}
.boldSection:not(.gutter) .btGridGap-10 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-10 {
margin-right: 10px;
}
.btGridGap-10 .tilesWall.classic .btGridOuterContent {
padding: 30px 20px 20px 30px;
}
.btGridGap-10.tilesWall .btShowTitle {
margin: 0 0 0 10px;
}
.btGridGap-10.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-10.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-10.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-10.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-10.tilesWall .captionPane {
padding: 10px 0 0 10px;
}
.btGridGap-15 .gridItem:after {
border-left: 15px solid white;
border-top: 15px solid white;
}
.btGridGap-15 .btShowTitle {
margin-left: 15px;
}
.boldSection .btGridGap-15 .tilesWall,
.boldSection .tilesWall.btGridGap-15 {
margin-top: -15px;
}
.boldSection.gutter .btGridGap-15 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-15 {
margin-left: -15px;
}
.boldSection:not(.gutter) .btGridGap-15 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-15 {
margin-right: 15px;
}
.btGridGap-15 .tilesWall.classic .btGridOuterContent {
padding: 35px 20px 20px 35px;
}
.btGridGap-15.tilesWall .btShowTitle {
margin: 0 0 0 15px;
}
.btGridGap-15.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-15.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-15.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-15.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-15.tilesWall .captionPane {
padding: 15px 0 0 15px;
}
.btGridGap-20 .gridItem:after {
border-left: 20px solid white;
border-top: 20px solid white;
}
.btGridGap-20 .btShowTitle {
margin-left: 20px;
}
.boldSection .btGridGap-20 .tilesWall,
.boldSection .tilesWall.btGridGap-20 {
margin-top: -20px;
}
.boldSection.gutter .btGridGap-20 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-20 {
margin-left: -20px;
}
.boldSection:not(.gutter) .btGridGap-20 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-20 {
margin-right: 20px;
}
.btGridGap-20 .tilesWall.classic .btGridOuterContent {
padding: 40px 20px 20px 40px;
}
.btGridGap-20.tilesWall .btShowTitle {
margin: 0 0 0 20px;
}
.btGridGap-20.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-20.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-20.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-20.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-20.tilesWall .captionPane {
padding: 20px 0 0 20px;
}
.btGridGap-30 .gridItem:after {
border-left: 30px solid white;
border-top: 30px solid white;
}
.btGridGap-30 .btShowTitle {
margin-left: 30px;
}
.boldSection .btGridGap-30 .tilesWall,
.boldSection .tilesWall.btGridGap-30 {
margin-top: -30px;
}
.boldSection.gutter .btGridGap-30 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-30 {
margin-left: -30px;
}
.boldSection:not(.gutter) .btGridGap-30 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-30 {
margin-right: 30px;
}
.btGridGap-30 .tilesWall.classic .btGridOuterContent {
padding: 50px 20px 20px 50px;
}
.btGridGap-30.tilesWall .btShowTitle {
margin: 0 0 0 30px;
}
.btGridGap-30.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-30.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-30.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-30.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-30.tilesWall .captionPane {
padding: 30px 0 0 30px;
}
.btGridGap-40 .gridItem:after {
border-left: 40px solid white;
border-top: 40px solid white;
}
.btGridGap-40 .btShowTitle {
margin-left: 40px;
}
.boldSection .btGridGap-40 .tilesWall,
.boldSection .tilesWall.btGridGap-40 {
margin-top: -40px;
}
.boldSection.gutter .btGridGap-40 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-40 {
margin-left: -40px;
}
.boldSection:not(.gutter) .btGridGap-40 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-40 {
margin-right: 40px;
}
.btGridGap-40 .tilesWall.classic .btGridOuterContent {
padding: 60px 20px 20px 60px;
}
.btGridGap-40.tilesWall .btShowTitle {
margin: 0 0 0 40px;
}
.btGridGap-40.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-40.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-40.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-40.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-40.tilesWall .captionPane {
padding: 40px 0 0 40px;
}
.btGridGap-50 .gridItem:after {
border-left: 50px solid white;
border-top: 50px solid white;
}
.btGridGap-50 .btShowTitle {
margin-left: 50px;
}
.boldSection .btGridGap-50 .tilesWall,
.boldSection .tilesWall.btGridGap-50 {
margin-top: -50px;
}
.boldSection.gutter .btGridGap-50 .tilesWall,
.boldSection.gutter .tilesWall.btGridGap-50 {
margin-left: -50px;
}
.boldSection:not(.gutter) .btGridGap-50 .tilesWall,
.boldSection:not(.gutter) .tilesWall.btGridGap-50 {
margin-right: 50px;
}
.btGridGap-50 .tilesWall.classic .btGridOuterContent {
padding: 70px 20px 20px 70px;
}
.btGridGap-50.tilesWall .btShowTitle {
margin: 0 0 0 50px;
}
.btGridGap-50.tilesWall .btShowTitle .btShowTitleCaptionTxt {
display: block;
}
.btGridGap-50.tilesWall .btShowTitle .btShowTitleCaptionTxt:after,
.btGridGap-50.tilesWall .btShowTitle .btShowTitleCaptionTxt:before {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.btGridGap-50.tilesWall .btShowTitle .btShowTitleCaptionTxt .header {
display: block;
}
.btGridGap-50.tilesWall .captionPane {
padding: 50px 0 0 50px;
}
.btCatFilter {
padding: 2em 20px;
text-transform: uppercase;
font-size: .8em;
}
.btCatFilter .btCatFilterItem {
padding: 0 1em;
cursor: pointer;
display: inline-block;
}
.btCatFilter .btCatFilterItem:hover {
color: #FF0000;
}
.btCatFilter .btCatFilterTitle {
font-weight: 400;
opacity: .6;
}
.btCatFilter .btCatFilterItem.active {
color: #FF0000;
}
/* Prev next button */
.nbs {
cursor: pointer;
z-index: 1;
position: absolute;
top: 50%;
z-index: 5;
margin-left: 30px;
margin-right: 30px;
margin-top: -60px;
}
.btCarouselSmallNav .nbs {
margin-top: -25px;
}
.btSimpleArrows .nbs {
margin-top: -28px;
bottom: 0;
top: auto;
right: 0;
left: auto;
padding: 0;
margin: 0;
}
.nsPrev.nbs {
left: 0;
}
.btSimpleArrows .nsPrev.nbs {
right: 56px;
left: auto;
}
.nsNext.nbs {
right: 0;
}
.nbs a {
position: relative;
display: flexbox;
display: flex;
display: flex;
flex-flow: column nowrap;
flex-flow: column nowrap;
flex-flow: column nowrap;
align-items: center;
flex-align: center;
align-items: center;
justify-content: center;
flex-pack: center;
justify-content: center;
align-content: center;
flex-line-pack: center;
align-content: center;
width: 120px;
height: 120px;
}
.btSimpleArrows .nbs a {
width: 56px;
height: 56px;
background: black;
color: white;
}
.btCarouselSmallNav .nbs a {
width: 50px;
height: 50px;
}
.btMediaBox.btCarouselSmallNav .nbs a {
background-color: rgba(255,255,255,.5);
}
.nbs a .nbsImage {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: opacity 1s ease 0s;
transition: opacity 1s ease 0s;
transition: opacity 1s ease 0s;
opacity: 0;
top: 0;
right: 0;
z-index: 2;
}
.btNextPrevRow .nbs a .nbsImage {
opacity: 1;
}
.nbs a .nbsImage .nbsImgHolder {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center center;
}
.btHardRoundedButtons .nbs a .nbsImage .nbsImgHolder {
border-radius: 50px;
}
.btSoftRoundedButtons .nbs a .nbsImage .nbsImgHolder {
border-radius: 3px;
}
.nbs a .nbsItem {
pointer-events: none;
display: flexbox;
display: flex;
display: flex;
position: absolute;
top: 0;
bottom: 0;
display: flexbox;
display: flex;
display: flex;
flex-flow: row nowrap;
flex-flow: row nowrap;
flex-flow: row nowrap;
align-items: center;
flex-align: center;
align-items: center;
align-content: center;
flex-line-pack: center;
align-content: center;
width: 35vw;
opacity: 0;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.nsPrev.nbs a .nbsItem {
transform: translate3d(40px,0,0);
transform: translate3d(40px,0,0);
transform: translate3d(40px,0,0);
transform: translate3d(40px,0,0);
justify-content: flex-start;
flex-pack: start;
justify-content: flex-start;
left: 140px;
}
.nsPrev.nbs a .nbsItem .btCarouselSmallNav {
left: 60px;
}
.nsNext.nbs a .nbsItem {
transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
justify-content: flex-end;
flex-pack: end;
justify-content: flex-end;
right: 140px;
}
.nsNext.nbs a .nbsItem .btCarouselSmallNav {
right: 60px;
}
.btNextPrevRow .nbs a .nbsItem {
opacity: 1;
}
.nbs a .nbsItem .nbsDir {
display: block;
font-size: .8em;
font-family: "Montserrat";
text-transform: uppercase;
font-weight: 400;
}
.nbs a .nbsItem .nbsTitle {
display: block;
overflow: hidden;
font-size: .85em;
line-height: 1.2;
}
.nbs a:hover .nbsItem {
opacity: 1;
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.nbs a:before {
display: block;
line-height: 1;
font-family: 'CustomEssentialSet';
font-weight: normal;
font-size: 80px;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btSimpleArrows .nbs a:before {
font-size: 28px;
}
.btCarouselSmallNav .nbs a:before {
font-size: 26px;
}
.nsNext.nbs a:before {
content: '\ea7d';
}
.nsPrev.nbs a:before {
content: '\ea7c';
}
.btLightSkin .btSimpleArrows .nbs a:hover:before,
.btDarkSkin .btLightSkin .btSimpleArrows .nbs a:hover:before,
.btLightSkin .btDarkSkin .btLightSkin .btSimpleArrows .nbs a:hover:before,
.btDarkSkin .btSimpleArrows .nbs a:hover:before,
.btLightSkin .btDarkSkin .btSimpleArrows .nbs a:hover:before,
.btDarkSkin.btLightSkin .btDarkSkin .btSimpleArrows .nbs a:hover:before {
color: #FF0000 !important;
}
.btLightSkin .nbs a:hover,
.btDarkSkin .btLightSkin .nbs a:hover,
.btLightSkin .btDarkSkin .btLightSkin .nbs a:hover {
color: #333;
}
.btDarkSkin .nbs a:hover,
.btLightSkin .btDarkSkin .nbs a:hover,
.btDarkSkin.btLightSkin .btDarkSkin .nbs a:hover,
.btMediaBox .nbs a:hover {
color: #fff;
}
.nbs a:hover:before {
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
}
.nbs a:hover .nbsItem {
opacity: 1;
}
.nbs a:hover .nbsImage {
opacity: 1;
}
.btNextPrevRow .nbs a:hover .nbsImage {
opacity: 0;
}
.neighboringArticles .nbs {
margin: 0;
position: relative;
width: auto;
}
.neighboringArticles .nbs a {
overflow: hidden;
position: relative;
width: auto;
display: flexbox;
display: flex;
display: flex;
flex-flow: row nowrap;
flex-flow: row nowrap;
flex-flow: row nowrap;
align-items: center;
flex-align: center;
align-items: center;
align-content: center;
flex-line-pack: center;
align-content: center;
justify-content: space-between;
flex-pack: justify;
justify-content: space-between;
}
.neighboringArticles .nbs a:before,
.neighboringArticles .nbs a:after {
display: none;
}
.neighboringArticles .nbs a .nbsImage {
opacity: 1;
position: relative;
width: 80px;
height: 80px;
flex: 0 0 80px;
flex: 0 0 80px;
flex: 0 0 80px;
overflow: hidden;
display: flexbox;
display: flex;
display: flex;
flex-flow: row nowrap;
flex-flow: row nowrap;
flex-flow: row nowrap;
align-items: center;
flex-align: center;
align-items: center;
align-content: center;
flex-line-pack: center;
align-content: center;
justify-content: center;
flex-pack: center;
justify-content: center;
}
.btLightSkin .neighboringArticles .nbs a .nbsImage,
.btDarkSkin .btLightSkin .neighboringArticles .nbs a .nbsImage,
.btLightSkin .btDarkSkin .btLightSkin .neighboringArticles .nbs a .nbsImage {
border: 1px solid #333;
}
.btDarkSkin .neighboringArticles .nbs a .nbsImage,
.btLightSkin .btDarkSkin .neighboringArticles .nbs a .nbsImage,
.btDarkSkin.btLightSkin .btDarkSkin .neighboringArticles .nbs a .nbsImage {
border: 1px solid #fff;
}
.btHardRoundedButtons .neighboringArticles .nbs a .nbsImage {
border-radius: 50px;
}
.btSoftRoundedButtons .neighboringArticles .nbs a .nbsImage {
border-radius: 3px;
}
.neighboringArticles .nbs a .nbsImage:before {
display: block;
line-height: 1;
font-family: 'CustomEssentialSet';
font-weight: normal;
font-size: 40px;
}
.neighboringArticles .nbs a .nbsImage .nbsImgHolder {
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btHardRoundedButtons .neighboringArticles .nbs a .nbsImage .nbsImgHolder {
border-radius: 0;
}
.btSoftRoundedButtons .neighboringArticles .nbs a .nbsImage .nbsImgHolder {
border-radius: 0;
}
.neighboringArticles .nbs a .nbsItem {
width: auto;
position: relative;
flex: 1 1 auto;
flex: 1 1 auto;
flex: 1 1 auto;
display: block;
align-self: center;
flex-item-align: center;
align-self: center;
transform: none;
transform: none;
transform: none;
transform: none;
padding: 0 20px;
}
.neighboringArticles .nbs a .nbsItem .nbsDir {
font-size: 12px;
font-weight: 700;
line-height: 1.1;
font-family: 'Open Sans',arial,sans-serif;
}
.neighboringArticles .nbs a .nbsItem .nbsTitle {
font-size: 18px;
line-height: 1.3;
font-weight: 400;
}
.neighboringArticles .nbs a:hover .nbsImage {
opacity: 1;
}
.neighboringArticles .nbs a:hover .nbsImage .nbsImgHolder {
opacity: 0;
}
.neighboringArticles .nbs a:hover .nbsDir {
color: #FF0000;
}
.neighboringArticles .nbs.nsPrev .nbsItem {
left: auto;
right: auto;
}
.rtl .neighboringArticles .nbs.nsPrev .nbsItem {
text-align: right;
}
.neighboringArticles .nbs.nsPrev .nbsImage:before {
content: '\ea7c';
}
.rtl .neighboringArticles .nbs.nsPrev .nbsImage:before {
content: '\ea7d';
}
.neighboringArticles .nbs.nsNext .nbsItem {
left: auto;
right: auto;
}
.rtl .neighboringArticles .nbs.nsNext .nbsItem {
text-align: left;
}
.neighboringArticles .nbs.nsNext .nbsImage:before {
content: '\ea7d';
}
.rtl .neighboringArticles .nbs.nsNext .nbsImage:before {
content: '\ea7c';
}
h4.nbs.slick-disabled {
opacity: .35;
cursor: default;
}
h4.nbs.slick-disabled a {
cursor: none;
pointer-events: none;
}
.btSliderHideArrows h4.nbs {
display: none !important;
}
.nbs a:hover:before .btDarkSkin,
.nbs a:hover:before .btLightSkin .btDarkSkin,
.nbs a:hover:before .btDarkSkin.btLightSkin .btDarkSkin,
.nbs a:hover:after .btDarkSkin,
.nbs a:hover:after .btLightSkin .btDarkSkin,
.nbs a:hover:after .btDarkSkin.btLightSkin .btDarkSkin {
color: #fff !important;
}
.btMediaBox .nbs a:hover:before .btDarkSkin,
.btMediaBox .nbs a:hover:before .btLightSkin .btDarkSkin,
.btMediaBox .nbs a:hover:before .btDarkSkin.btLightSkin .btDarkSkin,
.btMediaBox .nbs a:hover:after .btDarkSkin,
.btMediaBox .nbs a:hover:after .btLightSkin .btDarkSkin,
.btMediaBox .nbs a:hover:after .btDarkSkin.btLightSkin .btDarkSkin {
color: #fff;
}
.nbs a:hover:before .btLightSkin,
.nbs a:hover:before .btDarkSkin .btLightSkin,
.nbs a:hover:before .btLightSkin .btDarkSkin .btLightSkin,
.nbs a:hover:after .btLightSkin,
.nbs a:hover:after .btDarkSkin .btLightSkin,
.nbs a:hover:after .btLightSkin .btDarkSkin .btLightSkin {
color: #333 !important;
}
.btMediaBox .nbs a:hover:before .btLightSkin,
.btMediaBox .nbs a:hover:before .btDarkSkin .btLightSkin,
.btMediaBox .nbs a:hover:before .btLightSkin .btDarkSkin .btLightSkin,
.btMediaBox .nbs a:hover:after .btLightSkin,
.btMediaBox .nbs a:hover:after .btDarkSkin .btLightSkin,
.btMediaBox .nbs a:hover:after .btLightSkin .btDarkSkin .btLightSkin {
color: #fff;
}
/* IE 9 */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
h4.nbs.nsPrev a:before, h4.nbs.nsNext a:after {
background-position: center center;
background-repeat: no-repeat;
}
h4.nbs.nsPrev a:before {
background-image: url('../gfx/nbs-angle-left.png');
}
h4.nbs.nsNext a:after {
background-image: url('../gfx/nbs-angle-right.png');
}
}*/
/* Slider dots navigation */
.slick-dots {
position: absolute;
bottom: 30px;
width: 320px;
left: 50%;
margin: 0 0 0 -160px;
text-align: center;
padding: 0;
}
.btSliderHidePaging .slick-dots {
display: none !important;
}
.slick-dots li {
display: inline-block;
margin: 0 5px;
width: 12px;
list-style: none;
}
.slick-dots li button {
display: inline-block;
float: none;
margin: 0;
padding: 0;
width: 12px;
height: 12px;
line-height: 12px;
vertical-align: middle;
list-style: none;
background-color: transparent;
border-radius: 50%;
cursor: pointer;
color: transparent;
font-size: 0;
}
.btLightSkin .slick-dots li button,
.btDarkSkin .btLightSkin .slick-dots li button,
.btLightSkin .btDarkSkin .btLightSkin .slick-dots li button {
border: 2px solid #333;
}
.btDarkSkin .slick-dots li button,
.btLightSkin .btDarkSkin .slick-dots li button,
.btDarkSkin.btLightSkin .btDarkSkin .slick-dots li button {
border: 2px solid #fff;
}
.slick-dots li.slick-active button {
cursor: pointer;
cursor: default;
}
.btLightSkin .slick-dots li.slick-active button,
.btDarkSkin .btLightSkin .slick-dots li.slick-active button,
.btLightSkin .btDarkSkin .btLightSkin .slick-dots li.slick-active button,
.btLightSkin .slick-dots li button:hover,
.btDarkSkin .btLightSkin .slick-dots li button:hover,
.btLightSkin .btDarkSkin .btLightSkin .slick-dots li button:hover {
background-color: #333;
}
.btDarkSkin .slick-dots li.slick-active button,
.btLightSkin .btDarkSkin .slick-dots li.slick-active button,
.btDarkSkin.btLightSkin .btDarkSkin .slick-dots li.slick-active button,
.btDarkSkin .slick-dots li button:hover,
.btLightSkin .btDarkSkin .slick-dots li button:hover,
.btDarkSkin.btLightSkin .btDarkSkin .slick-dots li button:hover {
background-color: #fff;
}
/* Slick slider */
.slick-slider {
position: relative;
direction: ltr;
}
.slick-slider .slick-list {
display: block;
overflow: hidden;
position: relative;
padding: 0;
margin: 0 -20px;
}
.slick-slider .slick-track {
display: block;
position: relative;
}
.fixedSliderHeight.slick-slider .slick-track {
display: table;
width: 100%;
height: 100%;
}
.slick-slider .slick-track:after {
clear: both;
}
.slick-slider .slick-track:before,
.slick-slider .slick-track:after {
content: "";
display: table;
}
.slick-slider .slick-track .slick-slide {
display: none;
float: left;
min-height: 1px;
transition: opacity 360ms ease 0s;
transition: opacity 360ms ease 0s;
transition: opacity 360ms ease 0s;
z-index: 3;
}
.slick-initialized.slick-slider .slick-track .slick-slide {
display: block;
}
.fixedSliderHeight.slick-initialized.slick-slider .slick-track .slick-slide {
display: table-cell !important;
vertical-align: middle;
float: none;
}
.slick-slider .slick-track .slick-slide .btSliderPort {
display: table;
width: 100%;
height: 100%;
padding: 0;
}
.autoSliderHeight .slick-slider .slick-track .slick-slide .btSliderPort {
height: auto;
}
.largeSliderHeight.slick-slider .slick-track .slick-slide .btSliderPort {
min-height: 100vh;
height: 100vh;
}
.slick-slider .slick-track .slick-slide .btSliderPort .btSliderCell {
display: table-cell;
vertical-align: middle;
}
.slick-slider .slick-track .slick-slide .btSliderPort .btSliderCell .btSlideGutter {
max-width: 1140px;
margin: 0 auto;
width: auto;
height: auto;
}
.slick-slider .slick-track .slick-slide .btSliderPort .btSliderCell .btSlideGutter .btSlidePane {
transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease;
transform: translate3d(100px,0,0);
transform: translate3d(100px,0,0);
transform: translate3d(100px,0,0);
transform: translate3d(100px,0,0);
opacity: 0;
}
.slick-slider .slidedItem.slick-center .btSliderCell .btSlideGutter .btSlidePane,
.slick-slider .slidedItem.slick-current .btSliderCell .btSlideGutter .btSlidePane,
.slick-slider .slidedItem.slick-active .btSliderCell .btSlideGutter .btSlidePane {
transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
opacity: 1 !important;
}
.slidedVariable .slidedItem.firstItem,
.slidedVariable .slidedItem.firstItem .btSliderPort {
width: 100vw;
}
.slidedVariable .slidedItem.firstItem .btSliderPort,
.slidedVariable .slidedItem.firstItem .btSliderPort .btSliderPort {
width: 100vw;
}
/* Fixed slider height IE11 Fix */
@media all and (high-contrast:none) {
.fixedSliderHeight.slick-slider.slick-initialized .slick-track {
display: block;
height: 100%;
}
.fixedSliderHeight.slick-slider.slick-initialized .slick-track .slidedItem.slick-slide {
height: 100%;
float: left;
display: table !important;
}
}
.variableImg {
height: 100%;
overflow: hidden;
}
.variableImg img {
height: 100%;
width: auto;
}
.variableImg {
position: relative;
}
.slidedItem.firstItem > .port:after,
.slidedItem .variableImg:after,
.btGhost > .port:after {
content: ' ';
display: block;
background-color: rgba(0,0,0,.7);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
transition: all 500ms ease;
transition: all 500ms ease;
transition: all 500ms ease;
}
.slidedItem > .port .btSlideGutter,
.btGhost > .port .rowItem {
position: relative;
z-index: 2;
}
.slidedItem.firstItem > .port:after,
.btGhost > .port:after {
background-color: rgba(0,0,0,.6);
}
.slidedItem.slick-current .variableImg:after {
background-color: rgba(0,0,0,0);
}
/* Simple slider / Client list */
.boldClientList,
.boldClientRegularList {
position: relative;
padding: 0;
margin: 0 -20px;
}
.boldClientList .bclItem,
.boldClientRegularList .bclItem {
position: relative;
margin: 0;
}
.boldClientList .bclItem .bclItemChild,
.boldClientRegularList .bclItem .bclItemChild {
display: block;
position: relative;
}
.boldClientList .bclItem .bclItemChild .bclItemChildContent,
.boldClientRegularList .bclItem .bclItemChild .bclItemChildContent {
width: 100%;
padding: 20px;
}
.boldClientList {
margin: 0;
}
.boldSection.gutter .boldClientList {
margin: 0 -20px;
}
.boldSection.gutter .boldClientList .slick-slider h4.nbs {
padding: 0;
}
.boldClientList .bclPort {
max-width: 1140px;
position: static !important;
margin: 0 auto;
overflow: hidden;
}
.col-ms-12 .boldClientRegularList .bclItem {
width: 16.6666667%;
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(3n + 1) {
clear: none;
}
.col-ms-12 .boldClientRegularList .bclItem:nth-child(6n + 1) {
clear: left;
}
@media (max-width: 1200px) {
.bclPort {
max-width: 1200px;
}
}
/* Twitter widget */
/*
.recentTweets .bclItem {
padding: 0 math($(innerHorizontalPadding)*2, px) 0 0;
}*/
.recentTweets {
backface-visibility: hidden;
}
.recentTweets img {
margin: 0 auto 10px;
border-radius: 50%;
display: block;
}
.recentTweets small:before {
content: '\f099';
font: 19px/1 FontAwesome;
position: relative;
top: 3px;
margin-right: 3px;
color: #FF0000;
clear: both;
}
.recentTweets small {
margin-bottom: 20px;
}
.recentTweets p {
margin: 0 0 25px;
}
.recentTweets p a {
opacity: .7;
}
.recentTweets p a:hover {
opacity: 1;
}
/* Overlay gallery slider info bar and close */
.btCloseGhost {
display: block;
position: absolute;
z-index: 7;
top: 10px;
right: 10px;
}
.btGetInfo {
position: absolute;
z-index: 7;
bottom: 10px;
left: 30px;
}
.btInfoBar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 6;
background-color: rgba(0,0,0,.7);
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
transition: transform 260ms ease;
transition: transform 260ms ease;
transition: transform 260ms ease;
}
.btInfoBar .btInfoBarMeta {
padding: 10px 0 10px 40px;
line-height: 26px;
}
.btInfoBar .btInfoBarMeta p {
display: inline-block;
margin: 0 0 0 15px;
font-weight: 400;
color: white;
text-transform: uppercase;
}
.btInfoBar .btInfoBarMeta p strong {
color: #FF0000;
padding: 0 5px 0 10px;
}
.btInfoBar.open {
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
}
/* Tabs */
.tabsHeader {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
clear: left;
}
.rtl .tabsHeader {
clear: right;
}
.tabsHeader li {
margin: 0;
padding: 0;
display: block;
float: left;
border-bottom: 0;
padding: 0;
clear: none;
cursor: pointer;
position: relative;
}
.rtl .tabsHeader li {
float: right;
}
.btLightSkin .tabsHeader li,
.btDarkSkin .btLightSkin .tabsHeader li,
.btLightSkin .btDarkSkin .btLightSkin .tabsHeader li {
box-shadow: 0 3px 0 0 rgba(0,0,0,.07);
box-shadow: 0 3px 0 0 rgba(0,0,0,.07);
}
.btDarkSkin .tabsHeader li,
.btLightSkin .btDarkSkin .tabsHeader li,
.btDarkSkin.btLightSkin .btDarkSkin .tabsHeader li {
box-shadow: 0 3px 0 0 rgba(255,255,255,.3);
box-shadow: 0 3px 0 0 rgba(255,255,255,.3);
}
.tabsHeader li a,
.tabsHeader li span {
display: block;
padding: 1em 2em 1em;
line-height: 1;
}
.tabsHeader li.on {
box-shadow: 0 2px 0 0 #FF0000;
box-shadow: 0 2px 0 0 #FF0000;
}
.tabsHeader li.on a,
.tabsHeader li.on span {
color: #FF0000;
}
.tabPanes {
clear: both;
}
.tabPanes .tabPane {
padding: 1em 0 0;
}
.tabsHorizontal .tabPane {
opacity: 0;
display: none;
transition: opacity 250ms ease 250ms;
transition: opacity 250ms ease 250ms;
transition: opacity 250ms ease 250ms;
}
.tabsHorizontal .tabPane.on {
opacity: 1;
display: block;
}
/*:lightSkinSelector {
.tabPanes {
border-top: 4px solid $(lightHeadlineColor);
border-bottom: 4px solid $(lightHeadlineColor);
}
}
:darkSkinSelector {
.tabPanes {
border-top: 1px solid $(darkHeadlineColor);
border-bottom: 1px solid $(darkHeadlineColor);
}
}*/
/* Accordions */
.tabsVertical .tabAccordionTitle {
display: block;
padding: 1em 80px 1em 0;
margin: 0;
cursor: pointer;
position: relative;
font-family: "Montserrat";
font-size: 21px;
}
.tabsVertical .tabAccordionTitle span {
display: inline-block;
padding: 0;
position: relative;
}
.tabsVertical .tabAccordionTitle:before {
content: "\f067";
line-height: 4em;
font-family: FontAwesome;
display: block;
position: absolute;
top: 0;
right: 0;
width: 56px;
text-align: center;
}
.tabsVertical .tabAccordionTitle.on:before,
.tabsVertical .tabAccordionTitle:hover:before {
content: "\f068";
}
.btLightSkin .tabsVertical .tabAccordionTitle:hover,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle:hover,
.btLightSkin .btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle:hover,
.btLightSkin .tabsVertical .tabAccordionTitle.on,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle.on,
.btLightSkin .btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle.on {
color: #262626;
}
.btDarkSkin .tabsVertical .tabAccordionTitle:hover,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle:hover,
.btDarkSkin.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle:hover,
.btDarkSkin .tabsVertical .tabAccordionTitle.on,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle.on,
.btDarkSkin.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle.on {
color: #fff;
}
.tabsVertical .tabPane {
padding: 0;
}
.tabsVertical .tabPane:last-child .tabAccordionTitle {
border-bottom: none;
}
.tabsVertical .tabPane:last-child .tabAccordionContent {
border-bottom: 0;
}
.tabsVertical .tabPane:first-child .tabAccordionTitle {
border-top: none;
}
.tabsVertical .tabAccordionContent {
padding: 20px 0 40px;
display: none;
}
.tabsVertical .tabsHeader {
display: none;
}
.btLightSkin .tabsVertical .tabAccordionTitle,
.btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle,
.btLightSkin .btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle {
border-top: 1px solid rgba(0,0,0,.15);
}
.btDarkSkin .tabsVertical .tabAccordionTitle,
.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle,
.btDarkSkin.btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle {
border-top: 1px solid rgba(255,255,255,.1);
}
/* Latest posts */
.btLatestPostsContainer .header.small .btSubTitle {
font-style: italic;
}
.btLatestPostsContainer .btSingleLatestPostImage .bpgPhoto,
.btLatestPostsContainer .btSingleLatestPostImage .boldPhotoBox,
.btLatestPostsContainer .btSingleLatestPostImage .bpgPhoto .btImage img {
width: 100%;
}
.horizontalPosts.btLatestPostsContainer {
display: flexbox;
display: flex;
display: flex;
width: 100%;
margin: 0 -20px;
}
.horizontalPosts.btLatestPostsContainer .btSingleLatestPost {
flex-grow: 1;
flex-grow: 1;
margin: 0 20px;
}
.btLightSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost,
.btDarkSkin .btLightSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost,
.btLightSkin .btDarkSkin .btLightSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost {
background-color: #fff;
}
.btDarkSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost,
.btLightSkin .btDarkSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost,
.btDarkSkin.btLightSkin .btDarkSkin .horizontalPosts.btLatestPostsContainer .btSingleLatestPost {
background-color: #232323;
}
.horizontalPosts.btLatestPostsContainer .btSingleLatestPost .btSingleLatestPostContent {
padding: 1em;
}
.horizontalPosts.btLatestPostsContainer .btSingleLatestPost .btSingleLatestPostImage:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.verticalPosts.btLatestPostsContainer .btSingleLatestPost {
margin: 0 0 1.5em;
background-color: #fff;
display: flexbox;
display: flex;
display: flex;
flex-flow: row wrap;
flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
flex-pack: justify;
justify-content: space-between;
align-content: flex-start;
flex-line-pack: start;
align-content: flex-start;
align-items: flex-start;
flex-align: start;
align-items: flex-start;
}
.btDarkSkin .verticalPosts.btLatestPostsContainer .btSingleLatestPost,
.btLightSkin .btDarkSkin .verticalPosts.btLatestPostsContainer .btSingleLatestPost,
.btDarkSkin.btLightSkin .btDarkSkin .verticalPosts.btLatestPostsContainer .btSingleLatestPost {
background-color: #232323;
}
.verticalPosts.btLatestPostsContainer .btSingleLatestPost:last-child {
margin-bottom: 0;
}
.verticalPosts.btLatestPostsContainer .btSingleLatestPostImage {
flex: 0 0 33%;
flex: 0 0 33%;
flex: 0 0 33%;
}
.verticalPosts.btLatestPostsContainer .btSingleLatestPostContent {
flex: 0 0 67%;
flex: 0 0 67%;
flex: 0 0 67%;
padding: 20px;
}
.verticalPosts.btLatestPostsContainer .btLatestPostContent {
max-height: 5.4em;
display: block;
display: box;
line-clamp: 3;
box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: .9em;
}
.btLatestPostsContainer p.btLatestPostContent {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
text-overflow: ellipsis;
display: box;
box-orient: vertical;
line-clamp: 3;
max-height: 5,4em;
}
/* Gmap */
.btGoogleMap {
width: 100%;
}
.btGoogleMap figure,
.btGoogleMap img,
.btGoogleMap select {
max-width: none;
}
.btGoogleMapsWrapper {
position: relative;
}
.btGoogleMapsWrapper .btGoogleMapsContainer.btGoogleMapsContainerWithContent {
height: 100% !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.btGoogleMapsWrapper .btGoogleMapsContent {
max-width: 1180px;
padding: 4em 0;
padding-left: 20px;
}
.btGoogleMapsWrapper .btGoogleMapsContent > .port {
position: relative;
}
.btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
padding: 20px;
overflow: hidden;
width: 25%;
position: relative;
z-index: 2;
}
.btLightSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap,
.btDarkSkin .btLightSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap,
.btLightSkin .btDarkSkin .btLightSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
color: #333;
background-color: rgba(255,255,255,.85);
border: 1px solid rgba(0,0,0,.15);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
}
.btDarkSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap,
.btLightSkin .btDarkSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap,
.btDarkSkin.btLightSkin .btDarkSkin .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
color: #fff;
background-color: rgba(0,0,0,.85);
border: 1px solid rgba(0,0,0,.15);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.15);
}
.btTextRight .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
right: 0;
left: auto;
}
.btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap .bpgPhoto {
margin: -20px -20px 0;
max-width: none;
}
.btHardRoundedButtons .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
border-radius: 3px;
}
.btSoftRoundedButtons .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
border-radius: 3px;
}
/* Menu item */
.btMenuItem {
display: flexbox;
display: flex;
display: flex;
align-items: center;
flex-align: center;
align-items: center;
}
.btTextRight .btMenuItem {
flex-direction: row-reverse;
flex-direction: row-reverse;
flex-direction: row-reverse;
}
.btTextCenter > .rowItemContent > .btMenuItem {
display: block;
}
.btTextCenter > .rowItemContent > .btMenuItem .btMenuItemImage {
max-width: 160px;
margin: 0 auto 1em;
}
.btMenuItem .btMenuItemImage {
flex: 0 0 80px;
flex: 0 0 80px;
flex: 0 0 80px;
flex-grow: 0;
flex-grow: 0;
transition: transform ease-in 200ms;
transition: transform ease-in 200ms;
transition: transform ease-in 200ms;
position: relative;
}
.btMenuItem .btMenuItemImage .btIco {
position: absolute;
right: -1em;
top: 0;
}
.btTextCenter .btMenuItem .btMenuItemImage .btIco {
right: 0;
top: 1em;
transform: scale(1.5);
transform: scale(1.5);
transform: scale(1.5);
transform: scale(1.5);
}
.btMenuItem .btMenuItemImage .btIco .btIcoHolder:before {
background: white;
}
.btMenuItem .btMenuItemText {
flex-grow: 1;
flex-grow: 1;
flex: 1 1 15em;
margin: 0 1em;
position: relative;
}
.btTextRight .btMenuItemNoImage.btMenuItem .btMenuItemText {
margin-right: 0;
}
.btTextLeft .btMenuItemNoImage.btMenuItem .btMenuItemText {
margin-left: 0;
}
.btMenuItem .btMenuItemText .btSubTitle {
margin-bottom: 0;
}
.btMenuItem .btMenuItemText.btHasSticker h4 {
padding-left: 1.35em;
}
.btMenuItem .btMenuItemText.btHasSticker h4 .btTextRight {
padding-left: 0;
padding-right: 1.75em;
}
.btMenuItem .btMenuItemText .btIco {
position: absolute;
left: 0;
top: 0;
line-height: 1.5em;
}
.btMenuItem .btMenuItemText .btIco .btIcoHolder {
line-height: inherit;
}
.btMenuItem .btMenuItemText .btIco .btIcoHolder:before {
line-height: inherit;
margin-top: 1px;
}
.btMenuItem .btMenuItemText .btIco .btTextRight {
right: 0;
left: auto;
}
.btMenuItem .btMenuItemPrice {
font-size: 1.2em;
flex-grow: 0;
flex-grow: 0;
white-space: nowrap;
}
.btMenuItem:hover .btMenuItemImage {
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
}
/* Open table reservation */
.btOpenTableReservationRow {
display: flexbox;
display: flex;
display: flex;
align-items: flex-end;
flex-align: end;
align-items: flex-end;
flex-wrap: wrap;
flex-wrap: wrap;
flex-wrap: wrap;
}
.btVerticalOrientation .btOpenTableReservationRow {
display: block;
}
.btVerticalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:not(.btOpenTableReservationColumnSubmit) {
padding-bottom: 1em;
}
.btVerticalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:not(.btOpenTableReservationColumnSubmit) label {
padding-bottom: .3em;
}
.btTextRight .btOpenTableReservationRow {
flex-direction: row-reverse;
flex-direction: row-reverse;
flex-direction: row-reverse;
}
.btHardRoundedButtons .btOpenTableReservationRow label {
padding-left: 20px;
padding-right: 20px;
}
.btOpenTableReservationRow .btOpenTableReservationColumn {
flex: 0 0 25%;
flex: 0 0 25%;
flex: 0 0 25%;
}
.btHorizontalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:not(:last-child) {
padding-right: 1em;
}
.btOpenTableReservationRow .btOpenTableReservationColumn input,
.btOpenTableReservationRow .btOpenTableReservationColumn select {
font-size: 1em;
}
.btOpenTableReservationRow select {
appearance: none;
}
.btOpenTableReservationRow .btOpenTableReservationColumnSubmit input {
background: #FF0000;
color: #fff;
}
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnDate,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnTime,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnPeople {
position: relative;
}
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnDate:after,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnTime:after,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnPeople:after {
display: block;
font-family: Icon7Stroke;
pointer-events: none;
position: absolute;
left: 8px;
font-size: 2em;
top: 0;
line-height: 1.6;
}
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnDate input,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnDate select,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnTime input,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnTime select,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnPeople input,
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnPeople select {
padding-left: 3em;
}
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnDate:after {
content: "\e660";
}
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnTime:after {
content: "\e66b";
}
.btShowIcons .btOpenTableReservationRow .btOpenTableReservationColumnPeople:after {
content: "\e6a9";
}
@media (max-width: 992px) {
.btHorizontalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn {
flex: 0 0 50%;
flex: 0 0 50%;
flex: 0 0 50%;
padding-right: 0;
}
.btHorizontalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:not(:last-child) {
padding-right: 0;
}
.btHorizontalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:nth-child(odd) {
padding-right: .3em;
}
.btHorizontalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:nth-child(-n + 2) {
margin-bottom: .3em;
}
}
@media (max-width: 640px) {
.btHorizontalOrientation .btOpenTableReservationRow {
display: block;
}
.btHorizontalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:not(:last-child) {
margin-bottom: .3em;
padding-right: 0;
}
.btHorizontalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:not(:last-child) label {
padding-bottom: .3em;
}
.btHorizontalOrientation .btOpenTableReservationRow .btOpenTableReservationColumn:last-child {
margin-top: .3em;
padding-right: 0;
}
.btCounterHolder.btCounterLargeSize {
font-size: 3em;
}
}
/* Visualizer plugin support */
.btVisualizer {
font-family: Montserrat;
}
/* Contact form 7 support */
form.wpcf7-form .wpcf7-submit {
cursor: pointer;
display: inline-block;
margin: 0;
padding: 1.1em 2.5em;
border: none;
font-size: .8em;
line-height: 1;
width: auto;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background-color: #FF0000;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.btHardRoundedButtons form.wpcf7-form .wpcf7-submit {
border-radius: 50px;
}
.btSoftRoundedButtons form.wpcf7-form .wpcf7-submit {
border-radius: 3px;
}
form.wpcf7-form .wpcf7-submit:hover {
opacity: .8;
}
.btTextLeft form.wpcf7-form {
float: left;
width: 100%;
}
.btTextRight form.wpcf7-form {
float: right;
width: 100%;
}
form.wpcf7-form .ajax-loader {
position: absolute;
}
/*
* Animations
*/
body.btPageTransitions .btContent {
position: relative;
width: 100% !important;
perspective: 1200px;
perspective: 1200px;
perspective: 1200px;
}
body.btPageTransitions .btContent .bt_bb_fe_wrap {
min-height: auto;
}
body.btPageTransitions .btContent .bt_bb_fe_wrap:before {
border-width: 0;
}
body.btPageTransitions .btContent .bt_bb_fe_wrap .bt_bb_fe_count {
display: none;
}
body.btPageTransitions .btSiteFooterWidgets,
body.btPageTransitions .btSiteFooter {
display: none;
}
.btSectionTransitions {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: hidden;
overflow: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001);
transform-style: preserve-3d;
transform-style: preserve-3d;
transform-style: preserve-3d;
transform-style: preserve-3d;
}
.btSectionTransitions-current,
.no-js .btSectionTransitions {
visibility: visible;
z-index: 1;
}
.no-js body {
overflow: auto;
}
.btSectionTransitions-ontop {
z-index: 999;
}
.btAnimNavHolder {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1010;
vertical-align: bottom;
line-height: 1;
}
.btAnimNav {
display: inline-block;
position: static;
margin: 0;
padding: 0;
line-height: 1;
height: 40px;
float: right;
}
.btAnimNav li {
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
line-height: 12px;
}
.btAnimNav li.btAnimNavDot {
display: inline-block;
float: left;
margin: 15px 0;
width: 40px;
vertical-align: middle;
text-align: center;
list-style: none;
display: none;
font-family: Montserrat;
}
.btDarkSkin .btAnimNav li.btAnimNavDot,
.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavDot,
.btDarkSkin.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavDot {
color: #fff;
}
.btLightSkin .btAnimNav li.btAnimNavDot,
.btDarkSkin .btLightSkin .btAnimNav li.btAnimNavDot,
.btLightSkin .btDarkSkin .btLightSkin .btAnimNav li.btAnimNavDot {
color: #262626;
}
.btAnimNav li.btAnimNavDot.active {
display: block;
}
.btAnimNav li.btAnimNavNext,
.btAnimNav li.btAnimNavPrev {
display: inline-block;
float: left;
padding: 0;
font: normal 25px/36px Icon7Stroke;
text-align: center;
vertical-align: middle;
color: #fff;
width: auto;
height: auto;
cursor: pointer;
height: 40px;
width: 40px;
}
.btDarkSkin .btAnimNav li.btAnimNavNext,
.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavNext,
.btDarkSkin.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavNext,
.btDarkSkin .btAnimNav li.btAnimNavPrev,
.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavPrev,
.btDarkSkin.btLightSkin .btDarkSkin .btAnimNav li.btAnimNavPrev {
border: 4px solid #fff;
color: #fff;
}
.btLightSkin .btAnimNav li.btAnimNavNext,
.btDarkSkin .btLightSkin .btAnimNav li.btAnimNavNext,
.btLightSkin .btDarkSkin .btLightSkin .btAnimNav li.btAnimNavNext,
.btLightSkin .btAnimNav li.btAnimNavPrev,
.btDarkSkin .btLightSkin .btAnimNav li.btAnimNavPrev,
.btLightSkin .btDarkSkin .btLightSkin .btAnimNav li.btAnimNavPrev {
border: 4px solid #262626;
color: #262626;
}
.btAnimNav li.btAnimNavNext:hover,
.btAnimNav li.btAnimNavPrev:hover {
border-color: #FF0000;
color: #FF0000;
}
.btAnimNav li.btAnimNavNext:before,
.btAnimNav li.btAnimNavPrev:before {
display: inline-block;
}
.btAnimNav li.btAnimNavNext:before {
content: '\e688';
}
.btAnimNav li.btAnimNavPrev:before {
content: '\e682';
}
#btAnimSelector {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
background-color: transparent;
z-index: 999999999;
transform: translateY(200px);
transform: translateY(200px);
transform: translateY(200px);
transform: translateY(200px);
transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms;
}
.btShowAnimSelector #btAnimSelector {
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
transform: translateY(0);
}
#btAnimSelector .fancy-select {
width: 250px;
display: inline-block;
margin: 0 10px;
text-align: left;
}
/* half page */
.btHalfPage .btHalfPageContainer {
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
left: 50%;
width: 100%;
overflow: hidden;
}
.btHalfPage .btHalfPageContainer .boldSection.btHalfPageSection {
right: auto;
left: -50%;
width: 100%;
}
.btHalfPage .btContent {
width: 100% !important;
left: -50%;
overflow: hidden;
}
.btHalfPage .btContent .boldSection {
left: 50%;
width: 100%;
}
/* Impress */
.impress-enabled .step {
width: 100vw;
}
.impress-enabled .btPageWrap {
overflow: visible;
height: 100%;
}
.impress-enabled .btContentWrap,
.impress-enabled .btContentHolder {
height: 100%;
}
.impress-enabled .step.active {
opacity: 1;
}
.impress-enabled .step {
opacity: .02;
transition: all 1s ease;
transition: all 1s ease;
transition: all 1s ease;
}
.impress-enabled .boldSection {
background-color: transparent !important;
}
/* Headline animations */
.headline .animate {
display: inline-block;
}
.headline u.animate {
position: relative;
text-decoration: none;
}
.headline u.animate:before {
content: ' ';
height: .1em;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 0 -.1.em;
background-color: #262626;
transform: scale3d(0,1,1);
transform: scale3d(0,1,1);
transform: scale3d(0,1,1);
transform: scale3d(0,1,1);
}
.btDarkSkin .headline u.animate:before,
.btLightSkin .btDarkSkin .headline u.animate:before,
.btDarkSkin.btLightSkin .btDarkSkin .headline u.animate:before {
background-color: #fff;
}
.btLightSkin .headline u.animate:before,
.btDarkSkin .btLightSkin .headline u.animate:before,
.btLightSkin .btDarkSkin .btLightSkin .headline u.animate:before {
background-color: #262626;
}
.headline u.animate.animated:before {
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.headline b.animate {
font-weight: inherit;
opacity: 1;
}
.headline b.animate.animated {
opacity: 1;
color: #FF0000;
}
.headline i.animate {
font-style: normal;
transform: skewX(0deg);
transform: skewX(0deg);
transform: skewX(0deg);
transform: skewX(0deg);
}
.headline i.animate.animated {
transform: skewX(-15deg);
transform: skewX(-15deg);
transform: skewX(-15deg);
transform: skewX(-15deg);
}
.headline del.animate,
.headline del {
font-style: normal;
font-weight: 400;
text-decoration: line-through;
opacity: 1;
}
.headline del.animate.animated {
opacity: .3;
}
.headline em.animate {
font-weight: 400;
font-style: normal;
font-family: Open Sans;
font-style: italic;
}
.headline em.animate {
opacity: .9;
}
.headline em.animate.animated {
opacity: 1;
}
.headline i.animate,
.headline u.animate:before {
transition: all 500ms ease-out 500ms;
transition: all 500ms ease-out 500ms;
transition: all 500ms ease-out 500ms;
}
.headline b.animate {
transition: color 1000ms ease;
transition: color 1000ms ease;
transition: color 1000ms ease;
}
.headline em.animate {
transition: all 1500ms ease-out 500ms;
transition: all 1500ms ease-out 500ms;
transition: all 1500ms ease-out 500ms;
}
/* animation sets */
/* move from / to */
.btSectionTransitions-moveToLeft {
animation: moveToLeft .6s ease both;
animation: moveToLeft .6s ease both;
animation: moveToLeft .6s ease both;
}
.btSectionTransitions-moveFromLeft {
animation: moveFromLeft .6s ease both;
animation: moveFromLeft .6s ease both;
animation: moveFromLeft .6s ease both;
}
.btSectionTransitions-moveToRight {
animation: moveToRight .6s ease both;
animation: moveToRight .6s ease both;
animation: moveToRight .6s ease both;
}
.btSectionTransitions-moveFromRight {
animation: moveFromRight .6s ease both;
animation: moveFromRight .6s ease both;
animation: moveFromRight .6s ease both;
}
.btSectionTransitions-moveToTop {
animation: moveToTop .6s ease both;
animation: moveToTop .6s ease both;
animation: moveToTop .6s ease both;
}
.btSectionTransitions-moveFromTop {
animation: moveFromTop .6s ease both;
animation: moveFromTop .6s ease both;
animation: moveFromTop .6s ease both;
}
.btSectionTransitions-moveToBottom {
animation: moveToBottom .6s ease both;
animation: moveToBottom .6s ease both;
animation: moveToBottom .6s ease both;
}
.btSectionTransitions-moveFromBottom {
animation: moveFromBottom .6s ease both;
animation: moveFromBottom .6s ease both;
animation: moveFromBottom .6s ease both;
}
/* fade */
.btSectionTransitions-fade {
animation: fade .7s ease both;
animation: fade .7s ease both;
animation: fade .7s ease both;
}
/* move from / to and fade */
.btSectionTransitions-moveToLeftFade {
animation: moveToLeftFade .7s ease both;
animation: moveToLeftFade .7s ease both;
animation: moveToLeftFade .7s ease both;
}
.btSectionTransitions-moveFromLeftFade {
animation: moveFromLeftFade .7s ease both;
animation: moveFromLeftFade .7s ease both;
animation: moveFromLeftFade .7s ease both;
}
.btSectionTransitions-moveToRightFade {
animation: moveToRightFade .7s ease both;
animation: moveToRightFade .7s ease both;
animation: moveToRightFade .7s ease both;
}
.btSectionTransitions-moveFromRightFade {
animation: moveFromRightFade .7s ease both;
animation: moveFromRightFade .7s ease both;
animation: moveFromRightFade .7s ease both;
}
.btSectionTransitions-moveToTopFade {
animation: moveToTopFade .7s ease both;
animation: moveToTopFade .7s ease both;
animation: moveToTopFade .7s ease both;
}
.btSectionTransitions-moveFromTopFade {
animation: moveFromTopFade .7s ease both;
animation: moveFromTopFade .7s ease both;
animation: moveFromTopFade .7s ease both;
}
.btSectionTransitions-moveToBottomFade {
animation: moveToBottomFade .7s ease both;
animation: moveToBottomFade .7s ease both;
animation: moveToBottomFade .7s ease both;
}
.btSectionTransitions-moveFromBottomFade {
animation: moveFromBottomFade .7s ease both;
animation: moveFromBottomFade .7s ease both;
animation: moveFromBottomFade .7s ease both;
}
/* move to with different easing */
.btSectionTransitions-moveToLeftEasing {
animation: moveToLeft .7s ease-in-out both;
animation: moveToLeft .7s ease-in-out both;
animation: moveToLeft .7s ease-in-out both;
}
.btSectionTransitions-moveToRightEasing {
animation: moveToRight .7s ease-in-out both;
animation: moveToRight .7s ease-in-out both;
animation: moveToRight .7s ease-in-out both;
}
.btSectionTransitions-moveToTopEasing {
animation: moveToTop .7s ease-in-out both;
animation: moveToTop .7s ease-in-out both;
animation: moveToTop .7s ease-in-out both;
}
.btSectionTransitions-moveToBottomEasing {
animation: moveToBottom .7s ease-in-out both;
animation: moveToBottom .7s ease-in-out both;
animation: moveToBottom .7s ease-in-out both;
}
/********************************* keyframes **************************************/
/* move from / to */
@-webkit-keyframes moveToLeft {
to {
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-moz-keyframes moveToLeft {
to {
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes moveToLeft {
to {
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromLeft {
from {
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-moz-keyframes moveFromLeft {
from {
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes moveFromLeft {
from {
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveToRight {
to {
transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes moveToRight {
to {
transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes moveToRight {
to {
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveFromRight {
from {
transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes moveFromRight {
from {
transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes moveFromRight {
from {
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveToTop {
to {
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes moveToTop {
to {
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes moveToTop {
to {
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveFromTop {
from {
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes moveFromTop {
from {
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes moveFromTop {
from {
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveToBottom {
to {
transform: translateY(100%);
transform: translateY(100%);
}
}
@-moz-keyframes moveToBottom {
to {
transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes moveToBottom {
to {
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes moveFromBottom {
from {
transform: translateY(100%);
transform: translateY(100%);
}
}
@-moz-keyframes moveFromBottom {
from {
transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes moveFromBottom {
from {
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
}
}
/* fade */
@-webkit-keyframes fade {
to {
opacity: .3;
}
}
@-moz-keyframes fade {
to {
opacity: .3;
}
}
@keyframes fade {
to {
opacity: .3;
}
}
/* move from / to and fade */
@-webkit-keyframes moveToLeftFade {
to {
opacity: .3;
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-moz-keyframes moveToLeftFade {
to {
opacity: .3;
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes moveToLeftFade {
to {
opacity: .3;
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromLeftFade {
from {
opacity: .3;
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-moz-keyframes moveFromLeftFade {
from {
opacity: .3;
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes moveFromLeftFade {
from {
opacity: .3;
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveToRightFade {
to {
opacity: .3;
transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes moveToRightFade {
to {
opacity: .3;
transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes moveToRightFade {
to {
opacity: .3;
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveFromRightFade {
from {
opacity: .3;
transform: translateX(100%);
transform: translateX(100%);
}
}
@-moz-keyframes moveFromRightFade {
from {
opacity: .3;
transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes moveFromRightFade {
from {
opacity: .3;
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
transform: translateX(100%);
}
}
@-webkit-keyframes moveToTopFade {
to {
opacity: .3;
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes moveToTopFade {
to {
opacity: .3;
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes moveToTopFade {
to {
opacity: .3;
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveFromTopFade {
from {
opacity: .3;
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes moveFromTopFade {
from {
opacity: .3;
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes moveFromTopFade {
from {
opacity: .3;
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes moveToBottomFade {
to {
opacity: .3;
transform: translateY(100%);
transform: translateY(100%);
}
}
@-moz-keyframes moveToBottomFade {
to {
opacity: .3;
transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes moveToBottomFade {
to {
opacity: .3;
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes moveFromBottomFade {
from {
opacity: .3;
transform: translateY(100%);
transform: translateY(100%);
}
}
@-moz-keyframes moveFromBottomFade {
from {
opacity: .3;
transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes moveFromBottomFade {
from {
opacity: .3;
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
transform: translateY(100%);
}
}
/* scale and fade */
.btSectionTransitions-scaleDown {
animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both;
}
.btSectionTransitions-scaleUp {
animation: scaleUp .7s ease both;
animation: scaleUp .7s ease both;
animation: scaleUp .7s ease both;
animation: scaleUp .7s ease both;
animation: scaleUp .7s ease both;
animation: scaleUp .7s ease both;
}
.btSectionTransitions-scaleUpDown {
animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
animation: scaleUpDown .5s ease both;
}
.btSectionTransitions-scaleDownUp {
animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
animation: scaleDownUp .5s ease both;
}
.btSectionTransitions-scaleDownCenter {
animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
animation: scaleDownCenter .4s ease-in both;
}
.btSectionTransitions-scaleUpCenter {
animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
animation: scaleUpCenter .4s ease-out both;
}
/********************************* keyframes **************************************/
/* scale and fade */
@-webkit-keyframes scaleDown {
to {
opacity: 0;
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleDown {
to {
opacity: 0;
transform: scale(.8);
transform: scale(.8);
}
}
@-moz-keyframes scaleDown {
to {
opacity: 0;
transform: scale(.8);
transform: scale(.8);
}
}
@keyframes scaleDown {
to {
opacity: 0;
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleUp {
from {
opacity: 0;
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleUp {
from {
opacity: 0;
transform: scale(.8);
transform: scale(.8);
}
}
@-moz-keyframes scaleUp {
from {
opacity: 0;
transform: scale(.8);
transform: scale(.8);
}
}
@keyframes scaleUp {
from {
opacity: 0;
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
transform: scale(.8);
}
}
@-webkit-keyframes scaleUpDown {
from {
opacity: 0;
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleUpDown {
from {
opacity: 0;
transform: scale(1.2);
transform: scale(1.2);
}
}
@-moz-keyframes scaleUpDown {
from {
opacity: 0;
transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes scaleUpDown {
from {
opacity: 0;
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownUp {
to {
opacity: 0;
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownUp {
to {
opacity: 0;
transform: scale(1.2);
transform: scale(1.2);
}
}
@-moz-keyframes scaleDownUp {
to {
opacity: 0;
transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes scaleDownUp {
to {
opacity: 0;
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownCenter {
to {
opacity: 0;
transform: scale(.7);
transform: scale(.7);
transform: scale(.7);
transform: scale(.7);
}
}
@-webkit-keyframes scaleDownCenter {
to {
opacity: 0;
transform: scale(.7);
transform: scale(.7);
}
}
@-moz-keyframes scaleDownCenter {
to {
opacity: 0;
transform: scale(.7);
transform: scale(.7);
}
}
@keyframes scaleDownCenter {
to {
opacity: 0;
transform: scale(.7);
transform: scale(.7);
transform: scale(.7);
transform: scale(.7);
}
}
@-webkit-keyframes scaleUpCenter {
from {
opacity: 0;
transform: scale(.7);
transform: scale(.7);
transform: scale(.7);
transform: scale(.7);
}
}
@-webkit-keyframes scaleUpCenter {
from {
opacity: 0;
transform: scale(.7);
transform: scale(.7);
}
}
@-moz-keyframes scaleUpCenter {
from {
opacity: 0;
transform: scale(.7);
transform: scale(.7);
}
}
@keyframes scaleUpCenter {
from {
opacity: 0;
transform: scale(.7);
transform: scale(.7);
transform: scale(.7);
transform: scale(.7);
}
}
/* rotate sides first and scale */
.btSectionTransitions-rotateRightSideFirst {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotateRightSideFirst .8s both ease-in;
animation: rotateRightSideFirst .8s both ease-in;
animation: rotateRightSideFirst .8s both ease-in;
}
.btSectionTransitions-rotateLeftSideFirst {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotateLeftSideFirst .8s both ease-in;
animation: rotateLeftSideFirst .8s both ease-in;
animation: rotateLeftSideFirst .8s both ease-in;
}
.btSectionTransitions-rotateTopSideFirst {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotateTopSideFirst .8s both ease-in;
animation: rotateTopSideFirst .8s both ease-in;
animation: rotateTopSideFirst .8s both ease-in;
}
.btSectionTransitions-rotateBottomSideFirst {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotateBottomSideFirst .8s both ease-in;
animation: rotateBottomSideFirst .8s both ease-in;
animation: rotateBottomSideFirst .8s both ease-in;
}
/* flip */
.btSectionTransitions-flipOutRight {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: flipOutRight .5s both ease-in;
animation: flipOutRight .5s both ease-in;
animation: flipOutRight .5s both ease-in;
}
.btSectionTransitions-flipInLeft {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: flipInLeft .5s both ease-out;
animation: flipInLeft .5s both ease-out;
animation: flipInLeft .5s both ease-out;
}
.btSectionTransitions-flipOutLeft {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: flipOutLeft .5s both ease-in;
animation: flipOutLeft .5s both ease-in;
animation: flipOutLeft .5s both ease-in;
}
.btSectionTransitions-flipInRight {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: flipInRight .5s both ease-out;
animation: flipInRight .5s both ease-out;
animation: flipInRight .5s both ease-out;
}
.btSectionTransitions-flipOutTop {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: flipOutTop .5s both ease-in;
animation: flipOutTop .5s both ease-in;
animation: flipOutTop .5s both ease-in;
}
.btSectionTransitions-flipInBottom {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: flipInBottom .5s both ease-out;
animation: flipInBottom .5s both ease-out;
animation: flipInBottom .5s both ease-out;
}
.btSectionTransitions-flipOutBottom {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: flipOutBottom .5s both ease-in;
animation: flipOutBottom .5s both ease-in;
animation: flipOutBottom .5s both ease-in;
}
.btSectionTransitions-flipInTop {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: flipInTop .5s both ease-out;
animation: flipInTop .5s both ease-out;
animation: flipInTop .5s both ease-out;
}
/* rotate fall */
.btSectionTransitions-rotateFall {
transform-origin: 0% 0%;
transform-origin: 0% 0%;
transform-origin: 0% 0%;
transform-origin: 0% 0%;
animation: rotateFall 1s both ease-in;
animation: rotateFall 1s both ease-in;
animation: rotateFall 1s both ease-in;
}
/* rotate newspaper */
.btSectionTransitions-rotateOutNewspaper {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: rotateOutNewspaper .5s both ease-in;
animation: rotateOutNewspaper .5s both ease-in;
animation: rotateOutNewspaper .5s both ease-in;
}
.btSectionTransitions-rotateInNewspaper {
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation: rotateInNewspaper .5s both ease-out;
animation: rotateInNewspaper .5s both ease-out;
animation: rotateInNewspaper .5s both ease-out;
}
/* push */
.btSectionTransitions-rotatePushLeft {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotatePushLeft .8s both ease;
animation: rotatePushLeft .8s both ease;
animation: rotatePushLeft .8s both ease;
}
.btSectionTransitions-rotatePushRight {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotatePushRight .8s both ease;
animation: rotatePushRight .8s both ease;
animation: rotatePushRight .8s both ease;
}
.btSectionTransitions-rotatePushTop {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotatePushTop .8s both ease;
animation: rotatePushTop .8s both ease;
animation: rotatePushTop .8s both ease;
}
.btSectionTransitions-rotatePushBottom {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotatePushBottom .8s both ease;
animation: rotatePushBottom .8s both ease;
animation: rotatePushBottom .8s both ease;
}
/* pull */
.btSectionTransitions-rotatePullRight {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotatePullRight .5s both ease;
animation: rotatePullRight .5s both ease;
animation: rotatePullRight .5s both ease;
}
.btSectionTransitions-rotatePullLeft {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotatePullLeft .5s both ease;
animation: rotatePullLeft .5s both ease;
animation: rotatePullLeft .5s both ease;
}
.btSectionTransitions-rotatePullTop {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotatePullTop .5s both ease;
animation: rotatePullTop .5s both ease;
animation: rotatePullTop .5s both ease;
}
.btSectionTransitions-rotatePullBottom {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotatePullBottom .5s both ease;
animation: rotatePullBottom .5s both ease;
animation: rotatePullBottom .5s both ease;
}
/* fold */
.btSectionTransitions-rotateFoldRight {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotateFoldRight .7s both ease;
animation: rotateFoldRight .7s both ease;
animation: rotateFoldRight .7s both ease;
}
.btSectionTransitions-rotateFoldLeft {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotateFoldLeft .7s both ease;
animation: rotateFoldLeft .7s both ease;
animation: rotateFoldLeft .7s both ease;
}
.btSectionTransitions-rotateFoldTop {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotateFoldTop .7s both ease;
animation: rotateFoldTop .7s both ease;
animation: rotateFoldTop .7s both ease;
}
.btSectionTransitions-rotateFoldBottom {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotateFoldBottom .7s both ease;
animation: rotateFoldBottom .7s both ease;
animation: rotateFoldBottom .7s both ease;
}
/* unfold */
.btSectionTransitions-rotateUnfoldLeft {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotateUnfoldLeft .7s both ease;
animation: rotateUnfoldLeft .7s both ease;
animation: rotateUnfoldLeft .7s both ease;
}
.btSectionTransitions-rotateUnfoldRight {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotateUnfoldRight .7s both ease;
animation: rotateUnfoldRight .7s both ease;
animation: rotateUnfoldRight .7s both ease;
}
.btSectionTransitions-rotateUnfoldTop {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotateUnfoldTop .7s both ease;
animation: rotateUnfoldTop .7s both ease;
animation: rotateUnfoldTop .7s both ease;
}
.btSectionTransitions-rotateUnfoldBottom {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotateUnfoldBottom .7s both ease;
animation: rotateUnfoldBottom .7s both ease;
animation: rotateUnfoldBottom .7s both ease;
}
/* room walls */
.btSectionTransitions-rotateRoomLeftOut {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotateRoomLeftOut .8s both ease;
animation: rotateRoomLeftOut .8s both ease;
animation: rotateRoomLeftOut .8s both ease;
}
.btSectionTransitions-rotateRoomLeftIn {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotateRoomLeftIn .8s both ease;
animation: rotateRoomLeftIn .8s both ease;
animation: rotateRoomLeftIn .8s both ease;
}
.btSectionTransitions-rotateRoomRightOut {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotateRoomRightOut .8s both ease;
animation: rotateRoomRightOut .8s both ease;
animation: rotateRoomRightOut .8s both ease;
}
.btSectionTransitions-rotateRoomRightIn {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotateRoomRightIn .8s both ease;
animation: rotateRoomRightIn .8s both ease;
animation: rotateRoomRightIn .8s both ease;
}
.btSectionTransitions-rotateRoomTopOut {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotateRoomTopOut .8s both ease;
animation: rotateRoomTopOut .8s both ease;
animation: rotateRoomTopOut .8s both ease;
}
.btSectionTransitions-rotateRoomTopIn {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotateRoomTopIn .8s both ease;
animation: rotateRoomTopIn .8s both ease;
animation: rotateRoomTopIn .8s both ease;
}
.btSectionTransitions-rotateRoomBottomOut {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotateRoomBottomOut .8s both ease;
animation: rotateRoomBottomOut .8s both ease;
animation: rotateRoomBottomOut .8s both ease;
}
.btSectionTransitions-rotateRoomBottomIn {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotateRoomBottomIn .8s both ease;
animation: rotateRoomBottomIn .8s both ease;
animation: rotateRoomBottomIn .8s both ease;
}
/* cube */
.btSectionTransitions-rotateCubeLeftOut {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
z-index: 1;
animation: rotateCubeLeftOut .6s both ease-in;
animation: rotateCubeLeftOut .6s both ease-in;
animation: rotateCubeLeftOut .6s both ease-in;
}
.btSectionTransitions-rotateCubeLeftIn {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
z-index: 500;
animation: rotateCubeLeftIn .6s both ease-in;
animation: rotateCubeLeftIn .6s both ease-in;
animation: rotateCubeLeftIn .6s both ease-in;
}
.btSectionTransitions-rotateCubeRightOut {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotateCubeRightOut .6s both ease-in;
animation: rotateCubeRightOut .6s both ease-in;
animation: rotateCubeRightOut .6s both ease-in;
}
.btSectionTransitions-rotateCubeRightIn {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
z-index: 500;
animation: rotateCubeRightIn .6s both ease-in;
animation: rotateCubeRightIn .6s both ease-in;
animation: rotateCubeRightIn .6s both ease-in;
}
.btSectionTransitions-rotateCubeTopOut {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotateCubeTopOut .6s both ease-in;
animation: rotateCubeTopOut .6s both ease-in;
animation: rotateCubeTopOut .6s both ease-in;
}
.btSectionTransitions-rotateCubeTopIn {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
z-index: 500;
animation: rotateCubeTopIn .6s both ease-in;
animation: rotateCubeTopIn .6s both ease-in;
animation: rotateCubeTopIn .6s both ease-in;
}
.btSectionTransitions-rotateCubeBottomOut {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotateCubeBottomOut .6s both ease-in;
animation: rotateCubeBottomOut .6s both ease-in;
animation: rotateCubeBottomOut .6s both ease-in;
}
.btSectionTransitions-rotateCubeBottomIn {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
z-index: 500;
animation: rotateCubeBottomIn .6s both ease-in;
animation: rotateCubeBottomIn .6s both ease-in;
animation: rotateCubeBottomIn .6s both ease-in;
}
/* carousel */
.btSectionTransitions-rotateCarouselLeftOut {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotateCarouselLeftOut .8s both ease;
animation: rotateCarouselLeftOut .8s both ease;
animation: rotateCarouselLeftOut .8s both ease;
}
.btSectionTransitions-rotateCarouselLeftIn {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotateCarouselLeftIn .8s both ease;
animation: rotateCarouselLeftIn .8s both ease;
animation: rotateCarouselLeftIn .8s both ease;
}
.btSectionTransitions-rotateCarouselRightOut {
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
transform-origin: 0% 50%;
animation: rotateCarouselRightOut .8s both ease;
animation: rotateCarouselRightOut .8s both ease;
animation: rotateCarouselRightOut .8s both ease;
}
.btSectionTransitions-rotateCarouselRightIn {
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
transform-origin: 100% 50%;
animation: rotateCarouselRightIn .8s both ease;
animation: rotateCarouselRightIn .8s both ease;
animation: rotateCarouselRightIn .8s both ease;
}
.btSectionTransitions-rotateCarouselTopOut {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotateCarouselTopOut .8s both ease;
animation: rotateCarouselTopOut .8s both ease;
animation: rotateCarouselTopOut .8s both ease;
}
.btSectionTransitions-rotateCarouselTopIn {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotateCarouselTopIn .8s both ease;
animation: rotateCarouselTopIn .8s both ease;
animation: rotateCarouselTopIn .8s both ease;
}
.btSectionTransitions-rotateCarouselBottomOut {
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
transform-origin: 50% 0%;
animation: rotateCarouselBottomOut .8s both ease;
animation: rotateCarouselBottomOut .8s both ease;
animation: rotateCarouselBottomOut .8s both ease;
}
.btSectionTransitions-rotateCarouselBottomIn {
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
transform-origin: 50% 100%;
animation: rotateCarouselBottomIn .8s both ease;
animation: rotateCarouselBottomIn .8s both ease;
animation: rotateCarouselBottomIn .8s both ease;
}
/* sides */
.btSectionTransitions-rotateSidesOut {
transform-origin: -50% 50%;
transform-origin: -50% 50%;
transform-origin: -50% 50%;
transform-origin: -50% 50%;
animation: rotateSidesOut .5s both ease-in;
animation: rotateSidesOut .5s both ease-in;
animation: rotateSidesOut .5s both ease-in;
}
.btSectionTransitions-rotateSidesIn {
transform-origin: 150% 50%;
transform-origin: 150% 50%;
transform-origin: 150% 50%;
transform-origin: 150% 50%;
animation: rotateSidesIn .5s both ease-out;
animation: rotateSidesIn .5s both ease-out;
animation: rotateSidesIn .5s both ease-out;
}
/* slide */
.btSectionTransitions-rotateSlideOut {
animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
animation: rotateSlideOut 1s both ease;
}
.btSectionTransitions-rotateSlideIn {
animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
animation: rotateSlideIn 1s both ease;
}
/********************************* keyframes **************************************/
/* rotate sides first and scale */
@-webkit-keyframes rotateRightSideFirst {
40% {
transform: rotateY(15deg);
transform: rotateY(15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-moz-keyframes rotateRightSideFirst {
40% {
transform: rotateY(15deg);
transform: rotateY(15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateRightSideFirst {
40% {
transform: rotateY(15deg);
transform: rotateY(15deg);
transform: rotateY(15deg);
transform: rotateY(15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateLeftSideFirst {
40% {
transform: rotateY(-15deg);
transform: rotateY(-15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-moz-keyframes rotateLeftSideFirst {
40% {
transform: rotateY(-15deg);
transform: rotateY(-15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateLeftSideFirst {
40% {
transform: rotateY(-15deg);
transform: rotateY(-15deg);
transform: rotateY(-15deg);
transform: rotateY(-15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateTopSideFirst {
40% {
transform: rotateX(15deg);
transform: rotateX(15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-moz-keyframes rotateTopSideFirst {
40% {
transform: rotateX(15deg);
transform: rotateX(15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateTopSideFirst {
40% {
transform: rotateX(15deg);
transform: rotateX(15deg);
transform: rotateX(15deg);
transform: rotateX(15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-webkit-keyframes rotateBottomSideFirst {
40% {
transform: rotateX(-15deg);
transform: rotateX(-15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@-moz-keyframes rotateBottomSideFirst {
40% {
transform: rotateX(-15deg);
transform: rotateX(-15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
@keyframes rotateBottomSideFirst {
40% {
transform: rotateX(-15deg);
transform: rotateX(-15deg);
transform: rotateX(-15deg);
transform: rotateX(-15deg);
opacity: .8;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
transform: scale(.8) translateZ(-200px);
opacity: 0;
}
}
/* flip */
@-webkit-keyframes flipOutRight {
to {
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-webkit-keyframes flipOutRight {
to {
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-moz-keyframes flipOutRight {
to {
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@keyframes flipOutRight {
to {
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-webkit-keyframes flipInLeft {
from {
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@-moz-keyframes flipInLeft {
from {
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@keyframes flipInLeft {
from {
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@-webkit-keyframes flipOutLeft {
to {
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@-moz-keyframes flipOutLeft {
to {
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@keyframes flipOutLeft {
to {
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@-webkit-keyframes flipInRight {
from {
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-moz-keyframes flipInRight {
from {
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@keyframes flipInRight {
from {
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@-webkit-keyframes flipOutTop {
to {
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@-moz-keyframes flipOutTop {
to {
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@keyframes flipOutTop {
to {
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@-webkit-keyframes flipInBottom {
from {
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@-moz-keyframes flipInBottom {
from {
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@keyframes flipInBottom {
from {
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@-webkit-keyframes flipOutBottom {
to {
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@-moz-keyframes flipOutBottom {
to {
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@keyframes flipOutBottom {
to {
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg);
opacity: .2;
}
}
@-webkit-keyframes flipInTop {
from {
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@-moz-keyframes flipInTop {
from {
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
@keyframes flipInTop {
from {
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg);
opacity: .2;
}
}
/* fall */
@-webkit-keyframes rotateFall {
0% {
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
}
@-webkit-keyframes rotateFall {
0% {
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
}
@-moz-keyframes rotateFall {
0% {
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
}
@keyframes rotateFall {
0% {
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
20% {
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
transform: rotateZ(10deg);
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
transform: rotateZ(17deg);
}
60% {
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
transform: rotateZ(16deg);
}
100% {
transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
transform: translateY(100%) rotateZ(17deg);
}
}
/* newspaper */
@-webkit-keyframes rotateOutNewspaper {
to {
transform: translateZ(-3000px) rotateZ(360deg);
transform: translateZ(-3000px) rotateZ(360deg);
transform: translateZ(-3000px) rotateZ(360deg);
transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutNewspaper {
to {
transform: transform: translateZ(-3000px) rotateZ(360deg);
transform: transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutNewspaper {
to {
transform: transform: translateZ(-3000px) rotateZ(360deg);
transform: transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@keyframes rotateOutNewspaper {
to {
transform: transform: translateZ(-3000px) rotateZ(360deg);
transform: transform: translateZ(-3000px) rotateZ(360deg);
transform: transform: translateZ(-3000px) rotateZ(360deg);
transform: transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-webkit-keyframes rotateInNewspaper {
from {
transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@-webkit-keyframes rotateInNewspaper {
from {
transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@-moz-keyframes rotateInNewspaper {
from {
transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@keyframes rotateInNewspaper {
from {
transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
/* push */
@-webkit-keyframes rotatePushLeft {
to {
opacity: 0;
transform: rotateY(90deg);
transform: rotateY(90deg);
transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePushLeft {
to {
opacity: 0;
transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-moz-keyframes rotatePushLeft {
to {
opacity: 0;
transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@keyframes rotatePushLeft {
to {
opacity: 0;
transform: rotateY(90deg);
transform: rotateY(90deg);
transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePushRight {
to {
opacity: 0;
transform: rotateY(-90deg);
transform: rotateY(-90deg);
transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePushRight {
to {
opacity: 0;
transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-moz-keyframes rotatePushRight {
to {
opacity: 0;
transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@keyframes rotatePushRight {
to {
opacity: 0;
transform: rotateY(-90deg);
transform: rotateY(-90deg);
transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePushTop {
to {
opacity: 0;
transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePushTop {
to {
opacity: 0;
transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-moz-keyframes rotatePushTop {
to {
opacity: 0;
transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@keyframes rotatePushTop {
to {
opacity: 0;
transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePushBottom {
to {
opacity: 0;
transform: rotateX(90deg);
transform: rotateX(90deg);
transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@-webkit-keyframes rotatePushBottom {
to {
opacity: 0;
transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@-moz-keyframes rotatePushBottom {
to {
opacity: 0;
transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@keyframes rotatePushBottom {
to {
opacity: 0;
transform: rotateX(90deg);
transform: rotateX(90deg);
transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
/* pull */
@-webkit-keyframes rotatePullRight {
from {
opacity: 0;
transform: rotateY(-90deg);
transform: rotateY(-90deg);
transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePullRight {
from {
opacity: 0;
transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-moz-keyframes rotatePullRight {
from {
opacity: 0;
transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@keyframes rotatePullRight {
from {
opacity: 0;
transform: rotateY(-90deg);
transform: rotateY(-90deg);
transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
}
@-webkit-keyframes rotatePullLeft {
from {
opacity: 0;
transform: rotateY(90deg);
transform: rotateY(90deg);
transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePullLeft {
from {
opacity: 0;
transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-moz-keyframes rotatePullLeft {
from {
opacity: 0;
transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@keyframes rotatePullLeft {
from {
opacity: 0;
transform: rotateY(90deg);
transform: rotateY(90deg);
transform: rotateY(90deg);
transform: rotateY(90deg);
}
}
@-webkit-keyframes rotatePullTop {
from {
opacity: 0;
transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePullTop {
from {
opacity: 0;
transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-moz-keyframes rotatePullTop {
from {
opacity: 0;
transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@keyframes rotatePullTop {
from {
opacity: 0;
transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
}
@-webkit-keyframes rotatePullBottom {
from {
opacity: 0;
transform: rotateX(90deg);
transform: rotateX(90deg);
transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@-webkit-keyframes rotatePullBottom {
from {
opacity: 0;
transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@-moz-keyframes rotatePullBottom {
from {
opacity: 0;
transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
@keyframes rotatePullBottom {
from {
opacity: 0;
transform: rotateX(90deg);
transform: rotateX(90deg);
transform: rotateX(90deg);
transform: rotateX(90deg);
}
}
/* fold */
@-webkit-keyframes rotateFoldRight {
to {
opacity: 0;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-moz-keyframes rotateFoldRight {
to {
opacity: 0;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateFoldRight {
to {
opacity: 0;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateFoldLeft {
to {
opacity: 0;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-moz-keyframes rotateFoldLeft {
to {
opacity: 0;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@keyframes rotateFoldLeft {
to {
opacity: 0;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateFoldTop {
to {
opacity: 0;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-moz-keyframes rotateFoldTop {
to {
opacity: 0;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateFoldTop {
to {
opacity: 0;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateFoldBottom {
to {
opacity: 0;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateFoldBottom {
to {
opacity: 0;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateFoldBottom {
to {
opacity: 0;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
/* unfold */
@-webkit-keyframes rotateUnfoldLeft {
from {
opacity: 0;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-moz-keyframes rotateUnfoldLeft {
from {
opacity: 0;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@keyframes rotateUnfoldLeft {
from {
opacity: 0;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateUnfoldRight {
from {
opacity: 0;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-moz-keyframes rotateUnfoldRight {
from {
opacity: 0;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateUnfoldRight {
from {
opacity: 0;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateUnfoldTop {
from {
opacity: 0;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-moz-keyframes rotateUnfoldTop {
from {
opacity: 0;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateUnfoldTop {
from {
opacity: 0;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateUnfoldBottom {
from {
opacity: 0;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateUnfoldBottom {
from {
opacity: 0;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateUnfoldBottom {
from {
opacity: 0;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
/* room walls */
@-webkit-keyframes rotateRoomLeftOut {
to {
opacity: .3;
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-moz-keyframes rotateRoomLeftOut {
to {
opacity: .3;
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@keyframes rotateRoomLeftOut {
to {
opacity: .3;
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateRoomLeftIn {
from {
opacity: .3;
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-moz-keyframes rotateRoomLeftIn {
from {
opacity: .3;
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@keyframes rotateRoomLeftIn {
from {
opacity: .3;
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateRoomRightOut {
to {
opacity: .3;
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-moz-keyframes rotateRoomRightOut {
to {
opacity: .3;
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@keyframes rotateRoomRightOut {
to {
opacity: .3;
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
transform: translateX(100%) rotateY(-90deg);
}
}
@-webkit-keyframes rotateRoomRightIn {
from {
opacity: .3;
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-moz-keyframes rotateRoomRightIn {
from {
opacity: .3;
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@keyframes rotateRoomRightIn {
from {
opacity: .3;
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
transform: translateX(-100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateRoomTopOut {
to {
opacity: .3;
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateRoomTopOut {
to {
opacity: .3;
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@keyframes rotateRoomTopOut {
to {
opacity: .3;
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@-webkit-keyframes rotateRoomTopIn {
from {
opacity: .3;
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-moz-keyframes rotateRoomTopIn {
from {
opacity: .3;
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@keyframes rotateRoomTopIn {
from {
opacity: .3;
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateRoomBottomOut {
to {
opacity: .3;
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-moz-keyframes rotateRoomBottomOut {
to {
opacity: .3;
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@keyframes rotateRoomBottomOut {
to {
opacity: .3;
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
transform: translateY(100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateRoomBottomIn {
from {
opacity: .3;
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateRoomBottomIn {
from {
opacity: .3;
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
@keyframes rotateRoomBottomIn {
from {
opacity: .3;
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
transform: translateY(-100%) rotateX(-90deg);
}
}
/* cube */
@-webkit-keyframes rotateCubeLeftOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
100% {
opacity: .3;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
z-index: 0;
}
}
@-moz-keyframes rotateCubeLeftOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
100% {
opacity: .3;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
z-index: 0;
}
}
@keyframes rotateCubeLeftOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
100% {
opacity: .3;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
z-index: 0;
}
}
@-webkit-keyframes rotateCubeLeftIn {
0% {
opacity: .3;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
}
@-moz-keyframes rotateCubeLeftIn {
0% {
opacity: .3;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
}
@keyframes rotateCubeLeftIn {
0% {
opacity: .3;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
}
@-webkit-keyframes rotateCubeRightOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
100% {
opacity: .3;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-moz-keyframes rotateCubeRightOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
100% {
opacity: .3;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@keyframes rotateCubeRightOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
transform: translateX(50%) translateZ(-200px) rotateY(45deg);
}
100% {
opacity: .3;
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
transform: translateX(100%) rotateY(90deg);
}
}
@-webkit-keyframes rotateCubeRightIn {
0% {
opacity: .3;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
}
@-moz-keyframes rotateCubeRightIn {
0% {
opacity: .3;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
}
@keyframes rotateCubeRightIn {
0% {
opacity: .3;
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
transform: translateX(-100%) rotateY(-90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
}
}
@-webkit-keyframes rotateCubeTopOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
100% {
opacity: .3;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-moz-keyframes rotateCubeTopOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
100% {
opacity: .3;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@keyframes rotateCubeTopOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
100% {
opacity: .3;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
}
@-webkit-keyframes rotateCubeTopIn {
0% {
opacity: .3;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
}
@-moz-keyframes rotateCubeTopIn {
0% {
opacity: .3;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
}
@keyframes rotateCubeTopIn {
0% {
opacity: .3;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
}
@-webkit-keyframes rotateCubeBottomOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateCubeBottomOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateCubeBottomOut {
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
}
}
@-webkit-keyframes rotateCubeBottomIn {
0% {
opacity: .3;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@-moz-keyframes rotateCubeBottomIn {
0% {
opacity: .3;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@keyframes rotateCubeBottomIn {
0% {
opacity: .3;
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
transform: translateY(-100%) rotateX(90deg);
}
50% {
animation-timing-function: ease-out;
animation-timing-function: ease-out;
animation-timing-function: ease-out;
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
/* carousel */
@-webkit-keyframes rotateCarouselLeftOut {
to {
opacity: .3;
transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
}
}
@-moz-keyframes rotateCarouselLeftOut {
to {
opacity: .3;
transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
}
}
@keyframes rotateCarouselLeftOut {
to {
opacity: .3;
transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
transform: translateX(-150%) scale(.4) rotateY(-65deg);
}
}
@-webkit-keyframes rotateCarouselLeftIn {
from {
opacity: .3;
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-moz-keyframes rotateCarouselLeftIn {
from {
opacity: .3;
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@keyframes rotateCarouselLeftIn {
from {
opacity: .3;
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-webkit-keyframes rotateCarouselRightOut {
to {
opacity: .3;
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-moz-keyframes rotateCarouselRightOut {
to {
opacity: .3;
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@keyframes rotateCarouselRightOut {
to {
opacity: .3;
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
transform: translateX(200%) scale(.4) rotateY(65deg);
}
}
@-webkit-keyframes rotateCarouselRightIn {
from {
opacity: .3;
transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
}
}
@-moz-keyframes rotateCarouselRightIn {
from {
opacity: .3;
transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
}
}
@keyframes rotateCarouselRightIn {
from {
opacity: .3;
transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
transform: translateX(-200%) scale(.4) rotateY(-65deg);
}
}
@-webkit-keyframes rotateCarouselTopOut {
to {
opacity: .3;
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@-moz-keyframes rotateCarouselTopOut {
to {
opacity: .3;
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@keyframes rotateCarouselTopOut {
to {
opacity: .3;
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@-webkit-keyframes rotateCarouselTopIn {
from {
opacity: .3;
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-moz-keyframes rotateCarouselTopIn {
from {
opacity: .3;
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@keyframes rotateCarouselTopIn {
from {
opacity: .3;
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-webkit-keyframes rotateCarouselBottomOut {
to {
opacity: .3;
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-moz-keyframes rotateCarouselBottomOut {
to {
opacity: .3;
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@keyframes rotateCarouselBottomOut {
to {
opacity: .3;
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
transform: translateY(200%) scale(.4) rotateX(-65deg);
}
}
@-webkit-keyframes rotateCarouselBottomIn {
from {
opacity: .3;
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@-moz-keyframes rotateCarouselBottomIn {
from {
opacity: .3;
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
@keyframes rotateCarouselBottomIn {
from {
opacity: .3;
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
transform: translateY(-200%) scale(.4) rotateX(65deg);
}
}
/* sides */
@-webkit-keyframes rotateSidesOut {
to {
opacity: 0;
transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
}
}
@-moz-keyframes rotateSidesOut {
to {
opacity: 0;
transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
}
}
@keyframes rotateSidesOut {
to {
opacity: 0;
transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
transform: translateZ(-500px) rotateY(90deg);
}
}
@-webkit-keyframes rotateSidesIn {
from {
opacity: 0;
transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
}
}
@-moz-keyframes rotateSidesIn {
from {
opacity: 0;
transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
}
}
@keyframes rotateSidesIn {
from {
opacity: 0;
transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
transform: translateZ(-500px) rotateY(-90deg);
}
}
/* slide */
@-webkit-keyframes rotateSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes rotateSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes rotateSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
transform: translateZ(-500px);
transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes rotateSlideIn {
0%,
25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes rotateSlideIn {
0%,
25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
}
@keyframes rotateSlideIn {
0%,
25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
transform: translateZ(-500px);
transform: translateZ(-500px);
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
}
/* animation delay classes */
.btSectionTransitions-delay100 {
animation-delay: .1s;
animation-delay: .1s;
animation-delay: .1s;
animation-delay: .1s;
animation-delay: .1s;
animation-delay: .1s;
}
.btSectionTransitions-delay180 {
animation-delay: .180s;
animation-delay: .180s;
animation-delay: .180s;
animation-delay: .180s;
animation-delay: .180s;
animation-delay: .180s;
}
.btSectionTransitions-delay200 {
animation-delay: .2s;
animation-delay: .2s;
animation-delay: .2s;
animation-delay: .2s;
animation-delay: .2s;
animation-delay: .2s;
}
.btSectionTransitions-delay300 {
animation-delay: .3s;
animation-delay: .3s;
animation-delay: .3s;
animation-delay: .3s;
animation-delay: .3s;
animation-delay: .3s;
}
.btSectionTransitions-delay400 {
animation-delay: .4s;
animation-delay: .4s;
animation-delay: .4s;
animation-delay: .4s;
animation-delay: .4s;
animation-delay: .4s;
}
.btSectionTransitions-delay500 {
animation-delay: .5s;
animation-delay: .5s;
animation-delay: .5s;
animation-delay: .5s;
animation-delay: .5s;
animation-delay: .5s;
}
.btSectionTransitions-delay700 {
animation-delay: .7s;
animation-delay: .7s;
animation-delay: .7s;
animation-delay: .7s;
animation-delay: .7s;
animation-delay: .7s;
}
.btSectionTransitions-delay1000 {
animation-delay: 1s;
animation-delay: 1s;
animation-delay: 1s;
animation-delay: 1s;
animation-delay: 1s;
animation-delay: 1s;
}
/* Woocommerce */
.clear {
clear: both;
}
.woocommerce ul.products li.first,
.woocommerce #content div.product div.thumbnails a.first,
.woocommerce div.product div.thumbnails a.first,
.woocommerce-page ul.products li.first,
.woocommerce-page #content div.product div.thumbnails a.first,
.woocommerce-page div.product div.thumbnails a.first {
clear: both;
}
@font-face {
font-family: star;
src: url(../../plugins/woocommerce/assets/fonts/star.eot);
src: url(../../plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/star.woff) format("woff"),url(../../plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),url(../../plugins/woocommerce/assets/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: WooCommerce;
src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot);
src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal;
}
p.demo_store {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #FF0000;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0,0,0,.2);
box-shadow: 0 1px 1em rgba(0,0,0,.2);
}
p.demo_store a {
color: #fff;
}
.admin-bar p.demo_store {
top: 32px;
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
width: 100%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: right;
width: 48%;
}
.woocommerce img,
.woocommerce-page img {
height: auto;
max-width: 100%;
}
.woocommerce div.product form.cart .reset_variations,
.woocommerce form .form-row label.hidden,
.woocommerce-page div.product form.cart .reset_variations,
.woocommerce-page form .form-row label.hidden {
visibility: hidden;
}
.woocommerce .blockUI.blockOverlay,
.woocommerce-page .blockUI.blockOverlay {
position: relative;
}
.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before,
.woocommerce-page .blockUI.blockOverlay:before,
.woocommerce-page .loader:before {
height: 1em;
width: 1em;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
display: block;
content: "";
animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(../../plugins/woocommerce/assets/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0,0,0,.75);
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
padding: 1em 1em .8em 3em;
margin: 0 0 2em;
position: relative;
background-color: rgba(0,0,0,.07);
color: #333;
border-top: 4px solid #262626;
list-style: none !important;
width: auto;
word-wrap: break-word;
line-height: 1.4;
}
.woocommerce .woocommerce-info a: not(.button),
.woocommerce .woocommerce-message a: not(.button),
.woocommerce-page .woocommerce-info a: not(.button),
.woocommerce-page .woocommerce-message a: not(.button) {
color: #FF0000;
text-decoration: underline;
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
border-top-color: #b81c23;
}
.woocommerce .woocommerce-error a,
.woocommerce-page .woocommerce-error a {
color: #b81c23;
}
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover,
.woocommerce-page .woocommerce-info a:hover,
.woocommerce-page .woocommerce-message a:hover {
text-decoration: none;
}
.woocommerce .woocommerce-error a:hover,
.woocommerce-page .woocommerce-error a:hover {
color: #fff;
}
.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-info:after,
.woocommerce .woocommerce-message:after,
.woocommerce-page .woocommerce-error:after,
.woocommerce-page .woocommerce-info:after,
.woocommerce-page .woocommerce-message:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
font-family: Icon7Stroke;
font-size: 2.2em;
line-height: 1;
font-weight: 400;
display: block;
float: left;
margin: -.15em .2em 0 -1.2em;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-info:before {
content: "\e647";
color: #FF0000;
}
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:before {
content: '\e67b';
color: #b81c23;
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
float: right;
margin: -.5em 0 0 .7em;
}
.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce .woocommerce-message li,
.woocommerce-page .woocommerce-error li,
.woocommerce-page .woocommerce-info li,
.woocommerce-page .woocommerce-message li {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.woocommerce small.note,
.woocommerce-page small.note {
display: block;
color: #777;
font-size: .857em;
margin-top: 10px;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: .92em;
}
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
color: inherit;
}
.woocommerce .woocommerce-breadcrumb:after,
.woocommerce .woocommerce-breadcrumb:before,
.woocommerce-page .woocommerce-breadcrumb:after,
.woocommerce-page .woocommerce-breadcrumb:before {
content: " ";
display: table;
}
.woocommerce a.button,
.woocommerce input[type="submit"],
.woocommerce button[type="submit"],
.woocommerce input.button,
.woocommerce input.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce .button.alt:hover,
.woocommerce button.alt:hover,
.woocommerce-page a.button,
.woocommerce-page input[type="submit"],
.woocommerce-page button[type="submit"],
.woocommerce-page input.button,
.woocommerce-page input.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page .button.alt:hover,
.woocommerce-page button.alt:hover {
font-size: .8em;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
padding: 1em 1.2em;
cursor: pointer;
border: 1px solid #262626;
color: #262626;
background-color: transparent;
}
.btHardRoundedButtons .woocommerce a.button,
.btHardRoundedButtons .woocommerce input[type="submit"],
.btHardRoundedButtons .woocommerce button[type="submit"],
.btHardRoundedButtons .woocommerce input.button,
.btHardRoundedButtons .woocommerce input.alt:hover,
.btHardRoundedButtons .woocommerce a.button.alt:hover,
.btHardRoundedButtons .woocommerce .button.alt:hover,
.btHardRoundedButtons .woocommerce button.alt:hover,
.btHardRoundedButtons .woocommerce-page a.button,
.btHardRoundedButtons .woocommerce-page input[type="submit"],
.btHardRoundedButtons .woocommerce-page button[type="submit"],
.btHardRoundedButtons .woocommerce-page input.button,
.btHardRoundedButtons .woocommerce-page input.alt:hover,
.btHardRoundedButtons .woocommerce-page a.button.alt:hover,
.btHardRoundedButtons .woocommerce-page .button.alt:hover,
.btHardRoundedButtons .woocommerce-page button.alt:hover {
border-radius: 50px;
}
.btSoftRoundedButtons .woocommerce a.button,
.btSoftRoundedButtons .woocommerce input[type="submit"],
.btSoftRoundedButtons .woocommerce button[type="submit"],
.btSoftRoundedButtons .woocommerce input.button,
.btSoftRoundedButtons .woocommerce input.alt:hover,
.btSoftRoundedButtons .woocommerce a.button.alt:hover,
.btSoftRoundedButtons .woocommerce .button.alt:hover,
.btSoftRoundedButtons .woocommerce button.alt:hover,
.btSoftRoundedButtons .woocommerce-page a.button,
.btSoftRoundedButtons .woocommerce-page input[type="submit"],
.btSoftRoundedButtons .woocommerce-page button[type="submit"],
.btSoftRoundedButtons .woocommerce-page input.button,
.btSoftRoundedButtons .woocommerce-page input.alt:hover,
.btSoftRoundedButtons .woocommerce-page a.button.alt:hover,
.btSoftRoundedButtons .woocommerce-page .button.alt:hover,
.btSoftRoundedButtons .woocommerce-page button.alt:hover {
border-radius: 3px;
}
.woocommerce a.checkout-button,
.woocommerce input#place_order,
.woocommerce input[name="save_address"],
.woocommerce-page a.checkout-button,
.woocommerce-page input#place_order,
.woocommerce-page input[name="save_address"] {
width: 100%;
float: none;
display: block;
text-align: center !important;
}
.woocommerce a.button:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce .button:hover,
.woocommerce button:hover,
.woocommerce input.alt,
.woocommerce a.button.alt,
.woocommerce .button.alt,
.woocommerce button.alt,
.woocommerce-page a.button:hover,
.woocommerce-page input[type="submit"]:hover,
.woocommerce-page .button:hover,
.woocommerce-page button:hover,
.woocommerce-page input.alt,
.woocommerce-page a.button.alt,
.woocommerce-page .button.alt,
.woocommerce-page button.alt {
background-color: #262626;
color: #fff;
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
}
.woocommerce .my_account_orders .order-actions .button,
.woocommerce-page .my_account_orders .order-actions .button {
margin: .125em 0 .125em .25em;
}
.woocommerce .my_account_orders .button,
.woocommerce-page .my_account_orders .button {
white-space: nowrap;
}
.woocommerce .cart input,
.woocommerce-page .cart input {
margin: 0;
vertical-align: middle;
line-height: 1;
width: auto;
}
.woocommerce .cart input#coupon_code,
.woocommerce-page .cart input#coupon_code {
margin: 0 10px 0 0;
float: left;
}
.woocommerce p.lost_password,
.woocommerce-page p.lost_password {
float: right;
padding: 0 0 0 2.4em;
margin: .7em 0 0;
}
.woocommerce p.lost_password:before,
.woocommerce-page p.lost_password:before {
content: '\e64a';
display: block;
float: left;
margin: -.05em 0 0 -1.2em;
font: normal 2em/1 Icon7Stroke;
color: #FF0000;
}
.woocommerce form.login p.lost_password a:hover,
.woocommerce-page form.login p.lost_password a:hover {
color: #FF0000;
}
.woocommerce input.button[name="register"],
.woocommerce-page input.button[name="register"] {
float: right;
width: auto;
}
.woocommerce .added:after,
.woocommerce .loading:after,
.woocommerce-page .added:after,
.woocommerce-page .loading:after {
position: absolute;
z-index: 5;
right: 0;
top: 0;
font: 400 1.3em/1.7em WooCommerce;
vertical-align: middle;
text-align: center;
font-smoothing: antialiased;
width: 1.7em;
height: 1.7em;
margin: -.85em -.85em 0 0;
border-radius: 50%;
background-color: #FF0000;
color: #fff;
}
.woocommerce .loading:after,
.woocommerce-page .loading:after {
content: "\e01c";
animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.woocommerce .added:after,
.woocommerce-page .added:after {
content: "\e017";
}
.woocommerce table .order-actions,
.woocommerce-page table .order-actions {
text-align: right;
}
.woocommerce table td.product-name p.backorder_notification,
.woocommerce-page table td.product-name p.backorder_notification {
font-size: .83em;
}
.woocommerce table td.product-quantity,
.woocommerce-page table td.product-quantity {
min-width: 80px;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
padding: 3px 0;
margin: 0 0 10px;
}
.rtl.woocommerce form .form-row,
.rtl.woocommerce-page form .form-row {
text-align: right;
}
.rtl.woocommerce form input[type="submit"].button,
.rtl.woocommerce-page form input[type="submit"].button {
text-align: center;
}
.woocommerce form .form-row.form-row-last,
.woocommerce-page form .form-row.form-row-last {
margin-bottom: 20px;
}
.woocommerce form .form-row [placeholder]:focus::input-placeholder,
.woocommerce-page form .form-row [placeholder]:focus::input-placeholder {
transition: opacity .5s .5s ease;
transition: opacity .5s .5s ease;
transition: opacity .5s .5s ease;
opacity: 0;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
line-height: 2;
display: block;
}
.woocommerce form .form-row label.inline,
.woocommerce-page form .form-row label.inline {
display: inline;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
cursor: pointer;
margin: 0;
}
.woocommerce form .form-row .select2-container,
.woocommerce-page form .form-row .select2-container {
line-height: 1;
font-size: .8em;
line-height: 2.5em;
}
.rtl.woocommerce form .form-row .select2-container,
.rtl.woocommerce-page form .form-row .select2-container {
text-align: right;
}
.woocommerce form .form-row .select2-container .select2-choice,
.woocommerce-page form .form-row .select2-container .select2-choice {
padding-left: 1em;
height: 3.2em;
line-height: 3.2em;
}
.rtl.woocommerce form .form-row .select2-container .select2-choice,
.rtl.woocommerce-page form .form-row .select2-container .select2-choice {
padding-left: 0;
padding-right: 1em;
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
color: red;
font-weight: 700;
border: 0;
}
.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
margin: 0 8px 0 0;
vertical-align: middle;
width: auto;
display: inline;
}
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
height: 5em;
display: block;
box-shadow: none;
box-shadow: none;
box-shadow: none;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce-page form .form-row.woocommerce-invalid .select2-container,
.woocommerce-page form .form-row.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.woocommerce-invalid select {
border-color: #a00;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.woocommerce-page form .form-row.woocommerce-validated .select2-container,
.woocommerce-page form .form-row.woocommerce-validated input.input-text,
.woocommerce-page form .form-row.woocommerce-validated select {
border-color: #69bf29;
}
.woocommerce form .form-row::input-placeholder,
.woocommerce-page form .form-row::input-placeholder {
line-height: normal;
}
.woocommerce form .form-row:placeholder,
.woocommerce-page form .form-row:placeholder {
line-height: normal;
}
.woocommerce form .form-row:input-placeholder,
.woocommerce-page form .form-row:input-placeholder {
line-height: normal;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.login,
.woocommerce-page form.register {
margin: 0 0 20px;
text-align: left;
}
.woocommerce div.product,
.woocommerce-page div.product {
margin-bottom: 0;
position: relative;
}
.woocommerce div.product .btPriceTableSticker,
.woocommerce-page div.product .btPriceTableSticker {
top: 20px;
left: auto;
right: 20px;
z-index: 1;
}
.woocommerce div.product form.cart:after,
.woocommerce-page div.product form.cart:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
.woocommerce div.product form.cart .quantity,
.woocommerce-page div.product form.cart .quantity {
margin-bottom: 2em;
}
.woocommerce div.product form.cart .quantity .qty,
.woocommerce-page div.product form.cart .quantity .qty {
width: 8em;
text-align: center;
float: left;
margin-right: 1em;
padding: .9em 0;
line-height: 16px;
}
.rtl.woocommerce div.product form.cart .quantity .qty,
.rtl.woocommerce-page div.product form.cart .quantity .qty {
float: right;
margin-right: 0;
margin-left: 1em;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce-page div.product form.cart .single_add_to_cart_button {
vertical-align: middle;
float: left;
height: 3.25em;
}
.rtl.woocommerce div.product form.cart .single_add_to_cart_button,
.rtl.woocommerce-page div.product form.cart .single_add_to_cart_button {
float: right;
}
.woocommerce div.product .product_title,
.woocommerce-page div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
}
.woocommerce div.product .btProductSKU,
.woocommerce-page div.product .btProductSKU {
display: block;
float: right;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
font-size: 1.25em;
line-height: 1;
margin: .5em 0;
color: #FF0000;
}
.woocommerce div.product .entry-summary p.price,
.woocommerce-page div.product .entry-summary p.price {
font-size: 2.5em;
font-weight: 600;
}
.woocommerce div.product .entry-summary p.price ins,
.woocommerce-page div.product .entry-summary p.price ins {
display: block;
margin: 12px 0 0;
}
.woocommerce div.product .single_variation span.price,
.woocommerce-page div.product .single_variation span.price {
font-size: 1.35em;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce-page div.product p.price ins,
.woocommerce-page div.product span.price ins {
background: inherit;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce div.product .posted del .amount,
.woocommerce-page div.product p.price del,
.woocommerce-page div.product span.price del,
.woocommerce-page div.product .posted del .amount {
opacity: .5;
}
.woocommerce div.product .stock,
.woocommerce-page div.product .stock {
color: #FF0000;
font-weight: 600;
}
.woocommerce div.product .out-of-stock,
.woocommerce-page div.product .out-of-stock {
color: red;
}
.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
float: right;
width: 48%;
margin-bottom: 20px;
}
.rtl.woocommerce div.product div.images,
.rtl.woocommerce-page div.product div.images {
float: left;
}
.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
box-shadow: none;
border: none;
}
.woocommerce div.product div.images div.thumbnails,
.woocommerce-page div.product div.images div.thumbnails {
padding-top: 20px;
margin-right: -20px;
}
.woocommerce div.product div.images div.thumbnails .btSingleProductThumb,
.woocommerce-page div.product div.images div.thumbnails .btSingleProductThumb {
float: left;
width: 33.333%;
padding-right: 20px;
margin-bottom: 20px;
}
.woocommerce div.product div.images div.thumbnails .btSingleProductThumb.last,
.woocommerce-page div.product div.images div.thumbnails .btSingleProductThumb.last {
margin-right: 0;
}
.woocommerce div.product div.images div.thumbnails.columns-1 .btSingleProductThumb,
.woocommerce-page div.product div.images div.thumbnails.columns-1 .btSingleProductThumb {
width: 100%;
margin-right: 0;
float: none;
}
.woocommerce div.product div.images div.thumbnails.columns-2 .btSingleProductThumb,
.woocommerce-page div.product div.images div.thumbnails.columns-2 .btSingleProductThumb {
width: 48%;
}
.woocommerce div.product div.images div.thumbnails.columns-4 .btSingleProductThumb,
.woocommerce-page div.product div.images div.thumbnails.columns-4 .btSingleProductThumb {
width: 22.05%;
}
.woocommerce div.product div.images div.thumbnails.columns-5 .btSingleProductThumb,
.woocommerce-page div.product div.images div.thumbnails.columns-5 .btSingleProductThumb {
width: 16.9%;
}
.woocommerce div.product div.images div.thumbnails.columns-6 .btSingleProductThumb,
.woocommerce-page div.product div.images div.thumbnails.columns-6 .btSingleProductThumb {
width: 13%;
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
margin-bottom: 3em;
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
float: left;
width: 48%;
}
.rtl.woocommerce div.product div.summary,
.rtl.woocommerce-page div.product div.summary {
float: right;
}
.woocommerce div.product .commentTxt .star-rating,
.woocommerce-page div.product .commentTxt .star-rating {
margin: 22px 10px 0 0;
float: right;
}
.woocommerce div.product .woocommerce-variation-description p,
.woocommerce-page div.product .woocommerce-variation-description p {
margin-bottom: 1em;
}
.woocommerce div.product .wc-no-matching-variations,
.woocommerce-page div.product .wc-no-matching-variations {
display: none;
}
.woocommerce div.product .button,
.woocommerce-page div.product .button {
vertical-align: middle;
float: left;
}
.rtl.woocommerce div.product .button,
.rtl.woocommerce-page div.product .button {
float: right;
}
.woocommerce div.product .group_table td.label,
.woocommerce-page div.product .group_table td.label {
padding-right: 1em;
padding-left: 1em;
}
.woocommerce div.product .group_table td,
.woocommerce-page div.product .group_table td {
vertical-align: middle;
border: 0;
position: relative;
}
.woocommerce div.product a.reset_variations,
.woocommerce-page div.product a.reset_variations {
padding: 0;
font-weight: 700;
text-transform: uppercase;
display: block;
clear: both;
position: absolute;
bottom: -2em;
}
.woocommerce div.product a.reset_variations:before,
.woocommerce-page div.product a.reset_variations:before {
content: '\e680';
color: inherit;
font-family: Icon7Stroke;
}
.woocommerce div.product a.reset_variations:hover,
.woocommerce-page div.product a.reset_variations:hover {
color: #FF0000;
}
.woocommerce div.product.product-type-grouped .single_add_to_cart_button,
.woocommerce-page div.product.product-type-grouped .single_add_to_cart_button {
float: right !important;
}
.rtl.woocommerce div.product.product-type-grouped .single_add_to_cart_button,
.rtl.woocommerce-page div.product.product-type-grouped .single_add_to_cart_button {
float: left !important;
}
.woocommerce .added_to_cart,
.woocommerce-page .added_to_cart {
position: absolute;
bottom: -2em;
right: 0;
left: 0;
font-size: .7em;
text-align: center;
}
.woocommerce .variations,
.woocommerce-page .variations {
margin-bottom: 3em;
border: 0;
}
.woocommerce .variations td,
.woocommerce .variations th,
.woocommerce-page .variations td,
.woocommerce-page .variations th {
border: 0;
padding: .2em 1em;
}
.woocommerce .variations label,
.woocommerce-page .variations label {
font-weight: 700;
}
.woocommerce .variations select,
.woocommerce-page .variations select {
width: 100%;
float: left;
padding: 10px;
}
.woocommerce .variations td,
.woocommerce-page .variations td {
vertical-align: middle;
border: 0;
position: relative;
}
.woocommerce .products ul:after,
.woocommerce ul.products:after,
.woocommerce-page .products ul:after,
.woocommerce-page ul.products:after {
content: " ";
display: table;
clear: both;
}
.woocommerce .products ul,
.woocommerce ul.products,
.woocommerce-page .products ul,
.woocommerce-page ul.products {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}
.woocommerce .products ul li.product .btPriceTableSticker,
.woocommerce ul.products li.product .btPriceTableSticker,
.woocommerce-page .products ul li.product .btPriceTableSticker,
.woocommerce-page ul.products li.product .btPriceTableSticker {
top: 10px;
left: 30px;
background: #FF0000;
opacity: .9;
z-index: 1;
}
.woocommerce .products ul li.product,
.woocommerce ul.products li.product,
.woocommerce-page .products ul li.product,
.woocommerce-page ul.products li.product {
float: left;
margin: 0 0 5em;
padding: 0 20px;
position: relative;
list-style: none;
width: 33.3333%;
}
.rtl.woocommerce .products ul li.product,
.rtl.woocommerce ul.products li.product,
.rtl.woocommerce-page .products ul li.product,
.rtl.woocommerce-page ul.products li.product {
float: right;
}
.btMenuCenter.woocommerce .products ul li.product,
.btMenuCenter.woocommerce ul.products li.product,
.btMenuCenter.woocommerce-page .products ul li.product,
.btMenuCenter.woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce .products ul li.product h3,
.woocommerce ul.products li.product h3,
.woocommerce-page .products ul li.product h3,
.woocommerce-page ul.products li.product h3 {
padding: 0 0 .5em;
margin: 0;
font-size: 1em;
}
.woocommerce .products ul li.product a,
.woocommerce ul.products li.product a,
.woocommerce-page .products ul li.product a,
.woocommerce-page ul.products li.product a {
text-decoration: none;
}
.woocommerce .products ul li.product .bpgPhoto,
.woocommerce ul.products li.product .bpgPhoto,
.woocommerce-page .products ul li.product .bpgPhoto,
.woocommerce-page ul.products li.product .bpgPhoto {
margin: 0 0 10px;
}
.woocommerce .products ul li.product strong,
.woocommerce ul.products li.product strong,
.woocommerce-page .products ul li.product strong,
.woocommerce-page ul.products li.product strong {
display: block;
}
.woocommerce .products ul li.product .price,
.woocommerce ul.products li.product .price,
.woocommerce-page .products ul li.product .price,
.woocommerce-page ul.products li.product .price {
display: block;
font-weight: 600;
margin-bottom: 1em;
}
.woocommerce .products ul li.product .price del,
.woocommerce ul.products li.product .price del,
.woocommerce-page .products ul li.product .price del,
.woocommerce-page ul.products li.product .price del {
color: inherit;
opacity: .5;
display: inline-block;
margin: 0 5px 0 0;
}
.woocommerce .products ul li.product .price ins,
.woocommerce ul.products li.product .price ins,
.woocommerce-page .products ul li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
background: 0 0;
font-weight: 700;
text-decoration: none;
}
.woocommerce .products ul li.product .price .from,
.woocommerce ul.products li.product .price .from,
.woocommerce-page .products ul li.product .price .from,
.woocommerce-page ul.products li.product .price .from {
font-size: .67em;
margin: -2px 0 0;
text-transform: uppercase;
color: rgba(132,132,132,.5);
}
.woocommerce .products ul li.product .header .btSubTitle .btNoStarRating,
.woocommerce ul.products li.product .header .btSubTitle .btNoStarRating,
.woocommerce-page .products ul li.product .header .btSubTitle .btNoStarRating,
.woocommerce-page ul.products li.product .header .btSubTitle .btNoStarRating {
display: block;
height: 1.8em;
}
.woocommerce .products ul li.product a.btBtn,
.woocommerce ul.products li.product a.btBtn,
.woocommerce-page .products ul li.product a.btBtn,
.woocommerce-page ul.products li.product a.btBtn {
text-decoration: none;
text-transform: uppercase;
}
.woocommerce .boldSection.gutter .products ul,
.woocommerce .boldSection.gutter ul.products,
.boldSection.gutter .woocommerce .products ul,
.boldSection.gutter .woocommerce ul.products,
.woocommerce-page .boldSection.gutter .products ul,
.woocommerce-page .boldSection.gutter ul.products,
.boldSection.gutter .woocommerce-page .products ul,
.boldSection.gutter .woocommerce-page ul.products {
margin: 0 -20px;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce .woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-page .woocommerce-pagination ul.page-numbers li {
display: inline-block;
}
.woocommerce nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination {
text-align: center;
margin-bottom: 40px;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
display: inline-block;
padding: 0;
margin: 1px;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
margin: 0 0 5px;
display: inline-block;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding: .3em 0;
width: 1.7em;
height: 1.7em;
display: block;
}
.btHardRoundedButtons.woocommerce nav.woocommerce-pagination ul li a,
.btHardRoundedButtons.woocommerce nav.woocommerce-pagination ul li span,
.btHardRoundedButtons.woocommerce-page nav.woocommerce-pagination ul li a,
.btHardRoundedButtons.woocommerce-page nav.woocommerce-pagination ul li span {
border-radius: 50px;
}
.btSoftRoundedButtons.woocommerce nav.woocommerce-pagination ul li a,
.btSoftRoundedButtons.woocommerce nav.woocommerce-pagination ul li span,
.btSoftRoundedButtons.woocommerce-page nav.woocommerce-pagination ul li a,
.btSoftRoundedButtons.woocommerce-page nav.woocommerce-pagination ul li span {
border-radius: 3px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a.next,
.woocommerce-page nav.woocommerce-pagination ul li a.prev,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
background: #FF0000;
color: #fff;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
margin: 0;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
vertical-align: top;
}
.woocommerce .woocommerce-ordering .woocommerce-result-count,
.woocommerce-page .woocommerce-ordering .woocommerce-result-count {
margin: 20px 0;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: left;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: right;
}
.woocommerce .woocommerce-ordering .fancy-select,
.woocommerce-page .woocommerce-ordering .fancy-select {
width: 220px;
margin: 0 0 20px;
}
.woocommerce .woocommerce-ordering .fancy-select .options,
.woocommerce-page .woocommerce-ordering .fancy-select .options {
padding: 0;
top: auto;
margin: 1px 0 0;
}
.woocommerce .woocommerce-ordering .fancy-select .options li,
.woocommerce-page .woocommerce-ordering .fancy-select .options li {
margin: 0;
float: none;
}
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
content: "\f005\f005\f005\f005\f005";
color: #262626;
letter-spacing: 3px;
opacity: .2;
}
.woocommerce .star-rating,
.woocommerce-page .star-rating {
overflow: hidden;
position: relative;
line-height: 1;
font-family: FontAwesome;
margin: 0;
display: inline-block;
}
.woocommerce .star-rating .rating,
.woocommerce-page .star-rating .rating {
display: none;
}
.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
overflow: hidden;
top: 0;
left: 0;
position: absolute;
}
.rtl.woocommerce .star-rating span,
.rtl.woocommerce-page .star-rating span {
left: auto;
right: 0;
}
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
content: "\f005\f005\f005\f005\f005";
letter-spacing: 3px;
color: #FF0000;
}
.header.large .woocommerce .star-rating,
.header.large .woocommerce-page .star-rating {
line-height: inherit;
margin-top: 2px;
}
.widget_recent_reviews .woocommerce .star-rating,
.widget_recent_reviews .woocommerce-page .star-rating {
font-size: 12px;
}
.products .woocommerce .star-rating,
.products .woocommerce-page .star-rating {
margin: 7px 0 0;
}
.woocommerce .widget_recent_reviews li a:after,
.woocommerce .widget_recent_reviews .reviewer:after,
.woocommerce-page .widget_recent_reviews li a:after,
.woocommerce-page .widget_recent_reviews .reviewer:after {
display: table;
content: ' ';
}
.woocommerce p.stars,
.woocommerce-page p.stars {
position: relative;
letter-spacing: .25em;
margin-bottom: 3em;
}
.woocommerce p.stars a,
.woocommerce-page p.stars a {
display: inline-block;
font-weight: 700;
text-indent: -9999px;
position: relative;
border-bottom: 0 !important;
outline: 0;
position: absolute;
top: 0;
left: 0;
}
.rtl.woocommerce p.stars a,
.rtl.woocommerce-page p.stars a {
left: auto;
right: 0;
}
.woocommerce p.stars a:last-child,
.woocommerce-page p.stars a:last-child {
border-right: 0;
}
.woocommerce p.stars a[class^="star-"]:after,
.woocommerce-page p.stars a[class^="star-"]:after {
font-family: FontAwesome;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
color: rgba(0,0,0,.15);
}
.rtl.woocommerce p.stars a[class^="star-"]:after,
.rtl.woocommerce-page p.stars a[class^="star-"]:after {
left: auto;
right: 0;
}
.woocommerce p.stars a[class^="star-"].active:after,
.woocommerce p.stars a[class^="star-"]:hover:after,
.woocommerce-page p.stars a[class^="star-"].active:after,
.woocommerce-page p.stars a[class^="star-"]:hover:after {
color: #FF0000;
}
.woocommerce p.stars a.star-1,
.woocommerce-page p.stars a.star-1 {
width: 1em;
z-index: 10;
}
.woocommerce p.stars a.star-1:after,
.woocommerce-page p.stars a.star-1:after {
content: "\f005";
}
.woocommerce p.stars a.star-2,
.woocommerce-page p.stars a.star-2 {
width: 2em;
z-index: 9;
}
.woocommerce p.stars a.star-2:after,
.woocommerce-page p.stars a.star-2:after {
content: "\f005\f005";
}
.woocommerce p.stars a.star-3,
.woocommerce-page p.stars a.star-3 {
width: 3em;
z-index: 8;
}
.woocommerce p.stars a.star-3:after,
.woocommerce-page p.stars a.star-3:after {
content: "\f005\f005\f005";
}
.woocommerce p.stars a.star-4,
.woocommerce-page p.stars a.star-4 {
width: 4em;
z-index: 7;
}
.woocommerce p.stars a.star-4:after,
.woocommerce-page p.stars a.star-4:after {
content: "\f005\f005\f005\f005";
}
.woocommerce p.stars a.star-5,
.woocommerce-page p.stars a.star-5 {
width: 5em;
border: 0;
z-index: 6;
}
.woocommerce p.stars a.star-5:after,
.woocommerce-page p.stars a.star-5:after {
content: "\f005\f005\f005\f005\f005";
}
.woocommerce ul#shipping_method,
.woocommerce-page ul#shipping_method {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
margin: 0;
padding: .25em 0 .25em 22px;
text-indent: -22px;
list-style: none;
}
.woocommerce ul#shipping_method .amount,
.woocommerce-page ul#shipping_method .amount {
font-weight: 700;
}
.woocommerce p.woocommerce-shipping-contents,
.woocommerce-page p.woocommerce-shipping-contents {
margin: 0;
}
.woocommerce .order_details,
.woocommerce-page .order_details {
margin: 0 0 1.5em;
list-style: none;
}
.woocommerce .order_details li,
.woocommerce-page .order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: .715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
}
.woocommerce .order_details li strong,
.woocommerce-page .order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
}
.woocommerce .order_details:after,
.woocommerce .order_details:before,
.woocommerce-page .order_details:after,
.woocommerce-page .order_details:before {
content: " ";
display: table;
}
.woocommerce .order_details li:last-of-type,
.woocommerce-page .order_details li:last-of-type {
border: none;
}
.btHardRoundedButtons .woocommerce .button,
.btHardRoundedButtons.woocommerce .button,
.btHardRoundedButtons .woocommerce input[type="text"],
.btHardRoundedButtons.woocommerce input[type="text"],
.btHardRoundedButtons .woocommerce input[type="email"],
.btHardRoundedButtons.woocommerce input[type="email"],
.btHardRoundedButtons .woocommerce input[type="password"],
.btHardRoundedButtons.woocommerce input[type="password"],
.btHardRoundedButtons .woocommerce-page .button,
.btHardRoundedButtons.woocommerce-page .button,
.btHardRoundedButtons .woocommerce-page input[type="text"],
.btHardRoundedButtons.woocommerce-page input[type="text"],
.btHardRoundedButtons .woocommerce-page input[type="email"],
.btHardRoundedButtons.woocommerce-page input[type="email"],
.btHardRoundedButtons .woocommerce-page input[type="password"],
.btHardRoundedButtons.woocommerce-page input[type="password"] {
border-radius: 50%;
}
.btSoftRoundedButtons .woocommerce .button,
.btSoftRoundedButtons.woocommerce .button,
.btSoftRoundedButtons .woocommerce input[type="text"],
.btSoftRoundedButtons.woocommerce input[type="text"],
.btSoftRoundedButtons .woocommerce input[type="email"],
.btSoftRoundedButtons.woocommerce input[type="email"],
.btSoftRoundedButtons .woocommerce input[type="password"],
.btSoftRoundedButtons.woocommerce input[type="password"],
.btSoftRoundedButtons .woocommerce-page .button,
.btSoftRoundedButtons.woocommerce-page .button,
.btSoftRoundedButtons .woocommerce-page input[type="text"],
.btSoftRoundedButtons.woocommerce-page input[type="text"],
.btSoftRoundedButtons .woocommerce-page input[type="email"],
.btSoftRoundedButtons.woocommerce-page input[type="email"],
.btSoftRoundedButtons .woocommerce-page input[type="password"],
.btSoftRoundedButtons.woocommerce-page input[type="password"] {
border-radius: 5px;
}
.rtl.woocommerce p.form-submit input[type="submit"],
.rtl.woocommerce-page p.form-submit input[type="submit"] {
text-align: center;
}
.btNoSidebar.single-product.woocommerce .btContent,
.btNoSidebar.single-product.woocommerce-page .btContent {
padding-top: 40px;
}
/* Cart */
.woocommerce-cart table.cart img {
height: auto;
display: block;
margin: 0 auto;
}
.woocommerce-cart table.cart td.actions {
text-align: right;
padding: 1.5em 1em;
}
.woocommerce-cart table.cart td.actions .input-text {
width: 140px;
}
.woocommerce-cart table.cart td.actions .coupon {
float: left;
text-align: left;
min-width: 400px;
}
.woocommerce-cart table.cart td.actions .coupon label {
display: block;
float: left;
margin: .75em 10px 0 0;
line-height: 1.1;
}
.woocommerce-cart input[name="update_cart"] {
float: right;
}
.woocommerce-cart .cart-collaterals {
width: 100%;
}
.woocommerce-cart .cart-collaterals .related {
width: 30.75%;
float: left;
}
.woocommerce-cart .cart-collaterals .cross-sells {
width: 48%;
float: left;
}
.rtl.woocommerce-cart .cart-collaterals .cross-sells {
float: right;
}
.woocommerce-cart .cart-collaterals .cross-sells ul.products {
float: none;
}
.woocommerce-cart .cart-collaterals .cross-sells ul.products li {
width: 50%;
}
.woocommerce-cart .cart-collaterals .shipping_calculator {
width: 48%;
clear: right;
float: right;
}
.rtl.woocommerce-cart .cart-collaterals .shipping_calculator {
float: left;
clear: left;
}
.woocommerce-cart .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-cart .cart-collaterals .shipping_calculator .col2-set .col-2 {
width: 47%;
}
.woocommerce-cart .cart-collaterals .cart_totals {
float: right;
width: 48%;
}
.rtl.woocommerce-cart .cart-collaterals .cart_totals {
float: left;
}
.woocommerce-cart form {
margin: 0 0 20px;
}
.woocommerce-cart form table div.quantity input {
width: 70px;
}
.woocommerce-cart form table small.stock {
display: block;
float: none;
}
.woocommerce-cart form .woocommerce-shipping-calculator a {
text-decoration: underline;
}
.woocommerce-cart form .woocommerce-shipping-calculator select {
padding: 10px;
}
.woocommerce-cart form .woocommerce-shipping-calculator .form-row {
padding: 0;
}
.woocommerce-cart table.cart td.product-remove {
width: 3em;
}
.woocommerce-cart table.cart td.product-remove a.remove {
display: inline-block;
font-size: 1em;
line-height: 1.5em;
text-align: center;
padding: 0;
width: 1.5em;
color: #FF0000;
background-color: transparent;
border: 1px solid #FF0000;
border-radius: 50%;
}
.woocommerce-cart table.cart td.product-remove a.remove:hover {
background-color: #FF0000;
color: #fff;
}
.woocommerce-cart table.cart td.product-thumbnail {
width: 100px;
text-align: center;
}
.woocommerce-cart table.cart td.product-thumbnail img {
width: 80px;
height: auto;
display: inline-block;
box-shadow: none;
box-shadow: none;
}
.woocommerce-cart .coupon .input-text {
background-color: transparent;
text-transform: uppercase;
display: inline-block;
}
.woocommerce-cart .cart_totals table {
border-top: 1px solid rgba(0,0,0,.07);
}
.woocommerce-cart .cart_totals table th {
width: 25%;
background-color: transparent;
color: inherit;
}
.woocommerce-cart .cart_totals .discount td {
color: #FF0000;
}
.woocommerce-cart tr.order-total span.amount {
font-size: 1.6em;
font-weight: 600;
line-height: 1.1;
}
.woocommerce-cart h3#ship-to-different-address {
position: relative;
}
.woocommerce-cart h3#ship-to-different-address label {
display: inline-block;
margin: 0 10px 0 0;
}
.woocommerce-cart input#ship-to-different-address-checkbox {
display: block;
position: absolute;
top: 11px;
width: auto;
right: 0;
}
/* Account */
.woocommerce-account .addresses {
margin: 4em 0;
}
.woocommerce-account .addresses .title:after,
.woocommerce-account .addresses .title:before {
content: " ";
display: table;
}
.woocommerce-account .addresses .title h3 {
float: left;
}
.woocommerce-account ul.digital-downloads li .count {
float: right;
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0;
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0;
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0;
}
.woocommerce-account ul.digital-downloads ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce-account header.title:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.woocommerce-account header.title h3 {
float: left;
}
.woocommerce-account header.title .edit {
display: block;
float: right;
font-size: 14px;
line-height: 1.1;
padding: 0 0 0 22px;
text-transform: uppercase;
font-weight: 700;
color: #FF0000;
margin: 10px 0 0 5px;
}
.woocommerce-account header.title .edit:before {
content: '\f040';
font: normal 20px/1 FontAwesome;
display: block;
float: left;
margin: -5px 0 0 -22px;
color: #FF0000;
}
/* Columns */
.woocommerce.columns-1 ul.products li.product {
width: 100%;
}
.woocommerce.columns-2 ul.products li.product {
width: 50%;
}
.woocommerce.columns-3 ul.products li.product {
width: 33.33%;
}
.woocommerce.columns-4 ul.products li.product {
width: 25%;
}
.woocommerce.columns-5 ul.products li.product {
width: 20%;
}
.woocommerce.columns-6 ul.products li.product {
width: 16.66%;
}
/* Checkout */
.woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%;
}
.woocommerce-checkout .wc-terms-and-conditions label {
display: inline-block !important;
}
.woocommerce-checkout .wc-terms-and-conditions input {
margin-left: 6px !important;
}
.woocommerce-checkout #payment {
border: 2px solid rgba(0,0,0,.07);
padding: 2em;
margin: 4em 0;
}
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 4px solid #d3ced2;
margin: 0;
list-style: none;
padding-bottom: 2em;
}
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
padding: 0;
font-weight: 400;
}
.rtl.woocommerce-checkout #payment ul.payment_methods li {
text-align: right;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: right;
}
.rtl.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: left;
}
.woocommerce-checkout #payment .payment_method_paypal img {
max-height: 40px;
margin-left: 10px;
vertical-align: middle;
}
.woocommerce-checkout #payment div.payment_box:before {
content: "";
display: block;
border: 10px solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
left: 10px;
top: -20px;
}
.woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 10px;
margin: 10px 0;
background-color: #dfdcde;
}
.woocommerce-checkout #payment div.payment_box span.help {
font-size: .857em;
}
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0;
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa {
background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/visa.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser {
background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/laser.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/diners.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro {
background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb {
background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex {
background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/amex.png);
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover {
background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/discover.png);
}
.woocommerce-checkout #payment .place-order {
margin: 2em 0 0;
}
/* Skins */
.btDarkSkin .star-rating:before,
.btLightSkin .btDarkSkin .star-rating:before,
.btDarkSkin.btLightSkin .btDarkSkin .star-rating:before {
color: #fff;
}
.btDarkSkin li.product:before,
.btLightSkin .btDarkSkin li.product:before,
.btDarkSkin.btLightSkin .btDarkSkin li.product:before {
background-color: #fff;
}
.btLightSkin li.product:before,
.btDarkSkin .btLightSkin li.product:before,
.btLightSkin .btDarkSkin .btLightSkin li.product:before {
background-color: #262626;
}
.btLightSkin .woocommerce header.title .edit:hover,
.btDarkSkin .btLightSkin .woocommerce header.title .edit:hover,
.btLightSkin .btDarkSkin .btLightSkin .woocommerce header.title .edit:hover {
color: #333;
}
.btDarkSkin .woocommerce header.title .edit:hover,
.btLightSkin .btDarkSkin .woocommerce header.title .edit:hover,
.btDarkSkin.btLightSkin .btDarkSkin .woocommerce header.title .edit:hover {
color: #fff;
}
.btLightSkin.woocommerce-page .product img,
.btDarkSkin .btLightSkin.woocommerce-page .product img,
.btLightSkin .btDarkSkin .btLightSkin.woocommerce-page .product img,
.btLightSkin ul.products li.product img,
.btDarkSkin .btLightSkin ul.products li.product img,
.btLightSkin .btDarkSkin .btLightSkin ul.products li.product img {
border: 1px solid rgba(0,0,0,.07);
}
.btDarkSkin.woocommerce-page .product img,
.btLightSkin .btDarkSkin.woocommerce-page .product img,
.btDarkSkin.btLightSkin .btDarkSkin.woocommerce-page .product img,
.btDarkSkin ul.products li.product img,
.btLightSkin .btDarkSkin ul.products li.product img,
.btDarkSkin.btLightSkin .btDarkSkin ul.products li.product img {
border: 1px solid rgba(255,255,255,.3);
}
.btLightSkin .product .headline a,
.btDarkSkin .btLightSkin .product .headline a,
.btLightSkin .btDarkSkin .btLightSkin .product .headline a {
color: #333;
}
.btDarkSkin .product .headline a,
.btLightSkin .btDarkSkin .product .headline a,
.btDarkSkin.btLightSkin .btDarkSkin .product .headline a {
color: #fff;
}
.btLightSkin .woocommerce-shipping-calculator select,
.btDarkSkin .btLightSkin .woocommerce-shipping-calculator select,
.btLightSkin .btDarkSkin .btLightSkin .woocommerce-shipping-calculator select {
border: 1px solid rgba(0,0,0,.15);
}
.btDarkSkin .woocommerce-shipping-calculator select,
.btLightSkin .btDarkSkin .woocommerce-shipping-calculator select,
.btDarkSkin.btLightSkin .btDarkSkin .woocommerce-shipping-calculator select {
border: 1px solid rgba(255,255,255,.1);
}
.btLightSkin.woocommerce-page .product .headline a:hover,
.btDarkSkin .btLightSkin.woocommerce-page .product .headline a:hover,
.btLightSkin .btDarkSkin .btLightSkin.woocommerce-page .product .headline a:hover,
.btDarkSkin.woocommerce-page .product .headline a:hover,
.btLightSkin .btDarkSkin.woocommerce-page .product .headline a:hover,
.btDarkSkin.btLightSkin .btDarkSkin.woocommerce-page .product .headline a:hover {
color: #FF0000;
}
.btDarkSkin div.product .woocommerce-product-rating,
.btLightSkin .btDarkSkin div.product .woocommerce-product-rating,
.btDarkSkin.btLightSkin .btDarkSkin div.product .woocommerce-product-rating {
border-bottom: 1px solid rgba(255,255,255,.3);
}
.btDarkSkin .woocommerce ul.products li.product .price,
.btLightSkin .btDarkSkin .woocommerce ul.products li.product .price,
.btDarkSkin.btLightSkin .btDarkSkin .woocommerce ul.products li.product .price {
color: #fff;
}
.btDarkSkin.woocommerce .star-rating:before,
.btLightSkin .btDarkSkin.woocommerce .star-rating:before,
.btDarkSkin.btLightSkin .btDarkSkin.woocommerce .star-rating:before {
color: #fff;
}
.woocommerce-MyAccount-content fieldset {
border: none;
display: block;
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-content legend {
display: block;
font-size: 1.25em;
font-weight: 700;
display: block;
padding: 1em 0 0;
margin: 0 0 .5em .8em;
}
.rtl .shop_table.woocommerce-checkout-review-order-table {
text-align: right;
}
.rtl.woocommerce-page .col2-set#customer_details .col-1 {
float: right;
}
.rtl.woocommerce-page .col2-set#customer_details .col-2 {
float: left;
}
@-webkit-keyframes spin {
from {
transform: rotateX(0);
transform: rotateX(0);
}
to {
transform: rotateX(100%);
transform: rotateX(100%);
}
}
@-moz-keyframes spin {
from {
transform: rotateX(0);
transform: rotateX(0);
}
to {
transform: rotateX(100%);
transform: rotateX(100%);
}
}
@keyframes spin {
from {
transform: rotateX(0);
transform: rotateX(0);
transform: rotateX(0);
transform: rotateX(0);
}
to {
transform: rotateX(100%);
transform: rotateX(100%);
transform: rotateX(100%);
transform: rotateX(100%);
}
}
/* Columns and forms widths */
.btQuoteBooking {
margin: 0;
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
transition: opacity 400ms ease;
transition: opacity 400ms ease;
transition: opacity 400ms ease;
opacity: 0;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
}
.btQuoteBooking *,
.btQuoteBooking *:after,
.btQuoteBooking *:before {
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
}
.btQuoteBooking:after {
content: " ";
display: table;
clear: both;
width: 100%;
}
.btQuoteBooking .btQuoteBookingForm {
margin: 0;
}
.btQuoteBooking .btTotalQuoteContactGroup {
transition: all 600ms ease;
transition: all 600ms ease;
transition: all 600ms ease;
max-height: 0;
opacity: 0;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
margin: 30px 0 0;
}
.btQuoteBooking .btTotalQuoteContactGroup.btActive {
opacity: 1;
max-height: 1000px;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
transition-delay: 400ms;
transition-delay: 400ms;
transition-delay: 400ms;
}
/* Next button */
.btQuoteBooking .btTotalNextWrapper {
display: block;
width: 100%;
padding-right: 0;
transition: all 400ms ease;
transition: all 400ms ease;
transition: all 400ms ease;
}
.btQuoteBooking .btTotalNextWrapper:after {
content: " ";
display: block;
width: 100%;
clear: both;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
padding-right: 160px;
}
.btQuoteBooking .btQuoteBookingForm .boldBtn {
display: block;
padding: 0;
width: 140px;
float: right;
margin-right: -130px;
margin-left: -100%;
}
.btQuoteBooking .btContactNext {
font-family: inherit;
margin: 0 0 0 30px;
line-height: 2.25;
border: #FF0000 2px solid;
color: #FF0000;
text-transform: uppercase;
font-weight: 900;
display: inline-block;
padding: 0 30px 0 30px;
background: transparent;
cursor: pointer;
font-size: 20px;
transition: all 400ms ease;
transition: all 400ms ease;
transition: all 400ms ease;
opacity: 0;
transform: translate(500px,0);
transform: translate(500px,0);
transform: translate(500px,0);
transform: translate(500px,0);
white-space: nowrap;
}
.btQuoteBooking .btContactNext:focus {
outline: 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btContactNext {
opacity: 1;
transform: translate(0,0);
transform: translate(0,0);
transform: translate(0,0);
transform: translate(0,0);
transition: all 400ms ease;
transition: all 400ms ease;
transition: all 400ms ease;
width: 100%;
}
.btQuoteBooking .btContactNext:hover,
.btQuoteBooking .btContactNext:active {
background-color: #FF0000 !important;
color: #fff !important;
}
.btQuoteBooking .btContactNext:hover:after,
.btQuoteBooking .btContactNext:active:after {
margin: 0 7px 0 10px;
transition: margin 200ms ease;
transition: margin 200ms ease;
transition: margin 200ms ease;
}
.btQuoteBooking .btContactNext:active {
box-shadow: 0 0 0 rgba(0,0,0,.15) inset,0 -2px 10px rgba(0,0,0,.4);
box-shadow: 0 0 0 rgba(0,0,0,.15) inset,0 -2px 10px rgba(0,0,0,.4);
}
/* Quote items */
.btQuoteBooking .btQuoteItem {
padding: 0 0 0 220px;
margin: 0 0 30px;
}
.btQuoteBooking .btQuoteItem label {
display: block;
float: left;
width: 220px;
margin: 8px 0 0 -220px;
padding-right: 20px;
}
.btQuoteBooking .btQuoteSlider {
float: left;
margin: 0;
width: 100%;
}
.btQuoteBooking .btQuoteSwitch {
float: left;
margin: 0;
width: 76px;
height: 38px;
cursor: pointer;
padding: 5px;
border-radius: 19px;
transition: box-shadow 380ms ease;
transition: box-shadow 380ms ease;
transition: box-shadow 380ms ease;
}
.btLightSkin .btQuoteBooking .btQuoteSwitch,
.btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch,
.btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch {
border: 1px solid rgba(0,0,0,.15);
}
.btDarkSkin .btQuoteBooking .btQuoteSwitch,
.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch,
.btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch {
border: 1px solid rgba(255,255,255,.1);
}
.btQuoteBooking .btQuoteSwitch:hover {
box-shadow: 0 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
width: 26px;
height: 26px;
border-radius: 50%;
transition: all 190ms cubic-bezier(.8,.1,.8,.1);
transition: all 190ms cubic-bezier(.8,.1,.8,.1);
transition: all 190ms cubic-bezier(.8,.1,.8,.1);
}
.btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btLightSkin .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
background: rgba(0,0,0,.15);
}
.btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner,
.btDarkSkin.btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner {
background: rgba(255,255,255,.1);
}
.btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner {
margin-left: 38px;
background: #FF0000;
}
.btQuoteBooking .btQuoteItemInput {
text-align: center;
}
.btQuoteBooking .btQuoteItem .fancy-select .trigger {
text-align: left;
color: #b4b4b4;
}
.btQuoteBooking .btQuoteItem .fancy-select .trigger.selected {
color: #333;
}
/* Standard fields */
.btQuoteBooking input[type="text"],
.btQuoteBooking input[type="email"],
.btQuoteBooking input[type="password"],
.btQuoteBooking textarea,
.btQuoteBooking .fancy-select .trigger {
width: 100%;
display: block;
line-height: 2;
min-height: 38px;
padding: 0 12px;
background-color: transparent;
border: 1px solid rgba(0,0,0,.15);
font-family: inherit;
font-weight: inherit;
font-size: inherit;
transition: all 380ms ease;
transition: all 380ms ease;
transition: all 380ms ease;
color: #000;
outline: none;
}
.btQuoteBooking .btQuoteItem textarea {
resize: vertical;
font-size: inherit;
color: #000;
padding: 0 12px 0 12px;
min-height: 160px;
}
.btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText {
transition: all 380ms ease;
transition: all 380ms ease;
transition: all 380ms ease;
min-height: 38px;
}
.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText,
.btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText {
transition: all 380ms ease;
transition: all 380ms ease;
transition: all 380ms ease;
box-shadow: 5px 0 0 #FF0000 inset,0 2px 10px rgba(0,0,0,.2);
box-shadow: 5px 0 0 #FF0000 inset,0 2px 10px rgba(0,0,0,.2);
min-height: 38px;
}
/* Float clears */
.btQuoteBooking .btQuoteItem:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
/* Slider */
.btQuoteWrapper {
position: relative;
padding: 0 17px;
}
.btQuoteWrapper:before {
transition: all 380ms ease;
transition: all 380ms ease;
transition: all 380ms ease;
}
.btQuoteWrapper:after {
content: ' ';
clear: both;
width: 100%;
display: table;
}
.btQuoteBooking .ui-slider {
position: relative;
text-align: left;
border: 0;
}
.btQuoteBooking .ui-slider:hover {
border: 0;
box-shadow: none;
box-shadow: none;
}
.btQuoteWrapper:before {
content: ' ';
display: block;
position: absolute;
height: 20px;
left: 0;
right: 0;
top: 50%;
margin: -8px 0 0;
border-radius: 10px;
}
.btLightSkin .btQuoteWrapper:before,
.btDarkSkin .btLightSkin .btQuoteWrapper:before,
.btLightSkin .btDarkSkin .btLightSkin .btQuoteWrapper:before {
border: 1px solid rgba(0,0,0,.15);
}
.btDarkSkin .btQuoteWrapper:before,
.btLightSkin .btDarkSkin .btQuoteWrapper:before,
.btDarkSkin.btLightSkin .btDarkSkin .btQuoteWrapper:before {
border: 1px solid rgba(255,255,255,.1);
}
/* Slider hover state */
.btQuoteBooking .btQuoteWrapper:hover:before {
box-shadow: 0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 1px 5px rgba(0,0,0,.2);
transition: all 380ms ease;
transition: all 380ms ease;
transition: all 380ms ease;
}
/* Slider handle */
.btQuoteBooking .ui-slider .ui-slider-handle {
display: block;
position: absolute;
z-index: 2;
min-width: 38px;
height: 38px;
touch-action: none;
touch-action: none;
background: #FF0000;
cursor: w-resize;
cursor: grab;
cursor: grab;
border-radius: 50%;
box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset;
box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset;
transition: all 190ms ease;
transition: all 190ms ease;
transition: all 190ms ease;
}
.btQuoteBooking .btQuoteSliderValue {
min-width: 34px;
height: 38px;
line-height: 38px;
padding: 0 2px;
font-size: 11px;
font-weight: 700;
color: #FFF;
text-align: center;
display: block;
}
/* Slider hover state */
.btQuoteBooking .ui-slider .ui-slider-handle.ui-state-hover {
box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset;
box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset;
}
/* Slider range */
.btQuoteBooking .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-handle,
.btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
filter: inherit;
}
/* Slider horizontal */
.btQuoteBooking .ui-slider-horizontal {
height: 20px;
margin-top: 10px;
cursor: pointer;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-handle {
top: -10px;
margin-left: -18px;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.btQuoteBooking .ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
/* Slider vertical */
.btQuoteBooking .ui-slider-vertical {
min-width: 34px;
height: 100px;
}
.btQuoteBooking .ui-slider-vertical .ui-slider-handle {
left: 0;
margin-left: 0;
margin-bottom: -18px;
}
.btQuoteBooking .ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.btQuoteBooking .ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.btQuoteBooking .ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/* Total value */
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
font-weight: bold;
padding: 0;
text-align: right;
color: #FFF;
background: #FF0000;
line-height: 1.8;
display: block;
width: 100%;
float: left;
}
.btQuoteBooking .btQuoteTotalText {
margin-right: 1em;
}
/* Total currency */
.btQuoteBooking .btQuoteTotalCurrency {
font-size: 22px;
line-height: 1.8;
display: inline-block;
background: rgba(0,0,0,.25);
padding: 5px 3px 5px 20px;
}
.btQuoteBooking .btQuoteTotalCalc {
opacity: 1;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
font-size: 22px;
line-height: 1.8;
display: inline-block;
background: rgba(0,0,0,.25);
padding: 5px 20px 5px 3px;
}
/* Options */
.btQuoteBooking .btQuoteItem ul.options {
text-align: left;
}
/* Contact form */
.btQuoteBooking .btQuoteContact {
margin: 0 -10px 0 -10px;
}
/* Contact form item */
.btQuoteBooking .btQuoteContact .btQuoteItem {
padding: 0 10px;
float: left;
width: 50%;
}
/* Form split in two columns */
.btQuoteBooking .btQuoteContact .btQuoteItem:nth-child(odd) {
clear: left;
}
/* Form full width item */
.btQuoteBooking .btQuoteItem.btQuoteItemFullWidth {
float: none;
width: auto;
}
/* Form button */
.btQuoteBooking .btQuoteContact .boldBtn {
clear: left;
margin: 0;
text-align: center;
white-space: normal;
}
/* Mandatory fields */
/*
.btQuoteBooking .btContactFieldMandatory input, .btQuoteBooking .btContactFieldMandatory textarea {
border: 1px solid #AAA;
box-shadow: 0 0 0 1px #AAA inset;
-webkit-transition: all 380ms ease;
transition: all 380ms ease;
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText {
border: 1px solid #AAA;
box-shadow: 0 0 0 1px #AAA inset;
}
.btQuoteBooking .btContactFieldMandatory input:hover, .btQuoteBooking .btContactFieldMandatory textarea:hover {
box-shadow: 0 0 0 1px #AAA inset, 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius:hover .ddTitleText {
box-shadow: 0 0 0 1px #AAA inset, 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking .btContactFieldMandatory input:focus, .btQuoteBooking .btContactFieldMandatory textarea:focus {
box-shadow: 0 0 0 1px #AAA inset, 5px 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
.btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadiusTp .ddTitleText {
box-shadow: 0 0 0 1px #AAA inset, 5px 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2);
}
*/
/* Error fields validation */
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea {
border: 1px solid #FF0000;
box-shadow: 0 0 0 1px #FF0000 inset;
box-shadow: 0 0 0 1px #FF0000 inset;
transition: all 380ms ease;
transition: all 380ms ease;
transition: all 380ms ease;
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius .ddTitleText {
border: 1px solid #FF0000;
box-shadow: 0 0 0 1px #FF0000 inset;
box-shadow: 0 0 0 1px #FF0000 inset;
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input:hover,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:hover {
box-shadow: 0 0 0 1px #FF0000 inset,0 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #FF0000 inset,0 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius:hover .ddTitleText {
box-shadow: 0 0 0 1px #FF0000 inset,0 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #FF0000 inset,0 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus,
.btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus {
box-shadow: 0 0 0 1px #FF0000 inset,5px 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #FF0000 inset,5px 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
}
.btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadiusTp .ddTitleText {
box-shadow: 0 0 0 1px #FF0000 inset,5px 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px #FF0000 inset,5px 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
}
/* Submit query message */
.btQuoteBooking .btSubmitMessage {
color: #FF0000;
font-weight: 600;
text-align: center;
line-height: 30px;
height: 30px;
}
/* Date picker */
.btDatePicker {
z-index: 10000 !important;
width: 300px;
}
.btDatePicker table th,
.btDatePicker table td {
border: 1px solid #e0e0e0;
}
.btDatePicker .ui-datepicker-header {
display: block;
padding: 10px;
overflow: hidden;
background-color: #FF0000;
color: #FFF;
}
.btDatePicker table.ui-datepicker-calendar {
width: 100%;
text-align: center;
border-collapse: collapse;
margin: 0;
padding: 0;
line-height: 1.2;
background-color: #f2f2f2;
}
/* Datepicker header, day names */
.btDatePicker table.ui-datepicker-calendar th {
padding: 10px 8px;
font-size: 14px;
font-weight: 600;
color: #333;
text-align: center;
}
/* Datepicker prev/next */
.btDatePicker a.ui-datepicker-prev,
.btDatePicker a.ui-datepicker-next {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 1;
background-color: #FFF;
padding: 2px 4px;
text-transform: uppercase;
cursor: pointer;
}
.btDatePicker a.ui-datepicker-prev {
float: left;
}
.btDatePicker a.ui-datepicker-next {
float: right;
}
/* Prev / Next hover state */
.btDatePicker a.ui-datepicker-prev:hover,
.btDatePicker a.ui-datepicker-next:hover {
color: #bbb;
transition: all 200ms ease;
transition: all 200ms ease;
transition: all 200ms ease;
}
/* Datepicker title */
.btDatePicker .ui-datepicker-title {
text-align: center;
font-size: 14px;
line-height: 1.1;
font-weight: 600;
color: #FFF;
}
/* Datepicker DIV */
.btDatePicker#ui-datepicker-div {
background-color: #f2f2f2;
border: 1px solid rgba(0,0,0,.15);
box-shadow: 0 2px 10px rgba(0,0,0,.2);
box-shadow: 0 2px 10px rgba(0,0,0,.2);
margin-top: 1px;
}
/* Datepicker day */
.btDatePicker .ui-datepicker-calendar td {
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: .3em;
text-align: center;
}
/* Datepicker day link */
.btDatePicker table.ui-datepicker-calendar td a {
color: #666;
width: 18px;
height: 18px;
line-height: 18px;
transition: all 200ms ease;
transition: all 200ms ease;
transition: all 200ms ease;
}
/* Datepicker active state */
.btDatePicker table.ui-datepicker-calendar td a.ui-state-active {
font-weight: bold;
transition: all 200ms ease;
transition: all 200ms ease;
transition: all 200ms ease;
}
/* Datepicker hover state */
.btDatePicker table td:hover {
cursor: pointer;
}
.btDatePicker table td:hover {
background: #e0e0e0;
transition: all 200ms ease;
transition: all 200ms ease;
transition: all 200ms ease;
}
/* Styled select */
.btQuoteBooking .btDropDown .dd {
position: relative;
}
.btQuoteBooking .ddChild {
position: absolute;
left: 0 !important;
right: 0 !important;
margin: -1px 0 0;
}
.btQuoteBooking .ddChild {
position: absolute !important;
}
/* Select submenu items */
.btQuoteBooking .ddChild {
background-color: #fff;
border: 1px solid #999;
overflow-y: auto;
}
.btQuoteBooking .ddChild ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
.btQuoteBooking .ddChild ul li {
display: table;
width: 100%;
min-height: 38px;
margin: 0;
padding: 0 37px 0 0;
cursor: pointer;
line-height: 1.2;
border-top: 1px solid rgba(0,0,0,.1);
color: #000;
transition: all 200ms ease;
transition: all 200ms ease;
transition: all 200ms ease;
}
.btQuoteBooking .ddChild ul li span {
display: block;
padding: 0 12px;
line-height: 2;
}
.btQuoteBooking .ddChild ul li span.description {
line-height: 1.5;
margin-top: -.3em;
margin-bottom: .3em;
}
/* Item hover state */
.btQuoteBooking .ddChild ul li:hover,
.btQuoteBooking .ddChild ul li.selected:hover {
color: #666;
background: rgba(0,0,0,.05);
transition: all 200ms ease;
transition: all 200ms ease;
transition: all 200ms ease;
}
/* First item disabled state */
.btQuoteBooking .ddChild ul li:first-child,
.btQuoteBooking .ddChild ul li:first-child:hover {
border-top: none;
color: #666;
background: none;
}
.btQuoteBooking .ddOutOfVision {
position: absolute;
height: 0;
width: 0;
overflow: hidden;
}
/* Styled menu itself */
.btQuoteBooking .ddItem {
display: table;
width: 100%;
margin: 1px 0 0;
padding: 0;
font-size: 14px;
line-height: 1.1;
}
/* Styled menu label */
.btQuoteBooking .ddTitleText {
display: table;
width: 100%;
}
.btQuoteBooking .ddTitleText span,
.btQuoteBooking .ddChild ul li span {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.btQuoteBooking .ddTitleText span span,
.btQuoteBooking .ddChild ul li span span,
.btQuoteBooking .ddChild ul li:hover span span,
.btQuoteBooking .ddChild ul li.selected:hover span span {
display: block;
font-size: 12px;
padding: 0;
color: #555;
transition: all 200ms ease;
transition: all 200ms ease;
transition: all 200ms ease;
}
.btQuoteBooking .ddChild span {
padding: 8px 12px;
}
.btQuoteBooking .ddTitleText span {
padding: 0 12px;
}
.btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText {
background-color: #fff;
border: 1px solid rgba(0,0,0,.15);
padding: 0 37px 0 0;
}
.btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText,
.btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText {
background-color: #fff;
border: 1px solid #999;
padding: 0 37px 0 0;
}
/* Select item description */
.btQuoteBooking .ddlabel,
.btQuoteBooking .description {
width: 100%;
}
.btNotSelected {
min-height: 38px;
}
.btNotSelected .ddlabel {
touch-callout: none;
user-select: none;
user-select: none;
user-select: none;
user-select: none;
user-select: none;
}
/* Photo in select */
.btQuoteBooking .ddTitleText .ddImage,
.btQuoteBooking .ddChild ul li .ddImage {
text-align: center;
padding: 12px;
padding-right: 0;
}
.btQuoteBooking .ddTitleText .ddImage img,
.btQuoteBooking .ddChild ul li .ddImage img {
display: block;
width: auto;
max-width: none !important;
}
/* Nothing selected state */
.btQuoteBooking .ddTitleText.btNotSelected .ddlabel {
color: #a9a9a9;
}
/* Selected state */
.btQuoteBooking .ddTitleText .ddlabel {
width: 100%;
line-height: 2;
color: #000;
}
.btQuoteBooking .ddTitleText .ddlabel .description {
line-height: 1.5;
margin-top: -.3em;
margin-bottom: .3em;
}
.btQuoteBooking .ddTitle {
position: relative;
cursor: pointer;
}
/* Styled select arrow */
.btQuoteBooking .ddTitle .arrow {
display: block;
position: absolute;
right: 10px;
top: 50%;
margin-top: -2px;
}
/* Arrow itself */
.btQuoteBooking .ddTitle .arrow:before {
content: ' ';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid rgba(0,0,0,.15);
display: block;
}
/* Submit button */
.btQuoteBooking .btContactSubmit {
font-family: "Montserrat";
cursor: pointer;
background-color: #FF0000;
color: #fff;
padding: .5em 2em;
font-weight: 700;
font-size: 1.1em;
opacity: 1;
border: 1px solid #FF0000;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
transition: all 300ms ease;
transition: all 300ms ease;
transition: all 300ms ease;
text-transform: uppercase;
border-radius: 15px;
}
.btQuoteBooking .btContactSubmit:focus {
outline: 0;
}
/* Submit hover state */
.btQuoteBooking .btContactSubmit:hover {
background-color: transparent;
color: #FF0000;
}
/* Tablets screen */
@media (max-width: 1024px) {
.btQuoteBooking .btQuoteContact .btQuoteItem {
float: none;
width: auto;
}
.btQuoteBooking .btTotalQuoteContactGroup.btActive {
max-height: 1000px;
}
.btQuoteBooking .btQuoteContact {
margin-left: -10px;
}
}
/* Larger smartphones screen */
@media (max-width: 650px) {
.btQuoteBooking .btQuoteItem label {
display: block;
float: none;
margin: 0 0 8px;
width: auto;
}
.btQuoteBooking .btQuoteItem {
margin: 0 0 20px;
padding: 0;
}
}
/* Small smartphones screen */
@media (max-width: 440px) {
.btQuoteBooking .ddTitleText .ddImage img,
.btQuoteBooking .ddChild ul li .ddImage img {
display: block;
width: auto;
margin: 0 auto;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper {
padding: 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .boldBtn {
transition: all 400ms ease;
transition: all 400ms ease;
transition: all 400ms ease;
height: 60px;
overflow: hidden;
padding-top: 10px;
}
.btQuoteBooking .btQuoteBookingForm .boldBtn {
display: block;
width: 100%;
float: none;
text-align: center;
margin: 0;
height: 0;
transition: all 400ms ease;
transition: all 400ms ease;
transition: all 400ms ease;
clear: both;
overflow: hidden;
padding: 0;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal,
.btQuoteBooking .btQuoteBookingForm .btQuoteTotal {
display: block;
width: 100%;
float: none;
margin-bottom: 20px;
height: 50px;
}
.btQuoteBooking .btQuoteBookingForm.btActive .btContactNext,
.btQuoteBooking .btQuoteBookingForm .btContactNext {
transform: none;
transform: none;
transform: none;
transform: none;
opacity: 1;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
margin-left: auto;
}
.btQuoteBooking .btContactBack,
.btQuoteBooking .btContactSubmit {
margin: 0 auto 20px auto;
clear: both;
display: block;
}
.btPayPalButton {
margin: 0 !important;
float: none;
}
}
/* placeholder */
.btQuoteBooking *::input-placeholder {
font-family: inherit;
color: #a9a9a9;
}
.btQuoteBooking *:placeholder {
font-family: inherit;
color: #a9a9a9;
}
.btQuoteBooking *::placeholder {
font-family: inherit;
color: #a9a9a9;
}
.btQuoteBooking *:input-placeholder {
font-family: inherit;
color: #a9a9a9;
}
/* reCAPTCHA */
.btQuoteBooking .g-recaptcha {
margin-bottom: 30px;
}
.btQuoteBooking .g-recaptcha > div > div {
margin: auto;
}
/* PayPal */
.btPayPalButton {
display: inline-block;
margin: 0 0 0 30px;
background: transparent;
border: rgba(0,0,0,.15) 2px solid;
margin-right: -100%;
width: 130px;
height: 49px;
cursor: pointer;
transition: box-shadow 380ms ease;
transition: box-shadow 380ms ease;
transition: box-shadow 380ms ease;
background-position: center center;
background-size: 70%;
background-repeat: no-repeat;
}
.btPayPalButton:hover {
box-shadow: 0 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 #FF0000 inset,0 1px 5px rgba(0,0,0,.2);
}
.btPayPalForm {
width: 0;
height: 0;
overflow: hidden;
}
@media (max-width: 1199px) {
.gutter .port {
width: 100%;
max-width: none;
padding-left: 30px;
padding-right: 30px;
}
.slick-slider:not(.bclPort) .slick-list {
margin: 0;
}
.slick-slider:not(.bclPort) .slick-list .slick-track .slick-slide .btSliderPort .btSliderCell .btSlideGutter {
max-width: none;
}
.boldSection:not(.gutter) .btSlidePane {
padding-left: 30px;
padding-right: 30px;
}
.btWithSidebar.btSidebarRight .btSidebar {
padding-right: 20px;
padding-left: 0;
}
.btWithSidebar.btSidebarLeft .btSidebar {
padding-left: 20px;
padding-right: 0;
}
.btWithSidebar .btContent {
padding: 0;
}
.btWithSidebar .btSidebar .btSearchInnerContent.port {
padding: 0;
}
.btSearchInner.btFromTopBox .btSearchInnerClose {
right: 30px;
}
.btMenuVerticalRight .btVerticalMenuTrigger {
margin: 0;
}
.boldClientList {
margin-left: 30px;
margin-right: 30px;
}
.boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs a {
width: 25px;
}
.boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsPrev {
margin-left: -30px;
}
.boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsPrev a:after {
border-left: none;
}
.btHardRoundedButtons .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsPrev a:after {
border-radius: 0 50px 50px 0;
}
.btSoftRoundedButtons .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsPrev a:after {
border-radius: 0 3px 3px 0;
}
.boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsNext {
margin-right: -30px;
}
.boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsNext a:after {
border-right: none;
}
.btHardRoundedButtons .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsNext a:after {
border-radius: 50px 0 0 50px;
}
.btSoftRoundedButtons .boldSection:not(.gutter) .btCarouselSmallNav.boldClientList .nbs.nsNext a:after {
border-radius: 3px 0 0 3px;
}
}
@media (max-width: 1199px) {
.slidedVariable .slick-list {
z-index: 1;
}
.widget_shopping_cart .buttons .button {
width: 100%;
}
.widget_shopping_cart .buttons .button.checkout {
margin-top: 10px;
}
.widget_price_filter .price_slider_amount .button {
float: none;
width: 100%;
}
.slided .nbs a {
width: 80px;
height: 80px;
}
.slided .nbs a:before {
font-size: 54px;
}
}
@media (min-width: 1025px) and (max-width: 1160px) {
body.btMenuHorizontal .menuPort > nav > ul > li {
margin: 0 25px 0 0;
}
}
@media (max-width: 992px) {
/* Grid related */
.btHighlight > .rowItemContent {
margin-bottom: 1em;
}
/* Horizontal padding */
.rowItem.btDoublePadding .rowItemContent {
padding: 0 20px;
}
.btArticleListItem {
margin-bottom: 40px;
}
.btArticleListItem .btArticleFooter .btReadArticle,
.btArticleListItem .btArticleFooter .btShareArticle {
text-align: center;
}
.btArticleListItem .btArticleFooter .btShareArticle {
padding-bottom: 1em;
}
.btArticleListItem .btArticleFooter .shareRowItem,
.btArticleListItem .btArticleFooter .tagsRowItem {
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
}
.btArticleListItem .btArticleFooter .shareRowItem .btTags ul li,
.btArticleListItem .btArticleFooter .tagsRowItem .btTags ul li {
float: none;
}
.rowItem.btFooterMenu.btTextRight {
text-align: left;
}
.rowItem.btFooterMenu.btTextRight ul.menu {
text-align: left;
clear: left;
}
.btSiteFooter .port .btFooterCopy {
padding-bottom: .8em;
}
.horizontalPosts.btLatestPostsContainer {
display: block;
}
.horizontalPosts.btLatestPostsContainer .btSingleLatestPost {
margin: 2.2em 0 0;
}
.horizontalPosts.btLatestPostsContainer .btSingleLatestPost:first-child {
margin-top: 0;
}
.neighboringArticles .btTextRight {
padding-top: 10px;
position: relative;
}
.neighboringArticles .btTextRight:before {
height: 1px;
display: block;
position: absolute;
top: 0;
content: ' ';
left: 20px;
right: 20px1;
}
.btLightSkin .neighboringArticles .btTextRight:before,
.btDarkSkin .btLightSkin .neighboringArticles .btTextRight:before,
.btLightSkin .btDarkSkin .btLightSkin .neighboringArticles .btTextRight:before {
background-color: #333;
}
.btDarkSkin .neighboringArticles .btTextRight:before,
.btLightSkin .btDarkSkin .neighboringArticles .btTextRight:before,
.btDarkSkin.btLightSkin .btDarkSkin .neighboringArticles .btTextRight:before {
background-color: #fff;
}
.slided .nbs a {
width: 64px;
height: 64px;
}
.slided .nbs a:before {
font-size: 40px;
}
.slided .nbs a:after {
border-width: 2px;
}
body:not(.btPageTransitions).fullScreenHeight {
height: auto;
}
.btSiteFooterWidgets .btIconWidgetContent {
width: 100%;
}
.btSiteFooterWidgets .btIconWidgetContent ul.cart_list {
width: 100%;
}
.btFrame,
.btFrameNoTopBorder {
border-width: 2em;
}
}
@media (min-width: 480px) and (max-width: 992px) {
.btSiteFooterWidgets .btIconWidgetContent ul.cart_list .ppTxt {
font-size: 1.4em;
}
}
@media (max-width: 768px) {
.btContent,
.btSidebar {
width: auto;
float: none;
}
.btWithSidebar.btSidebarLeft .btSidebar,
.btWithSidebar.btSidebarRight .btSidebar {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
float: none;
}
.btWithSidebar.btSidebarLeft .btContent,
.btWithSidebar.btSidebarRight .btContent {
float: none;
}
.btGhost .btSlidePane .btArticleMeta {
display: none;
}
.portfolioItem .btTextRight .btArticleMeta {
text-align: left;
}
.btGoogleMapsWrapper .btGoogleMapsContainer,
.btGoogleMapsWrapper .btGoogleMapsContainer.btGoogleMapsContainerWithContent {
height: 400px !important;
position: relative;
}
.btGoogleMapsWrapper .btGoogleMapsContent {
position: relative;
clear: both;
width: auto !important;
margin: 30px !important;
right: 0 !important;
left: 0 !important;
top: 0 !important;
padding: 2em 0;
}
.btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap {
width: 100%;
float: none;
position: relative;
}
.tabsHeader {
width: 100%;
}
.tabsHeader li {
float: none;
width: 100%;
}
.tabsHeader li a,
.tabsHeader li span {
display: block;
}
.btCatFilter {
padding: 1em 30px 1.3em;
}
.btCatFilter .btCatFilterTitle {
display: block;
}
.btCatFilter .btCatFilterItem {
padding: .4em .7em 0;
}
.topExtraSpaced {
padding-top: 10em;
}
.bottomExtraSpaced {
padding-bottom: 10em;
}
.topLargeSpaced {
padding-top: 8em;
}
.bottomLargeSpaced {
padding-bottom: 8em;
}
.topLargeSpaced {
padding-top: 6em;
}
.bottomLargeSpaced {
padding-bottom: 6em;
}
.topSpaced {
padding-top: 6em;
}
.bottomSpaced {
padding-bottom: 6em;
}
.topSemiSpaced {
padding-top: 3em;
}
.bottomSemiSpaced {
padding-bottom: 3em;
}
}
@media (max-width:620px) {
.btHasAuthorInfo .btArticleListBody {
padding-left: 0;
clear: both;
}
.btHasAuthorInfo .articleSideGutter {
position: relative;
left: 0;
width: auto;
padding-bottom: .5em;
}
.btHasAuthorInfo .asgItem.avatar {
width: 45px;
float: left;
}
.slided .nbs a {
width: 48px;
height: 48px;
}
.slided .nbs a:before {
font-size: 30px;
}
.slided .nbs a:after {
border-width: 1px;
}
.neighboringArticles .nbs a .nbsImage {
width: 94px;
height: 94px;
}
.neighboringArticles .nbs a .nbsItem .nbsTitle {
font-size: 18px;
}
.neighboringArticles .nbs a .nbsItem .nbsDir {
font-size: 10px;
}
}
@media(max-width: 520px) {
.btCommentsBox .vcard {
flex-flow: row wrap;
flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
flex-pack: start;
justify-content: flex-start;
align-items: flex-start;
flex-align: start;
align-items: flex-start;
padding: 0 0 15px;
}
.btCommentsBox .vcard h5.author {
flex: 1 1 100%;
flex: 1 1 100%;
flex: 1 1 100%;
}
.btCommentsBox .vcard .posted {
padding: 0;
margin-top: 5px;
text-align: left;
}
.btCommentsBox ul.comments ul.children {
padding: 0;
}
.btCommentsBox ul.comments ul.children li.comment {
padding: 0;
border-top: none !important;
}
.btCommentsBox ul.comments ul.children li.comment article {
position: relative;
padding: 0;
}
.btLightSkin .btCommentsBox ul.comments ul.children li.comment article,
.btDarkSkin .btLightSkin .btCommentsBox ul.comments ul.children li.comment article,
.btLightSkin .btDarkSkin .btLightSkin .btCommentsBox ul.comments ul.children li.comment article {
background-color: rgba(0,0,0,.055);
}
.btDarkSkin .btCommentsBox ul.comments ul.children li.comment article,
.btLightSkin .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article,
.btDarkSkin.btLightSkin .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article {
background-color: rgba(255,255,255,.055);
}
.btCommentsBox ul.comments ul.children li.comment article:after {
content: '\f148';
display: block;
position: absolute;
width: 24px;
height: 24px;
font: normal 16px/24px FontAwesome;
vertical-align: middle;
text-align: center;
}
.btLightSkin .btCommentsBox ul.comments ul.children li.comment article:after,
.btDarkSkin .btLightSkin .btCommentsBox ul.comments ul.children li.comment article:after,
.btLightSkin .btDarkSkin .btLightSkin .btCommentsBox ul.comments ul.children li.comment article:after {
background-color: #fff;
}
.btDarkSkin .btCommentsBox ul.comments ul.children li.comment article:after,
.btLightSkin .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article:after,
.btDarkSkin.btLightSkin .btDarkSkin .btCommentsBox ul.comments ul.children li.comment article:after {
background-color: #232323;
}
.btCommentsBox ul.children {
margin: 0;
}
.btMenuItem .btMenuItemImage {
flex: 0 0 60px;
flex: 0 0 60px;
flex: 0 0 60px;
}
.btAboutAuthor {
display: block;
width: auto;
}
.btAboutAuthor .aaAvatar {
display: block;
width: auto;
max-width: 150px;
margin: 0 auto 20px;
}
.btAboutAuthor .aaTxt {
display: block;
padding: 0;
margin: 0 0 10px;
text-align: center;
}
}
@media (max-width: 1400px) {
/* Typography breakpoint start 1350 */
.header.huge h1,
.header.huge h2,
.header.huge h3,
.header.huge h4,
.header.huge h5,
.header.huge h6,
.header.huge h7,
.header.huge h8 {
font-size: 6em;
padding-bottom: .15em;
}
.header.huge .btSuperTitle {
font-size: 1em;
}
.header.huge .btSubTitle {
font-size: 1.25em;
line-height: 1.6;
}
.header.huge .dash:after {
margin-top: .5em;
margin-bottom: .7em;
}
.header.extralarge h1,
.header.extralarge h2,
.header.extralarge h3,
.header.extralarge h4,
.header.extralarge h5,
.header.extralarge h6,
.header.extralarge h7,
.header.extralarge h8 {
font-size: 3em;
padding-bottom: .4em;
}
.header.extralarge .btSuperTitle {
font-size: .9em;
margin-bottom: .4em;
}
.header.extralarge .btSubTitle {
font-size: 1.1em;
margin-bottom: .5em;
}
.header.extralarge .dash:after {
border-width: 4px !important;
margin-bottom: 1.2em;
}
.btCounterHolder {
font-size: 2.5em;
}
.btCounterHolder.btCounterLargeSize {
font-size: 4em;
}
/* /Typography breakpoint */
}
@media (max-width: 1199px) {
/* Typography breakpoint start 1199 */
body {
font-size: 14px;
}
.header.huge h1,
.header.huge h2,
.header.huge h3,
.header.huge h4,
.header.huge h5,
.header.huge h6,
.header.huge h7,
.header.huge h8 {
font-size: 4em;
padding-bottom: .15em;
}
.header.huge .btSuperTitle {
font-size: 1em;
}
.header.huge .btSubTitle {
font-size: 1.25em;
line-height: 1.6;
}
.header.huge .dash:after {
margin-top: .5em;
margin-bottom: .7em;
}
/* /Typography breakpoint */
}
@media (max-width: 768px) {
/* Typography breakpoint start 768 */
body {
font-size: 14px;
}
/* Typography breakpoint */
}
@media (max-width: 992px) {
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals {
float: none;
width: 100%;
display: block;
}
.woocommerce ul.products li.product {
width: 50% !important;
}
.woocommerce ul.products li.product:nth-child(odd) {
clear: left;
}
.woocommerce ul.products li.first {
clear: none !important;
}
.woocommerce-cart table.cart td.actions .coupon {
float: none;
min-width: 0;
margin: 0 0 1em;
}
.woocommerce-cart input[name="update_cart"] {
float: none;
display: block;
}
.woocommerce div.product form.cart .quantity,
.woocommerce-page div.product form.cart .quantity {
margin-bottom: 2em;
}
.woocommerce div.product form.cart .quantity .qty,
.woocommerce-page div.product form.cart .quantity .qty {
width: 5em;
margin-right: .7em;
}
}
@media (max-width: 620px) {
.woocommerce #content table.cart td.actions .button.alt,
.woocommerce #content table.cart td.actions .input-text + .button,
.woocommerce table.cart td.actions .button.alt,
.woocommerce table.cart td.actions .input-text + .button,
.woocommerce-cart #content table.cart td.actions .button.alt,
.woocommerce-cart #content table.cart td.actions .input-text + .button,
.woocommerce-cart table.cart td.actions .button.alt,
.woocommerce-cart table.cart td.actions .input-text + .button {
float: none;
}
.woocommerce .cart .actions input[type="submit"].button,
.woocommerce-cart .cart .actions input[type="submit"].button {
float: none;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-cart form .form-row-first,
.woocommerce-cart form .form-row-last {
float: none;
width: auto;
}
.woocommerce p.lost_password,
.woocommerce-cart p.lost_password {
float: none;
margin: 1em 0 0;
clear: left;
}
.woocommerce p.form-row:not(.form-row-wide),
.woocommerce-cart p.form-row:not(.form-row-wide) {
float: none;
}
.woocommerce .woocommerce-ordering,
.woocommerce-cart .woocommerce-ordering {
float: none;
margin: .75em 0 0;
}
.woocommerce .woocommerce-ordering .fancy-select,
.woocommerce-cart .woocommerce-ordering .fancy-select {
width: auto;
margin: 0 0 30px;
}
.woocommerce .woocommerce-result-count,
.woocommerce-cart .woocommerce-result-count {
float: none;
margin: 0;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-cart #content table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions .coupon {
float: none;
margin: 0 0 1em;
}
.woocommerce .commentTxt .star-rating,
.woocommerce-cart .commentTxt .star-rating {
margin: 4px 0 8px 0;
clear: right;
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-cart #content table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions .coupon {
float: none;
}
.woocommerce > form,
.woocommerce-cart > form {
display: block;
position: relative;
margin: 0 0 1em;
}
.woocommerce table.shop_table_responsive,
.woocommerce-cart table.shop_table_responsive {
display: block;
margin: 0;
}
.woocommerce table.shop_table_responsive tbody th,
.woocommerce table.shop_table_responsive thead,
.woocommerce table.shop_table_responsive .product-thumbnail,
.woocommerce-cart table.shop_table_responsive tbody th,
.woocommerce-cart table.shop_table_responsive thead,
.woocommerce-cart table.shop_table_responsive .product-thumbnail {
display: none;
}
.woocommerce table.shop_table_responsive tbody,
.woocommerce-cart table.shop_table_responsive tbody {
display: block;
width: 100% !important;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce table.shop_table_responsive th,
.woocommerce-cart table.shop_table_responsive tr,
.woocommerce-cart table.shop_table_responsive th {
display: block;
width: 100% !important;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce table.shop_table_responsive th td,
.woocommerce-cart table.shop_table_responsive tr td,
.woocommerce-cart table.shop_table_responsive th td {
display: block;
width: 100% !important;
clear: left;
word-break: break-word;
}
.woocommerce table.shop_table_responsive tr td.product-remove,
.woocommerce table.shop_table_responsive th td.product-remove,
.woocommerce-cart table.shop_table_responsive tr td.product-remove,
.woocommerce-cart table.shop_table_responsive th td.product-remove {
padding: .5em;
text-align: center;
}
.woocommerce table.shop_table_responsive tr td:not(.product-remove):not(.actions):before,
.woocommerce table.shop_table_responsive th td:not(.product-remove):not(.actions):before,
.woocommerce-cart table.shop_table_responsive tr td:not(.product-remove):not(.actions):before,
.woocommerce-cart table.shop_table_responsive th td:not(.product-remove):not(.actions):before {
content: attr(data-title) ": ";
font-weight: 700;
}
.woocommerce table.shop_table_responsive .coupon #coupon_code,
.woocommerce table.shop_table_responsive .coupon .input-text + .button,
.woocommerce-cart table.shop_table_responsive .coupon #coupon_code,
.woocommerce-cart table.shop_table_responsive .coupon .input-text + .button {
float: none;
clear: both;
display: block;
margin: 0 0 10px;
min-width: 0;
width: 100%;
}
.woocommerce table.shop_table_responsive .button[name="update_cart"],
.woocommerce-cart table.shop_table_responsive .button[name="update_cart"] {
width: 100%;
}
.woocommerce table.shop_table_responsive td.actions:after,
.woocommerce-cart table.shop_table_responsive td.actions:after {
content: '';
display: table;
clear: both;
}
.woocommerce table.my_account_orders tr td.order-actions:before,
.woocommerce-cart table.my_account_orders tr td.order-actions:before {
display: none;
}
.woocommerce table.my_account_orders tr td.order-actions,
.woocommerce-cart table.my_account_orders tr td.order-actions {
text-align: left;
}
.woocommerce table.my_account_orders tr td.order-actions .button,
.woocommerce-cart table.my_account_orders tr td.order-actions .button {
float: none;
margin: .125em .25em .125em 0;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce-cart div.product div.images,
.woocommerce-cart div.product div.summary {
float: none;
width: 100%;
}
.woocommerce .lost_reset_password .form-row-first,
.woocommerce .lost_reset_password .form-row-last,
.woocommerce-cart .lost_reset_password .form-row-first,
.woocommerce-cart .lost_reset_password .form-row-last {
width: 100%;
float: none;
margin-right: 0;
}
.woocommerce-checkout form.login .form-row {
width: 100%;
float: none;
}
}
@media (max-width: 480px) {
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
position: relative;
}
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
float: none;
margin: -.45em 0 .8em .5em;
display: block;
text-align: center;
}
.woocommerce header.title .edit {
display: block;
float: left;
clear: left;
margin: 0 0 20px;
}
.woocommerce ul.products li.product {
width: 100% !important;
float: none;
clear: left;
}
.woocommerce ul.products li.product:after {
content: " ";
display: table;
width: 100%;
clear: both;
}
}
/* RTL support */
body.rtl {
direction: rtl;
unicode-bidi: embed;
}
body.rtl.btMenuHorizontal .topTools .btIconWidget:not(:first-child),
body.rtl.btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) {
margin-left: 0;
margin-right: .5em;
}
body.rtl .rowItem {
float: right;
}
.btNewsletterSubscription {
display: flexbox;
display: flex;
display: flex;
align-items: flex-start;
flex-align: start;
align-items: flex-start;
}
.btNewsletterSubscription .wpcf7-form-control-wrap {
flex-grow: 1;
flex-grow: 1;
}
.btSoftRoundedButtons .btNewsletterSubscription .wpcf7-form-control-wrap.your-email,
.btHardRoundedButtons .btNewsletterSubscription .wpcf7-form-control-wrap.your-email {
padding-right: 1em;
}
.btNewsletterSubscription .wpcf7-form-control-wrap input[type='email'] {
background: white;
border: none;
padding: 1.5em 2em;
font-size: 1em;
}
.btNewsletterSubscription .wpcf7-form-control-wrap input[type='email']:focus {
border: none;
}
.btNewsletterSubscription input[type='submit'] {
padding-top: initial;
padding-bottom: initial;
font-size: 1em;
}
.btInnerRowKeepHalfWidth {
width: 100%;
max-width: 580px;
float: right;
}
@media (min-width: 768px) {
.btRowKeepBottom {
position: absolute;
left: 0;
right: 0;
bottom: 3em;
}
}
/* page border */
@media (min-width: 1024px) {
body.btBorderedPage {
border: 2em solid white;
}
body.btBorderedPage.btStickyHeaderActive:before {
z-index: 9;
}
body.btBorderedPage.btMenuHorizontal.btStickyHeaderActive.btLightSkin:not(.btAccentDarkHeader) .mainHeader {
background-color: white;
box-shadow: none;
box-shadow: none;
top: 0;
}
body.btBorderedPage.btMenuVertical .menuPort {
box-shadow: none;
box-shadow: none;
margin-top: 2em;
}
body.btBorderedPage .btVerticalMenuTrigger {
margin-left: 0;
}
}
#btSettingsPanel {
position: fixed;
z-index: 999999;
left: 0;
top: 100px;
width: 350px;
background-color: rgba(0,0,0,.9);
transform: translateX(-350px);
transform: translateX(-350px);
transform: translateX(-350px);
transform: translateX(-350px);
transition: transform ease-in 300ms;
transition: transform ease-in 300ms;
transition: transform ease-in 300ms;
}
#btSettingsPanel.btSettingsPanelOpen {
transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
}
#btSettingsPanel.btSettingsPanelOpen #btSettingsPanelToggler:before {
transform: translateX(-4em);
transform: translateX(-4em);
transform: translateX(-4em);
transform: translateX(-4em);
color: white;
background-color: transparent;
box-shadow: none;
box-shadow: none;
}
#btSettingsPanel #btSettingsPanelContent {
padding: 1.5em;
}
#btSettingsPanel #btSettingsPanelContent .fancy-select .option {
color: #fff;
background-color: #232323;
}
#btSettingsPanel #btSettingsPanelContent:after {
content: " ";
display: table;
clear: both;
}
#btSettingsPanel #btSettingsPanelToggler {
cursor: pointer;
position: absolute;
right: -3em;
top: 1em;
width: 2em;
}
#btSettingsPanel #btSettingsPanelToggler:before {
display: block;
height: 2em;
line-height: 2em;
background-color: #eee;
box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
box-shadow: 0 0 20px 0 rgba(0,0,0,.6);
background-color: rgba(0,0,0,.9);
font-family: FontAwesome;
content: "\f013";
color: #FF0000;
text-align: center;
cursor: pointer;
transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
transform: translateX(0);
transition: all ease-out 150ms;
transition: all ease-out 150ms;
transition: all ease-out 150ms;
}
#btSettingsPanel h4 {
font-weight: 700;
background-color: #FF0000;
padding: 1em 1.5em;
line-height: 1em;
font-size: 1.3em;
}
#btSettingsPanel .btSettingsPanelRow {
padding: 0 0 1em;
}
#btSettingsPanel .btSettingsPanelRow h6 {
font-weight: 400;
font-size: 1em;
}
#btSettingsPanel .btSettingsPanelRow.btAccentColorRow {
width: 50%;
float: left;
padding-right: .5em;
}
#btSettingsPanel .btSettingsPanelRow.btAccentColorRow .trigger,
#btSettingsPanel .btSettingsPanelRow.btAccentColorRow select {
border-color: #FF0000;
}
#btSettingsPanel .btSettingsPanelRow.btAlternateColorRow {
width: 50%;
float: left;
padding-left: .5em;
}
#btSettingsPanel .btSettingsPanelRow.btAlternateColorRow .trigger,
#btSettingsPanel .btSettingsPanelRow.btAlternateColorRow select {
border-color: #ffc938;
}
@media (max-width: 1200px) {
.btSettingsMenuWidth,
.btSettingsPageWidth {
display: none;
}
}
/*# sourceMappingURL=style.crush.css.map */
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.