html{ background-color: #f1f1f1; } #Wrapper,#Content{ background-color: #f1f1f1; } body:not(.template-slider) #Header{ min-height: 0px; } body.header-below:not(.template-slider) #Header{ padding-top: 0px; } #Subheader { padding: 20% 0 60px; } /** * Font | Family ***** */ body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 { font-family: "Titillium Web", Helvetica, Arial, sans-serif; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-family: "Titillium Web", Helvetica, Arial, sans-serif; } #Subheader .title { font-family: "Titillium Web", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, .text-logo #logo { font-family: "Titillium Web", Helvetica, Arial, sans-serif; } h5, h6 { font-family: "Titillium Web", Helvetica, Arial, sans-serif; } blockquote { font-family: "Titillium Web", Helvetica, Arial, sans-serif; } .chart_box .chart .num, .counter .desc_wrapper .number-wrapper, .how_it_works .image .number, .pricing-box .plan-header .price, .quick_fact .number-wrapper, .woocommerce .product div.entry-summary .price { font-family: "Titillium Web", Helvetica, Arial, sans-serif; } /** * Font | Size & Style ***** */ /* Body */ body { font-size: 14px; line-height: 25px; font-weight: 400; letter-spacing: 0px; } .big { font-size: 15px; line-height: 28px; font-weight: 400; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a{ font-size: 16px; font-weight: 400; letter-spacing: 0px; } #overlay-menu ul li a{ line-height: 24px; } #Subheader .title { font-size: 42px; line-height: 35px; font-weight: 400; letter-spacing: 1px; font-style: italic;} /* Headings */ h1, .text-logo #logo { font-size: 50px; line-height: 50px; font-weight: 400; letter-spacing: 0px; } h2 { font-size: 42px; line-height: 34px; font-weight: 300; letter-spacing: 0px; } h3 { font-size: 30px; line-height: 29px; font-weight: 300; letter-spacing: 0px; } h4 { font-size: 22px; line-height: 25px; font-weight: 500; letter-spacing: 0px; } h5 { font-size: 17px; line-height: 25px; font-weight: 700; letter-spacing: 0px; } h6 { font-size: 14px; line-height: 25px; font-weight: 400; letter-spacing: 0px; } /* Advanced */ #Intro .intro-title { font-size: 70px; line-height: 70px; font-weight: 400; letter-spacing: 0px; } /** * Font | Size Responsive ***** */ @media only screen and (min-width: 768px) and (max-width: 959px){ body { font-size: 13px; line-height: 21px; letter-spacing: 0px; } .big { font-size: 13px; line-height: 24px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 14px; letter-spacing: 0px; } #overlay-menu ul li a{ line-height: 21px; letter-spacing: 0px; } #Subheader .title { font-size: 36px; line-height: 30px; letter-spacing: 1px; } h1, .text-logo #logo { font-size: 43px; line-height: 43px; letter-spacing: 0px; } h2 { font-size: 36px; line-height: 29px; letter-spacing: 0px; } h3 { font-size: 26px; line-height: 25px; letter-spacing: 0px; } h4 { font-size: 19px; line-height: 21px; letter-spacing: 0px; } h5 { font-size: 14px; line-height: 21px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 21px; letter-spacing: 0px; } #Intro .intro-title { font-size: 60px; line-height: 60px; letter-spacing: 0px; } blockquote { font-size: 15px;} .chart_box .chart .num { font-size: 45px; line-height: 45px; } .counter .desc_wrapper .number-wrapper { font-size: 45px; line-height: 45px;} .counter .desc_wrapper .title { font-size: 14px; line-height: 18px;} .faq .question .title { font-size: 14px; } .fancy_heading .title { font-size: 38px; line-height: 38px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; } .pricing-box .plan-header h2 { font-size: 27px; line-height: 27px; } .pricing-box .plan-header .price > span { font-size: 40px; line-height: 40px; } .pricing-box .plan-header .price sup.currency { font-size: 18px; line-height: 18px; } .pricing-box .plan-header .price sup.period { font-size: 14px; line-height: 14px;} .quick_fact .number { font-size: 80px; line-height: 80px;} .trailer_box .desc h2 { font-size: 27px; line-height: 27px; } .widget > h3 { font-size: 17px; line-height: 20px; } } @media only screen and (min-width: 480px) and (max-width: 767px){ body { font-size: 13px; line-height: 19px; letter-spacing: 0px; } .big { font-size: 13px; line-height: 21px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 13px; letter-spacing: 0px; } #overlay-menu ul li a{ line-height: 19.5px; letter-spacing: 0px; } #Subheader .title { font-size: 32px; line-height: 26px; letter-spacing: 1px; } h1, .text-logo #logo { font-size: 38px; line-height: 38px; letter-spacing: 0px; } h2 { font-size: 32px; line-height: 26px; letter-spacing: 0px; } h3 { font-size: 23px; line-height: 22px; letter-spacing: 0px; } h4 { font-size: 17px; line-height: 19px; letter-spacing: 0px; } h5 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } #Intro .intro-title { font-size: 53px; line-height: 53px; letter-spacing: 0px; } blockquote { font-size: 14px;} .chart_box .chart .num { font-size: 40px; line-height: 40px; } .counter .desc_wrapper .number-wrapper { font-size: 40px; line-height: 40px;} .counter .desc_wrapper .title { font-size: 13px; line-height: 16px;} .faq .question .title { font-size: 13px; } .fancy_heading .title { font-size: 34px; line-height: 34px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; } .pricing-box .plan-header h2 { font-size: 24px; line-height: 24px; } .pricing-box .plan-header .price > span { font-size: 34px; line-height: 34px; } .pricing-box .plan-header .price sup.currency { font-size: 16px; line-height: 16px; } .pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;} .quick_fact .number { font-size: 70px; line-height: 70px;} .trailer_box .desc h2 { font-size: 24px; line-height: 24px; } .widget > h3 { font-size: 16px; line-height: 19px; } } @media only screen and (max-width: 479px){ body { font-size: 13px; line-height: 19px; letter-spacing: 0px; } .big { font-size: 13px; line-height: 19px; letter-spacing: 0px; } #menu > ul > li > a, a.action_button, #overlay-menu ul li a { font-size: 13px; letter-spacing: 0px; } #overlay-menu ul li a{ line-height: 19.5px; letter-spacing: 0px; } #Subheader .title { font-size: 25px; line-height: 21px; letter-spacing: 1px; } h1, .text-logo #logo { font-size: 30px; line-height: 30px; letter-spacing: 0px; } h2 { font-size: 25px; line-height: 20px; letter-spacing: 0px; } h3 { font-size: 18px; line-height: 19px; letter-spacing: 0px; } h4 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } h5 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } h6 { font-size: 13px; line-height: 19px; letter-spacing: 0px; } #Intro .intro-title { font-size: 42px; line-height: 42px; letter-spacing: 0px; } blockquote { font-size: 13px;} .chart_box .chart .num { font-size: 35px; line-height: 35px; } .counter .desc_wrapper .number-wrapper { font-size: 35px; line-height: 35px;} .counter .desc_wrapper .title { font-size: 13px; line-height: 26px;} .faq .question .title { font-size: 13px; } .fancy_heading .title { font-size: 30px; line-height: 30px; } .offer .offer_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; } .pricing-box .plan-header h2 { font-size: 21px; line-height: 21px; } .pricing-box .plan-header .price > span { font-size: 32px; line-height: 32px; } .pricing-box .plan-header .price sup.currency { font-size: 14px; line-height: 14px; } .pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;} .quick_fact .number { font-size: 60px; line-height: 60px;} .trailer_box .desc h2 { font-size: 21px; line-height: 21px; } .widget > h3 { font-size: 15px; line-height: 18px; } } /** * Sidebar | Width ***** */ .with_aside .sidebar.columns { width: 23%; } .with_aside .sections_group { width: 77%; } .aside_both .sidebar.columns { width: 18%; } .aside_both .sidebar.sidebar-1{ margin-left: -82%; } .aside_both .sections_group { width: 64%; margin-left: 18%; } /** * Grid | Width ***** */ @media only screen and (min-width:1240px){ #Wrapper, .with_aside .content_wrapper { max-width: 1240px; } .section_wrapper, .container { max-width: 1220px; } .layout-boxed.header-boxed #Top_bar.is-sticky{ max-width: 1240px; } } @media only screen and (max-width: 767px){ .section_wrapper, .container, .four.columns .widget-area { max-width: 700px !important; } } /** * Other ***** */ /* button */ .button-default .button, .button-flat .button, .button-round .button { background-color: #ffffff; color: #686868; } .button-stroke .button { border-color: #ffffff; color: #686868; } .button-stroke .button:hover{ background-color: #ffffff; color: #fff; } /* button | theme */ .button-default .button_theme, .button-default button, .button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"], .button-flat .button_theme, .button-flat button, .button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"], .button-round .button_theme, .button-round button, .button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"], .woocommerce #respond input#submit,.woocommerce a.button:not(.default),.woocommerce button.button,.woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ color: #ffffff; } .button-stroke .button_theme:hover, .button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover, .button-stroke .woocommerce #respond input#submit:hover,.button-stroke .woocommerce a.button:not(.default):hover,.button-stroke .woocommerce button.button:hover,.button-stroke.woocommerce input.button:hover { color: #ffffff !important; } .button-stroke .button_theme:hover .button_icon i{ color: #ffffff !important; } /* button | woocommerce */ .button-default .single_add_to_cart_button, .button-flat .single_add_to_cart_button, .button-round .single_add_to_cart_button, .button-default .woocommerce .button:disabled, .button-flat .woocommerce .button:disabled, .button-round .woocommerce .button:disabled, .button-default .woocommerce .button.alt .button-flat .woocommerce .button.alt, .button-round .woocommerce .button.alt, .button-default a.remove, .button-flat a.remove, .button-round a.remove{ color: #ffffff!important; } /* button | action */ .action_button, .action_button:hover{ background-color: #bbb8b8; color: #bbb8b8; } .button-stroke a.action_button{ border-color: #bbb8b8; } .button-stroke a.action_button:hover{ background-color: #bbb8b8!important; } /* button | footer */ .footer_button{ color: #65666C!important; background-color:transparent; box-shadow:none!important; } .footer_button:after{ display:none!important; } /* button | custom */ .button-custom .button,.button-custom .action_button,.button-custom .footer_button,.button-custom button, .button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"], .button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button,.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{ font-family: Arial; font-size: 14px; line-height: 14px; font-weight: 400; letter-spacing: 0px; padding: 12px 20px 12px 20px; border-width: 0px; border-radius: 0px; } .button-custom .button{ color: #626262; background-color: #dbdddf; border-color: transparent; } .button-custom .button:hover{ color: #626262; background-color: #d3d3d3; border-color: transparent; } .button-custom .button_theme,.button-custom button,.button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"], .button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button:not(.default),.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{ color: #ffffff; background-color: #0095eb; border-color: transparent; } .button-custom .button_theme:hover,.button-custom button:hover,.button-custom input[type="button"]:hover,.button-custom input[type="reset"]:hover,.button-custom input[type="submit"]:hover, .button-custom .woocommerce #respond input#submit:hover,.button-custom .woocommerce a.button:not(.default):hover,.button-custom .woocommerce button.button:hover,.button-custom .woocommerce input.button:hover{ color: #ffffff; background-color: #007cc3; border-color: transparent; } .button-custom .action_button{ color: #626262; background-color: #dbdddf; border-color: transparent; } .button-custom .action_button:hover{ color: #626262; background-color: #d3d3d3; border-color: transparent; } /* button | custom woocommerce */ .button-custom .single_add_to_cart_button,.button-custom .woocommerce .button:disabled,.button-custom .woocommerce .button.alt, .button-custom a.remove{ line-height: 14px!important; padding: 12px 20px 12px 20px!important; color: #ffffff!important; background-color: #0095eb!important; } .button-custom .single_add_to_cart_button:hover,.button-custom .woocommerce .button:disabled:hover,.button-custom .woocommerce .button.alt:hover, .button-custom a.remove:hover{ color: #ffffff!important; background-color: #007cc3!important; } /* Logo Height */ #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo { height: 80px; line-height: 80px; padding: 10px 0; } .logo-overflow #Top_bar:not(.is-sticky) .logo { height: 100px; } #Top_bar .menu > li > a { padding: 20px 0; } .menu-highlight:not(.header-creative) #Top_bar .menu > li > a { margin: 25px 0; } .header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description) { line-height: 100px; } .header-fixed #Top_bar .menu > li > a { padding: 35px 0; } #Top_bar .top_bar_right, .header-plain #Top_bar .top_bar_right { height: 100px; } #Top_bar .top_bar_right_wrapper { top: 30px; } .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button, .header-plain #Top_bar .wpml-languages { line-height: 100px; } .header-plain #Top_bar a.action_button { line-height: 100px!important; } @media only screen and (max-width: 767px){ #Top_bar a.responsive-menu-toggle { top: 50px; } .mobile-header-mini #Top_bar #logo{ height:50px!important; line-height:50px!important; margin:5px 0; } } /* Before After Item */ .twentytwenty-before-label::before{content:"Before"} .twentytwenty-after-label::before{content:"After"} /* Form | Border width */ /* Side Slide */ #Side_slide{ right:-250px; width:250px; } #Side_slide.left{ left:-250px; } /* Other */ /* Blog teaser | Android phones 1pt line fix - do NOT move it somewhere else */ .blog-teaser li .desc-wrapper .desc{background-position-y:-1px;} /* Responsive */ @media only screen and ( max-width: 767px ){ body:not(.template-slider) #Header{ min-height: ; } #Subheader{ padding: ; } } /** * Menu | Desktop ***** */ @media only screen and (min-width: 1240px) { body:not(.header-simple) #Top_bar #menu{display:block!important} .tr-menu #Top_bar #menu{background:none!important} /* Mega Menu */ #Top_bar .menu > li > ul.mfn-megamenu{width:984px} #Top_bar .menu > li > ul.mfn-megamenu > li{float:left} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1{width:100%} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2{width:50%} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3{width:33.33%} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4{width:25%} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5{width:20%} #Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6{width:16.66%} #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto;border-width:0 1px 0 0} #Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul{border:0} #Top_bar .menu > li > ul.mfn-megamenu > li > ul li{width:auto} #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400;background:none} #Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow{display:none} .menuo-right #Top_bar .menu > li > ul.mfn-megamenu{left:auto;right:0} .menuo-right #Top_bar .menu > li > ul.mfn-megamenu-bg{box-sizing:border-box} /* Mega Menu | Background Image */ #Top_bar .menu > li > ul.mfn-megamenu-bg{padding:20px 166px 20px 20px;background-repeat:no-repeat;background-position:right bottom} .rtl #Top_bar .menu > li > ul.mfn-megamenu-bg{padding-left:166px;padding-right:20px;background-position:left bottom} #Top_bar .menu > li > ul.mfn-megamenu-bg > li{background:none} #Top_bar .menu > li > ul.mfn-megamenu-bg > li a{border:none} #Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul{background:none!important;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0} /* Mega Menu | Style: Vertical Lines */ .mm-vertical #Top_bar .container{position:relative;} .mm-vertical #Top_bar .top_bar_left{position:static;} .mm-vertical #Top_bar .menu > li ul{box-shadow:0 0 0 0 transparent!important;background-image:none;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{width:98%!important;margin:0 1%;padding:20px 0;} .mm-vertical.header-plain #Top_bar .menu > li > ul.mfn-megamenu{width:100%!important;margin:0;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li{display:table-cell;float:none!important;width:10%;padding:0 15px;border-right:1px solid rgba(0, 0, 0, 0.05);} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:0} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li.hide-border{border-right-width:0} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a{border-bottom-width:0;padding:9px 15px;line-height:120%;} .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{font-weight:700;} .rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:first-child{border-right-width:0} .rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:1px} /* Header | Plain */ .header-plain:not(.menuo-right) #Header .top_bar_left{width:auto!important} /* Header | Stack */ .header-stack.header-center #Top_bar #menu{display:inline-block!important} /* Header Simple | .header-simple */ .header-simple #Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0} .header-simple #Header a.responsive-menu-toggle{display:block;right:10px} /* Header Simple | Main Menu | 1st level */ .header-simple #Top_bar #menu > ul{width:100%;float:left} .header-simple #Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative} .header-simple #Top_bar #menu ul li a{padding:0 20px;margin:0;display:block;height:auto;line-height:normal;border:none} .header-simple #Top_bar #menu ul li a:after{display:none} .header-simple #Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0} .header-simple #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;} .header-simple #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"} .header-simple #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"} .header-simple #Top_bar #menu ul li.hover a{border-bottom:0} .header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none} /* Header Simple | Main Menu | 2nd level */ .header-simple #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin:0!important;width:auto!important;background-image:none} .header-simple #Top_bar #menu ul li ul li{width:100%!important;display:block;padding:0;} .header-simple #Top_bar #menu ul li ul li a{padding:0 20px 0 30px} .header-simple #Top_bar #menu ul li ul li a .menu-arrow{display:none} .header-simple #Top_bar #menu ul li ul li a span{padding:0} .header-simple #Top_bar #menu ul li ul li a span:after{display:none!important} .header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400} .header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto} /* Header Simple | Main Menu | 3rd level */ .header-simple #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0} .header-simple #Top_bar #menu ul li ul li ul li a{padding:0 20px 0 40px} /* Header Simple | RTL */ .rtl.header-simple #Top_bar #menu{left:1px;right:auto} .rtl.header-simple #Top_bar a.responsive-menu-toggle{left:10px;right:auto} .rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle{left:0;right:auto} .rtl.header-simple #Top_bar #menu ul li ul{left:auto!important;right:0!important} .rtl.header-simple #Top_bar #menu ul li ul li a{padding:0 30px 0 20px} .rtl.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px} /* Menu style | Highlight */ .menu-highlight #Top_bar .menu > li{margin:0 2px} .menu-highlight:not(.header-creative) #Top_bar .menu > li > a{margin:20px 0;padding:0;-webkit-border-radius:5px;border-radius:5px} .menu-highlight #Top_bar .menu > li > a:after{display:none} .menu-highlight #Top_bar .menu > li > a span:not(.description){line-height:50px} .menu-highlight #Top_bar .menu > li > a span.description{display:none} .menu-highlight.header-stack #Top_bar .menu > li > a{margin:10px 0!important} .menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description){line-height:40px} .menu-highlight.header-transparent #Top_bar .menu > li > a{margin:5px 0} .menu-highlight.header-simple #Top_bar #menu ul li,.menu-highlight.header-creative #Top_bar #menu ul li{margin:0} .menu-highlight.header-simple #Top_bar #menu ul li > a,.menu-highlight.header-creative #Top_bar #menu ul li > a{-webkit-border-radius:0;border-radius:0} .menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a{margin:10px 0!important;padding:5px 0!important} .menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a span{line-height:30px!important} .header-modern.menu-highlight.menuo-right .menu_wrapper{margin-right:20px} /* Menu style | Line Below */ .menu-line-below #Top_bar .menu > li > a:after{top:auto;bottom:-4px} .menu-line-below #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px} .menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:after{height:4px;left:10%;top:50%;margin-top:20px;width:80%} .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:after{height:1px;left:10%;top:50%;margin-top:20px;width:80%} /* Menu style | Link color only */ .menu-link-color #Top_bar .menu > li > a:after{display:none!important} /* Menu style | Arrow Top */ .menu-arrow-top #Top_bar .menu > li > a:after{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-color:#ccc transparent transparent;border-style:solid;border-width:7px 7px 0;display:block;height:0;left:50%;margin-left:-7px;top:0!important;width:0} .menu-arrow-top #Top_bar.is-sticky .menu > li > a:after{top:0!important} /* Menu style | Arrow Bottom */ .menu-arrow-bottom #Top_bar .menu > li > a:after{background:none!important;border-color:transparent transparent #ccc;border-style:solid;border-width:0 7px 7px;display:block;height:0;left:50%;margin-left:-7px;top:auto;bottom:0;width:0} .menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:0} /* Menu style | No Borders */ .menuo-no-borders #Top_bar .menu > li > a span{border-width:0!important} .menuo-no-borders #Header_creative #Top_bar .menu > li > a span{border-bottom-width:0} .menuo-no-borders.header-plain #Top_bar a#header_cart, .menuo-no-borders.header-plain #Top_bar a#search_button, .menuo-no-borders.header-plain #Top_bar .wpml-languages, .menuo-no-borders.header-plain #Top_bar a.action_button{border-width:0} /* Menu style | Right */ .menuo-right #Top_bar .menu_wrapper{float:right} .menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper{margin-right:150px} /* Header Creative */ body.header-creative{padding-left:50px} body.header-creative.header-open{padding-left:250px} body.error404,body.under-construction,body.template-blank{padding-left:0!important} .header-creative.footer-fixed #Footer,.header-creative.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{box-sizing:border-box;padding-left:50px;} .header-open.footer-fixed #Footer,.header-open.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{padding-left:250px;} .header-rtl.header-creative.footer-fixed #Footer,.header-rtl.header-creative.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-left:0;padding-right:50px;} .header-rtl.header-open.footer-fixed #Footer,.header-rtl.header-open.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-right:250px;} #Header_creative{background-color:#fff;position:fixed;width:250px;height:100%;left:-200px;top:0;z-index:9002;-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,.15);box-shadow:2px 0 4px 2px rgba(0,0,0,.15)} #Header_creative .container{width:100%} #Header_creative .creative-wrapper{opacity:0;margin-right:50px} #Header_creative a.creative-menu-toggle{display:block;width:34px;height:34px;line-height:34px;font-size:22px;text-align:center;position:absolute;top:10px;right:8px;border-radius:3px} .admin-bar #Header_creative a.creative-menu-toggle{top:42px} #Header_creative #Top_bar{position:static;width:100%} #Header_creative #Top_bar .top_bar_left{width:100%!important;float:none} #Header_creative #Top_bar .top_bar_right{width:100%!important;float:none;height:auto;margin-bottom:35px;text-align:center;padding:0 20px;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #Header_creative #Top_bar .top_bar_right:before{display:none} #Header_creative #Top_bar .top_bar_right_wrapper{top:0} #Header_creative #Top_bar .logo{float:none;text-align:center;margin:15px 0} #Header_creative #Top_bar #menu{background-color:transparent} #Header_creative #Top_bar .menu_wrapper{float:none;margin:0 0 30px} #Header_creative #Top_bar .menu > li{width:100%;float:none;position:relative} #Header_creative #Top_bar .menu > li > a{padding:0;text-align:center} #Header_creative #Top_bar .menu > li > a:after{display:none} #Header_creative #Top_bar .menu > li > a span{border-right:0;border-bottom-width:1px;line-height:38px} #Header_creative #Top_bar .menu li ul{left:100%;right:auto;top:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)} #Header_creative #Top_bar .menu > li > ul.mfn-megamenu{margin:0;width:700px!important;} #Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul{left:0} #Header_creative #Top_bar .menu li ul li a{padding-top:9px;padding-bottom:8px} #Header_creative #Top_bar .menu li ul li ul{top:0} #Header_creative #Top_bar .menu > li > a span.description{display:block;font-size:13px;line-height:28px!important;clear:both} #Header_creative #Top_bar .search_wrapper{left:100%;top:auto;bottom:0} #Header_creative #Top_bar a#header_cart{display:inline-block;float:none;top:3px} #Header_creative #Top_bar a#search_button{display:inline-block;float:none;top:3px} #Header_creative #Top_bar .wpml-languages{display:inline-block;float:none;top:0} #Header_creative #Top_bar .wpml-languages.enabled:hover a.active{padding-bottom:11px} #Header_creative #Top_bar .action_button{display:inline-block;float:none;top:16px;margin:0} #Header_creative #Top_bar .banner_wrapper{display:block;text-align:center} #Header_creative #Top_bar .banner_wrapper img{max-width:100%;height:auto;display:inline-block} #Header_creative #Action_bar{display:none;position:absolute;bottom:0;top:auto;clear:both;padding:0 20px;box-sizing:border-box} #Header_creative #Action_bar .contact_details{text-align:center;margin-bottom:20px} #Header_creative #Action_bar .contact_details li{padding:0} #Header_creative #Action_bar .social{float:none;text-align:center;padding:5px 0 15px} #Header_creative #Action_bar .social li{margin-bottom:2px} #Header_creative #Action_bar .social-menu{float:none;text-align:center} #Header_creative #Action_bar .social-menu li{border-color:rgba(0,0,0,.1)} #Header_creative .social li a{color:rgba(0,0,0,.5)} #Header_creative .social li a:hover{color:#000} #Header_creative .creative-social{position:absolute;bottom:10px;right:0;width:50px} #Header_creative .creative-social li{display:block;float:none;width:100%;text-align:center;margin-bottom:5px} .header-creative .fixed-nav.fixed-nav-prev{margin-left:50px} .header-creative.header-open .fixed-nav.fixed-nav-prev{margin-left:250px} .menuo-last #Header_creative #Top_bar .menu li.last ul{top:auto;bottom:0} /* Header Creative | Always Open */ .header-open #Header_creative{left:0} .header-open #Header_creative .creative-wrapper{opacity:1;margin:0!important;} .header-open #Header_creative .creative-menu-toggle,.header-open #Header_creative .creative-social{display:none} .header-open #Header_creative #Action_bar{display:block} /* Header Creative | Right */ body.header-rtl.header-creative{padding-left:0;padding-right:50px} .header-rtl #Header_creative{left:auto;right:-200px} .header-rtl #Header_creative .creative-wrapper{margin-left:50px;margin-right:0} .header-rtl #Header_creative a.creative-menu-toggle{left:8px;right:auto} .header-rtl #Header_creative .creative-social{left:0;right:auto} .header-rtl #Footer #back_to_top.sticky{right:125px} .header-rtl #popup_contact{right:70px} .header-rtl #Header_creative #Top_bar .menu li ul{left:auto;right:100%} .header-rtl #Header_creative #Top_bar .search_wrapper{left:auto;right:100%;} .header-rtl .fixed-nav.fixed-nav-prev{margin-left:0!important} .header-rtl .fixed-nav.fixed-nav-next{margin-right:50px} /* Header Creative | Right | Always Open */ body.header-rtl.header-creative.header-open{padding-left:0;padding-right:250px!important} .header-rtl.header-open #Header_creative{left:auto;right:0} .header-rtl.header-open #Footer #back_to_top.sticky{right:325px} .header-rtl.header-open #popup_contact{right:270px} .header-rtl.header-open .fixed-nav.fixed-nav-next{margin-right:250px} /* Header Creative | .active */ #Header_creative.active{left:-1px;} .header-rtl #Header_creative.active{left:auto;right:-1px;} #Header_creative.active .creative-wrapper{opacity:1;margin:0} /* Header Creative | Visual Composer */ .header-creative .vc_row[data-vc-full-width]{padding-left:50px} .header-creative.header-open .vc_row[data-vc-full-width]{padding-left:250px} .header-open .vc_parallax .vc_parallax-inner { left:auto; width: calc(100% - 250px); } .header-open.header-rtl .vc_parallax .vc_parallax-inner { left:0; right:auto; } /* Header Creative | Scroll */ #Header_creative.scroll{height:100%;overflow-y:auto} #Header_creative.scroll:not(.dropdown) .menu li ul{display:none!important} #Header_creative.scroll #Action_bar{position:static} /* Header Creative | Dropdown */ #Header_creative.dropdown{outline:none} #Header_creative.dropdown #Top_bar .menu_wrapper{float:left} /* Header Creative | Dropdown | Main Menu | 1st level */ #Header_creative.dropdown #Top_bar #menu ul li{position:relative;float:left} #Header_creative.dropdown #Top_bar #menu ul li a:after{display:none} #Header_creative.dropdown #Top_bar #menu ul li a span{line-height:38px;padding:0} #Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;font-size:26px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;} #Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"} #Header_creative.dropdown #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"} #Header_creative.dropdown #Top_bar #menu ul li.hover a{border-bottom:0} #Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none} /* Header Creative | Dropdown | Main Menu | 2nd level */ #Header_creative.dropdown #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none} #Header_creative.dropdown #Top_bar #menu ul li ul li{width:100%!important} #Header_creative.dropdown #Top_bar #menu ul li ul li a{padding:0 10px;text-align:center} #Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow{display:none} #Header_creative.dropdown #Top_bar #menu ul li ul li a span{padding:0} #Header_creative.dropdown #Top_bar #menu ul li ul li a span:after{display:none!important} #Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400} #Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto} /* Header Creative | Dropdown | Main Menu | 3rd level */ #Header_creative.dropdown #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0} /* animations */ #Header_creative{transition: left .5s ease-in-out, right .5s ease-in-out;} #Header_creative .creative-wrapper{transition: opacity .5s ease-in-out, margin 0s ease-in-out .5s;} #Header_creative.active .creative-wrapper{transition: opacity .5s ease-in-out, margin 0s ease-in-out;} } /** * Sticky Header ***** */ @media only screen and (min-width: 1240px) { /* Sticky | .is-sticky */ #Top_bar.is-sticky{position:fixed!important;width:100%;left:0;top:-60px;height:60px;z-index:701;background:#fff;opacity:.97;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)} .layout-boxed.header-boxed #Top_bar.is-sticky{max-width:1240px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} #Top_bar.is-sticky .top_bar_left,#Top_bar.is-sticky .top_bar_right,#Top_bar.is-sticky .top_bar_right:before{background:none;box-shadow:unset} #Top_bar.is-sticky .top_bar_right{top:-4px;height:auto;} #Top_bar.is-sticky .top_bar_right_wrapper{top:15px} .header-plain #Top_bar.is-sticky .top_bar_right_wrapper{top:0} #Top_bar.is-sticky .logo{width:auto;margin:0 30px 0 20px;padding:0} #Top_bar.is-sticky #logo, #Top_bar.is-sticky .custom-logo-link{padding:5px 0!important;height:50px!important;line-height:50px!important} .logo-no-sticky-padding #Top_bar.is-sticky #logo{height:60px!important;line-height:60px!important} #Top_bar.is-sticky #logo img.logo-main{display:none} #Top_bar.is-sticky #logo img.logo-sticky{display:inline;max-height:35px;} #Top_bar.is-sticky .menu_wrapper{clear:none} #Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:15px 0} #Top_bar.is-sticky .menu > li > a,#Top_bar.is-sticky .menu > li > a span{line-height:30px} #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px} #Top_bar.is-sticky .menu > li > a span.description{display:none} #Top_bar.is-sticky .secondary_menu_wrapper,#Top_bar.is-sticky .banner_wrapper{display:none} .header-overlay #Top_bar.is-sticky{display:none} /* Sticky | Dark */ .sticky-dark #Top_bar.is-sticky,.sticky-dark #Top_bar.is-sticky #menu{background:rgba(0,0,0,.8)} .sticky-dark #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#fff} .sticky-dark #Top_bar.is-sticky .top_bar_right a:not(.action_button){color:rgba(255,255,255,.8)} .sticky-dark #Top_bar.is-sticky .wpml-languages a.active,.sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.1)} /* Sticky | White */ .sticky-white #Top_bar.is-sticky,.sticky-white #Top_bar.is-sticky #menu{background:rgba(255,255,255,.8)} .sticky-white #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#222} .sticky-white #Top_bar.is-sticky .top_bar_right a:not(.action_button){color:rgba(0,0,0,.8)} .sticky-white #Top_bar.is-sticky .wpml-languages a.active,.sticky-white #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)} } /* Tablet | Sticky Header OFF */ @media only screen and (min-width: 768px) and (max-width: 1240px){ .header_placeholder{height:0!important} } /** * Menu | Mobile ***** */ @media only screen and (max-width: 1239px) { /* Header */ #Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0} #Top_bar a.responsive-menu-toggle{display:block} /* Main Menu | 1st level */ #Top_bar #menu > ul{width:100%;float:left} #Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative} #Top_bar #menu ul li a{padding:0 25px;margin:0;display:block;height:auto;line-height:normal;border:none} #Top_bar #menu ul li a:after{display:none} #Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0} #Top_bar #menu ul li a span.description{margin:0 0 0 5px} #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:15px;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;} #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"} #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"} #Top_bar #menu ul li.hover a{border-bottom:0} #Top_bar #menu ul li a span:after{display:none!important} #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none} /* Main Menu | 2nd level */ #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none!important;box-shadow:0 0 0 0 transparent!important;-webkit-box-shadow:0 0 0 0 transparent!important} #Top_bar #menu ul li ul li{width:100%!important} #Top_bar #menu ul li ul li a{padding:0 20px 0 35px} #Top_bar #menu ul li ul li a .menu-arrow{display:none} #Top_bar #menu ul li ul li a span{padding:0} #Top_bar #menu ul li ul li a span:after{display:none!important} #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400} #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto} /* Main Menu | 3rd level */ #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0} #Top_bar #menu ul li ul li ul li a{padding:0 20px 0 45px} /* Main Menu | RTL */ .rtl #Top_bar #menu{left:1px;right:auto} .rtl #Top_bar a.responsive-menu-toggle{left:20px;right:auto} .rtl #Top_bar #menu ul li.submenu .menu-toggle{left:15px;right:auto;border-left:none;border-right:1px solid #eee} .rtl #Top_bar #menu ul li ul{left:auto!important;right:0!important} .rtl #Top_bar #menu ul li ul li a{padding:0 30px 0 20px} .rtl #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px} /* Header | Stack */ .header-stack .menu_wrapper a.responsive-menu-toggle{position:static!important;margin:11px 0!important} .header-stack .menu_wrapper #menu{left:0;right:auto} .rtl.header-stack #Top_bar #menu{left:auto;right:0} /* Header Creative */ .admin-bar #Header_creative{top:32px} .header-creative.layout-boxed{padding-top:85px} .header-creative.layout-full-width #Wrapper{padding-top:60px} #Header_creative{position:fixed;width:100%;left:0!important;top:0;z-index:1001} #Header_creative .creative-wrapper{display:block!important;opacity:1!important} #Header_creative .creative-menu-toggle,#Header_creative .creative-social{display:none!important;opacity:1!important} #Header_creative #Top_bar{position:static;width:100%} #Header_creative #Top_bar #logo, #Header_creative #Top_bar .custom-logo-link{height:50px;line-height:50px;padding:5px 0} #Header_creative #Top_bar #logo img.logo-sticky{max-height:40px!important} #Header_creative #logo img.logo-main{display:none} #Header_creative #logo img.logo-sticky{display:inline-block} .logo-no-sticky-padding #Header_creative #Top_bar #logo{height:60px;line-height:60px;padding:0} .logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky{max-height:60px!important} #Header_creative #Action_bar{display:none} #Header_creative #Top_bar .top_bar_right{height:60px;top:0} #Header_creative #Top_bar .top_bar_right:before{display:none} #Header_creative #Top_bar .top_bar_right_wrapper{top:0;padding-top:9px} /* Header Creative | Scroll */ #Header_creative.scroll{overflow:visible!important} }