/*
Theme Name: KEF Concierge New
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
    1. Clean Base
    2. Base Typography
    3. Images
    4. Links
    5. Forms
    6. Tables
    7. Framework
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#000000; font-size:15px; font-family: 'Open Sans', sans-serif; font-weight:400; line-height:22px;}

h1, h2, h3, h4, h5, h6{ margin-bottom:65px; font-weight:300; text-align:center; display:table; position:relative; letter-spacing:0.05em;}
h1{ font-size:35px; line-height:38px; color:#000;}
h1:after{ content:""; border-bottom:1px solid #000; width:90%; height:1px; display:block; margin:23px auto 0 auto;}
h1:before{ content:""; width:23px; height:12px; background:#fff url(images/sprite-set.png) no-repeat -54px -9px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px;}
h2{ font-size:32px;}
h3{ font-size:28px;}
h4{ font-size:24px;}
h5{ font-size:22px;}
h6{ font-size:20px; text-transform:uppercase; line-height:26px;}
h6 strong{ font-weight:600;}

p{ color:#000000; font-size:16px; font-weight:400; line-height:30px; margin-bottom:20px;}
p strong{ font-weight:400;}

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:15px;  color:#000; font-weight:300; line-height:25px; padding:0 0 5px 0; list-style:outside circle;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; padding:10px 20px 0 30px; border-left:2px solid #000;}
blockquote p{ font-size:15px; font-weight:300; line-height:30px; margin-bottom:15px; position:relative; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#000; text-decoration:underline; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s;}
a:hover{color:#000; text-decoration:none; }
a:active, a.current {color: #e8941a;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:1px solid #dedede; padding:0 10px; box-sizing:border-box; color:#000; font-size:14px; height:32px; line-height:28px;}
textarea{ border:1px solid #dedede; padding:5px 10px; box-sizing:border-box; color:#000; font-size:14px; height:60px; resize:none;  font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; line-height:18px;}

input[type="submit"], input[type="button"], input[type="reset"]{ background:#666; cursor:pointer; color:#fff; border:none; height:30px; line-height:28px; display:block; font-size:15px;}
input[type="submit"]:hover, input[type="button"]:hover{ background:#666; color:#fff;}

/* 6. Tables
------------------------------------------------------------------------------*/
table{border-spacing: 0; border-collapse: collapse;}
td{text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%;padding-top: 0px;}
.container{ max-width:920px; padding:0 20px}

