/*
Theme Name: ThisandThat
Theme URI: https://www.mytheme.com/themes/revolution/
Author: the Creative team
Author URI: https://www.mytheme.com/
Description: The Revolution theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: text-domain
*/

/*------------------------------------------------------
	overwrite css start
------------------------------------------------------*/

/******default css start here*******/
* { box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0 }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { /*list-style: none;     */
}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: """"; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; }
/* End hide from IE Mac */
.none { display: none; }
/* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img {max-width: 100%;display: inline-block;vertical-align: top;transform: none !important;}
/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
a { color: #2b2b2b; }
a:hover {color:#000;}
a:focus{color:#000;}
em{font-family: 'Crimson Text', serif;text-transform: none}
p {font-size:18px;color:#4D4D4E;font-family: 'Cambria';font-weight:normal;line-height: 1.5; margin-bottom:20px;}
h1 {font-size:42px;color:#fff;line-height: 1.25;margin-bottom:25px;font-family: 'FunctionLH';font-weight: bold;text-transform: uppercase;}
h2 {font-size:40px;color: #009ED3;font-family:'SignPainter HouseScript';font-weight:normal;line-height: 1.25;margin-bottom:25px;}
h3 { font-size:36px;color: #2b2b2b;font-family: 'FunctionLH';line-height: 1.16; margin-bottom:25px;}
h4 { font-size:28px; line-height: 1.14; margin-bottom:25px;}
h5 { font-size:20px;line-height: 1.1;margin-bottom: 25px;}
h6 {font-size:12px;line-height: 1.1;margin-bottom:25px;}
a, button, .btn { outline: none !important; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; text-decoration: none !important; }
input { -webkit-appearance: none; border-radius: 0px;}
body {-webkit-font-smoothing: antialiased;font-family: 'Cambria';font-weight:normal;color:#4D4D4E;position: relative;}
ul, li { list-style-type: none;}

/************* layout (prevent footer gap) ************/
html, body{height: 100%;}
#page{min-height: 100vh; display: flex; flex-direction: column;}
main.site-main, #primary.site-main{flex: 1 0 auto;}
.site-footer{margin-top: auto;}

/*************font family************/

@font-face {
    font-family: 'Function';
    src: url('assets/fonts/Function-Bold.woff2') format('woff2'),
        url('assets/fonts/Function-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FunctionLH';
    src: url('assets/fonts/FunctionLH-Bold-Italic.woff2') format('woff2'),
        url('assets/fonts/FunctionLH-Bold-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FunctionLH';
    src: url('assets/fonts/FunctionLH-Bold.woff2') format('woff2'),
        url('assets/fonts/FunctionLH-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cambria';
    src: url('assets/fonts/Cambria-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/Cambria-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Cambria';
    src: url('assets/fonts/Cambria.woff2') format('woff2'),
        url('assets/fonts/Cambria.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SignPainter HouseScript';
    src: url('assets/fonts/SignPainterHouseScript.woff2') format('woff2'),
        url('assets/fonts/SignPainterHouseScript.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirLT';
    src: url('assets/fonts/AvenirLT-Light.woff2') format('woff2'),
        url('assets/fonts/AvenirLT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/******default css end here*******/
.container{max-width:1030px; margin: 0 auto; width: 100%; padding: 0 15px;}
.primary-link{font-family: 'Helvetica Neue';font-weight: 300;color: #009ED3;font-size: 20px;text-decoration: underline !important;    letter-spacing: -0.4px;}
.secondary-btn{font-size: 16px;background-color: #009ED3;color: #fff;text-transform: capitalize;font-family: 'Helvetica Neue';font-weight: 300;padding: 8px 10px;display: inline-block;}
.secondary-btn:hover{background-color: #000;color: #fff;}

/*-----------Navigation start here---------------*/
.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 22px; padding:0; }
.menu-icon .menu-box { width:40px; height: 23px; margin-right: 0px; padding: 0px; position: absolute; right:15px; top: 31px; z-index: 111;}
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom:6px; background: #009ED3; display: block; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.menu-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(5px) translateX(5px); -webkit-transform: rotate(45deg) translateY(5px) translateX(5px); }
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-9px) translateX(9px); -webkit-transform: rotate(-45deg) translateY(-9px) translateX(9px); }
.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; display: flex; justify-content: center; }
.enumenu_ul > li { display: inline-block; vertical-align: top; margin-right:14px;position: relative;}
.enumenu_ul > li:last-child{margin-right:0px;}
.enumenu_ul > li:last-child a{font-weight: 700;font-size: 18px;background-color: #C1282D;color: #fff;position: relative;padding:2px 7px 2px 18px;}
.enumenu_ul > li:last-child a:hover{background-color: #009ED3;color: #fff;}
.enumenu_ul > li:last-child a:before{position: absolute;content:'';  opacity: 0; left:-8px; top: -4px; background-image: url(assets/images/where-buy-icon.png); background-repeat: no-repeat; background-size: 100%;width: 22px; height: 31px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.enumenu_ul > li:last-child a:hover:before { background-image: url(assets/images/where-buy-icon-hover.png); }
.enumenu_ul > li > a { font-size:18px; color: #4D4D4E;font-weight:bold;line-height: 1;font-family: 'Function'; position: relative;}
.enumenu_ul > li a:hover{color: #009ED3;}
.enumenu_ul > li.active a{color: #009ED3;}
.enumenu_ul > li.hover.has-children > a{color: #009ED3;}
.enumenu_ul > li.current-menu-item > a { color: #009ED3; }
.enumenu_ul > li:last-child.current-menu-item a { color: #ffffff; }
.enumenu_ul.desk ul{display: none}

.enumenu_ul > li.current-menu-item > a:before { left: -9px; right: 0; }
.enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative; }
.enumenu_ul.desk ul {top: 118%;z-index: 999;list-style: none;left: 0px;background: #000;position: absolute;min-width: 323px;padding: 10px 0 15px;height:auto;right: 0;}
.sub-menu{display:none;}

/*Sub menu styles*/
.menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #fff; padding-left: 90px; }
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: 0; }
.enumenu_ul.desk ul li a { padding: 10px 15px 5px; display: block; color: #fff; font-size: 18px; text-align: left;text-transform:capitalize; position: relative;font-weight:bold;line-height: 1;font-family: 'Function';}
.enumenu_ul.desk ul > li.has-children > a:after { position: absolute; content: ''; right: 10px; top: 0px; bottom: 0; width: 6px; height: 6px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(220deg); -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); margin: auto; transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; }
.enumenu_ul.desk ul li:hover > a { color:#009ED3; }
.enumenu_ul.desk ul li.current-menu-item > a { color:#009ED3; }
.enumenu_ul .arrow { position: absolute; right: 10px; top: 50%;cursor: pointer; z-index: 999; transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
body.menu-open { overflow: hidden;}

/*-----------Navigatinon end here---------------*/

/*Header css start here*/
.site-header{padding: 14px 0;background-color: #fff;}
.tt-is-coming-soon .site-header{border-bottom: 10px solid #009fd6;}
.header-logo a{display: inline-block; width: 190px;}
.header-logo a img{width: 100%;}
.site-header-inn{display: flex; justify-content: space-between; align-items: flex-end;}
.stickyHeader .site-header{position:fixed;top:0;left:0;right:0;z-index:999;animation:slideDown 0.5s linear 0s;-webkit-animation:slideDown 0.5s linear 0s;-moz-animation:slideDown 0.5s linear 0s;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:99999;box-shadow:0 0 4px 0px rgba(0,0,0,0.19);}
.stickyHeader .site-header-top{padding: 20px 0;}
@keyframes slideDown{0%{transform:translateY(-100%) }
                     100%{transform:translateY(0%) }
}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%) }
                             100%{-webkit-transform:translateY(0%) }
}
@-moz-keyframes slideDown{0%{-moz-transform:translateY(-100%) }
                          100%{-moz-transform:translateY(0%) }
}
/*Header css end here*/

/*home page banner sec css start here*/
.home-banner{background-repeat: no-repeat; background-size: cover;border-bottom: 10px solid #009fd6;padding-bottom:56.3%;}
/*home page banner sec css end here*/

/*home about sec css start here*/
.home-about-sec{padding:42px 0; overflow: hidden;}
.section-title{text-align: center;}
.home-about-sec .section-title h2{margin-bottom: 6px;}
.home-about-sec .section-title{max-width: 800px; margin: 0 auto;}
.home-about-sec .section-title p{margin-bottom: 9px;}
.home-about-sec .section-title strong{font-size: 18px;letter-spacing: 0.4px;color: #4D4D4E;}
/*home about sec css end here*/

/*coming soon section css start here*/
.tt-coming-soon{
	padding: 40px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
}
.tt-is-coming-soon .header-logo{
	display: none;
}
.tt-coming-soon__logo{
	max-width: 240px;
	margin: 0 auto 18px;
}
.tt-coming-soon__logo a{
	display: inline-block;
}
.tt-coming-soon__logo img{
	width: 100%;
	height: auto;
	display: block;
}
.tt-coming-soon__inner{
	max-width: 800px;
	margin: 0 auto;
}
.tt-coming-soon__heading{
	margin-bottom: 10px;
}
.tt-coming-soon__subheading{
	margin-bottom: 20px;
}
.tt-is-coming-soon .tt-coming-soon__heading{
	font-size: 60px;
	color: #009ED3;
}
.tt-is-coming-soon .tt-coming-soon__subheading{
	color: #4D4D4E;
}
.tt-coming-soon__content p:last-child{
	margin-bottom: 0;
}

/* center coming soon content in viewport */
.tt-is-coming-soon main.site-main,
.tt-is-coming-soon #primary.site-main{
	display: flex;
	flex: 1 0 auto;
}
.tt-is-coming-soon .tt-coming-soon{
	flex: 1 0 auto;
	display: flex;
	align-items: center;
}
/*coming soon section css end here*/

/*home product sec css start here*/
.home-product-sec .section-title h2{font-size: 36px;font-family: 'Function';font-weight:bold;    margin-bottom: 0px;}
.home-product-sec{background-repeat: no-repeat; background-size: cover; background-position: center center;    padding: 40px 0 40px;background-attachment: fixed;overflow: hidden;}
.home-product-cover{max-width:800px; margin: 0 auto;width: 100%;}
.home-product-list{display: flex;flex-wrap:wrap;margin: 0 -6px;}
.home-product-parent{width:33.33%;height: 275px;padding: 0 6px;margin-bottom: 6px;    transition: transform .6s;transform-style: preserve-3d;position: relative;overflow: hidden;}
.home-product-child{padding: 0 20px 0 15px;}
.pink-box .product-front{background-color: #ED2079;}
.pink-box .product-back{background-color: #ED2079;}
.blue-box .product-front{background-color: #009ED3;}
.blue-box .product-back{background-color: #009ED3;}
.yellow-box .product-front{background-color: #FBB03B;}
.yellow-box .product-back{background-color: #FBB03B;}
.red-box .product-front{background-color: #ED2024;}
.red-box .product-back{background-color: #ED2024;}
.purple-box .product-front{background-color: #2E358F;}
.purple-box .product-back{background-color: #2E358F;}
.orange-box .product-front{background-color: #F15B26;}
.orange-box .product-back{background-color: #F15B26;}
.product-front{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;-webkit-backface-visibility: hidden;backface-visibility: hidden; transition: transform .6s;}
.product-back{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;-webkit-backface-visibility: hidden;backface-visibility: hidden; transform: rotateY(180deg); transition: transform .6s;}
.home-product-child h3{font-size: 24px;font-family: 'FunctionLH';font-weight:bold;color: #fff;line-height: 1.19;text-transform: uppercase;  margin-bottom: 10px;}
.product-icon{margin-top: 4px;}
.product-icon img{max-height: 200px;}
.home-product-parent:hover .product-front{transform: rotateY(180deg);}
.home-product-parent:hover .product-back{transform: rotateY(0deg);}
/*home product sec css end here*/

/*home why section css start here*/
.home-why-sec{padding:40px 0 40px; overflow: hidden;}
.home-why-sec .section-title h2{margin-bottom: 8px;}
.home-why-sec .section-title{max-width:800px; margin: 0 auto;}
.home-why-sec .section-title p{margin-bottom:14px;}
.home-why-sec .section-title strong{font-size: 18px;letter-spacing: 0.5px;color: #4D4D4E;display: block; margin-bottom:14px;}
/*home why section css end here*/

/*home social section css start here*/
.home-social-sec{background-color: #F79320;padding:40px 0 40px;}
.home-social-sec .section-title h2{font-family: 'Function';font-weight:bold;    margin-bottom: 0px;color: #fff;}
.home-social-sec .section-title p { font-size: 21px; color: #fff;margin-bottom: 15px;}
.home-social-list{display: flex;flex-wrap: wrap;margin: 0 -3px;}
.home-social-block{width:33.33%;padding: 0 3px;}
.home-social-cover{max-width: 800px; margin: 0 auto;width: 100%;}
.home-social-img{background-repeat: no-repeat; background-size: cover; height: 250px;background-position: center center;}
.social-text-box{height: 250px; background-color: #FDBA12;    display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0 15px;}
.social-link{text-align: center;margin-top: 12px;}
.social-link a{font-family: 'Function';font-weight: bold;font-size: 18px;color: #fff;}
.social-link a:hover{color: #000;}
/*home social section css end here*/

/*homelocator section css start here*/
.home-locator-sec{padding: 40px 0 40px; overflow: hidden;}
.locator-icon img{margin:0 auto}
.home-locator-sec .section-title h2{font-family: 'Function';font-weight:bold;    margin-bottom: 10px;}
.home-locator-cover{max-width: 800px;margin: 0 auto;width: 100%;}
.locator-logo-area{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;    margin-top: 17px;}
.locator-logo-area .logo-box { margin: 25px; }
.locator-find-box{height: 29px;}
/*homelocator section css end here*/

/*footer section css start here*/
.site-footer{background-color: #4D4D4E;padding:40px 0;}
.site-footer-cover{display: flex;flex-wrap: wrap;}
.footer-left{width:31%;border-right:1px solid #009ED3; text-align: center; }
.footer-right{width: 69%;padding-left: 70px;display: flex;flex-wrap: wrap;}
.ft-logo a{display: inline-block; max-width: 160px; }
.ft-logo a img{width: 100%;}
.ft-social ul{display: flex; justify-content: center;}
.ft-social ul li{margin-right: 8px;}
.ft-social ul li:last-child{margin-right: 0;}
.ft-social ul li a{font-size: 18px;color: #fff;}
.ft-social ul li a:hover{color: #009ED3;}
.ft-social{max-width:220px;margin: 17px auto 0;width: 100%;}
.ft-copy-right p{color: #fff;font-family: 'Helvetica Neue';font-size: 16px;font-weight: 300;margin-bottom: 0;}
.ft-copy-right{margin-top: 13px;margin-left: 10px;}
.ft-menu{display: flex;flex-wrap: wrap;    width: 100%;}
.ft-menu ul li{display: block;line-height: normal;margin-bottom: 8px;}
.ft-menu ul li a{display:inline-block;color: #fff;font-family: 'Helvetica Neue';font-size:16px;font-weight: 300;}
/* .ft-menu ul li:first-child a{text-transform: uppercase;} */
.ft-menu ul li a:hover{color: #009ED3;}
.ft-menu .resources-links span{text-transform: uppercase;color: #fff;font-family: 'Helvetica Neue';font-size: 16px;font-weight: 700;display: block;margin-bottom:10px;}
.ft-menu .help-links span{text-transform: uppercase;color: #fff;font-family: 'Helvetica Neue';font-size: 16px;font-weight: 700;display: block;margin-bottom:15px;}
/* .ft-menu .help-links ul li:last-child a{text-transform: uppercase;} */
.help-links{width: 35%;}
.resources-links{width: 65%;padding-left: 21px;}
.resources-links p{font-size: 16px;font-family: 'Helvetica Neue';font-weight: 300;color: #fff;margin-top: 5px;}
.resources-links p a{text-decoration: underline !important;color: #fff;}
.resources-links p a:hover{color: #009ED3;}
/*footer section css end here*/

/*about page css start here*/
.inner-page-banner{background-repeat: no-repeat; background-size: cover; background-position: center center;height: 550px;display: flex;}
.caption-box{max-width: 201px;padding:31px 10px 10px 10px;background-color: #009ED3;height: 201px;width: 100%;display: flex;align-items: flex-end;}
.blue-caption .caption-box{background-color: #009ED3;}
.orange-caption .caption-box{background-color: #F79320;}
.caption-box h1{font-size: 32px;margin-bottom: 0;line-height: 1;}
.inner-banner-caption{display: flex;height: 100%;}
.inner-page-banner.right-top .inner-banner-caption{align-items: flex-start;justify-content: flex-end;padding-right: 83px;padding-top: 110px}
.inner-page-banner.right-bottom .inner-banner-caption{align-items: flex-end;justify-content: flex-end;padding-right: 83px;padding-bottom:60px}
.inner-page-banner.right-center .inner-banner-caption{align-items: center;justify-content: flex-end;padding-right: 83px;}

.inner-page-banner.left-top .inner-banner-caption{align-items: flex-start;justify-content: flex-start;padding-left: 83px;padding-top: 110px}
.inner-page-banner.left-bottom .inner-banner-caption{align-items: flex-end;justify-content: flex-start;padding-left: 83px;padding-bottom:60px}
.inner-page-banner.left-center .inner-banner-caption{align-items: center;justify-content: flex-start;padding-left: 83px;}
.about-content-cover{max-width: 800px; margin: 0 auto;width: 100%;}

.about-content-sec{padding-top:40px;}
.about-content-sec .section-title h2{margin-bottom: 16px;}
/*about page css end here*/

/*why page css start here*/
.why-content-sec{padding: 40px 0;}
.why-content-sec .section-title h2{margin-bottom:25px;}
.why-content-text{max-width: 800px; margin:0 auto; width: 100%;}
.why-content-text h3{font-size:20px;font-weight: bold;font-family: 'Cambria';color: #4D4D4E;    margin-bottom: 10px;}
.why-content-text p span{color: #009ED3;}
.why-content-text p{margin-bottom: 17px;}
.why-content-text ul{margin-left:17px}
.why-content-text ul li{font-size: 18px;color: #4D4D4E;font-family: 'Cambria';font-weight: normal;line-height: 1.4;margin-bottom: 10px;list-style: disc;}
.why-content-text ul li span{color: #009ED3;}
/*why page css end here*/

/*Faq page css start here*/
.page-template-fqa .caption-box h1{font-size: 58px;}
.faq-block-sec .section-title h2{font-weight: bold;font-family: 'Function';text-transform: capitalize;}
.faq-list h3{font-size:20px;font-weight: bold;font-family: 'Cambria';color: #009ED3;    margin-bottom: 10px;}
.faq-list ul li{font-size: 18px;color: #4D4D4E;font-family: 'Cambria';font-weight: normal;line-height: 1.4;margin-bottom: 5px;list-style: disc;}
.faq-list ul{margin-left: 20px;margin-bottom:20px;}
.faq-list ul:last-child{margin-bottom: 0;}
.faq-block-sec{padding:40px 0;}
/*Faq page css end here*/

/*product snack station page css start here*/
.inner-page-banner.product-list-banner{height: auto; padding-bottom:43.7%;background-position: inherit;}
.product-varietie-sec{padding: 45px 0 20px;}
.product-varietie-header{margin-bottom: 45px;}
.product-varietie-sec .section-title h2{font-weight: bold;font-family: 'Function';}
.product-varietie-header ul li{font-size: 18px;color: #4D4D4E;font-family: 'Cambria';font-weight: normal;line-height: 1.4;margin-bottom: 5px;list-style: disc;}
.product-varietie-header ul{margin-left: 20px;}
.product-list-cover h3{font-size:22px;font-weight: bold;font-family: 'Function';color: #009ED3;    margin-bottom: 10px;text-align: center;margin-bottom: 40px;}
.product-list{display: flex;flex-wrap: wrap;margin: 0 -20px;}
.product-list-parent{width: 25%;text-align: center;padding: 0 20px; margin-bottom: 65px;display: flex;}
.product-list-child{width: 100%;display: flex;flex-direction: column;}
.product-list-child .secondary-btn{margin: auto auto 0;}
.product-list-child span{display: block;font-size: 16px;color: #4D4D4E;text-transform: capitalize;font-family: 'FunctionLH';font-weight: bold;margin-bottom: 28px;}
.product-img{background-repeat: no-repeat; background-size: contain; background-position: center center; height: 220px;margin-bottom: 20px;}

.product-popup-block{background: #FFF;padding:80px 30px;text-align: left;max-width:800px;margin: 40px auto;position: relative;}
.mfp-close-btn-in .mfp-close{background-image: url(assets/images/popup-close-bg.png); background-repeat: no-repeat; background-size: 100%; height: 56px; width: 44px;opacity: 1;font-size: 0;right: 15px;top: 10px;}
.mfp-close-btn-in .mfp-close:before{position: absolute;content:'x';font-size: 28px;color: #fff;font-family: 'Helvetica Neue';font-weight: normal;left: 0; right: 0; top: 14px;transition: all 0.3s ease;}
.mfp-close-btn-in .mfp-close:hover:before{color: #000;}
.view-info-img img{max-width:100%;}
.view-info-cover{display: flex;flex-wrap: wrap;}
.view-info-img{width: 39.7%;text-align: center;padding-right: 25px;}
.view-info-box{width: 60.3%;}
.view-info-box h4{font-size: 24px;font-weight: bold;font-family: 'Function';text-transform: capitalize;color: #009FD4;margin-bottom: 15px;}
.view-info-box > strong{margin-bottom:5px;font-size: 18px;color: #4D4D4E;font-family: 'Cambria';display: block}
.view-info-box table{border: 1px solid #4D4E4E;margin-bottom: 25px}
.view-info-box table thead tr td{background-color: #009FD4;color: #fff;}
.view-info-box table td{border-bottom: 1px solid #4D4E4E;border-right: 1px solid #4D4E4E;text-align: center;padding:7px 10px;font-weight: bold;font-family: 'Function';font-size: 16px;color: #4D4E4E;}
/*product snack station page css end here*/

/*contact page css start here*/
.contact-detail-sec{padding: 40px 0 0;}
.contact-detail-sec .section-title h2{font-weight: bold;font-family: 'Function';}
.contact-detail-inner{text-align: center;}
.contact-detail-inner p { font-size: 21px; }
.contact-detail-inner a{font-size: 19px;color: #4D4D4E;font-family: 'Cambria';font-weight: normal;display: inline-block;margin-bottom: 5px}
.contact-detail-inner a:hover{color: #009ED3;}
.contact-detail-inner span{font-size: 16px;color: #4D4D4E;font-family: 'Cambria';font-weight: normal;display:block;margin-bottom: 5px}
.contact-social ul{display: flex;justify-content: center;}
.contact-social ul li{margin-right: 8px;}
.contact-social ul li:last-child{margin-right: 0;}
.contact-social ul li a{font-size: 22px;color: #009ED3;}
.contact-social ul li a:hover{color: #4D4D4E;}

/*404 page css start here*/
.page-not-found .bg-image { background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px; text-align: center; display: flex;align-items: center; }
.main-con-sec { padding-top: 70px; padding-bottom: 70px; text-align: center; }

/*where to buy page css start here*/
.where-to-buy .full-width{padding: 60px 0;}
.building-your-snack-station-setup .full-width{padding: 60px 0;}

/*how to choose page css start here*/
.how-to-choose-main{padding:60px 0;}

/*education page css start here*/
.education-main{padding: 60px 0;}
.education-video-frame iframe{width: 100%; height: 730px;}

/* On Scroll Animation CSS START  */
.animated{opacity:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeIn{from{opacity:0;}
 to{opacity:1;}
}
@keyframes fadeIn{from{opacity:0;}
 to{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
 to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
 to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
 to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
 to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
 to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
 to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

.guaranteed-analysis .tablepress thead th:first-child {width: 30% !important;border-left: 1px solid #dbdbdb;}
.guaranteed-analysis .tablepress thead th:nth-child(2) {width: 18% !important;}
.guaranteed-analysis .tablepress tfoot th, .guaranteed-analysis .tablepress thead th {background-color: #00a0d6 !important;font-weight: 700;vertical-align: middle;color: #fff;}
.guaranteed-analysis .tablepress tbody tr td:first-child {border-left: 1px solid #dbdbdb;}
.guaranteed-analysis .tablepress thead th {border-right: 1px solid #dbdbdb;font-size: 17px;padding: 5px;}
.guaranteed-analysis .tablepress td, .guaranteed-analysis .tablepress th {text-align: left !important;}
.guaranteed-analysis .page-content-section {padding: 40px 0;}
.guaranteed-analysis .tablepress tbody td {border-right: 1px solid #dbdbdb;padding: 5px;;font-size: 17px;}
.guaranteed-analysis .row-hover {border-bottom: 1px solid #dbdbdb;}
.guaranteed-analysis .dataTables_paginate.paging_simple {display: none !important;}
.guaranteed-analysis .row-25 td, .guaranteed-analysis .row-48 td, .guaranteed-analysis .row-55 td, .guaranteed-analysis .row-63 td, .guaranteed-analysis .row-70 td, .guaranteed-analysis .row-83 td, .guaranteed-analysis .row-100 td, .guaranteed-analysis .row-107 td{background-color: #00a0d6 !important;font-weight: 700;vertical-align: middle;color: #fff;}
.building-your-snack-station-setup .entry-content img{ margin: 0 auto; width:100%; height:100%;}
.building-your-snack-station-setup .entry-content{text-align: center;}

/*------------------------------------------------------
	No footer (client request)
------------------------------------------------------*/
.site-footer,
footer.site-footer{
	display: none !important;
}

/*------------------------------------------------------
	Header menu: show only last item (GTranslate)
------------------------------------------------------*/
.enumenu_ul > li:not(:last-child){
	display: none !important;
}