/* header */
header{ width:100%; height:55px;
    background: #464646;
    background: -moz-linear-gradient(top,  #464646 0%, #272324 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#272324));
    background: -webkit-linear-gradient(top,  #464646 0%,#272324 100%);
    background: -o-linear-gradient(top,  #464646 0%,#272324 100%);
    background: -ms-linear-gradient(top,  #464646 0%,#272324 100%);
    background: linear-gradient(to bottom,  #464646 0%,#272324 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#272324',GradientType=0 );
   left: 0;position: fixed;top: 0;width: 100%;z-index: 9999;}
header .logo{ float:left; margin:13px 0 0 0;}
header .logo img{ width:100%; height:auto; display:block;}



/* nav */
nav{ float:right; color:#fff; text-transform:uppercase; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:0.08em; margin:16px 0 0 0;}
nav .btn-nav{ text-decoration:none;}
nav .btn-nav span{color:#fff; text-transform:uppercase; text-decoration:none;}
nav .btn-nav em{ width:20px; height:17px; display:block; float:right; background:url(images/sprite-set.png) -10px -10px; margin:2px 0 0 13px;}
nav .btn-nav:hover em{ background-position:-30px -10px;}

nav .btn-nav.active em{background-position:-10px -36px;}
nav .btn-nav.active:hover em{background-position:-30px -36px;}

body .imp-fullscreen-tooltips-container {z-index: 9;}

/* dropdown block */
.dropdown-block{ display:none; background:#000; width:100%; height:auto; position:absolute; left:0; top:55px; z-index: 99999999;}
.dropdown-block .container{ padding:70px 20px 60px;}
.dropdown-block .desktop-nav{ display:block; width:100%;}
.dropdown-block .mobile-nav{ display:none;}
/* title */
.dropdown-block .desktop-nav ul{ margin:0; padding:0;}
.dropdown-block .desktop-nav ul li{ padding:0; margin:0 0 0 20px; list-style:none; float:left; max-width:168px; width:100%;}
.dropdown-block .desktop-nav ul li:first-child{ margin:0;}
.dropdown-block .desktop-nav ul li span{border-bottom:1px solid #f7e6ce; display:block; color:#f7e6ce; font-size:16px; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:0.08em; text-transform:uppercase; padding:0 0 15px 0; margin:0 0 18px 0;}
.dropdown-block .desktop-nav ul li span a{ color:#f7e6ce; text-decoration:none;}
.dropdown-block .desktop-nav ul li span a:hover{ text-decoration:underline;}
/* navigation */
.dropdown-block .desktop-nav ul li ul li{ width:100%; max-width:100%; margin:0 0 14px 0; padding:0; color:#fff; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; font-weight:300; letter-spacing:0.08em; font-size:14px; line-height:17px}
.dropdown-block .desktop-nav ul li ul li:first-child{ margin:0 0 15px 0;}
.dropdown-block .desktop-nav ul li ul li a{ color:#fff; text-decoration:none;}
.dropdown-block .desktop-nav ul li ul li a:hover{ text-decoration:underline;}

/* mobile frist lavel nav */
.mobile-nav ul{ margin:0; padding:0;}
.mobile-nav ul li{ font-size:16px; color:#fff; padding:0; margin:0; letter-spacing:0.08em; text-transform:uppercase; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; font-weight:400; width:100%; border-top:1px solid #f7e6ce; list-style:none; position:relative;}
.mobile-nav ul li:first-child{ border-top:none;}
.mobile-nav ul li a{ color:#fff; text-decoration:none; padding:18px 12px; display:block;}
.mobile-nav ul li em{ display:block; float:right; position:absolute; cursor:pointer; right:0; top:12px; width:40px; height:40px; background:url(images/sprite-set.png) no-repeat -1px -56px;}
.mobile-nav ul li.active em{ background-position:-32px -58px;}
/* mobile second lavel nav */
.mobile-nav ul li ul { margin:0; padding:0; display:none;}
.mobile-nav ul li ul li{color:#fff; border-top:1px solid #f7e6ce; font-size:15px; text-transform:none; font-weight:400; line-height:18px; position:relative;}
.mobile-nav ul li ul li:before{ content:""; width:15px; height:1px; left:0; bottom:-1px; background:#000; position:absolute; z-index:2; display:block;}
.mobile-nav ul li ul li:first-child{border-top:1px solid #f7e6ce;}
.mobile-nav ul li ul li:last-child:before{ display:none;}
.mobile-nav ul li ul li a{ color:#fff; padding:22px 10px 22px 40px;}
/* mobile thread lavel nav */
.mobile-nav ul li ul li ul{ margin:0; padding:8px 0; display:block !important; background:#3169af;}
.mobile-nav ul li ul li ul li{ background:#3169af; color:#fff; font-size:13px; text-transform:uppercase; }
.mobile-nav ul li ul li ul li a{ color:#fff; padding:3px 35px; }

/* footer */
footer{ width:100%; height:auto; background:#000; padding:72px 0 60px 0; border-top:1px solid #333;}
footer .block{ max-width:148px; width:100%; margin:0 0 0 17px; float:left; color:#fff; font-size:11px; letter-spacing:0.08em; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif;}
footer .block:first-child{ margin:0;}
footer .block .menu-item-has-children > a{ color:#f7e7ce; text-transform:uppercase; font-size:12px; letter-spacing:0.08em; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; font-weight:400; line-height:20px;}
footer .block .title a{color:#f7e7ce; text-decoration:none;}
footer .block .title a:hover{ text-decoration:underline;}
footer .block ul{ margin:0 0 5px 0; padding:0;}
footer .block ul li{ list-style:none; padding:0; margin:0 0 4px 0; font-size:10.5px; color:#fff; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; font-weight:300; letter-spacing:0.08em; line-height:18px;}
footer .block ul li a{ color:#fff; text-decoration:none;}
footer .block ul li a:hover{ text-decoration:underline;}
footer .block ul li ul{ margin:0; padding:0;}
footer .block ul li ul li{ position:relative; padding:0 0 0 0px; line-height:20px; margin:0;}
/*footer .block ul li ul li:before{ content:""; width:3px; height:1px; display:block; background:#fff; position:absolute; top:10px; left:6px; z-index:2;}*/

footer #nav_menu-2.block{max-width: 100px;}

footer .block.address-block{max-width:140px;float: right;}

footer .social-icon{ display:block; margin:5px 0 20px 0; float:right;}
footer .social-icon a{ width:22px; height:22px; display:block; float:left; margin-left:5px;}
footer .social-icon a.icon-facbook{ background:url(images/sprite-set.png) no-repeat -132px -10px;}
footer .social-icon a.icon-facbook:hover{ background-position:-154px -10px;}
footer .social-icon a.icon-twitter{ background:url(images/sprite-set.png) no-repeat -132px -32px;}
footer .social-icon a.icon-twitter:hover{background-position:-154px -32px;}
footer .social-icon a.icon-insta{ background:url(images/insta-icon.png) no-repeat left top;}
footer .social-icon a.icon-insta:hover{background-position:right top;}
footer address{ font-style:normal; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; display:block; margin-bottom:10px; text-align:right; line-height:15px; clear:both;}
footer address a{ color:#fff; text-decoration:none;}
footer address a:hover{ text-decoration:underline; color:#fff;}

/*--------- home page ------------*/
/* banner part */
.banner{ clear:both; position:relative; background:#000;}
.home-banner{ position:relative;}
.home-banner .slidesjs-control, .home-banner .slidesjs-container, .slide{ height:485px !important;}
.home-banner .slidesjs-slide{ background-size:cover !important; height:100%;}
.home-banner .slidesjs-slide img{ width:100%; height:auto; display:block;}

.home-banner .tex-caption{ width:100%; max-width:470px; float:left; font-family:'GillSans-Light',Arial, Helvetica, sans-serif; margin:120px 0 0 0; opacity:0;}
.home-banner .tex-caption .title{ font-size:40px; line-height:58px; color:#fff; text-transform:uppercase; letter-spacing:0.05em;}
.home-banner .tex-caption .sub-title{ font-size:30px; line-height:58px; color:#fff; text-transform:uppercase; letter-spacing:0.05em;}
.home-banner .tex-caption p{ color:#fff; letter-spacing:0.05em; width:90%; margin:0; line-height:30px; font-size:15px; font-family: "Open Sans",Arial,Helvetica,sans-serif; font-weight: 300;}
.home-banner .tex-caption strong{ font-family:'GillSans-Regular',Arial, Helvetica, sans-serif;}

.home-banner .slidesjs-pagination{ padding:0; margin:0; position:absolute; left:50%; margin:0 0 0 -460px; bottom:20px; z-index:999; opacity:0.5;}
.home-banner .slidesjs-pagination li{ float:left; list-style:none; margin:0 5px 0 0;}
.home-banner .slidesjs-pagination li a{ font-size:0; text-indent:-9999px; width:10px; height:10px; background:#f7e6ce; display:block; border-radius:8px;}
.home-banner .slidesjs-pagination li a.active{ background:#e0ae67;}

.banner-arrow{ width:42px; height:20px; display:block; background:url(images/sprite-set.png) no-repeat -80px -10px; position:absolute; left:50%; bottom:18px; z-index:999; margin:0 0 0 -21px;}
.banner-arrow:hover{ background-position:-80px -36px;}

/* default block */
.default-block{ display:block; clear:both; padding:70px 0 55px 0;}
.default-block h1{ opacity:0;}
.content-bock {display: flex;flex-wrap: wrap;justify-content: center;}
.content-bock blockquote{ padding:0; margin:0; border:none; opacity:0;}
.content-bock .left-text{ width:100%; max-width:445px; float:left;margin-right: 15px;}
.content-bock .right-text{ width:100%; max-width:445px; float:right;}
.content-bock h6{ text-align:left; display:block; margin-bottom:0;}

/* img block */
.img-block{ width:100%; clear:both; display:block;margin-bottom: -1px;}
.img-block .container{ padding:0; max-width:100%;}
.img-block figure{ position:relative; overflow:hidden; opacity:0;}
.img-block figure .overlay{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0; transition:all 0.45s ease-in-out 0s;}
.img-block figure img{ transition:all 0.6s ease-in-out 0s;}
.img-block figure .overlay > div{display:table; height:100%; padding:0 10%; color:#fff;}
.img-block figure .overlay > div .title{ color:#fff; display:table-cell; text-align:center; vertical-align:middle;}
.img-block figure .overlay > div h6{ margin-bottom:0;}
.img-block figure .overlay > div p{  color:#fff; font-weight:500; font-size:18px; margin-bottom:0; line-height:24px;}

.img-block figure:hover .overlay{ opacity:1;}
.img-block figure:hover img{transform: scale(1.1) rotate(0deg); -webkit-transform: scale(1.1) rotate(0deg);}

.img-block .img-left{ width:50%; height:auto; float:left;}
.img-block .img-left figure{ display:block;}
.img-block .img-left figure img{ width:100%; height:auto; display:block;}
.img-block .img-right{ width:50%; height:auto; float:right;}
.img-block .img-right figure{ display:block;}
.img-block .img-right figure img{ width:100%; height:auto; display:block;}

.img-block .img-left figure img.desktop, .img-block .img-right figure img.desktop{ display:block;}
.img-block .img-left figure img.mobile, .img-block .img-right figure img.mobile{ display:none;}

/* quick histor block */
.quick-history{ display:block; clear:both;}
.quick-history h2{ font-size:35px; opacity:0;}
.quick-history h2:after{ content:""; border-bottom:1px solid #000; width:90%; height:1px; display:block; margin:23px auto 0 auto;}
.quick-history h2:before{ content:""; width:23px; height:12px; background:#fff url(images/sprite-set.png) no-repeat -54px -9px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px;}

.quick-history .content-bock{ max-width:800px; width:100%;}
.quick-history .history{ display:block; clear:both; padding-bottom:20px; position:relative; opacity:0;}
.quick-history .history .year{ width:100px; height:auto; float:left; position:relative; z-index:2;}
.quick-history .line-black{ width:2px; height:100%; display:block; background:#000; position:absolute; bottom:0; left:49px; z-index:0;}
.quick-history .history.last .line-black{ display:none;}
.quick-history .history .year figure{ width:100%; height:auto;}
.quick-history .history .year figure img{ width:100%; height:auto; display:block;}

.quick-history .history .tex-caption{ max-width:610px; width:100%; float:right; padding-top:20px;}
.quick-history .history .tex-caption p{ margin-bottom:0;}
.img-block.img-history .img-left{ float:right;}
.img-block.img-history .img-right{ float:left;}

/* our family block */
.our-family{display:block; clear:both; overflow:hidden; background:#000 url(images/our-family-bg.jpg) no-repeat top center;}
.our-family h3{ font-size:35px; color:#fff; margin-bottom:28px; opacity:0;}
.our-family h3:before{ content:""; width:23px; height:12px; background:url(images/sprite-set.png) no-repeat -54px -19px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px;}

.our-family h3 span{ clear:both; width:90%; height:1px; display:block; position:relative; margin:23px auto 0 auto;}
.our-family h3 span:after{ content:""; background:#fff; width:43%; height:1px; display:block; display:block; left:0; bottom:0; position:absolute;}
.our-family h3 span:before{ content:""; background:#fff; width:43%; height:1px; display:block; display:block; right:0; bottom:0; position:absolute;}

.our-family .block{ max-width:30%; height:auto; float:left; margin:0 0 0 25px; color:#fff; text-align:center; position:relative; opacity:0;}
.our-family .block p{ color:#fff; text-align:left;}
.our-family .block:first-child{ margin:0;}
.our-family .block figure{ margin-bottom:60px; min-height:40px;}
.our-family .block figure img{ width:100%; height:auto; display:block;}

.our-family .kef-logo figure{max-width:110px;}
.our-family .celestion-logo figure{max-width:216px;}
.our-family .gp-logo figure{max-width:66px;}

/* infographic block */

.infographic-block-top-wrapper h4 {color: #fff;font-weight: 300;font-size: 40px;letter-spacing: 0;margin-bottom: 0px;line-height: normal;padding: 0 15px;}
.infographic-block-top-wrapper {position: relative;}
/*.infographic-block-top-wrapper:after {content: "";position: absolute;top:0;left: 0;right: 0;width: 100%;height: 100%;z-index: 0;background: rgba(0, 0, 0, 0.50);}*/
.infographic-block-top-wrapper .overlay {position: relative;z-index: 10;}
.infographic-block-top-wrapper .overlay h4:after {content: "";border-bottom: 1px solid #fff;width: 90%;height: 1px;display: block;margin: 23px auto 0 auto;}
.infographic-block-top-wrapper .overlay h4:before {width: 23px;height: 12px;background: #2d2b28 url(images/sprite-set.png) no-repeat -54px -19px;display: block;position: absolute;bottom: 0;left: 50%;margin: 0 0 -5px -12px;content: "";}
.infographic-block-top-wrapper .infographic-img-block{height: 640px;display: flex;align-items: center;}



.infographic-block{display:block; clear:both; background:#fff; padding: 90px 15px;}
.infographic-block h4{ font-size:35px; color:#fff; opacity:0;}
.infographic-block h4:after{ content:""; border-bottom:1px solid #fff; width:90%; height:1px; display:block; margin:23px auto 0 auto;}
.infographic-block h4:before{ content:""; width:23px; height:12px; background:#000 url(images/sprite-set.png) no-repeat -54px -19px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px;}
.infographic-block figure img{ width:100%; height:auto; display:block;}
.infographic-block .mobile-info-block{ display:none}
.infographic-block .info-block{margin-bottom:25px;}
.infographic-block .info-block .title{ display:block; margin-bottom:40px; opacity:0;}

.concept-width-left {opacity: 0;display: block;}
.concept-width-right {opacity: 0;display: block;}
.info-block.point-06,
.info-block.point-03 {opacity: 0;display: block;}

.infographic-block .info-block .title.info-animation-left {margin-bottom:40px;opacity: 1;}
.infographic-block .info-block .title.info-animation-right {margin-bottom:40px;opacity: 1;}
.infographic-block .info-block .title.info-animation-zoom {opacity: 1;}
.infographic-block .info-block .tex-caption.info-animation-zoom {opacity: 1;}
.info-block.point-03.info-animation-zoom, .info-block.point-06.info-animation-zoom {opacity: 1;}



.infographic-block .info-block .title span{color: #fff;text-align: center;line-height: 50px;font-size: 34px;font-weight: 700;}
.infographic-block .info-block .title em{ display:block;}
.infographic-block .info-block p{ color:#fff;}

.point-01 .tex-caption, .point-02 .tex-caption, .point-03 .tex-caption, .point-04 .tex-caption, .point-05 .tex-caption, .point-06 .tex-caption{opacity:0;}

.infographic-block h3 {color: #fff;border-bottom: 1px solid #fff;padding-bottom: 25px;margin-bottom: 0;line-height: normal;font-weight: 600;font-size: 26px;text-transform: uppercase;}
.infographic-block .info-block.point-03 h3 {border-bottom: none;max-width: 80%;}
.infographic-block .info-block.point-06 .tex-caption {border-bottom: none;max-width: 70%;width: 100%;}



.infographic-block .title{margin-bottom: 20px;}
.infographic-block .common-block {text-align: center;z-index: 1;position: relative;height: 500px;padding: 20px 40px;display: flex;align-items: stretch;flex-direction: column;justify-content: center;}
.infographic-block .common-block:after {content: "";position: absolute;top:0;left: 0;right: 0;width: 100%;height: 100%;z-index: 0;background: rgba(0, 0, 0, 0.50);}

.infographic-block .point-03 .common-block,
.infographic-block .point-06 .common-block {background-position: 100% 70% !important;}

.infographic-block .point-01 .left-block .title{margin-bottom: 20px;opacity:0;}
.infographic-block .point-01 .right-block{ float:right; max-width:440px; width:100%; position:relative;}
.infographic-block .point-01 .right-block figure{ float:left; margin:0 0 0 0; opacity:0;}
.infographic-block .point-01 .right-block .point-01-right-01{ position:relative; z-index:2;}
.infographic-block .point-01 .right-block .point-01-right-02{ position:absolute; top:282px; z-index:3;}
.infographic-block .point-01 .right-block .point-01-right-03{ position:relative; float:right; margin-top:-10px; z-index:1;}

.infographic-block .point-02 .left-block{position:relative;text-align: center;}
.infographic-block .point-02 .right-block{ float:right; max-width:440px; width:100%;}
.infographic-block .point-02 .left-block figure{ float:left; margin:0 0 0 0; opacity:0;}
.infographic-block .point-02 .left-block .point-02-left-01{ position:relative; z-index:2;}
.infographic-block .point-02 .left-block .point-02-left-02{ position:absolute; top:200px; z-index:3;}
.infographic-block .point-02 .left-block .point-02-left-03{ position:relative; margin:205px 0 0 35px; z-index:1;}

.infographic-block .point-03 .con-block{height: 490px;}
.infographic-block .point-03 .title{ display: block;}
.infographic-block .point-03 .title span{display:block;}
.infographic-block .point-03 .title em{ background:none; color:#fff; font-size:20px; font-family:'GillSans-Light',Arial, Helvetica, sans-serif; margin:27px 0 0 -18px; display:inline-block;}
.infographic-block .point-03 figure{ display:block; float:left; clear:both; margin:5px 0 0 340px; opacity:0;}

.infographic-block .point-04 .left-block{text-align: center;}
.infographic-block .point-04 .left-block .title{ max-width:400px; width:100%;}
.infographic-block .point-04 .left-block .title em{ max-width:285px; margin:15px 0 0 -18px;}
.infographic-block .point-04 .left-block figure{ float:left; margin:25px 12px 0 0; opacity:0;}
.infographic-block .point-04 .right-block{ float:right; max-width:440px; width:100%;}
.infographic-block .point-04 .right-block figure{ opacity:0; float:left;}

.infographic-block .point-05 .left-block{text-align: center;}
.infographic-block .point-05 .left-block figure{ float:left; margin:30px 0 0 0; opacity:0;}
.infographic-block .point-05 .left-block figure.queen{ margin:23px 30px 0 30px;}
.infographic-block .point-05 .right-block{ float:right; max-width:440px; width:100%;}
.infographic-block .point-05 .right-block .title em{ max-width:300px; margin:15px 0 0 -18px;}

.infographic-block .point-06 { background:none;}
.infographic-block .point-06 .title{ margin-bottom:25px;}
.infographic-block .point-06 .left-block{ float:left; max-width:440px; width:100%;}
.infographic-block .point-06 .right-block{ float:right; max-width:440px; width:100%;}
.infographic-block .point-06 .right-block figure{ margin:20px 0 0 0; opacity:0;}
.infographic-block .point-06 .con-block {height: 490px;}


.concept-row {display: -ms-flexbox;display: flex;margin-right: -15px;margin-left: -15px;}
.concept-width-left {width: 50%;height: auto;float: left;padding: 0 15px;position: relative;}
.concept-width-right {width: 50%;height: auto;float: right;padding: 0 15px;position: relative;}


/*--------- what we do page ------------*/
/* banner part */
.product-banner{ clear:both; position:relative; background:#000; height:485px; background-size:cover !important;}
.product-banner .tex-caption{ width:100%; text-align:center; font-family:'GillSans-Light',Arial, Helvetica, sans-serif; margin:120px auto 0 auto; opacity:1;}
.product-banner .tex-caption.mar-top{margin:185px auto 0 auto;}
.product-banner .tex-caption h1{ color:#fff; margin-bottom:45px;}
.product-banner .tex-caption h1:before{ display:none;}
.product-banner .tex-caption h1:after{ display:none;}
.product-banner .tex-caption .title{ font-size:40px; line-height:50px; color:#fff; text-transform:uppercase; letter-spacing:0.05em;}
.product-banner .tex-caption .sub-title{ font-size:30px; line-height:37px; color:#fff; font-family:'GillSans-LightItalic',Arial, Helvetica, sans-serif; letter-spacing:0.05em;}
.product-banner .tex-caption p{ color:#fff; letter-spacing:0.05em; width:90%; margin:0; line-height:30px; font-size:15px;}
.product-banner .tex-caption strong{ font-family:'GillSans-Regular',Arial, Helvetica, sans-serif;}

.line{ font-size:35px; color:#fff; opacity:1; max-width:420px; width:100%; position:relative;}
.line:before{ content:""; width:23px; height:12px; background:url(images/sprite-set.png) no-repeat -54px -19px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px;}
.line span{ clear:both; width:90%; height:1px; display:block; position:relative; margin:32px auto 0 auto;}
.line span:after{ content:""; background:#fff; width:46%; height:1px; display:block; display:block; left:0; bottom:0; position:absolute;}
.line span:before{ content:""; background:#fff; width:46%; height:1px; display:block; display:block; right:0; bottom:0; position:absolute;}

/* product tab part */
.product-name{height:110px;margin-bottom: 10px;}
.product-name .container{ padding:0; max-width:960px; height:100%;}
.product-name .pro-name{ height:100%; float:left; max-width:33.3%; width:100%; text-align:center; position:relative; display:table;}
.product-name .pro-name:before{ content:""; width:2px; height:20px; display:block; position:absolute; left:0; top:45px; background:#000000;}
.product-name .pro-name:first-child:before{ display:none;}
.product-name .pro-name span{ display:table-cell; vertical-align:middle; font-size:16px; font-family: 'Open Sans'; line-height:29px; padding:0 15px;font-weight: 600;}
.product-name .pro-name span a{ text-decoration:none;position: relative;}
.product-name .pro-name.active span a:after {content: "";width: 80px;height: 1px;display: block;position: absolute;left: 0;right:0;margin: auto;top: 30px;background: #000000;}
.product-name .pro-name span a:hover{ color:#666;}

/* tab tab part */
.tab-block{ display:block; clear:both;}
.tab-block .tab-nav { padding:0px 0;}
.tab-block .tab-nav .block{ float:left; text-align:center; cursor:pointer;}
.tab-block .tab-nav .block figure{ text-align:center; margin:20px auto 10px auto;padding-bottom: 30px;}
.tab-block .tab-nav .block figure img{ width:230px; height:auto; display:block;}
.tab-block .tab-nav .block span{ text-align:center; text-transform:uppercase; font-size:16px; font-family:'Open Sans'; line-height:25px;}
.tab-block .tab-nav .owl-wrapper .owl-item .block{ width:100%;margin: 0 15px;}
.tab-block .tab-nav .owl-buttons .owl-prev{ width:45px; height:45px; display:block; background:url(images/sprite-set.png) no-repeat -9px -101px; font-size:0; text-indent:-99999px; position:absolute; left:-70px; top:50%; margin:-21px 0 0 0;}
.tab-block .tab-nav .owl-buttons .owl-prev:hover{ background-position:-9px -147px;}
.tab-block .tab-nav .owl-buttons .owl-next{ width:45px; height:45px; display:block; background:url(images/sprite-set.png) no-repeat -55px -101px; font-size:0; text-indent:-99999px; position:absolute; right:-70px; top:50%; margin:-21px 0 0 0; }
.tab-block .tab-nav .owl-buttons .owl-next:hover{ background-position:-55px -147px;}
/*.tab-block .tab-nav .owl-wrapper-outer .owl-wrapper {display: flex !important;align-items: center;justify-content: center;}*/
.tab-block .tab-nav .owl-wrapper-outer .owl-wrapper .owl-item{display: flex !important;align-items: center;justify-content: center;}
.product-block {padding-bottom: 90px;}



.tab-block .tab-content-block{ display:block; margin:0; padding:0;}
.tab-block .tab-content-block .tab-content{ display:none;}
.tab-block .tab-content-block .tab-content:first-child{ display:block;}
.tab-block .tab-content-block .container{ max-width:1365px; padding:0;}

.tab-content-inner {width: 100%;display: flex;max-width: 70%;}
.tab-content-inner .left-caption p {font-size: 15px;}
.tab-block .tab-content-block .left-caption{ float:left; max-width:50%; width:100%; padding:65px 60px; box-sizing:border-box;background: #ECECEC;}
.tab-block .tab-content-block .left-caption .title{ font-size:26px; line-height:37px; text-transform:uppercase; margin-bottom:12px; clear:both;font-weight: 400;font-family: 'Open Sans';}
.tab-block .tab-content-block .left-caption .title strong{ font-family:'GillSans-SemiBold',Arial, Helvetica, sans-serif;}
.tab-block .tab-content-block .left-caption figure{ margin-bottom:20px; display:block; float:left;}
.tab-block .tab-content-block .left-caption figure img{ width:100%; display:block; height:auto;}
.tab-block .tab-content-block .left-caption .btn-learn-more{ color:#fff; font-size:16px; text-transform:uppercase; line-height:42px;background:#000; display:inline-block; text-decoration:none; max-width:185px; width:100%; text-align:center;font-weight: 500;}
.tab-block .tab-content-block .left-caption .btn-learn-more:hover{ background:#444444;}

.tab-block .tab-content-block .img-caption{ float:right; max-width:50%; width:100%;padding: 0px 20px;}
.tab-block .tab-content-block .img-caption figure{ display:block;height: 100%;}
.tab-block .tab-content-block .img-caption figure img{ width:100%; height:100%; display:block;
object-fit: cover;
object-position: top;
}

.title-after {width: 35%;margin: 30px 0 30px 0;border-width: 1px;text-align: left;}



/*--------- what we do page ------------*/
/* banner part */
.why-we-do-banner{clear:both; position:relative; background:#000; height:485px; background-size:cover !important;}
.why-we-do-banner .tex-caption{ width:100%; font-family:'GillSans-Light',Arial, Helvetica, sans-serif; margin:120px 0 0 0; opacity:0; max-width:500px;}
.why-we-do-banner .tex-caption h1{ color:#fff; margin:0 0 13px 0; text-align:left; font-size:40px;}
.why-we-do-banner .tex-caption h1:before{ display:none;}
.why-we-do-banner .tex-caption h1:after{ display:none;}
.why-we-do-banner .tex-caption .title{ font-size:30px; line-height:58px; color:#fff; text-transform:uppercase; letter-spacing:0.05em;}
.why-we-do-banner .tex-caption .sub-title{ font-size:30px; line-height:37px; color:#fff; font-family:'GillSans-LightItalic',Arial, Helvetica, sans-serif; letter-spacing:0.05em;}
.why-we-do-banner .tex-caption p{ color:#fff; letter-spacing:0.05em; width:100%; margin:0; line-height:30px; font-size:15px; font-family: "Open Sans",Arial,Helvetica,sans-serif;font-weight: 300;}
.why-we-do-banner .tex-caption strong{ font-family:'GillSans-Regular',Arial, Helvetica, sans-serif;}

/* full body text part */
.full-body-text h2{font-size:35px; opacity:0;}
.full-body-text h2:after{ content:""; border-bottom:1px solid #000; width:90%; height:1px; display:block; margin:23px auto 0 auto;}
.full-body-text h2:before{ content:""; width:23px; height:12px; background:#fff url(images/sprite-set.png) no-repeat -54px -9px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px;}

.full-body-text .content-bock p{ font-weight:400;}
.full-body-text .content-bock p strong{font-weight:600;}
.pad-top{ padding:50px 0 35px 0;}
.first-text .content-bock, .second-text .content-bock, .tread-text .content-bock{ opacity:0;}

/* img block part */
.img-block.img-why-we-do .img-left{ float:right;}
.img-block.img-why-we-do .img-left figure, .img-block.img-why-we-do .img-right figure{ opacity:0;}
.img-block.img-why-we-do .img-right{ float:left;}

/* big img block part */
.img-why-we-do-big{ display:block; width:100%; clear:both;}
.img-why-we-do-big .container{ max-width:100%; padding:0;}
.img-why-we-do-big .desktop{ display:block;}
.img-why-we-do-big .mobile{ display:none;}
.img-why-we-do-big figure{ display:block; opacity:0;}
.img-why-we-do-big figure img{ width:100%; height:auto; display:block;}

/* speaker part */
.speaker-block{ display:block; clear:both; padding:10px 0 80px 0;}
.speaker-block .container{ padding:0; max-width:960px;}
.speaker-block figure{ float:left; opacity:0;}
.speaker-block figure img{ display:block; max-width:100%; height:auto; vertical-align:bottom;}

.speaker01{ max-width:15%;}
.speaker02{ max-width:20%;}
.speaker03{ max-width:16%;}
.speaker04{ max-width:15%;}
.speaker05{ max-width:17%;}
.speaker06{ max-width:17%;}

/* blur img part */
.blur-img-block{ clear:both; height:auto; display:block; background:#000;}
.blur-img-block .blur-img{ display:block; float:left; width:50%;}
.blur-img-block .blur-img .text-caption{ float:right;  margin:0 13px 0 0;}
.blur-img-block .normal-img{ display:block; float:left; width:50%;}
.blur-img-block .normal-img .text-caption{ float:left; margin:0 0 0 13px;}
.blur-img-block figure { display:block; transition:all 0.6s ease-in-out 0s;}
.blur-img-block figure img{ width:100%; height:auto; display:block;}
.blur-img-block .text-caption{ max-width:447px; width:100%; border-bottom:1px solid #c1c2c4;}
.blur-img-block .text-caption p{ color:#fff; margin:0; padding:40px 0 23px 0; letter-spacing:0.05em; line-height:19px;}
.blur-img-block .normal-img .text-caption, .blur-img-block .blur-img .text-caption{ opacity:0;}

.blur-img-block figure.blur img{ filter: blur(25px); -webkit-filter: blur(25px); transition:all 4.5s ease-in-out 0s;}
.blur-img-block figure.blur-none img{ filter: blur(0px); -webkit-filter: blur(0px); transition:all 4.5s ease-in-out 0s;}

/* advocate part */
.advocate-block{ background:#000; padding:45px 0 135px 0;}
.advocate-block h3{font-size:35px; opacity:0; color:#fff;}
.advocate-block h3:after{ content:""; border-bottom:1px solid #fff; width:90%; height:1px; display:block; margin:23px auto 0 auto;}
.advocate-block h3:before{ content:""; width:23px; height:12px; background:#000 url(images/sprite-set.png) no-repeat -54px -19px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px;}
.advocate-block blockquote{ color:#fff; opacity:0;}
.advocate-block blockquote p{ color:#fff;}

/*--------- concierge page ------------*/
/* concierge banner part */
.concierge-banner{ clear:both; position:relative; background:#000; height:485px; background-size:cover !important;}
.concierge-banner .tex-caption{ width:100%; text-align:center; font-family:'GillSans-Light',Arial, Helvetica, sans-serif; margin:130px auto 0 auto; opacity:0; max-width:490px;}
.concierge-banner .tex-caption h1{ color:#fff; margin-bottom:45px; font-size:40px; margin-bottom:15px;}
.concierge-banner .tex-caption h1:before{ display:none;}
.concierge-banner .tex-caption h1:after{ display:none;}
.concierge-banner .tex-caption .title{ font-size:30px; line-height:58px; color:#fff; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:5px;}
.concierge-banner .tex-caption .sub-title{ font-size:30px; line-height:37px; color:#fff; font-family:'GillSans-LightItalic',Arial, Helvetica, sans-serif; letter-spacing:0.05em;}
.concierge-banner .tex-caption p{font-weight: 300;color:#fff; letter-spacing:0.05em; width:100; margin:0; line-height:30px; font-size:15px;  font-family: "Open Sans",Arial,Helvetica,sans-serif;}
.concierge-banner .tex-caption strong{ font-family:'GillSans-Regular',Arial, Helvetica, sans-serif;}

/* second navigation part */
/*#content-area {padding-top: 0px;}*/
.page-template-concierge #content-area > .second-navigation {padding: 70px 0;}

.second-navigation{ display:block; clear:both; border-bottom:1px solid #cccccc; padding:25px 0; text-align:center;}
.second-navigation ul{ margin:0; padding:0;}
.second-navigation ul li{ list-style:none; display:inline-block; text-transform:uppercase; color:#000;  font-size:19px; letter-spacing:0.2em; max-width:210px; width:100%; font-family:'GillSans-SemiBold',Arial, Helvetica, sans-serif; line-height:53px; padding:0; margin:0 53px; position:relative;}
.second-navigation ul li:before{ content:""; width:1px; height:53px; display:block; background:#cccccc; display:inline-block; position:absolute; top:0; left:-53px;}
.second-navigation ul li:first-child:before{ display:none;}
.second-navigation ul li a{ text-decoration:none; color:#000;}
.second-navigation ul li a:hover{ color:#666666;}
#inline1{ width:400px; display:none; text-align:center;}
#inline1 p{font-family:'GillSans-Regular',Arial, Helvetica, sans-serif;  color:#000; text-transform:uppercase; font-size:18px; line-height:23px; padding:25px 40px 0 40px; letter-spacing:0.05em;}

/* contact text part */
.contact-text h2{font-size:35px; opacity:0; color:#000;}
.contact-text h2:after{ content:""; border-bottom:1px solid #000; width:90%; height:1px; display:block; margin:23px auto 0 auto;}
.contact-text h2:before{ content:""; width:23px; height:12px; background:#fff url(images/sprite-set.png) no-repeat -54px -9px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px;}
.contact-text .content-bock{ opacity:0;}

/* contact us part */
.contact-block{ background:#000; clear:both; display:block;}
.contact-block h3{font-size:35px; opacity:0; color:#fff;}

.contact-block h3:after{ content:""; border-bottom:1px solid #fff; width:90%; height:1px; display:block; margin:23px auto 0 auto; }
.contact-block h3:before{ content:""; width:23px; height:12px; background:#000 url(images/sprite-set.png) no-repeat -54px -19px; display:block; position:absolute; bottom:0; left:50%; margin:0 0 -5px -12px; opacity:0;}
.contact-block blockquote{ color:#fff; opacity:0;}
.contact-block blockquote p{ color:#fff;}

/* map block part */
.map-block{ display:block; clear:both; margin:70px 0 80px 0; opacity:0;}
.map-block .maping-block{ display:block; float:left; max-width:680px; width:100%; margin-left:-80px;}
.map-block .maping-block figure{ display:block;}
.map-block .maping-block figure img{ width:100%; height:auto; display:block;}
.map-block .location-block{ display:block; float:right; max-width:310px; width:100%; padding:0 0 0 22px; box-sizing:border-box; border-left:2px solid #727272;}
.map-block .map-dropdown{ display:none;}



.location-block .location{ display:none; width:100%;}
.location-block .location.shown{ display:block;}
.location-block .location .add-block{ display:block; clear:both;}
.location-block .location .territory-block{ display:block; clear:both; margin-top:30px;}
.location-block .location .title{ font-size:16px; letter-spacing:0.05em; font-weight:400; margin:0 0 20px 0;}
.location-block .location address{ font-style:normal; line-height:28px; font-size:16px; color:#000; font-weight:400;}
.location-block .location address strong{ color:fff; letter-spacing:0.03em; font-weight:600;}
.location-block .location address a{ color:#ff2400; text-decoration:underline;}
.location-block .location address a:hover{ color:#000;}
.map-block .m-location-block{ display:none;}


.squares-element p {color: #fff;font-size: 12px;margin-bottom: 0px;line-height: 25px;}
.squares-element a {color: #fff;font-size: 12px;text-decoration: none;display: block;line-height: 25px;}
.imp-tooltips-container .imp-tooltip {max-width: 230px;background: rgb(73, 65, 69) !important;padding-bottom: 30px !important;width: 100%;}
.imp-tooltip .hs-arrow.hs-arrow-right {border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 15px solid #000;}

/* contact form part */
.wpcf7-form{ margin:30px 0 70px 0;}
.wpcf7-form .left-block{ display:block; float:left; max-width:450px; width:100%; opacity:0;}
.wpcf7-form .right-block{ display:block; float:right; max-width:450px; width:100%; opacity:0;}

.wpcf7-form .block{ display:block; width:100%; float:left; margin-bottom:20px;}
.wpcf7-form .block label{ display:block; clear:both; color:#fff; text-transform:uppercase; font-size:21px; line-height:48px; letter-spacing:0.06em; margin-bottom:8px;}
.wpcf7-form .block label em{ color:#ff2302}
.wpcf7-form .block .input-style, .wpcf7-form .block .textarea-style{ width:100%; border-radius:0px;}
.wpcf7-form .block .textarea-style{ height:247px; border-radius:0px;}
.wpcf7-form .block .error{ border:1px solid #ff2302 !important;}
.wpcf7-form .left-block{ display:block; clear:both; float:left;}
.wpcf7-form .left-block p{ color:#fff;}
.wpcf7-form p{ color:#fff; font-size:16px; line-height:26px; font-weight:600;}
.wpcf7-form .left-second{max-width:450px; width:100%; float:left; opacity:0; clear:both;}
.wpcf7-form .left-second .input-style{ width:100%;}
.wpcf7-form .captcha{ display:block; margin-bottom:25px;}
.wpcf7-form .captcha img{ display:block; float:left;}
.wpcf7-form .left-second .block{ margin-bottom:35px;}
.wpcf7-form .btn-submit{ max-width:130px; height:36px; display:block; margin-bottom:10px; border-radius:0px; width:100%; color:#000; background:#f7e7ce; font-size:20px; line-height:30px; letter-spacing:0.07em; text-transform: uppercase; font-family:'GillSans-Regular',Arial, Helvetica, sans-serif;}
.wpcf7-form .btn-submit:hover{ background:#999; color:#fff;}
.error-msg{ color:#ff2302; font-size:13px; letter-spacing:0.05em; line-height:18px;}
.success-msg{ color:#609718; font-size:13px; letter-spacing:0.05em; line-height:18px;}

.wpcf7-submit.btn-submit{clear: both;}
.wpcf7-not-valid-tip{display: none !important;}
.wpcf7-form-control.wpcf7-not-valid{border: 1px solid #ff0000 !important;}
div.wpcf7-response-output {clear: both;color: #ffffff;margin: 0 !important;padding: 0.2em 1em;}
.ajax-loader{clear: both;float: right;margin-top: -29px;visibility: visible;}

.location  .add-block p{font-size: 16px;font-weight: 400;letter-spacing: 0.05em;margin: 0 0 20px;}
.location  .add-block p strong{font-weight: 700;}
.location  .add-block a{color:#ff2400;}




/* animation block */
.animation-title, h1.animation-title, h2.animation-title, h3.animation-title, h4.animation-title, .first-text .content-bock.animation-title, .second-text .content-bock.animation-title, .tread-text .content-bock.animation-title, .contact-text .content-bock.animation-title{
    opacity:1;
    position:relative;
    z-index:2;
    animation:animation-title 1s;
    -webkit-animation:animation-title 1s;}
@keyframes animation-title{
    0%   { opacity:0; transform: scale(.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8);}
    100% { opacity:1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}}

@-webkit-keyframes animation-title{
    0%   { opacity:0; transform: scale(.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8);}
    100% { opacity:1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}}

.animation-left, .left-text.animation-left, .history.animation-left, .home-banner .tex-caption.animation-left, .why-we-do-banner .tex-caption.animation-left, left-text.animation-righ.animation-left, .wpcf7-form .left-block.animation-left, .wpcf7-form .left-second.animation-left, .blur-img-block .blur-img .text-caption.animation-left{
    opacity:1;
    position:relative;
    z-index:2;
    animation:animation-left 1s;
    -webkit-animation:animation-left 1s;}
@keyframes animation-left{
    0%   { opacity:0; top:0 ;left:-200px;}
    100% { opacity:1 ; top:0; left:0;}}

@-webkit-keyframes animation-left{
    0%   { opacity:0; top:0; left:-200px;}
    100% { opacity:1; top:0; left:0;}}

.animation-small-left, .speaker-block figure.animation-small-left{
    opacity:1;
    position:relative;
    z-index:2;
    animation:animation-small-left 1s;
    -webkit-animation:animation-small-left 1s;}
@keyframes animation-small-left{
    0%   { opacity:0; top:0 ;left:-50px;}
    100% { opacity:1 ; top:0; left:0;}}

@-webkit-keyframes animation-small-left{
    0%   { opacity:0; top:0; left:-50px;}
    100% { opacity:1; top:0; left:0;}}

.animation-right, .right-text.animation-right, .advocate-block right-text.animation-right, .wpcf7-form .right-block.animation-right, .blur-img-block .normal-img .text-caption.animation-right{
    opacity:1;
    position:relative;
    z-index:2;
    animation:animation-right 1s;
    -webkit-animation:animation-right 1s;}
@keyframes animation-right{
    0%   { opacity:0; top:0 ;right:-200px;}
    100% { opacity:1; top:0; right:0;}}

@-webkit-keyframes animation-right{
    0%   { opacity:0; top:0; right:-200px;}
    100% { opacity:1; top:0; right:0;}}

.animation-zoom, figure.animation-zoom, .our-family .block.animation-zoom, .img-block.img-why-we-do figure.animation-zoom, .img-why-we-do-big figure.animation-zoom, .img-why-we-do-big figure.animation-zoom{
    opacity:1;
    position:relative;
    z-index:2;
    animation:animation-zoom 0.8s;
    -webkit-animation:animation-zoom 1s;}
@keyframes animation-zoom{
    0%   { opacity:0; transform: scale(.4); -webkit-transform: scale(0.4); -ms-transform: scale(0.4);}
    100% { opacity:1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}}

@-webkit-keyframes animation-zoom{
    0%   { opacity:0; transform: scale(.4); -webkit-transform: scale(0.4); -ms-transform: scale(0.4);}
    100% { opacity:1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}}

.animation-top, .product-banner .tex-caption.animation-top, .concierge-banner .tex-caption.animation-top{
    opacity:1;
    position:relative;
    z-index:2;
    animation:animation-top 1s;
    -webkit-animation:animation-top 1s;}
@keyframes animation-top{
    0%   { opacity:0; top:-50px;}
    100% { opacity:1 ; top:0;}}

@-webkit-keyframes animation-top{
    0%   { opacity:0; top:-50px;}
    100% { opacity:1; top:0;}}

/* infographic animation block */

.info-animation-title, .infographic-block .point-01 .title.info-animation-title, .infographic-block .point-02 .title.info-animation-title, .infographic-block .point-03 .title.info-animation-title, .infographic-block .point-04 .title.info-animation-title, .infographic-block .point-05 .title.info-animation-title, .infographic-block .point-06 .title.info-animation-title{
    opacity:1;
    position:relative;
    z-index:2;
    animation:info-animation-title 1s;
    -webkit-animation:info-animation-title 1s;}
@keyframes info-animation-title{
    0%   { opacity:0; transform: scale(.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8);}
    100% { opacity:1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}}

@-webkit-keyframes info-animation-title{
    0%   { opacity:0; transform: scale(.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8);}
    100% { opacity:1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}}

.info-animation-left, .tex-caption.info-animation-left, .infographic-block .point-01 figure.info-animation-left, .infographic-block .point-02 figure.info-animation-left, .infographic-block .point-04 figure.info-animation-left, .infographic-block .point-05 figure.info-animation-left, .infographic-block .point-06 figure.info-animation-left{
    opacity:1;
    position:relative;
    z-index:2;
    animation:info-animation-left 1s;
    -webkit-animation:info-animation-left 1s;}
@keyframes info-animation-left{
    0%   { opacity:0; top:0 ;left:-60px;}
    100% { opacity:1 ; top:0; left:0;}}

@-webkit-keyframes info-animation-left{
    0%   { opacity:0; top:0; left:-60px;}
    100% { opacity:1; top:0; left:0;}}

.info-animation-right, .tex-caption.info-animation-right, .infographic-block .point-05 figure.info-animation-right{
    opacity:1;
    position:relative;
    z-index:2;
    animation:info-animation-right 1s;
    -webkit-animation:info-animation-right 1s;}
@keyframes info-animation-right{
    0%   { opacity:0; top:0 ; right:-60px;}
    100% { opacity:1 ; top:0; right:0;}}

@-webkit-keyframes info-animation-right{
    0%   { opacity:0; top:0; right:-60px;}
    100% { opacity:1; top:0; right:0;}}

.info-animation-top, .infographic-block .point-01 figure.info-animation-top, .infographic-block .point-02 figure.info-animation-top{
    opacity:1;
    position:relative;
    z-index:2;
    animation:info-animation-top 1s;
    -webkit-animation:info-animation-top 1s;}
@keyframes info-animation-top{
    0%   { opacity:0; top:-50px;}
    100% { opacity:1 ; top:0;}}

@-webkit-keyframes info-animation-top{
    0%   { opacity:0; top:-50px;}
    100% { opacity:1; top:0;}}

.info-animation-zoom, .infographic-block .point-01 figure.info-animation-zoom, .infographic-block .point-02 figure.info-animation-zoom, .infographic-block .point-03 figure.info-animation-zoom, .infographic-block .point-03 .con-block.info-animation-zoom, .infographic-block .point-05 figure.info-animation-zoom, .infographic-block .mobile-info-block .tex-caption.info-animation-zoom{
    opacity:1;
    position:relative;
    z-index:2;
    animation:info-animation-zoom 0.8s;
    -webkit-animation:info-animation-zoom 1s;}
@keyframes info-animation-zoom{
    0%   { opacity:0; transform: scale(.4); -webkit-transform: scale(0.4); -ms-transform: scale(0.4);}
    100% { opacity:1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}}

@-webkit-keyframes info-animation-zoom{
    0%   { opacity:0; transform: scale(.4); -webkit-transform: scale(0.4); -ms-transform: scale(0.4);}
    100% { opacity:1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}}


.m-location p strong{font-weight: 700;}
.m-location p {font-size: 16px;font-weight: 400;letter-spacing: 0.05em;margin: 0 0 20px;}
.m-location a {color: #ff2400;}


.m-location p{display: none;}

.m-location p:first-child,.m-location p:nth-of-type(2){display: block;text-decoration:none; color:inherit;}


/* 25-05-2018 */
.page-template-landing-page .links-block{background-color: #181716;color: #fff;}
.page-template-landing-page .links-block h2{color: #fff;}
.page-template-landing-page .links-block h2:before{content: ""; width: 23px; height: 12px; background: #181716 url(images/sprite-set.png) no-repeat -54px -19px; display: block; position: absolute; bottom: 0; left: 50%; margin: 0 0 -5px -12px;}
.page-template-landing-page .links-block h2:after{content: ""; border-bottom: 1px solid #fff; width: 90%; height: 1px; display: block; margin: 23px auto 0 auto;}
.page-template-landing-page .links-block .content-bock .single-link-block{width: 44%;float: left;text-align: center;padding: 20px}
.page-template-landing-page .links-block .content-bock .single-link-block h4, .page-template-landing-page .forms-wrapper .forms-block h4{margin-bottom: 25px;font-size: 20px;}
.page-template-landing-page .links-block .content-bock .single-link-block p{color: #fff;font-size: 12px;}
.page-template-landing-page .links-block .content-bock .single-link-block a{text-decoration: none; background: #fff; padding: 5px 60px; text-transform: uppercase; font-weight: 600;}
.page-template-landing-page .links-block .content-bock .single-link-block a:hover{background: #c5c4c4;}
.page-template-landing-page .forms-wrapper{text-align: center;}
.page-template-landing-page .forms-wrapper h2:before{content: ""; width: 23px; height: 12px; background: #fff url(images/sprite-set.png) no-repeat -54px -9px; display: block; position: absolute; bottom: 0; left: 50%; margin: 0 0 -5px -12px;}
.page-template-landing-page .forms-wrapper h2:after{content: ""; border-bottom: 1px solid #000; width: 90%; height: 1px; display: block; margin: 23px auto 0 auto;}
.page-template-landing-page .forms-wrapper .forms-block .form-single-block{text-align: center;}
.page-template-landing-page .forms-wrapper .forms-block .form-single-block span{font-weight: 600}
.page-template-landing-page .forms-wrapper .forms-block .form-single-block a{color: #fff; font-size: 20px; text-transform: uppercase; line-height: 36px; letter-spacing: 0.2em; background: #000; display: block; text-decoration: none; max-width: 295px; width: 100%; text-align: center; margin-bottom: 30px;margin-top: 15px;}
.page-template-landing-page .forms-wrapper .forms-block .form-single-block a:hover{background: #444444;}


.padding50 {padding: 50px !important;}
.padding50 form label{float: left;}
.padding50 form input[type="submit"]{height: 32px; padding-left: 20px; padding-right: 20px;}

/* kef teamplate
------------------------------------------------------------------------------*/

.admin-bar header {top: 32px;}
#content-area {margin-top: 55px;}
.page-template-concierge #content-area, .page-id-528 #content-area {margin-top: 0;}

/* slider custom controls */
.slider-custom-controls .owl-controls {
    vertical-align: top;
    padding: 0 40px;
    position: relative;
    margin: 0 auto;
    display: table;
}
.slider-custom-controls .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
}
.slider-custom-controls .owl-prev:after,
.slider-custom-controls .owl-next:after {
    content: "";
    width: 7px;
    height: 12px;
    background: url(images/right-arrow.svg) no-repeat center / cover;
    position: absolute;
    bottom: 0;
    right: 0;
}

.slider-custom-controls .owl-prev:after {
    transform: rotate(180deg);
    left: 0;
}

.slider-custom-controls .owl-controls .owl-page {
    margin: 0px 4px;
}

.slider-custom-controls .owl-controls .owl-page.active:before {
    text-decoration: underline;
}

.slider-custom-controls .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
}

.slider-custom-controls .owl-pagination {
    display: flex;
    align-items: center;
    width: auto;
    vertical-align: top;
    counter-reset: my-sec-counter;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    top: 4px;
    color: #000;
}
.slider-custom-controls .owl-pagination:before {
    content: "Page";
}
.slider-custom-controls .owl-pagination .owl-page:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
}

/* video podcast */
.section-title {
    opacity: 1;
    position: relative;
    z-index: 2;
    animation: animation-title 1s;
    -webkit-animation: animation-title 1s;
}
.section-title.white * {
    color: #fff;
}
.section-title:before {
    content: "";
    width: 12px;
    height: 12px;
    background: url(images/video-black.svg) no-repeat center / cover;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 -5px -7px;
}
.section-title.white:before {
    background: url(images/video-white.svg) no-repeat center / cover;
}
.section-title b {
    font-weight: 500;
}
.section-title span {
    clear: both;
    width: 100%;
    max-width: 180px;
    height: 1px;
    display: block;
    position: relative;
    margin: 30px auto 0 auto;
}
.section-title span:before,
.section-title span:after{
    content: "";
    background: #000;
    width: 43%;
    height: 1px;
    display: block;
    display: block;
    right: 0;
    bottom: 0;
    position: absolute;
}
.section-title.white span:before,
.section-title.white span:after{
    background: #fff;
}
.section-title span:after {
    right: auto;
    left: 0;
}

.video-podcast {
    padding: 80px 0px;
    background-color: #000;
}
.video-podcast .container {
    position: relative;
}
.podcast-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.podcast-wrapper .podcast-block {
    padding: 0px 8px;
    box-sizing: border-box;
}
.podcast-wrapper .image-block {
    padding: 30px 45px;
    position: relative;
    display: block;
}

.podcast-wrapper .image-block:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: #0041c0; /* Old browsers */
    background: -moz-linear-gradient(left,  #0041c0 0%, #002369 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0041c0 0%,#002369 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0041c0 0%,#002369 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0041c0', endColorstr='#002369',GradientType=0 ); /* IE6-9 */
    mix-blend-mode: multiply;
}
.podcast-wrapper .image-block * {
    position: relative;
    z-index: 1;
}
.podcast-wrapper .podcast-block *{
    color: #FFF;
    text-align: center;
    text-decoration: none;
}
.podcast-wrapper .best-by-img {
     margin-bottom: 15px;
}
.podcast-wrapper .best-by-img img {
    width: 100%;
}
.podcast-wrapper .youtube-icon {
    display: block;
    max-width: 54px;
    margin-bottom: 15px;
}
.podcast-wrapper h4 {
    margin: 0px auto;
    font-weight: 400;
    font-size: 22px;
}
.podcast-wrapper .text-block {
    margin-top: 15px;
}
.podcast-wrapper .text-block p {
    font-size: 14px;
    margin: 0 0 5px;
    line-height: normal;
    letter-spacing: 1px;
}
.podcast-wrapper .text-block ul {
    display: inline-flex;
    align-items: center;
    margin: 0px auto;
}
.podcast-wrapper .text-block ul li {
    font-size: 11px;
    list-style: none;
    padding: 0 7px;
    letter-spacing: 0.3px;
    font-weight: 500;
    position: relative;
}
.podcast-wrapper .text-block ul li:before {
    content: '•';
    position: absolute;
    left: -2px;
    top: 0px;
}
.podcast-wrapper .text-block ul li:first-child:before {
    display: none;
}
.podcast-wrapper .owl-pagination {
    color: #FFF;
}
.podcast-wrapper .owl-prev:after,
.podcast-wrapper .owl-next:after {
    background: url(images/right-arrow-white.svg) no-repeat center / cover;
}
.podcast-wrapper .owl-controls {
    margin-top: 60px;
}

/* document slider */
.documents-cover {
    padding: 80px 0px;
}
.document-slider .document-block {
    display: flex;
    align-items: center;
    padding-bottom: 35px;
}
.document-block .document-img {
    width: 35%;
    box-sizing: border-box;
}
.document-block .document-img img {
    width: 100%;
    display: block;
}
.document-block .document-content {
    width: 40%;
    padding: 0px 8px;
    box-sizing: border-box;
}
.document-block .document-content h6 {
    margin: 0 0 10px;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    text-align: left;
}
.document-block .document-content p {
    font-size: 13px;
    line-height: 1.7;
    margin:0;
}
.document-block .document-button {
    width: 20%;
    padding: 0px 8px;
    box-sizing: border-box;
    text-align: center;
}
.btn-black {
    display: inline-block;
    padding: 4px 25px;
    max-width: 143px;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: normal;
    letter-spacing: 1px;
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
    transition: all ease 0.3s;
}
.btn-black:hover {
    background-color: transparent;
    color: #000;
}

/* Training Video */
.training-video {
    padding: 80px 0px;
    background-color: #efefef;
}
.training-video .container {
    position: relative;
}
.training-video .training-wrapper {
    display: flex
}
.training-wrapper .training-block {
    padding: 0px 8px;
    box-sizing: border-box;
    text-align: center;
}
.training-wrapper .image-block {
    padding: 30px 40px 34px;
    margin-bottom: 25px;
    text-align: center;
    display: block;
    text-decoration: none;
    background: #0041c0; /* Old browsers */
    background: -moz-linear-gradient(left,  #0041c0 0%, #002369 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0041c0 0%,#002369 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0041c0 0%,#002369 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0041c0', endColorstr='#002369',GradientType=0 ); /* IE6-9 */
}
.training-wrapper .image-block * {
    color: #fff;
}
.training-wrapper .image-block h6 {
    margin: 0px auto;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: normal;
}
.training-wrapper .kef-logo {
    margin-bottom: 10px;
}
.training-wrapper .best-by-img {
    margin-bottom: 10px;
}
.training-wrapper img {
    display: block;
}
.training-wrapper .best-by-img img {
    width: 100%;
}
.training-wrapper .text-block h5 {
    font-size: 20px;
    font-weight: 500;
    margin: 0px auto 15px;
}
.training-wrapper .text-block p {
    font-size: 12px;
    line-height: 2;
    font-weight: 600;
}
.training-wrapper .owl-controls {
    margin-top: 60px;
}

/*  kef hero banner */
.kef-banner {
    position: relative;
    height: 395px;
    padding: 50px 0px;
    display: flex;
    align-items: center;
}
.kef-banner .banner-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}
.kef-banner .banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    opacity: 0.5;
    mix-blend-mode: multiply;
}
.kef-banner .banner-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: #0041c0; /* Old browsers */
    background: -moz-linear-gradient(left,  #0041c0 0%, #002369 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0041c0 0%,#002369 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0041c0 0%,#002369 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0041c0', endColorstr='#002369',GradientType=0 ); /* IE6-9 */
}
.kef-banner * {
    color: #FFF;
}
.kef-banner .text-block {
    text-align: center;
    display: flex;
    flex-direction: column;
}
.kef-banner .kef-banner-wrapper {
    position: relative;
    z-index: 3;
}
.kef-banner .text-block-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
}
.kef-banner .text-block-top:after,
.kef-banner .text-block-top:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #FFF;
}
.kef-banner .text-block-top:before {
    bottom: -6px;
}
.kef-banner img {
    margin: 0 auto;
    width: 100%;
}
.kef-banner .text-block-top img {
    margin: 0 auto;
}
.kef-banner h2 {
    margin: 0;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 600;
}
.kef-banner h1 {
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 38px;
}
.kef-banner h1:after,
.kef-banner h1:before {
    display: none;
}
.kef-banner .magnolia-logo {
    margin-bottom: 20px;
}

/* customNavigation */
.customNavigation {
    position: absolute;
    top:23%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.customNavigation_training {
    position: absolute;
    top:14%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.customNavigation .btn,
.customNavigation_training .btn {
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #002368;
    border: 2px solid #002368;
    border-radius: 50%;
}
.customNavigation .btn {
    color: #fff;
    border-color: #fff;
}
.customNavigation .prev2,
.customNavigation_training .prev2 {
    left: -55px;
}
.customNavigation .prev2 .fa,
.customNavigation_training .prev2 .fa {
    margin: 2px 3px 0 0;
}
.customNavigation .next2,
.customNavigation_training .next2 {
    right: -55px;
}
.customNavigation .next2 .fa,
.customNavigation_training .next2 .fa {
    margin: 2px 0 0 3px;
}
.podcast-cover,
.training-cover{
    position: relative;
}

/* Promotion Section */
.promotion-cover {
    padding: 80px 0px;
}
.promotion-item {
    display: flex;
    flex-wrap: wrap;
}
.promotion-item *{
    box-sizing: border-box;
}
.promotion-content h6 {
    text-transform: none;
    font-size: 20px;
    margin-bottom: 12px;
    letter-spacing: 1.2px;
    font-weight: 400;
}
.promotion-content p {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    font-weight: 400;
}
.promotion-inner {
    position: relative;
}
.promotion-content ul li {
    display: block;
    position: relative;
    padding-left: 12px;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.4px;
    padding-bottom: 7px;
}
.promotion-content ul li:before {
    content: "";
    height: 4px;
    width: 4px;
    background: #000;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 10px;
}
.promotion-inner .customNavigation .btn{
    border: 2px solid #002368;
    color: #002368;
}
.promotion-content .btn-black {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 1.5px;
}
.promotion-content ul {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
}
.promotion-img {
    width: 50%;
    margin: 0;
}
.promotion-img img{
    width: 100%;
    object-fit: cover;
    height: 265px;
}
.promotion-content{
    width: 50%;
    padding-left: 30px;
    margin: 0;
}
.promotion-content * {
    margin: 0;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}
.promotion-cover .owl-buttons {
    display: none;
}
.promotion-cover .customNavigation{
    top: 40%;
}
.promotion-slider .owl-controls {
    margin-top: 30px;
}
.podcast-cover .owl-controls {
    display: table !important;
}

.empty-space-line #content-area{margin-top: 0px;}