:root{--gcid-primary-color: #2ea3f2;--gcid-secondary-color: #2ea3f2;--gcid-heading-color: #666666;--gcid-body-color: #666666;--gcid-link-color: #fa8500;}
@font-face{font-family:ETmodules;font-display:swap;src:url(//www.whoopa.co.uk/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot);src:url(//www.whoopa.co.uk/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot?#iefix) format("embedded-opentype"),url(//www.whoopa.co.uk/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff) format("woff"),url(//www.whoopa.co.uk/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf) format("truetype"),url(//www.whoopa.co.uk/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}
:root{--content-width:80%;--content-max-width:1080px;--section-padding:56px;--section-gutter:60px;--row-gutter-horizontal:5.5%;--row-gutter-vertical:40px;--module-gutter:30px}.et_flex_column,.et_flex_group,.et_flex_module,.et_flex_row,.et_flex_section{display:flex;-moz-column-gap:var(--horizontal-gap);column-gap:var(--horizontal-gap);row-gap:var(--vertical-gap);flex-direction:var(--flex-direction)}.et_flex_row{--horizontal-gap:var(--row-gutter-horizontal);--vertical-gap:var(--row-gutter-vertical);--flex-direction:row}.et_flex_row>[class*=et_flex_column]{--horizontal-gap-parent:var(--row-gutter-horizontal)}.et_flex_row .et_pb_row_nested.et_flex_row{width:100%;max-width:none;padding:0;margin:0}.et_flex_section{--horizontal-gap:var(--section-gutter);--vertical-gap:var(--section-gutter);--flex-direction:column;padding:var(--section-padding) 0;align-items:center}.et_flex_section>[class*=et_flex_column]{--horizontal-gap-parent:var(--section-gutter)}.et_flex_column,.et_flex_group,.et_flex_module{--flex-direction:column;--horizontal-gap:var(--module-gutter);--vertical-gap:var(--module-gutter)}.et_flex_column>[class*=et_flex_column],.et_flex_group>[class*=et_flex_column],.et_flex_module>[class*=et_flex_column]{--horizontal-gap-parent:var(--module-gutter)}.et_flex_column>.et_pb_module,.et_flex_group>.et_pb_module,.et_flex_module>.et_pb_module,.et_pb_section .et_pb_row .et_flex_column>.et_pb_module,.et_pb_section .et_pb_row .et_flex_group>.et_pb_module,.et_pb_section .et_pb_row .et_flex_module>.et_pb_module{margin-bottom:0}.et_flex_row.et_pb_equal_columns,.et_pb_section.et_pb_equal_columns>.et_flex_row{align-items:stretch}.rtl .et_flex_row{direction:rtl}.rtl .et_flex_row.et_pb_equal_columns,.rtl .et_pb_section.et_pb_equal_columns>.et_flex_row{flex-direction:row-reverse}.et_flex_column_1_24{width:calc(4.1667% - var(--horizontal-gap-parent, 5.5%)*23/24)}.et_flex_column_2_24{width:calc(8.3333% - var(--horizontal-gap-parent, 5.5%)*11/12)}.et_flex_column_3_24{width:calc(12.5% - var(--horizontal-gap-parent, 5.5%)*7/8)}.et_flex_column_4_24{width:calc(16.6667% - var(--horizontal-gap-parent, 5.5%)*5/6)}.et_flex_column_5_24{width:calc(20.8333% - var(--horizontal-gap-parent, 5.5%)*3.8/4.8)}.et_flex_column_6_24{width:calc(25% - var(--horizontal-gap-parent, 5.5%)*3/4)}.et_flex_column_7_24{width:calc(29.1667% - var(--horizontal-gap-parent, 5.5%)*2.42857/3.42857)}.et_flex_column_8_24{width:calc(33.3333% - var(--horizontal-gap-parent, 5.5%)*2/3)}.et_flex_column_9_24{width:calc(37.5% - var(--horizontal-gap-parent, 5.5%)*1.66667/2.66667)}.et_flex_column_10_24{width:calc(41.6667% - var(--horizontal-gap-parent, 5.5%)*1.4/2.4)}.et_flex_column_11_24{width:calc(45.8333% - var(--horizontal-gap-parent, 5.5%)*1.18182/2.18182)}.et_flex_column_12_24{width:calc(50% - var(--horizontal-gap-parent, 5.5%)*1/2)}.et_flex_column_13_24{width:calc(54.1667% - var(--horizontal-gap-parent, 5.5%)*0.84615/1.84615)}.et_flex_column_14_24{width:calc(58.3333% - var(--horizontal-gap-parent, 5.5%)*0.71429/1.71429)}.et_flex_column_15_24{width:calc(62.5% - var(--horizontal-gap-parent, 5.5%)*0.6/1.6)}.et_flex_column_16_24{width:calc(66.6667% - var(--horizontal-gap-parent, 5.5%)*0.5/1.5)}.et_flex_column_17_24{width:calc(70.8333% - var(--horizontal-gap-parent, 5.5%)*0.41176/1.41176)}.et_flex_column_18_24{width:calc(75% - var(--horizontal-gap-parent, 5.5%)*0.33333/1.33333)}.et_flex_column_19_24{width:calc(79.1667% - var(--horizontal-gap-parent, 5.5%)*0.26316/1.26316)}.et_flex_column_20_24{width:calc(83.3333% - var(--horizontal-gap-parent, 5.5%)*0.2/1.2)}.et_flex_column_21_24{width:calc(87.5% - var(--horizontal-gap-parent, 5.5%)*0.14286/1.14286)}.et_flex_column_22_24{width:calc(91.6667% - var(--horizontal-gap-parent, 5.5%)*0.09091/1.09091)}.et_flex_column_23_24{width:calc(95.8333% - var(--horizontal-gap-parent, 5.5%)*0.04348/1.04348)}.et_flex_column_24_24{width:calc(100% - var(--horizontal-gap-parent, 5.5%)*0/1)}.et_flex_column_1_5{width:calc(20% - var(--horizontal-gap-parent, 5.5%)*4/5)}.et_flex_column_2_5{width:calc(40% - var(--horizontal-gap-parent, 5.5%)*1.5/2.5)}.et_flex_column_3_5{width:calc(60% - var(--horizontal-gap-parent, 5.5%)*0.66667/1.66667)}.et_flex_column_4_5{width:calc(80% - var(--horizontal-gap-parent, 5.5%)*0.25/1.25)}.et_flex_column_5_5{width:calc(100% - var(--horizontal-gap-parent, 5.5%)*0/1)}.et_flex_column_1_7{width:calc(14.2857% - var(--horizontal-gap-parent, 5.5%)*6/7)}.et_flex_column_1_9{width:calc(11.1111% - var(--horizontal-gap-parent, 5.5%)*8/9)}.et_flex_column_1_10{width:calc(10% - var(--horizontal-gap-parent, 5.5%)*9/10)}.et_flex_column_1_11{width:calc(9.0909% - var(--horizontal-gap-parent, 5.5%)*10/11)}
#et-secondary-menu li,#top-menu li{word-wrap:break-word}.nav li ul,.et_mobile_menu{border-color:#2ea3f2}.mobile_menu_bar:before,.mobile_menu_bar:after,#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a{color:#2ea3f2}#main-header{transition:background-color .4s,color .4s,transform .4s,opacity .4s ease-in-out}#main-header.et-disabled-animations *{transition-duration:0s !important}.container{text-align:left;position:relative}.et_fixed_nav.et_show_nav #page-container{padding-top:80px}.et_fixed_nav.et_show_nav.et-tb #page-container,.et_fixed_nav.et_show_nav.et-tb-has-header #page-container{padding-top:0 !important}.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container{padding-top:111px}.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container{padding-top:177px}.et_fixed_nav.et_show_nav.et_header_style_centered #page-container{padding-top:147px}.et_fixed_nav #main-header{position:fixed}.et-cloud-item-editor #page-container{padding-top:0 !important}.et_header_style_left #et-top-navigation{padding-top:33px}.et_header_style_left #et-top-navigation nav>ul>li>a{padding-bottom:33px}.et_header_style_left .logo_container{position:absolute;height:100%;width:100%}.et_header_style_left #et-top-navigation .mobile_menu_bar{padding-bottom:24px}.et_hide_search_icon #et_top_search{display:none !important}#logo{width:auto;transition:all .4s ease-in-out;margin-bottom:0;max-height:54%;display:inline-block;float:none;vertical-align:middle;-webkit-transform:translate3d(0, 0, 0)}.et_pb_svg_logo #logo{height:54%}.logo_container{transition:all .4s ease-in-out}span.logo_helper{display:inline-block;height:100%;vertical-align:middle;width:0}.safari .centered-inline-logo-wrap{-webkit-transform:translate3d(0, 0, 0);transition:all .4s ease-in-out}#et-define-logo-wrap img{width:100%}.gecko #et-define-logo-wrap.svg-logo{position:relative !important}#top-menu-nav,#top-menu{line-height:0}#et-top-navigation{font-weight:600}.et_fixed_nav #et-top-navigation{transition:all .4s ease-in-out}.et-cart-info span:before{content:"";margin-right:10px;position:relative}nav#top-menu-nav,#top-menu,nav.et-menu-nav,.et-menu{float:left}#top-menu li{display:inline-block;font-size:14px;padding-right:22px}#top-menu>li:last-child{padding-right:0}.et_fullwidth_nav.et_non_fixed_nav.et_header_style_left #top-menu>li:last-child>ul.sub-menu{right:0}#top-menu a{color:rgba(0,0,0,.6);text-decoration:none;display:block;position:relative;transition:opacity .4s ease-in-out,background-color .4s ease-in-out,padding-bottom .4s ease-in-out}#top-menu-nav>ul>li>a:hover{opacity:.7;transition:all .4s ease-in-out}#et_search_icon:before{content:"U";font-size:17px;left:0;position:absolute;top:-3px}#et_search_icon:hover{cursor:pointer}#et_top_search{float:right;margin:3px 0 0 22px;position:relative;display:block;width:18px}#et_top_search.et_search_opened{position:absolute;width:100%}.et-search-form{top:0;bottom:0;right:0;position:absolute;z-index:1000;width:100%}.et-search-form input{width:90%;border:none;color:#333;position:absolute;top:0;bottom:0;right:30px;margin:auto;background:rgba(0,0,0,0)}.et-search-form .et-search-field::-ms-clear{width:0;height:0;display:none}.et_search_form_container{animation:none;-o-animation:none}.container.et_search_form_container{position:relative;opacity:0;height:1px}.container.et_search_form_container.et_pb_search_visible{z-index:999;animation:fadeInTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_search_visible.et_pb_no_animation{opacity:1}.et_pb_search_form_hidden{animation:fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}span.et_close_search_field{display:block;width:30px;height:30px;z-index:99999;position:absolute;right:0;cursor:pointer;top:0;bottom:0;margin:auto}span.et_close_search_field:after{font-family:"ETmodules";content:"M";speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:32px;display:inline-block;box-sizing:border-box}.container.et_menu_container{z-index:99}.container.et_search_form_container.et_pb_search_form_hidden{z-index:1 !important}.et_search_outer{width:100%;overflow:hidden;position:absolute;top:0}.container.et_pb_menu_hidden{z-index:-1}form.et-search-form{background:rgba(0,0,0,0) !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.et-cart-info{color:inherit}#et-top-navigation .et-cart-info{float:left;margin:-2px 0 0 22px;font-size:16px}#et-top-navigation{float:right}#top-menu li li{padding:0 20px;margin:0}#top-menu li li a{padding:6px 20px;width:200px}.nav li.et-touch-hover>ul{opacity:1;visibility:visible}#top-menu .menu-item-has-children>a:first-child:after,#et-secondary-nav .menu-item-has-children>a:first-child:after{font-family:"ETmodules";content:"3";font-size:16px;position:absolute;right:0;top:0;font-weight:800}#top-menu .menu-item-has-children>a:first-child,#et-secondary-nav .menu-item-has-children>a:first-child{padding-right:20px}#top-menu li .menu-item-has-children>a:first-child{padding-right:40px}#top-menu li .menu-item-has-children>a:first-child:after{right:20px;top:6px}#top-menu li.mega-menu{position:inherit}#top-menu li.mega-menu>ul{padding:30px 20px;position:absolute !important;width:100%;left:0 !important}#top-menu li.mega-menu ul li{margin:0;float:left !important;display:block !important;padding:0 !important}#top-menu li.mega-menu>ul>li:nth-of-type(4n){clear:right}#top-menu li.mega-menu>ul>li:nth-of-type(4n+1){clear:left}#top-menu li.mega-menu ul li li{width:100%}#top-menu li.mega-menu li>ul{animation:none !important;padding:0px;border:none;left:auto;top:auto;width:90% !important;position:relative;box-shadow:none}#top-menu li.mega-menu li ul{visibility:visible;opacity:1;display:none}#top-menu li.mega-menu.et-hover li ul{display:block}#top-menu li.mega-menu.et-hover>ul{opacity:1 !important;visibility:visible !important}#top-menu li.mega-menu>ul>li>a{width:90%;padding:0 20px 10px}#top-menu li.mega-menu>ul>li>a:first-child{padding-top:0 !important;font-weight:bold;border-bottom:1px solid rgba(0,0,0,.03)}#top-menu li.mega-menu>ul>li>a:first-child:hover{background-color:rgba(0,0,0,0) !important}#top-menu li.mega-menu li>a{width:100%}#top-menu li.mega-menu.mega-menu-parent li li,#top-menu li.mega-menu.mega-menu-parent li>a{width:100% !important}#top-menu li.mega-menu.mega-menu-parent li>.sub-menu{float:left;width:100% !important}#top-menu li.mega-menu>ul>li{width:25%;margin:0}#top-menu li.mega-menu.mega-menu-parent-3>ul>li{width:33.33%}#top-menu li.mega-menu.mega-menu-parent-2>ul>li{width:50%}#top-menu li.mega-menu.mega-menu-parent-1>ul>li{width:100%}#top-menu li.mega-menu .menu-item-has-children>a:first-child:after{display:none}#top-menu li.mega-menu>ul>li>ul>li{width:100%;margin:0}#et_mobile_nav_menu{float:right;display:none}.mobile_menu_bar{position:relative;display:block;line-height:0}.mobile_menu_bar:before,.et_toggle_slide_menu:after{content:"a";font-size:32px;left:0;position:relative;top:0;cursor:pointer}.mobile_nav .select_page{display:none}.et_pb_menu_hidden #top-menu,.et_pb_menu_hidden #et_search_icon:before,.et_pb_menu_hidden .et-cart-info{opacity:0;animation:fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_menu_visible #top-menu,.et_pb_menu_visible #et_search_icon:before,.et_pb_menu_visible .et-cart-info{z-index:99;opacity:1;animation:fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_menu_hidden #top-menu,.et_pb_menu_hidden #et_search_icon:before,.et_pb_menu_hidden .mobile_menu_bar{opacity:0;animation:fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_menu_visible #top-menu,.et_pb_menu_visible #et_search_icon:before,.et_pb_menu_visible .mobile_menu_bar{z-index:99;opacity:1;animation:fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1)}.et_pb_no_animation #top-menu,.et_pb_no_animation #et_search_icon:before,.et_pb_no_animation .mobile_menu_bar,.et_pb_no_animation.et_search_form_container{animation:none !important;-o-animation:none !important;-webkit-animation:none !important;-moz-animation:none !important}body.admin-bar.et_fixed_nav #main-header{top:32px}body.et-wp-pre-3_8.admin-bar.et_fixed_nav #main-header{top:28px}body.et_fixed_nav.et_secondary_nav_enabled #main-header{top:30px}body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header{top:63px}@media all and (min-width: 981px){.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:0;opacity:0;transition:all .4s ease-in-out}.et_hide_primary_logo #main-header:not(.et-fixed-header) .centered-inline-logo-wrap,.et_hide_fixed_logo #main-header.et-fixed-header .centered-inline-logo-wrap{height:0;opacity:0;padding:0}.et-animated-content#page-container{transition:margin-top .4s ease-in-out}.et_hide_nav #page-container{transition:none}.et_fullwidth_nav .et-search-form,.et_fullwidth_nav .et_close_search_field{right:30px}#main-header.et-fixed-header{box-shadow:0 0 7px rgba(0,0,0,.1) !important}.et_header_style_left .et-fixed-header #et-top-navigation{padding-top:20px}.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a{padding-bottom:20px}.et_hide_nav.et_fixed_nav #main-header{opacity:0}.et_hide_nav.et_fixed_nav .et-fixed-header#main-header{transform:translateY(0px) !important;opacity:1}.et_hide_nav .centered-inline-logo-wrap,.et_hide_nav.et_fixed_nav #main-header,.et_hide_nav.et_fixed_nav #main-header,.et_hide_nav .centered-inline-logo-wrap{transition-duration:.7s}.et_hide_nav #page-container{padding-top:0 !important}.et_primary_nav_dropdown_animation_fade #et-top-navigation ul li:hover>ul,.et_secondary_nav_dropdown_animation_fade #et-secondary-nav li:hover>ul{transition:all .2s ease-in-out}.et_primary_nav_dropdown_animation_slide #et-top-navigation ul li:hover>ul,.et_secondary_nav_dropdown_animation_slide #et-secondary-nav li:hover>ul{animation:fadeLeft .4s ease-in-out}.et_primary_nav_dropdown_animation_expand #et-top-navigation ul li:hover>ul,.et_secondary_nav_dropdown_animation_expand #et-secondary-nav li:hover>ul{transform-origin:0 0;animation:Grow .4s ease-in-out;backface-visibility:visible !important}.et_primary_nav_dropdown_animation_flip #et-top-navigation ul li ul li:hover>ul,.et_secondary_nav_dropdown_animation_flip #et-secondary-nav ul li:hover>ul{animation:flipInX .6s ease-in-out;backface-visibility:visible !important}.et_primary_nav_dropdown_animation_flip #et-top-navigation ul li:hover>ul,.et_secondary_nav_dropdown_animation_flip #et-secondary-nav li:hover>ul{animation:flipInY .6s ease-in-out;backface-visibility:visible !important}.et_fullwidth_nav #main-header .container{width:100%;max-width:100%;padding-right:32px;padding-left:30px}.et_non_fixed_nav.et_fullwidth_nav.et_header_style_left #main-header .container{padding-left:0}.et_non_fixed_nav.et_fullwidth_nav.et_header_style_left .logo_container{padding-left:30px}}@media all and (max-width: 980px){.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container,.et_fixed_nav.et_show_nav #page-container{padding-top:80px}.et_fixed_nav.et_show_nav.et-tb #page-container,.et_fixed_nav.et_show_nav.et-tb-has-header #page-container{padding-top:0 !important}.et_non_fixed_nav #page-container{padding-top:0}.et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header{top:32px !important}.et_hide_mobile_logo #main-header .logo_container{display:none;opacity:0;transition:all .4s ease-in-out}#top-menu{display:none}.et_hide_nav.et_fixed_nav #main-header{transform:translateY(0px) !important;opacity:1}#et-top-navigation{margin-right:0;transition:none}.et_fixed_nav #main-header{position:absolute}#et-boc:has(#main-header){position:static}.et_header_style_left .et-fixed-header #et-top-navigation,.et_header_style_left #et-top-navigation{padding-top:24px;display:block}.et_fixed_nav #main-header{transition:none}.et_fixed_nav_temp #main-header{top:0 !important}#logo,.logo_container,#main-header,.container{transition:none}.et_header_style_left #logo{max-width:50%}#et_top_search{margin:0 35px 0 0;float:left}#et_search_icon:before{top:7px}.et_header_style_left .et-search-form{width:50% !important;max-width:50% !important}#et_mobile_nav_menu{display:block}#et-top-navigation .et-cart-info{margin-top:5px}}@media screen and (max-width: 782px){body.admin-bar.et_fixed_nav #main-header{top:46px}}@media all and (max-width: 767px){#et-top-navigation{margin-right:0}body.admin-bar.et_fixed_nav #main-header{top:46px}}@media all and (max-width: 479px){#et-top-navigation{margin-right:0}}@media print{#top-header,#main-header{position:relative !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important}}
@keyframes fadeOutTop{0%{opacity:1;transform:translatey(0)}to{opacity:0;transform:translatey(-60%)}}@keyframes fadeInTop{0%{opacity:0;transform:translatey(-60%)}to{opacity:1;transform:translatey(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translatey(60%)}to{opacity:1;transform:translatey(0)}}@keyframes fadeOutBottom{0%{opacity:1;transform:translatey(0)}to{opacity:0;transform:translatey(60%)}}@keyframes Grow{0%{opacity:0;transform:scaleY(.5)}to{opacity:1;transform:scale(1)}} @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}
#main-header{line-height:23px;font-weight:500;top:0;background-color:#fff;width:100%;box-shadow:0 1px 0 rgba(0,0,0,.1);position:relative;z-index:99999}.nav li li{padding:0 20px;margin:0}.et-menu li li a{padding:6px 20px;width:200px}.nav li{position:relative;line-height:1em}.nav li li{position:relative;line-height:2em}.nav li ul{position:absolute;padding:20px 0;z-index:9999;width:240px;background:#fff;visibility:hidden;opacity:0;border-top:3px solid #2ea3f2;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-transform:translateZ(0);text-align:left}.nav li.et-hover>ul{visibility:visible}.nav li.et-touch-hover>ul,.nav li:hover>ul{opacity:1;visibility:visible}.nav li li ul{z-index:1000;top:-23px;left:240px}.nav li.et-reverse-direction-nav li ul{left:auto;right:240px}.nav li:hover{visibility:inherit}.et_mobile_menu li a,.nav li li a{font-size:14px;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.et_mobile_menu li a:hover,.nav ul li a:hover{background-color:rgba(0,0,0,.03);opacity:.7}.et-dropdown-removing>ul{display:none}.mega-menu .et-dropdown-removing>ul{display:block}.et-menu .menu-item-has-children>a:first-child:after{font-family:ETmodules;content:"3";font-size:16px;position:absolute;right:0;top:0;font-weight:800}.et-menu .menu-item-has-children>a:first-child{padding-right:20px}.et-menu li li.menu-item-has-children>a:first-child:after{right:20px;top:6px}.et-menu-nav li.mega-menu{position:inherit}.et-menu-nav li.mega-menu>ul{padding:30px 20px;position:absolute!important;width:100%;left:0!important}.et-menu-nav li.mega-menu ul li{margin:0;float:left!important;display:block!important;padding:0!important}.et-menu-nav li.mega-menu li>ul{animation:none!important;padding:0;border:none;left:auto;top:auto;width:240px!important;position:relative;box-shadow:none;-webkit-box-shadow:none}.et-menu-nav li.mega-menu li ul{visibility:visible;opacity:1;display:none}.et-menu-nav li.mega-menu.et-hover li ul,.et-menu-nav li.mega-menu:hover li ul{display:block}.et-menu-nav li.mega-menu:hover>ul{opacity:1!important;visibility:visible!important}.et-menu-nav li.mega-menu>ul>li>a:first-child{padding-top:0!important;font-weight:700;border-bottom:1px solid rgba(0,0,0,.03)}.et-menu-nav li.mega-menu>ul>li>a:first-child:hover{background-color:transparent!important}.et-menu-nav li.mega-menu li>a{width:200px!important}.et-menu-nav li.mega-menu.mega-menu-parent li>a,.et-menu-nav li.mega-menu.mega-menu-parent li li{width:100%!important}.et-menu-nav li.mega-menu.mega-menu-parent li>.sub-menu{float:left;width:100%!important}.et-menu-nav li.mega-menu>ul>li{width:25%;margin:0}.et-menu-nav li.mega-menu.mega-menu-parent-3>ul>li{width:33.33%}.et-menu-nav li.mega-menu.mega-menu-parent-2>ul>li{width:50%}.et-menu-nav li.mega-menu.mega-menu-parent-1>ul>li{width:100%}.et_pb_fullwidth_menu li.mega-menu .menu-item-has-children>a:first-child:after,.et_pb_menu li.mega-menu .menu-item-has-children>a:first-child:after{display:none}.et_fullwidth_nav #top-menu li.mega-menu>ul{width:auto;left:30px!important;right:30px!important}.et_mobile_menu{position:absolute;left:0;padding:5%;background:#fff;width:100%;visibility:visible;opacity:1;display:none;z-index:9999;border-top:3px solid #2ea3f2;box-shadow:0 2px 5px rgba(0,0,0,.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1)}#main-header .et_mobile_menu li ul,.et_pb_fullwidth_menu .et_mobile_menu li ul,.et_pb_menu .et_mobile_menu li ul{visibility:visible!important;display:block!important;padding-left:10px}.et_mobile_menu li li{padding-left:5%}.et_mobile_menu li a{border-bottom:1px solid rgba(0,0,0,.03);color:#666;padding:10px 5%;display:block}.et_mobile_menu .menu-item-has-children>a{font-weight:700;background-color:rgba(0,0,0,.03)}.et_mobile_menu li .menu-item-has-children>a{background-color:transparent}.et_mobile_nav_menu{float:right;display:none}.mobile_menu_bar{position:relative;display:block;line-height:0}.mobile_menu_bar:before{content:"a";font-size:32px;position:relative;left:0;top:0;cursor:pointer}.et_pb_module .mobile_menu_bar:before{top:2px}.mobile_nav .select_page{display:none}
.footer-widget h4,#main-footer .widget_block h1,#main-footer .widget_block h2,#main-footer .widget_block h3,#main-footer .widget_block h4,#main-footer .widget_block h5,#main-footer .widget_block h6{color:#2ea3f2}.footer-widget li:before{border-color:#2ea3f2}.bottom-nav li.current-menu-item>a{color:#2ea3f2}#main-footer{background-color:#222}#footer-widgets{padding:6% 0 0}.footer-widget{float:left;color:#fff}.last{margin-right:0}.footer-widget .fwidget:last-child{margin-bottom:0 !important}#footer-widgets .footer-widget li{padding-left:14px;position:relative}#footer-widgets .footer-widget li:before{border-radius:3px;border-style:solid;border-width:3px;content:"";left:0;position:absolute;top:9px}#footer-widgets .footer-widget a{color:#fff}#footer-widgets .footer-widget li a{color:#fff;text-decoration:none}#footer-widgets .footer-widget li a:hover{color:hsla(0,0%,100%,.7)}.footer-widget .widget_adsensewidget ins{min-width:160px}#footer-bottom{background-color:#1f1f1f;background-color:rgba(0,0,0,.32);padding:15px 0 5px}#footer-bottom a{transition:all .4s ease-in-out}#footer-info{text-align:left;color:#666;padding-bottom:10px;float:left}#footer-info a{font-weight:700;color:#666}#footer-info a:hover{opacity:.7}#et-footer-nav{background-color:hsla(0,0%,100%,.05)}.bottom-nav{padding:15px 0}.bottom-nav li{font-weight:600;display:inline-block;font-size:14px;padding-right:22px}.bottom-nav a{color:#bbb;transition:all .4s ease-in-out}.bottom-nav a:hover{opacity:.7}@media all and (max-width: 980px){.footer-widget:nth-child(n){width:46.25% !important;margin:0 7.5% 7.5% 0 !important}.et_pb_footer_columns1 .footer-widget{width:100% !important;margin:0 7.5% 7.5% 0 !important}#footer-widgets .footer-widget .fwidget{margin-bottom:16.21%}.et_pb_gutters1 .footer-widget:nth-child(n){width:50% !important;margin:0 !important}.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0}#footer-widgets{padding:8% 0}#footer-widgets .footer-widget:nth-child(2n){margin-right:0 !important}#footer-widgets .footer-widget:nth-last-child(-n+2){margin-bottom:0 !important}.bottom-nav{text-align:center}#footer-info{float:none;text-align:center}}@media all and (max-width: 767px){#footer-widgets .footer-widget,.et_pb_gutters1 #footer-widgets .footer-widget{width:100% !important;margin-right:0 !important}#footer-widgets .footer-widget:nth-child(n),#footer-widgets .footer-widget .fwidget{margin-bottom:9.5% !important}.et_pb_gutters1 #footer-widgets .footer-widget:nth-child(n),.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0 !important}#footer-widgets{padding:10% 0}#footer-widgets .footer-widget .fwidget:last-child{margin-bottom:0 !important}#footer-widgets .footer-widget:last-child{margin-bottom:0 !important}}@media all and (max-width: 479px){#footer-widgets .footer-widget:nth-child(n),.footer-widget .fwidget{margin-bottom:11.5% !important}#footer-widgets .footer-widget.last{margin-bottom:0 !important}.et_pb_gutters1 #footer-widgets .footer-widget:nth-child(n),.et_pb_gutters1 #footer-widgets .footer-widget .fwidget{margin-bottom:0 !important}#footer-widgets{padding:12% 0}}
@media all and (min-width: 981px){.et_pb_gutters3 .footer-widget{margin-right:5.5%;margin-bottom:5.5%}.et_pb_gutters3 .footer-widget:last-child{margin-right:0}.et_pb_gutters3.et_pb_footer_columns6 .footer-widget{width:12.083%}.et_pb_gutters3.et_pb_footer_columns6 .footer-widget .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns5 .footer-widget{width:15.6%}.et_pb_gutters3.et_pb_footer_columns5 .footer-widget .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns4 .footer-widget{width:20.875%}.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns3 .footer-widget{width:29.667%}.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns2 .footer-widget{width:47.25%}.et_pb_gutters3.et_pb_footer_columns2 .footer-widget .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns1 .footer-widget{width:100%}.et_pb_gutters3.et_pb_footer_columns1 .footer-widget .fwidget{margin-bottom:5.5%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(1){width:73.625%;clear:both}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(1) .fwidget{margin-bottom:7.47%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(2){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_3_4__1_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(1){width:20.875%;clear:both}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(1) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(2){width:73.625%}.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:7.47%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(1){width:64.833%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(1) .fwidget{margin-bottom:8.483%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(2){width:29.667%}.et_pb_gutters3.et_pb_footer_columns_2_3__1_3 .footer-widget:nth-child(2) .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(1){width:29.667%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(1) .fwidget{margin-bottom:18.539%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(2){width:64.833%}.et_pb_gutters3.et_pb_footer_columns_1_3__2_3 .footer-widget:nth-child(2) .fwidget{margin-bottom:8.483%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(-n+2){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(-n+2) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(3){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_4__1_2 .footer-widget:nth-child(3) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:first-child{width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:first-child .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:nth-child(-n+3):not(:nth-child(1)){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:nth-child(-n+3):not(:nth-child(1)) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(-n+2){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(-n+2) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(3){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(3) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:first-child{width:57.8%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:first-child .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:nth-child(-n+3):not(:nth-child(1)){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_3_5__1_5 .footer-widget:nth-child(-n+3):not(:nth-child(1)) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(1){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(1) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(2){width:36.7%}.et_pb_gutters3.et_pb_footer_columns_3_5__2_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:14.986%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(1){width:36.7%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(1) .fwidget{margin-bottom:14.986%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(2){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_2_5__3_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:9.516%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:first-child{width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:first-child .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:nth-child(-n+4):not(:nth-child(1)){width:12.083%}.et_pb_gutters3.et_pb_footer_columns_1_2__1_6 .footer-widget:nth-child(-n+4):not(:nth-child(1)) .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(-n+3){width:12.083%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(-n+3) .fwidget{margin-bottom:45.517%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(4){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_6__1_2 .footer-widget:nth-child(4) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(-n+3):not(:nth-child(2)){width:20.875%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(-n+3):not(:nth-child(2)) .fwidget{margin-bottom:26.347%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(2){width:47.25%}.et_pb_gutters3.et_pb_footer_columns_1_4_1_2_1_4 .footer-widget:nth-child(2) .fwidget{margin-bottom:11.64%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(-n+3):not(:nth-child(2)){width:15.6%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(-n+3):not(:nth-child(2)) .fwidget{margin-bottom:35.256%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(2){width:57.8%}.et_pb_gutters3.et_pb_footer_columns_1_5_3_5_1_5 .footer-widget:nth-child(2) .fwidget{margin-bottom:9.516%}}
.et-social-icons{float:right}.et-social-icons li{display:inline-block;margin-left:20px}.et-social-icon a{display:inline-block;font-size:24px;position:relative;text-align:center;transition:color 300ms ease 0s;color:#666;text-decoration:none}.et-social-icons a:hover{opacity:.7;transition:all .4s ease-in-out}.et-social-icon span{display:none}.et_duplicate_social_icons{display:none}@media all and (max-width: 980px){.et-social-icons{float:none;text-align:center}}@media all and (max-width: 980px){.et-social-icons{margin:0 0 5px}}
.et_pb_widget{float:left;max-width:100%;word-wrap:break-word}.et_pb_widget a{text-decoration:none;color:#666}.et_pb_widget li a:hover{color:#82c0c7}.et_pb_widget ol li,.et_pb_widget ul li{margin-bottom:.5em}.et_pb_widget ol li ol li,.et_pb_widget ul li ul li{margin-left:15px}.et_pb_widget select{width:100%;height:28px;padding:0 5px}.et_pb_widget_area .et_pb_widget a{color:inherit}.et_pb_bg_layout_light .et_pb_widget li a{color:#666}.et_pb_bg_layout_dark .et_pb_widget li a{color:inherit}
.widget_search .screen-reader-text,.et_pb_widget .wp-block-search__label{display:none}.widget_search input#s,.widget_search input#searchsubmit,.et_pb_widget .wp-block-search__input,.et_pb_widget .wp-block-search__button{padding:.7em;height:40px !important;margin:0;font-size:14px;line-height:normal !important;border:1px solid #ddd;color:#666}.widget_search #s,.et_pb_widget .wp-block-search__input{width:100%;border-radius:3px}.widget_search #searchform,.et_pb_widget .wp-block-search{position:relative}.widget_search #searchsubmit,.et_pb_widget .wp-block-search__button{background-color:#ddd;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:0;top:0}#searchsubmit,.et_pb_widget .wp-block-search__button{cursor:pointer}body {
font-size: 16px;
font-weight: normal;
line-height: 1.6;
color: #6b6b6b;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
font-weight: normal;
}
@font-face{font-family:chapaza-italic;
src:url(//www.whoopa.co.uk/wp-content/themes/whoopa-site/fonts/chapaza-italic.ttf);
}
@font-face{font-family:chapaza;
src:url(//www.whoopa.co.uk/wp-content/themes/whoopa-site/fonts/chapaza.ttf);
}
.et_pb_row {
width: 90% !important;
}
div#Welcome .et_pb_row {
width: 100% !important;
}
#et-secondary-menu {
position: absolute;
right: 30px;
top: 50px;
}
.et-fixed-header{
background: #F18A25 !important;
}
#main-header .container {
max-width: 100% !important;
width: 100% !important;
margin-left: 30px;
}
#top-header .container {
padding-top: 0;
max-width: 100% !important;
width: 100% !important;
}
.et_fixed_nav #main-header, .et_fixed_nav #top-header{
position: fixed !important;
width: 100%;
left: 0;
}
#logo {
max-height: 75%;
max-width: 300px;
}
#page-container{
padding: 0px !important;
margin: 0 !important;
}
#main-header {
background: transparent;
box-shadow: none !important;
}
.home_slide .et_pb_slide {
height: 100vh;
min-height: 500px;
}
#top-header a {
font-family: fontawesome;
}
#top-header a i {
font-style: normal !important;
font-weight: normal !important;
}
#et-secondary-nav li {
margin-right: 20px;
}
ul#et-secondary-nav li a:hover,
#et-top-navigation li a:hover {
color: #fff;
opacity: 1 !important;
}
div#et-top-navigation {
padding-left: 0 !important;
text-align: center;
}
#top-menu, .fullwidth-menu,
nav#top-menu-nav,
nav.fullwidth-menu-nav {
float: left;
text-align: center !important;
width: 100%;
}
#main-header #top-menu li.current-menu-item > a,
#main-header #top-menu li > a:hover {
color: #fff!important;
}
header#main-header {
z-index: 999999;
}
div#top-header {
z-index: 9999999;
} header#main-header li a{
opacity: 1 !important;
}
header#main-header.et-fixed-header {
background: rgba(241, 138, 37, 0.78) !important;
}
@media (min-width: 981px){
#et-top-navigation{
margin: 0 auto;
float: none;
}
#main-header.et-fixed-header #top-menu li > a,
#top-header.et-fixed-header ul#et-secondary-nav li a {
color: #fdebd9 !important;
}
header#main-header.et-fixed-header  #et-top-navigation {
padding: 20px 0 !important;
}
div#et-top-navigation:after {
clear: both;
display: block;
content: "";
}
header#main-header.et-fixed-header #et-top-navigation nav>ul>li>a{
padding-bottom: 0;
}
header#main-header.et-fixed-header #et-top-navigation li.get-btn {
position: fixed;
left: 30px;
top: 11px;
display: block;
}
#top-header.et-fixed-header #et-secondary-menu {
position: absolute;
right: 30px;
top: 21px;
}
} h3.txt-style {
text-align: center;
display: inline-block;
position: relative;
margin-bottom: 10px;
font-style: italic;
}
h3.txt-style:before,
h3.txt-style:after{
position: absolute;
content: '"';
left: -10px;
top: 0;
z-index: 5;
font-size: 30px;
}
h3.txt-style:after{
left: auto;
right: -12px;
}
a.links-pro {
display: inline-block;
color: #333;
border: 0;
padding: 4px 0;
margin-bottom: 20px;
font-style: italic;
}
a.links-pro:before{
content: "~";
display: inline-block;
vertical-align: middle;
margin-right: 3px;
color: inherit;
height: auto;
height: 28px;  
}
.typed-cursor {
font-size: 70px;
font-weight: lighter;
line-height: 1.2;
}
.typed-me {
font-size: 70px;
font-weight: lighter;
line-height: 1.2;
} ul.et_pb_side_nav.et-visible {
background: transparent !important;
}
ul.et_pb_side_nav .side_nav_item a {    
width: 10px !important;
height: 10px !important;   
background-color: rgba(179, 177, 177, 0.5) !important;
position: relative;
}
ul.et_pb_side_nav .side_nav_item a.active{
background-color: rgba(255, 255, 255, 1) !important;
border: 2px solid#f39a34 !important;
width: 10px !important;
height: 10px !important;
margin-left: 0 !important; 
}
ul.et_pb_side_nav .side_nav_item a:before{
position: absolute;
display: inline-block;
padding: 8px 18px;
color: #fff;
background: #f18a25;
border-radius: 3px;
content: "Home";
right: -50px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
font-size: 15px !important;
color: #fff;
min-width: 40px;
text-indent: 0 !important;
border: 1px solid #e67f1a;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0;
left: auto;
white-space: nowrap;
}
ul.et_pb_side_nav .side_nav_item a.active:before{
opacity: 1;
right: 27px;
}
ul.et_pb_side_nav .side_nav_item a::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
right: -50px;
width: 0;
height: 0;
content: "";
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 12px solid #f18a25;
border-right: 0 !important;
opacity: 0;
left: auto;
}
ul.et_pb_side_nav .side_nav_item a.active:after{
opacity: 1;
right: 17px;
} #Welcome .et_pb_slide_description,
#Welcome .et_pb_slider_fullwidth_off .et_pb_slide_description{
padding: 2% 8%;
}
.et-pb-controllers {
display: none;
}
div#scroll-btn {
position: absolute;
bottom: 90px;
left: 0;
right: 0;
max-width: 60px;
margin: auto;
text-align: center;
z-index: 88;
}
div#scroll-btn a {
display: block;
height: 48px;
width: 35px;
border: 2px solid #fff;
border-radius: 16px;
position: relative;
}
div#scroll-btn .et_pb_image_wrap img{
display: none;
}
div#scroll-btn .et_pb_image_wrap {   
position: absolute;
top: 6px;
left: 2px;
right: 0;
margin: auto;
background: #fff;
width: 4px;
height: 12px;
-moz-animation: arrow 3s infinite;
-webkit-animation: arrow 3s infinite;
animation: arrow 3s infinite;
}
@-moz-keyframes arrow {
0%{
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-moz-transform: translateY(23px);
transform: translateY(23px);
opacity: 0.4;
}
100% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes arrow {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-webkit-transform: translateY(23px);
transform: translateY(23px);
opacity: 0.4;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes arrow {
0% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-moz-transform: translateY(23px);
-ms-transform: translateY(23px);
-webkit-transform: translateY(23px);
transform: translateY(23px);
opacity: 0.4;
}
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.home_slide .et_pb_slide h2 {
font-size: 60px;
line-height: 67px;
margin-top: 30px;
}
.we_build_sec {
padding: 100px 0 150px !important;
background-size: 100% 100%;
}
.we_bulid_con .et_pb_column {
top: 40px;
}
.we_build_ttl h3 {
color: #f18a25;
font-size: 26px;
margin-left: 0;
text-align: left;
padding-left: 50px;
}
div#about .et_pb_column_1_2 {
padding-left: 120px;
}
.we_build_ttl h3::before {
content: "";
width: 43px;
height: 2px;
position: absolute;
left: 0;
top: 15px;
background: #e6e4e4;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
a.cl-btn , a , input [type="submit"], button{
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
a.cl-btn:hover {
background: #fff;
color: #333;
}
a.cl-btn:hover span{
color: #333;
}
.cl-btn {
vertical-align: middle;  
position: relative;
right: -25px;
}
.view_btn{ margin-left: 0; padding: 4px 25px 4px 25px }
.wht_ttl h3 {
color: #f18a25;
font-size: 26px;
margin-left: 50px;
}
.wht_ttl h3::before {
content: "";
width: 43px;
height: 2px;
position: absolute;
left: 0;
top: 15px;
background: #e6e4e4;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.what_we_left{
margin-right: 1% !important;
width: 49% !important;
}
.cl-flipbox-back {
text-align: left;
}
.flip_box_left .cl-flipbox-back{  
text-align: left;
}
.flip_boxes_right .cl-flipbox-back{  
text-align: left;
}
.cl-flipbox-yflank{
display: none;
}
.cl-flipbox-back-h {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
}
.cl-flipbox-front-h {
position: absolute;
bottom: 21px;
left: 0;
right: 0;
text-align: left;
padding: 15px;
}
.cl-flipbox-back-desc {
width: 318px;
display: inline-block;
}
.flip_box_left .cl-btn {
border: 1px solid #fff;
padding: 4px 20px;
border-radius: 15px;
}
.flip_boxes_right .cl-btn {
border: 1px solid #fff;
padding: 4px 20px;
border-radius: 15px;
}
.cl-flipbox-front-title{ font-weight: 600 }
.cl-flipbox-back-title{ font-weight: 600 }
.cl-flipbox-front::before {
background: rgba(0,0,0,0.6);
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
}
.cl-flipbox-back::before {
background: rgba(0,0,0,0.7);
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
display: block;
}
.what_we_right{
width: 50% !important
}
.what_we_right .et_pb_text{
margin-bottom: 3px !important;
}
.what_we_left h4 {
padding: 245px 20px 20px;
}
.what_we_right h4 {
padding: 100px 20px 20px;
}
.contact_ttl h2 {
font-size: 50px;
font-weight: lighter;
}
.Contact_sec {
padding: 250px 0 !important;
}
footer#main-footer .container {
width: 100%;
max-width: 100%;
padding: 0 60px;
box-sizing: border-box;
}
.foo_right {
float: none;
font-size: 14px;
font-weight: 550;
text-align: center;
margin-top: 10px;  
}
div#footer-info{
float: none;
display: block;
}
div#footer-info span.fa.fa-mobile {
vertical-align: middle;
color: #ffffff;
text-align: center;
font-size: 30px;
margin-right: 3px;
margin-top: -3px;
}
div#footer-info:after {
display: block;
content: "";
clear: both;
}
.foo_left {
float: left;
}
.foo_right a {
padding-left: 28px;
position: relative;
}
.foo_right a::before {
content: "";
top: 7px;
left: 10px;
position: absolute;
width: 6px;
height: 6px;
background: #cccbcb;
border-radius: 50%;
}
.foo_left {
float: none;
font-weight: 550;
color: #d6d4d4;
font-size: 14px;
text-align: center;
}
div#footer-bottom {
padding: 30px 0 20px;
}
.side_nav_item a.active {
border: 2px solid#f39a34 !important;
background: #fff !important;
width: 14px !important;
height: 14px !important;
margin-left: -3px;
}
.side_nav_item #side_nav_item_id_0::before
{
content: "Welcome";
}
.side_nav_item #side_nav_item_id_1::before {
content: "About";   
}
.side_nav_item #side_nav_item_id_2::before {
content: "What we do";
}
.side_nav_item #side_nav_item_id_3.active::before {
content: "Contact Us"; 
} .spe_ttl h4 {
color: #fff;
font-size: 24px;
font-weight: normal;
word-spacing: 4px;
padding: 8px 0 0 !important;
font-weight: normal;
}
.specialists_sec{
padding: 23px 0  !important;
}  .cont_info h3 {
font-size: 29px;
font-weight: lighter;
}
.cont_info h3 a{
color: inherit;
}
.cont_info p {
padding: 0;
}
.cont_con p {
padding-bottom: 22px;
width: 355px;
}
.form input {
border: 1px solid #ccc;
padding: 12px 15px;
border-radius: 22px;
margin-top: 0;
width: 100%;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
opacity: 0.9;
font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
}
.your_mesg{
border: 1px solid #ccc;
padding: 12px 10px 10px 21px;
border-radius: 22px;   
width: 100%;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
opacity: 0.9;   
height: 135px !important;
font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
}
.send_btn {
border-radius: 22px;
margin-top: 20px;
width: 100% !important;
text-transform: capitalize !important;
font-size: 14px !important;
letter-spacing: 1px;
opacity: 1;
font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
padding-top: 12px!important;
padding-right: 40px!important;
padding-bottom: 12px!important;
padding-left: 40px!important;
height: auto;
background: transparent;
transition: all 500ms ease;
margin-top: 5px !important;
cursor: pointer;
}
.send_btn:hover{
border-color:#f18a25;
background: #f18a25;
color:#fff;
}
.email_add{ margin-right: 20px }
.fname{ margin-right: 20px !important }
.form {
max-width: 600px;
margin: 0 auto;
}
#rc-imageselect, .g-recaptcha {
transform: scale(0.77);
-webkit-transform: scale(0.77);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.rows {
margin: 0-10px;
}
.rows:after {
display: block;
clear: both;
content: "";
}
.rows .col-6{
float: left;
width: 50%;
padding: 10px 15px;
}
.rows .col-12{
padding: 10px 15px;
}
address {
font-size: 16px;
}  div#img-box .et_pb_row{
max-width: 100%!important;
width: 100% !important;
}
div#img-box .et_pb_column {
width: 50%;
margin-right: 0 !important;
padding: 0 2px;
margin-bottom: 5px;
}
div#img-box .et_pb_column:last-child{
margin-right: 0 !important
} 
div#img-box .et_pb_image_wrap {
display: block;
width: 100%;
height: 260px;
position: relative;
overflow-x: hidden;
border-radius: 10px;
}
div#img-box .et_pb_column .et_pb_image_wrap:before{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(0,0,0,0.6);
content: "";
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
opacity: 1;
z-index: 33;
}
div#img-box .et_pb_column:hover  .et_pb_image_wrap:before{
opacity: 1;
}
div#img-box .et_pb_image_wrap img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
top:0;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
}
div#img-box .et_pb_column:hover  .et_pb_image_wrap {
-webkit-filter: blur(2px);
filter: blur(2px);
}
div#img-box .et_pb_text h5{
display: none;
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
}
div#img-box .et_pb_column:hover  .et_pb_text h5{
display: block;
}
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}  
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
div#img-box .et_pb_text{
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
transform: translateY(-50%);
z-index: 55;
left: 0;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
margin: 0;
padding: 0;
color: #fff;
font-size:20px;
margin: 0; 
padding: 10px 15px;
z-index: 666;
}
div#img-box .et_pb_text .btn-web {
font-size: 15px;
display: block;
text-align: center;
margin: 10px 0 0;
color: #fff;
text-transform: capitalize;
border-radius: 25px;
border: 1px solid #fff;
padding: 6px 35px;
max-width: 200px;
margin: 10px auto 0;
}
div#img-box .et_pb_text .btn-web:hover{
background:  #fff;
color:#333 !important;
}
div#img-box .et_pb_text h5{
font-size: 20px;
margin: 0;
padding: 0;
}
div#img-box .et_pb_text h5 small{
margin: 4px 0 0;
display: block;
font-size:70%;  
}
div#img-box .et_pb_column:hover .et_pb_text h5{
opacity: 1;
}
div#img-box .et_pb_button_module_wrapper a,
div#img-box .et_pb_button_module_wrapper{
position: absolute;
z-index: 555;
top:0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
} 
#img-logo .et_pb_image_wrap{
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
#img-logo .et_pb_image_wrap:hover{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}  div#txt-section .et_pb_row {
padding: 0px 0 20px;
}
div#txt-section .et_pb_row > div{
margin:0;
padding: 0;
}
div#txt-section .et_pb_row > div:first-child > div {
margin-bottom: 5px;
}
.list-ol ol{
counter-reset: my-badass-counter;
padding: 10px 0;
list-style: none; 
}
.list-ol ol li{
position: relative;
padding-left: 20px;
margin-bottom: 12px;
}
.list-ol ol li:last-child{
margin-bottom: 0;
}
.list-ol ol li li , .list-ol ol ol{
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.list-ol ol ol{
padding-left: 20px !important;
}
.list-ol ol li:before {
content: counter(my-badass-counter);
counter-increment: my-badass-counter;
color: #333;
font-size: 16px;
position: absolute;
left: 0;
top:1px;
}
div#text-algn-box > div {
padding: 0 0 25px;
}  #full-bnr{
width:100%;
max-width:100%;
background:url(//www.whoopa.co.uk/wp-content/uploads/2018/05/about-bg.jpg) no-repeat center center;
background-size: cover;
}
#full-bnr:before{
display: none;
}
#err-page{
min-height: 450px;
min-height:100vh;
position:relative;
}
.contnt-box{
position: absolute;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%); 
text-align: center;
width: 100%;
top:50%;
left: 0;   
}
.contnt-box h1{
text-shadow: 0 1px 3px rgba(0,0,0,.3);
color: #fff;
font-size: 70px;
font-weight: lighter;
}
.contnt-box h3{
color: #fff;
font-size: 26px;
letter-spacing: 1px;
}
.contnt-box a{
color: #ffffff;
border:1px solid rgba(242,185,121,0.7);
border-radius: 25px;
font-size: 20px;
padding: 4px 35px;
margin-top:20px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
display: inline-block;
text-transform: uppercase;
background: #fff;
color:#333;
border-color: #fff;
}
.contnt-box a:hover{
background: #f18a25;
color:#fff;
border-color: #f18a25;
}
.find_txt {
padding-bottom: 0 !important;
} @media (min-width: 981px){ .vert-center{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;    
align-items: center;
}
}
@media (max-width:1080px){
.flip_box_left .cl-flipbox-back-h {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
width: 100%;
padding: 15px;
}
.flip_box_left.cl-btn {
padding: 3px 20px;
}
.flip_boxes_right .cl-flipbox-back-desc {
margin-bottom: 5px !important;
}
.flip_boxes_right .flipbox-back-title {
margin-bottom: 9px !important;
}
.flip_boxes_right .cl-btn {
padding: 3px 20px;
}
.cl-flipbox-back-h {
position: absolute;
bottom: 10px;
}
}
@media (max-width:980px){
#main-header .container{
margin-left: 0;
}
.home_slide .et_pb_slide h2 {
font-size: 45px;
}
span.mobile_menu_bar.mobile_menu_bar_toggle:before {
color: #FFF;
font-size: 50px;
margin-right: 30px;
}
.logo_container {
padding-left: 30px;
margin: 0;
}
.et_mobile_menu{
background: #f28b26cc;
}
ul#mobile_menu li a {
color: #fff;
font-size: 20px;
border-bottom: 1px solid #d9d8d8;
padding: 15px 5px !important;
height: auto;
}
ul#mobile_menu li a:hover{
color: #ffffffb3;
border-color: #f39a34;
}
ul#mobile_menu li:last-child a {
border-bottom: 0;
}
div#about {
min-height: 400px;
padding: 50px 0 !important;
background-size: contain;
background-position: left bottom;
}
.typed-cursor {
font-size: 50px;   
}
.typed-me {
font-size: 50px;    
}
.foo_left {
float: none;
margin-bottom: 10px;
}
.foo_right {
display: block;
position: relative;
text-align: center;
}
#img-logo .et_pb_column,
#img-box  .et_pb_column{
float: left !important;
width: 46% !important ;
margin-right: 3.5% !important;
}
#img-box  .et_pb_column{width: 50% !important; margin-bottom: 4px;}
#img-logo .et_pb_column:last-child,
#img-box  .et_pb_column:last-child{
margin-right: 0 !important;
}
div#img-box .et_pb_text h5{
opacity: 1;
display: block;
}
#img-logo .et_pb_image{
max-width: 70%;
}
div#Our-work > div ,
div#img-box{
padding: 0;
}
div#img-box .et_pb_image_wrap {    
height: 280px;
}
.contact_con_box .et_pb_button_module_wrapper {
text-align: left;
}
.spe_ttl.et_pb_row .et_pb_button_module_wrapper{text-align: left;}
div#Who-are-we {
padding: 0 0 30px;
}
div#Contact-us > div > div {
float: left;
width: 48% !important;
margin-right: 4%;
}
div#Contact-us > div > div:last-child{
margin-right: 0;
} 
.rows .col-6,
.rows .col-12 {    
padding: 10px 5px;
}
div#Contact-us {
padding: 0;
}
div#text-algn-box > div .et_pb_column{
margin: 0 0 10px;
}
.txt-left{
text-align: left !important;
}
div#Contact-us {
overflow-x: hidden;
} #main-header .mobile_menu_bar{
padding-bottom: 0;
}
#main-header #et-top-navigation {
padding-top: 15px;
padding-bottom: 15px;
}
#main-header.et-fixed-header #et-top-navigation {
padding-top: 0;
padding-bottom: 0;
}
#main-header .et_mobile_menu {
background: rgba(242, 139, 38, 0.8);
max-height: 400px;
max-height:calc(100vh - 80px);
overflow-y: auto;
padding-bottom: 50px;
top: 102%;
border-top: 3px solid #f39a34;
}
#main-header.et-fixed-header  .et_mobile_menu{
max-height:calc(100vh - 50px);
} .col-blk{
width: 100% !important;
}
.cl-flipbox-back-h {          
left: 0;
right: 0;
padding: 20px;
}
.cl-flipbox-back h4.cl-flipbox-back-title {
margin-bottom: 5px !important;
padding-bottom: 0 !important;
}
.cl-flipbox-back .cl-flipbox-back-desc{
font-size: 15px;
line-height: 1.5;
}
.cl-flipbox-back .cl-btn {           
right: 0;
}
div#about .et_pb_column_1_2 {
padding-left: 50%;
}
div#about .et_pb_column_1_2 p br{
display: none;
}
.Contact_sec {
padding: 100px 0 !important;
}
}
@media (min-width: 768px) and (max-width: 980px){
.what_we_inner_box .et_pb_column:first-child .cl-flipbox-front {
height: 400px !important;
}
.what_we_inner_box .et_pb_column:nth-child(2) .cl-flipbox-front {
height: 195px !important;
}
.cl-flipbox-back .cl-flipbox-back-desc{
font-size: 12px;
line-height: 1.5;
}
}
@media (max-width:768px){
.cl-flipbox-back-desc {
width: auto;
display: inline-block;
}
.we_build_ttl h3{
margin-left:0;
}
.we_build_ttl h3::after {
left: 12%;
top: 17px;
}
.view_btn {
margin-left:0;
}
div#about {
min-height: 400px;
padding: 0 !important;
background-size: contain;
background-position: left top;
}
.we_con p {
font-size: 14px;
}        
.what_we_sec .et_pb_row:first-child {
padding-bottom: 0;
}
.what_we_inner_box {
padding-top: 0;
}
div#about p br {
display: none;
}
}
@media (max-width: 767px){
#Welcome .et_pb_slide_description,
#Welcome .et_pb_slider_fullwidth_off .et_pb_slide_description {        
padding: 16% 0;
text-align: center;
}
div#about {
min-height: 500px;
padding: 0 0 300px !important;
background-size: contain;
background-position: left bottom;
}
div#about .et_pb_column:first-child{
padding: 0;
margin: 0;
}
div#about .et-last-child {
padding-left: 0;
width: 100% !important;
text-align: center;
}
.we_build_ttl h3 {       
text-align: center;
padding-left: 0;
}
.we_build_ttl h3:before{
display: none;
}
div#about .et_pb_text_inner p,
div#about .et_pb_text_inner,
div#about .et_pb_button_module_wrapper{
text-align: center;
}
div#about > div {
padding-top: 0;
}
ul.et_pb_side_nav.et-visible {
display: none;
}
.what_we_left {
margin-right: 0 !important;
width: 100% !important;
margin-bottom: 10px;
}
.what_we_right {
width: 100% !important;
}
#what_we_inner_box .et_pb_column {
margin-bottom: 5px;
}
#what_we_inner_box .et_pb_column:last-child {
margin-bottom: 30px;
}
.wht_ttl h3 {    
margin-left: 0;
margin-bottom: 20px;
text-align: center;
}
.wht_ttl h3:before{
display: none;
}
.Contact_sec .et_pb_button_module_wrapper {
text-align: center;
margin-top: 0;
}
.Contact_sec .et_pb_text_inner {
text-align: center;
}
div#img-box .et_pb_column{
width: 100% !important;
max-width: 450px;
float: none !important;
margin: 0 auto 20px !important;
}
div#img-box .et_pb_column:last-child{
margin: 0 auto 0 !important;
}
div#img-box .et_pb_image_wrap {
height: 280px;
border-radius: 5px;
}
.spe_ttl.et_pb_row .et_pb_text_inner,
.spe_ttl.et_pb_row .et_pb_button_module_wrapper {
text-align: center;
}
#Who-are-we .et_pb_column {
margin-bottom: 10px;
}
div#Contact-us > div > div {
float: left;
width: 100% !important;
margin-right: 0;
margin-bottom: 0;
}
div#Contact-us .et_pb_column > div {
margin-bottom: 20px;
}
.we_con {
margin-left: 0;
}
.cl-flipbox-front {
height: 240px !important;
}
.what_we_inner_box .cl-flipbox-back-h {
bottom: auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left: 0;
right: 0;
padding: 20px;
}
.what_we_inner_box .et_pb_column .cl-flipbox-front {
height: 300px !important;
}
.Contact_sec {
padding: 50px 0 !important;
}
}
@media (max-width: 480px) {
.home_slide .et_pb_slide h2 {
font-size: 30px;
line-height: 1.2;
text-align: center;
}
h4.cl-flipbox-front-title {
font-size: 16px !important;
}
.typed-cursor {
font-size: 30px;   
}
.typed-me {
font-size: 30px;    
}
.logo_container {
padding-left: 15px;
margin: 0;
}
span.mobile_menu_bar.mobile_menu_bar_toggle:before {
margin-right: 8px;
}
#welcome .et_pb_slide {
min-height: 500px;
}
.typed-cursor {
font-size: 30px;   
}
.typed-me {
font-size: 30px;    
}
.about_footer_sec .et_pb_column * {
text-align: center;
}
.about_footer_sec .contact_ttl{margin-bottom: 40px;}
#img-logo .et_pb_column, #img-box .et_pb_column {
float: left !important;
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 15px;
}
#img-logo .et_pb_image {
max-width: 50%;
}
.rows .col-6,
.rows .col-12 {
width: 100%;
padding: 10px 5px;
}
#Welcome .typed-cursor {
font-size: 40px;
line-height: 1.3;   
}
#Welcome .typed-me {
font-size: 40px;
line-height: 1.3;    
}
.we_con {
margin-left: 0;
}
.what_we_inner_box .et_pb_column .cl-flipbox-front {
height: 250px !important;
}
} .lp-banner-sec {
position:relative;
min-height:700px;
display: flex;
align-items: center;
justify-content: center;
}
.lp-banner-sec:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
content: '';
opacity: 0.3;
z-index: 1;
}
.lp-banner-sec .et_pb_section_video_bg .mejs-video {
bottom: 0px;
}
.lp-banner-sec .lp-banner-text-container {
margin: 0 auto;
padding: 0;
}
.detailed-orientation-sec .detailed-orientation-row {
display:flex;
flex-wrap:wrap;
justify-content: center;
padding: 0;
}
.detailed-orientation-sec .detailed-orientation-row .detailed-orientation-block {
width: calc(33.33% - 30px);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin: 15px;
padding: 20px;
border-radius: 10px;
}
.lp-how-it-work-sec .lp-how-it-work-row {
display:flex;
flex-wrap:wrap;
justify-content:center;
padding: 0;
}
.lp-how-it-work-sec .lp-how-it-work-row .lp-how-it-work-block {
width:calc(33.33% - 30px);
margin: 15px;
}
.lp-contact-form-sec .lp-contact-form-row {
display:flex;
flex-wrap:wrap;
justify-content:center;
padding: 0;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-block {
margin: 60px -10% 60px 0;
width: 50%;
z-index: 3;
background: #fff;
padding: 30px;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-img-block {
width:60%;
border-radius: 15px;
overflow:hidden;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-img-block > .et_pb_image_3 {
display:none;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-block .et_pb_contact_form .et_pb_button {
background: #fa8500;
border-radius: 8px;
}
.partner-marquee-slider-container {
position:relative;
}
.lp-partner-slider-row {
max-width: 100%;
width: 100% !important;
}
.partner-marquee-slider-container::before,
.partner-marquee-slider-container::after{
position:absolute;
background-image:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
content:'';
height:100%;width:25%;
z-index:2;pointer-events:none;
}
.partner-marquee-slider-container::before{
left:0;
top:0;
z-index:3;
}
.partner-marquee-slider-container::after{
right:0;
top:0;
transform:rotateZ(180deg);
}
.marquee0 {
width: 100%;
}
.marquee0  div {display: flex;align-items: center;}
.marquee0 img{
max-width: 220px;
width: 100%;
padding: 0 25px;
object-fit: cover;
max-height: 100px;
}
.lp-pricing-container .lp-price-block-row {
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.lp-pricing-container .lp-price-block-row .lp-price-block {
width:calc(50% - 30px);
margin: 15px !important;
padding:25px;
background-color: #fff;
border-radius: 12px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.lp-pricing-container .lp-price-block .lp-pricing-block-list ul {
list-style:none;
padding:0;
margin:0;
}
.lp-pricing-container .lp-price-block .lp-pricing-block-list ul li {
position: relative;
padding: 0 0 0 35px;
line-height: 1.3;
margin: 0 0 15px;
}
.lp-pricing-container .lp-price-block .lp-pricing-block-list ul li:last-child {
margin: 0;
}
.lp-pricing-container .lp-price-block .lp-pricing-block-list ul li:before  {
background-image:url(https://www.whoopa.co.uk/wp-content/themes/whoopa-site/images/right--arrow.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
content: '';
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 1px;
}
.lp-pricing-container .lp-price-block .lp-block-price p {
font-size: 20px;
width: auto;
display: inline-block;
line-height: 1;
padding: 10px 15px;
background: #fa8500;
color: #fff;
border-radius: 25px;
font-weight: 600;
min-width: 130px;
text-align: center;
margin: 0 0 15px;
}
@media(max-width:991px){
.lp-how-it-work-sec .lp-how-it-work-row .lp-how-it-work-block {
width: calc(50% - 30px);
margin: 15px;
}
}
@media(max-width:767px){
.lp-banner-sec {
min-height: 480px;
}
.detailed-orientation-sec .detailed-orientation-row .detailed-orientation-block {
width: calc(50% - 30px);
}
.lp-how-it-work-sec .lp-how-it-work-row .lp-how-it-work-block {
width: 100%;
margin: 0 0 25px;
}
.lp-how-it-work-sec .lp-how-it-work-row .lp-how-it-work-block:last-child {
margin:0;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-img-block > .et_pb_image_3 {
display: block;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-img-block {
width: 100%;
background: none;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-block {
margin: -20% 0 0;
width: 90% !important;
order: 2;
}
.lp-pricing-container .lp-price-block-row .lp-price-block {
width: 100%;
margin: 15px 0 !important;
}
}
@media(max-width:480px){
.detailed-orientation-sec .detailed-orientation-row .detailed-orientation-block {
width: 100%;
margin: 0 0 30px;
}
.detailed-orientation-sec .detailed-orientation-row .detailed-orientation-block:last-child {
margin: 0;
}
} body.page-id-1372 #main-content > .container,
body.page-id-1375 #main-content > .container,
body.page-id-1377 #main-content > .container,
body.page-id-1379 #main-content > .container,
body.page-id-1381 #main-content > .container,
body.page-id-1383 #main-content > .container,
body.page-id-1385 #main-content > .container,
body.page-id-1387 #main-content > .container {
width: 100% !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
} body {
font-size: 16px;
font-weight: normal;
line-height: 1.6;
color: #6b6b6b;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
font-weight: normal;
}
@font-face{font-family:chapaza-italic;
src:url(//www.whoopa.co.uk/wp-content/themes/whoopa-site/fonts/chapaza-italic.ttf);
}
@font-face{font-family:chapaza;
src:url(//www.whoopa.co.uk/wp-content/themes/whoopa-site/fonts/chapaza.ttf);
}
.et_pb_row {
width: 90% !important;
}
div#Welcome .et_pb_row {
width: 100% !important;
}
#et-secondary-menu {
position: absolute;
right: 30px;
top: 50px;
}
.et-fixed-header{
background: #F18A25 !important;
}
#main-header .container {
max-width: 100% !important;
width: 100% !important;
margin-left: 30px;
}
#top-header .container {
padding-top: 0;
max-width: 100% !important;
width: 100% !important;
}
.et_fixed_nav #main-header, .et_fixed_nav #top-header{
position: fixed !important;
width: 100%;
left: 0;
}
#logo {
max-height: 75%;
max-width: 300px;
}
#page-container{
padding: 0px !important;
margin: 0 !important;
}
#main-header {
background: transparent;
box-shadow: none !important;
}
.home_slide .et_pb_slide {
height: 100vh;
min-height: 500px;
}
#top-header a {
font-family: fontawesome;
}
#top-header a i {
font-style: normal !important;
font-weight: normal !important;
}
#et-secondary-nav li {
margin-right: 20px;
}
ul#et-secondary-nav li a:hover,
#et-top-navigation li a:hover {
color: #fff;
opacity: 1 !important;
}
div#et-top-navigation {
padding-left: 0 !important;
text-align: center;
}
#top-menu, .fullwidth-menu,
nav#top-menu-nav,
nav.fullwidth-menu-nav {
float: left;
text-align: center !important;
width: 100%;
}
#main-header #top-menu li.current-menu-item > a,
#main-header #top-menu li > a:hover {
color: #fff!important;
}
header#main-header {
z-index: 999999;
}
div#top-header {
z-index: 9999999;
} header#main-header li a{
opacity: 1 !important;
}
header#main-header.et-fixed-header {
background: rgba(241, 138, 37, 0.78) !important;
}
@media (min-width: 981px){
#et-top-navigation{
margin: 0 auto;
float: none;
}
#main-header.et-fixed-header #top-menu li > a,
#top-header.et-fixed-header ul#et-secondary-nav li a {
color: #fdebd9 !important;
}
header#main-header.et-fixed-header  #et-top-navigation {
padding: 20px 0 !important;
}
div#et-top-navigation:after {
clear: both;
display: block;
content: "";
}
header#main-header.et-fixed-header #et-top-navigation nav>ul>li>a{
padding-bottom: 0;
}
header#main-header.et-fixed-header #et-top-navigation li.get-btn {
position: fixed;
left: 30px;
top: 11px;
display: block;
}
#top-header.et-fixed-header #et-secondary-menu {
position: absolute;
right: 30px;
top: 21px;
}
} h3.txt-style {
text-align: center;
display: inline-block;
position: relative;
margin-bottom: 10px;
font-style: italic;
}
h3.txt-style:before,
h3.txt-style:after{
position: absolute;
content: '"';
left: -10px;
top: 0;
z-index: 5;
font-size: 30px;
}
h3.txt-style:after{
left: auto;
right: -12px;
}
a.links-pro {
display: inline-block;
color: #333;
border: 0;
padding: 4px 0;
margin-bottom: 20px;
font-style: italic;
}
a.links-pro:before{
content: "~";
display: inline-block;
vertical-align: middle;
margin-right: 3px;
color: inherit;
height: auto;
height: 28px;  
}
.typed-cursor {
font-size: 70px;
font-weight: lighter;
line-height: 1.2;
}
.typed-me {
font-size: 70px;
font-weight: lighter;
line-height: 1.2;
} ul.et_pb_side_nav.et-visible {
background: transparent !important;
}
ul.et_pb_side_nav .side_nav_item a {    
width: 10px !important;
height: 10px !important;   
background-color: rgba(179, 177, 177, 0.5) !important;
position: relative;
}
ul.et_pb_side_nav .side_nav_item a.active{
background-color: rgba(255, 255, 255, 1) !important;
border: 2px solid#f39a34 !important;
width: 10px !important;
height: 10px !important;
margin-left: 0 !important; 
}
ul.et_pb_side_nav .side_nav_item a:before{
position: absolute;
display: inline-block;
padding: 8px 18px;
color: #fff;
background: #f18a25;
border-radius: 3px;
content: "Home";
right: -50px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
font-size: 15px !important;
color: #fff;
min-width: 40px;
text-indent: 0 !important;
border: 1px solid #e67f1a;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0;
left: auto;
white-space: nowrap;
}
ul.et_pb_side_nav .side_nav_item a.active:before{
opacity: 1;
right: 27px;
}
ul.et_pb_side_nav .side_nav_item a::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
right: -50px;
width: 0;
height: 0;
content: "";
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 12px solid #f18a25;
border-right: 0 !important;
opacity: 0;
left: auto;
}
ul.et_pb_side_nav .side_nav_item a.active:after{
opacity: 1;
right: 17px;
} #Welcome .et_pb_slide_description,
#Welcome .et_pb_slider_fullwidth_off .et_pb_slide_description{
padding: 2% 8%;
}
.et-pb-controllers {
display: none;
}
div#scroll-btn {
position: absolute;
bottom: 90px;
left: 0;
right: 0;
max-width: 60px;
margin: auto;
text-align: center;
z-index: 88;
}
div#scroll-btn a {
display: block;
height: 48px;
width: 35px;
border: 2px solid #fff;
border-radius: 16px;
position: relative;
}
div#scroll-btn .et_pb_image_wrap img{
display: none;
}
div#scroll-btn .et_pb_image_wrap {   
position: absolute;
top: 6px;
left: 2px;
right: 0;
margin: auto;
background: #fff;
width: 4px;
height: 12px;
-moz-animation: arrow 3s infinite;
-webkit-animation: arrow 3s infinite;
animation: arrow 3s infinite;
}
@-moz-keyframes arrow {
0%{
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-moz-transform: translateY(23px);
transform: translateY(23px);
opacity: 0.4;
}
100% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes arrow {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-webkit-transform: translateY(23px);
transform: translateY(23px);
opacity: 0.4;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes arrow {
0% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-moz-transform: translateY(23px);
-ms-transform: translateY(23px);
-webkit-transform: translateY(23px);
transform: translateY(23px);
opacity: 0.4;
}
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.home_slide .et_pb_slide h2 {
font-size: 60px;
line-height: 67px;
margin-top: 30px;
}
.we_build_sec {
padding: 100px 0 150px !important;
background-size: 100% 100%;
}
.we_bulid_con .et_pb_column {
top: 40px;
}
.we_build_ttl h3 {
color: #f18a25;
font-size: 26px;
margin-left: 0;
text-align: left;
padding-left: 50px;
}
div#about .et_pb_column_1_2 {
padding-left: 120px;
}
.we_build_ttl h3::before {
content: "";
width: 43px;
height: 2px;
position: absolute;
left: 0;
top: 15px;
background: #e6e4e4;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
a.cl-btn , a , input [type="submit"], button{
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
a.cl-btn:hover {
background: #fff;
color: #333;
}
a.cl-btn:hover span{
color: #333;
}
.cl-btn {
vertical-align: middle;  
position: relative;
right: -25px;
}
.view_btn{ margin-left: 0; padding: 4px 25px 4px 25px }
.wht_ttl h3 {
color: #f18a25;
font-size: 26px;
margin-left: 50px;
}
.wht_ttl h3::before {
content: "";
width: 43px;
height: 2px;
position: absolute;
left: 0;
top: 15px;
background: #e6e4e4;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.what_we_left{
margin-right: 1% !important;
width: 49% !important;
}
.cl-flipbox-back {
text-align: left;
}
.flip_box_left .cl-flipbox-back{  
text-align: left;
}
.flip_boxes_right .cl-flipbox-back{  
text-align: left;
}
.cl-flipbox-yflank{
display: none;
}
.cl-flipbox-back-h {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
}
.cl-flipbox-front-h {
position: absolute;
bottom: 21px;
left: 0;
right: 0;
text-align: left;
padding: 15px;
}
.cl-flipbox-back-desc {
width: 318px;
display: inline-block;
}
.flip_box_left .cl-btn {
border: 1px solid #fff;
padding: 4px 20px;
border-radius: 15px;
}
.flip_boxes_right .cl-btn {
border: 1px solid #fff;
padding: 4px 20px;
border-radius: 15px;
}
.cl-flipbox-front-title{ font-weight: 600 }
.cl-flipbox-back-title{ font-weight: 600 }
.cl-flipbox-front::before {
background: rgba(0,0,0,0.6);
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
}
.cl-flipbox-back::before {
background: rgba(0,0,0,0.7);
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
display: block;
}
.what_we_right{
width: 50% !important
}
.what_we_right .et_pb_text{
margin-bottom: 3px !important;
}
.what_we_left h4 {
padding: 245px 20px 20px;
}
.what_we_right h4 {
padding: 100px 20px 20px;
}
.contact_ttl h2 {
font-size: 50px;
font-weight: lighter;
}
.Contact_sec {
padding: 250px 0 !important;
}
footer#main-footer .container {
width: 100%;
max-width: 100%;
padding: 0 60px;
box-sizing: border-box;
}
.foo_right {
float: none;
font-size: 14px;
font-weight: 550;
text-align: center;
margin-top: 10px;  
}
div#footer-info{
float: none;
display: block;
}
div#footer-info span.fa.fa-mobile {
vertical-align: middle;
color: #ffffff;
text-align: center;
font-size: 30px;
margin-right: 3px;
margin-top: -3px;
}
div#footer-info:after {
display: block;
content: "";
clear: both;
}
.foo_left {
float: left;
}
.foo_right a {
padding-left: 28px;
position: relative;
}
.foo_right a::before {
content: "";
top: 7px;
left: 10px;
position: absolute;
width: 6px;
height: 6px;
background: #cccbcb;
border-radius: 50%;
}
.foo_left {
float: none;
font-weight: 550;
color: #d6d4d4;
font-size: 14px;
text-align: center;
}
div#footer-bottom {
padding: 30px 0 20px;
}
.side_nav_item a.active {
border: 2px solid#f39a34 !important;
background: #fff !important;
width: 14px !important;
height: 14px !important;
margin-left: -3px;
}
.side_nav_item #side_nav_item_id_0::before
{
content: "Welcome";
}
.side_nav_item #side_nav_item_id_1::before {
content: "About";   
}
.side_nav_item #side_nav_item_id_2::before {
content: "What we do";
}
.side_nav_item #side_nav_item_id_3.active::before {
content: "Contact Us"; 
} .spe_ttl h4 {
color: #fff;
font-size: 24px;
font-weight: normal;
word-spacing: 4px;
padding: 8px 0 0 !important;
font-weight: normal;
}
.specialists_sec{
padding: 23px 0  !important;
}  .cont_info h3 {
font-size: 29px;
font-weight: lighter;
}
.cont_info h3 a{
color: inherit;
}
.cont_info p {
padding: 0;
}
.cont_con p {
padding-bottom: 22px;
width: 355px;
}
.form input {
border: 1px solid #ccc;
padding: 12px 15px;
border-radius: 22px;
margin-top: 0;
width: 100%;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
opacity: 0.9;
font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
}
.your_mesg{
border: 1px solid #ccc;
padding: 12px 10px 10px 21px;
border-radius: 22px;   
width: 100%;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
opacity: 0.9;   
height: 135px !important;
font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
}
.send_btn {
border-radius: 22px;
margin-top: 20px;
width: 100% !important;
text-transform: capitalize !important;
font-size: 14px !important;
letter-spacing: 1px;
opacity: 1;
font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
padding-top: 12px!important;
padding-right: 40px!important;
padding-bottom: 12px!important;
padding-left: 40px!important;
height: auto;
background: transparent;
transition: all 500ms ease;
margin-top: 5px !important;
cursor: pointer;
}
.send_btn:hover{
border-color:#f18a25;
background: #f18a25;
color:#fff;
}
.email_add{ margin-right: 20px }
.fname{ margin-right: 20px !important }
.form {
max-width: 600px;
margin: 0 auto;
}
#rc-imageselect, .g-recaptcha {
transform: scale(0.77);
-webkit-transform: scale(0.77);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.rows {
margin: 0-10px;
}
.rows:after {
display: block;
clear: both;
content: "";
}
.rows .col-6{
float: left;
width: 50%;
padding: 10px 15px;
}
.rows .col-12{
padding: 10px 15px;
}
address {
font-size: 16px;
}  div#img-box .et_pb_row{
max-width: 100%!important;
width: 100% !important;
}
div#img-box .et_pb_column {
width: 50%;
margin-right: 0 !important;
padding: 0 2px;
margin-bottom: 5px;
}
div#img-box .et_pb_column:last-child{
margin-right: 0 !important
} 
div#img-box .et_pb_image_wrap {
display: block;
width: 100%;
height: 260px;
position: relative;
overflow-x: hidden;
border-radius: 10px;
}
div#img-box .et_pb_column .et_pb_image_wrap:before{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: rgba(0,0,0,0.6);
content: "";
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
opacity: 1;
z-index: 33;
}
div#img-box .et_pb_column:hover  .et_pb_image_wrap:before{
opacity: 1;
}
div#img-box .et_pb_image_wrap img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
top:0;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
}
div#img-box .et_pb_column:hover  .et_pb_image_wrap {
-webkit-filter: blur(2px);
filter: blur(2px);
}
div#img-box .et_pb_text h5{
display: none;
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
}
div#img-box .et_pb_column:hover  .et_pb_text h5{
display: block;
}
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}  
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
div#img-box .et_pb_text{
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
transform: translateY(-50%);
z-index: 55;
left: 0;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
margin: 0;
padding: 0;
color: #fff;
font-size:20px;
margin: 0; 
padding: 10px 15px;
z-index: 666;
}
div#img-box .et_pb_text .btn-web {
font-size: 15px;
display: block;
text-align: center;
margin: 10px 0 0;
color: #fff;
text-transform: capitalize;
border-radius: 25px;
border: 1px solid #fff;
padding: 6px 35px;
max-width: 200px;
margin: 10px auto 0;
}
div#img-box .et_pb_text .btn-web:hover{
background:  #fff;
color:#333 !important;
}
div#img-box .et_pb_text h5{
font-size: 20px;
margin: 0;
padding: 0;
}
div#img-box .et_pb_text h5 small{
margin: 4px 0 0;
display: block;
font-size:70%;  
}
div#img-box .et_pb_column:hover .et_pb_text h5{
opacity: 1;
}
div#img-box .et_pb_button_module_wrapper a,
div#img-box .et_pb_button_module_wrapper{
position: absolute;
z-index: 555;
top:0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
} 
#img-logo .et_pb_image_wrap{
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
#img-logo .et_pb_image_wrap:hover{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}  div#txt-section .et_pb_row {
padding: 0px 0 20px;
}
div#txt-section .et_pb_row > div{
margin:0;
padding: 0;
}
div#txt-section .et_pb_row > div:first-child > div {
margin-bottom: 5px;
}
.list-ol ol{
counter-reset: my-badass-counter;
padding: 10px 0;
list-style: none; 
}
.list-ol ol li{
position: relative;
padding-left: 20px;
margin-bottom: 12px;
}
.list-ol ol li:last-child{
margin-bottom: 0;
}
.list-ol ol li li , .list-ol ol ol{
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.list-ol ol ol{
padding-left: 20px !important;
}
.list-ol ol li:before {
content: counter(my-badass-counter);
counter-increment: my-badass-counter;
color: #333;
font-size: 16px;
position: absolute;
left: 0;
top:1px;
}
div#text-algn-box > div {
padding: 0 0 25px;
}  #full-bnr{
width:100%;
max-width:100%;
background:url(//www.whoopa.co.uk/wp-content/uploads/2018/05/about-bg.jpg) no-repeat center center;
background-size: cover;
}
#full-bnr:before{
display: none;
}
#err-page{
min-height: 450px;
min-height:100vh;
position:relative;
}
.contnt-box{
position: absolute;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%); 
text-align: center;
width: 100%;
top:50%;
left: 0;   
}
.contnt-box h1{
text-shadow: 0 1px 3px rgba(0,0,0,.3);
color: #fff;
font-size: 70px;
font-weight: lighter;
}
.contnt-box h3{
color: #fff;
font-size: 26px;
letter-spacing: 1px;
}
.contnt-box a{
color: #ffffff;
border:1px solid rgba(242,185,121,0.7);
border-radius: 25px;
font-size: 20px;
padding: 4px 35px;
margin-top:20px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
display: inline-block;
text-transform: uppercase;
background: #fff;
color:#333;
border-color: #fff;
}
.contnt-box a:hover{
background: #f18a25;
color:#fff;
border-color: #f18a25;
}
.find_txt {
padding-bottom: 0 !important;
} @media (min-width: 981px){ .vert-center{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;    
align-items: center;
}
}
@media (max-width:1080px){
.flip_box_left .cl-flipbox-back-h {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
width: 100%;
padding: 15px;
}
.flip_box_left.cl-btn {
padding: 3px 20px;
}
.flip_boxes_right .cl-flipbox-back-desc {
margin-bottom: 5px !important;
}
.flip_boxes_right .flipbox-back-title {
margin-bottom: 9px !important;
}
.flip_boxes_right .cl-btn {
padding: 3px 20px;
}
.cl-flipbox-back-h {
position: absolute;
bottom: 10px;
}
}
@media (max-width:980px){
#main-header .container{
margin-left: 0;
}
.home_slide .et_pb_slide h2 {
font-size: 45px;
}
span.mobile_menu_bar.mobile_menu_bar_toggle:before {
color: #FFF;
font-size: 50px;
margin-right: 30px;
}
.logo_container {
padding-left: 30px;
margin: 0;
}
.et_mobile_menu{
background: #f28b26cc;
}
ul#mobile_menu li a {
color: #fff;
font-size: 20px;
border-bottom: 1px solid #d9d8d8;
padding: 15px 5px !important;
height: auto;
}
ul#mobile_menu li a:hover{
color: #ffffffb3;
border-color: #f39a34;
}
ul#mobile_menu li:last-child a {
border-bottom: 0;
}
div#about {
min-height: 400px;
padding: 50px 0 !important;
background-size: contain;
background-position: left bottom;
}
.typed-cursor {
font-size: 50px;   
}
.typed-me {
font-size: 50px;    
}
.foo_left {
float: none;
margin-bottom: 10px;
}
.foo_right {
display: block;
position: relative;
text-align: center;
}
#img-logo .et_pb_column,
#img-box  .et_pb_column{
float: left !important;
width: 46% !important ;
margin-right: 3.5% !important;
}
#img-box  .et_pb_column{width: 50% !important; margin-bottom: 4px;}
#img-logo .et_pb_column:last-child,
#img-box  .et_pb_column:last-child{
margin-right: 0 !important;
}
div#img-box .et_pb_text h5{
opacity: 1;
display: block;
}
#img-logo .et_pb_image{
max-width: 70%;
}
div#Our-work > div ,
div#img-box{
padding: 0;
}
div#img-box .et_pb_image_wrap {    
height: 280px;
}
.contact_con_box .et_pb_button_module_wrapper {
text-align: left;
}
.spe_ttl.et_pb_row .et_pb_button_module_wrapper{text-align: left;}
div#Who-are-we {
padding: 0 0 30px;
}
div#Contact-us > div > div {
float: left;
width: 48% !important;
margin-right: 4%;
}
div#Contact-us > div > div:last-child{
margin-right: 0;
} 
.rows .col-6,
.rows .col-12 {    
padding: 10px 5px;
}
div#Contact-us {
padding: 0;
}
div#text-algn-box > div .et_pb_column{
margin: 0 0 10px;
}
.txt-left{
text-align: left !important;
}
div#Contact-us {
overflow-x: hidden;
} #main-header .mobile_menu_bar{
padding-bottom: 0;
}
#main-header #et-top-navigation {
padding-top: 15px;
padding-bottom: 15px;
}
#main-header.et-fixed-header #et-top-navigation {
padding-top: 0;
padding-bottom: 0;
}
#main-header .et_mobile_menu {
background: rgba(242, 139, 38, 0.8);
max-height: 400px;
max-height:calc(100vh - 80px);
overflow-y: auto;
padding-bottom: 50px;
top: 102%;
border-top: 3px solid #f39a34;
}
#main-header.et-fixed-header  .et_mobile_menu{
max-height:calc(100vh - 50px);
} .col-blk{
width: 100% !important;
}
.cl-flipbox-back-h {          
left: 0;
right: 0;
padding: 20px;
}
.cl-flipbox-back h4.cl-flipbox-back-title {
margin-bottom: 5px !important;
padding-bottom: 0 !important;
}
.cl-flipbox-back .cl-flipbox-back-desc{
font-size: 15px;
line-height: 1.5;
}
.cl-flipbox-back .cl-btn {           
right: 0;
}
div#about .et_pb_column_1_2 {
padding-left: 50%;
}
div#about .et_pb_column_1_2 p br{
display: none;
}
.Contact_sec {
padding: 100px 0 !important;
}
}
@media (min-width: 768px) and (max-width: 980px){
.what_we_inner_box .et_pb_column:first-child .cl-flipbox-front {
height: 400px !important;
}
.what_we_inner_box .et_pb_column:nth-child(2) .cl-flipbox-front {
height: 195px !important;
}
.cl-flipbox-back .cl-flipbox-back-desc{
font-size: 12px;
line-height: 1.5;
}
}
@media (max-width:768px){
.cl-flipbox-back-desc {
width: auto;
display: inline-block;
}
.we_build_ttl h3{
margin-left:0;
}
.we_build_ttl h3::after {
left: 12%;
top: 17px;
}
.view_btn {
margin-left:0;
}
div#about {
min-height: 400px;
padding: 0 !important;
background-size: contain;
background-position: left top;
}
.we_con p {
font-size: 14px;
}        
.what_we_sec .et_pb_row:first-child {
padding-bottom: 0;
}
.what_we_inner_box {
padding-top: 0;
}
div#about p br {
display: none;
}
}
@media (max-width: 767px){
#Welcome .et_pb_slide_description,
#Welcome .et_pb_slider_fullwidth_off .et_pb_slide_description {        
padding: 16% 0;
text-align: center;
}
div#about {
min-height: 500px;
padding: 0 0 300px !important;
background-size: contain;
background-position: left bottom;
}
div#about .et_pb_column:first-child{
padding: 0;
margin: 0;
}
div#about .et-last-child {
padding-left: 0;
width: 100% !important;
text-align: center;
}
.we_build_ttl h3 {       
text-align: center;
padding-left: 0;
}
.we_build_ttl h3:before{
display: none;
}
div#about .et_pb_text_inner p,
div#about .et_pb_text_inner,
div#about .et_pb_button_module_wrapper{
text-align: center;
}
div#about > div {
padding-top: 0;
}
ul.et_pb_side_nav.et-visible {
display: none;
}
.what_we_left {
margin-right: 0 !important;
width: 100% !important;
margin-bottom: 10px;
}
.what_we_right {
width: 100% !important;
}
#what_we_inner_box .et_pb_column {
margin-bottom: 5px;
}
#what_we_inner_box .et_pb_column:last-child {
margin-bottom: 30px;
}
.wht_ttl h3 {    
margin-left: 0;
margin-bottom: 20px;
text-align: center;
}
.wht_ttl h3:before{
display: none;
}
.Contact_sec .et_pb_button_module_wrapper {
text-align: center;
margin-top: 0;
}
.Contact_sec .et_pb_text_inner {
text-align: center;
}
div#img-box .et_pb_column{
width: 100% !important;
max-width: 450px;
float: none !important;
margin: 0 auto 20px !important;
}
div#img-box .et_pb_column:last-child{
margin: 0 auto 0 !important;
}
div#img-box .et_pb_image_wrap {
height: 280px;
border-radius: 5px;
}
.spe_ttl.et_pb_row .et_pb_text_inner,
.spe_ttl.et_pb_row .et_pb_button_module_wrapper {
text-align: center;
}
#Who-are-we .et_pb_column {
margin-bottom: 10px;
}
div#Contact-us > div > div {
float: left;
width: 100% !important;
margin-right: 0;
margin-bottom: 0;
}
div#Contact-us .et_pb_column > div {
margin-bottom: 20px;
}
.we_con {
margin-left: 0;
}
.cl-flipbox-front {
height: 240px !important;
}
.what_we_inner_box .cl-flipbox-back-h {
bottom: auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left: 0;
right: 0;
padding: 20px;
}
.what_we_inner_box .et_pb_column .cl-flipbox-front {
height: 300px !important;
}
.Contact_sec {
padding: 50px 0 !important;
}
}
@media (max-width: 480px) {
.home_slide .et_pb_slide h2 {
font-size: 30px;
line-height: 1.2;
text-align: center;
}
h4.cl-flipbox-front-title {
font-size: 16px !important;
}
.typed-cursor {
font-size: 30px;   
}
.typed-me {
font-size: 30px;    
}
.logo_container {
padding-left: 15px;
margin: 0;
}
span.mobile_menu_bar.mobile_menu_bar_toggle:before {
margin-right: 8px;
}
#welcome .et_pb_slide {
min-height: 500px;
}
.typed-cursor {
font-size: 30px;   
}
.typed-me {
font-size: 30px;    
}
.about_footer_sec .et_pb_column * {
text-align: center;
}
.about_footer_sec .contact_ttl{margin-bottom: 40px;}
#img-logo .et_pb_column, #img-box .et_pb_column {
float: left !important;
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 15px;
}
#img-logo .et_pb_image {
max-width: 50%;
}
.rows .col-6,
.rows .col-12 {
width: 100%;
padding: 10px 5px;
}
#Welcome .typed-cursor {
font-size: 40px;
line-height: 1.3;   
}
#Welcome .typed-me {
font-size: 40px;
line-height: 1.3;    
}
.we_con {
margin-left: 0;
}
.what_we_inner_box .et_pb_column .cl-flipbox-front {
height: 250px !important;
}
} .lp-banner-sec {
position:relative;
min-height:700px;
display: flex;
align-items: center;
justify-content: center;
}
.lp-banner-sec:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
content: '';
opacity: 0.3;
z-index: 1;
}
.lp-banner-sec .et_pb_section_video_bg .mejs-video {
bottom: 0px;
}
.lp-banner-sec .lp-banner-text-container {
margin: 0 auto;
padding: 0;
}
.detailed-orientation-sec .detailed-orientation-row {
display:flex;
flex-wrap:wrap;
justify-content: center;
padding: 0;
}
.detailed-orientation-sec .detailed-orientation-row .detailed-orientation-block {
width: calc(33.33% - 30px);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin: 15px;
padding: 20px;
border-radius: 10px;
}
.lp-how-it-work-sec .lp-how-it-work-row {
display:flex;
flex-wrap:wrap;
justify-content:center;
padding: 0;
}
.lp-how-it-work-sec .lp-how-it-work-row .lp-how-it-work-block {
width:calc(33.33% - 30px);
margin: 15px;
}
.lp-contact-form-sec .lp-contact-form-row {
display:flex;
flex-wrap:wrap;
justify-content:center;
padding: 0;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-block {
margin: 60px -10% 60px 0;
width: 50%;
z-index: 3;
background: #fff;
padding: 30px;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-img-block {
width:60%;
border-radius: 15px;
overflow:hidden;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-img-block > .et_pb_image_3 {
display:none;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-block .et_pb_contact_form .et_pb_button {
background: #fa8500;
border-radius: 8px;
}
.partner-marquee-slider-container {
position:relative;
}
.lp-partner-slider-row {
max-width: 100%;
width: 100% !important;
}
.partner-marquee-slider-container::before,
.partner-marquee-slider-container::after{
position:absolute;
background-image:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
content:'';
height:100%;width:25%;
z-index:2;pointer-events:none;
}
.partner-marquee-slider-container::before{
left:0;
top:0;
z-index:3;
}
.partner-marquee-slider-container::after{
right:0;
top:0;
transform:rotateZ(180deg);
}
.marquee0 {
width: 100%;
}
.marquee0  div {display: flex;align-items: center;}
.marquee0 img{
max-width: 220px;
width: 100%;
padding: 0 25px;
object-fit: cover;
max-height: 100px;
}
.lp-pricing-container .lp-price-block-row {
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.lp-pricing-container .lp-price-block-row .lp-price-block {
width:calc(50% - 30px);
margin: 15px !important;
padding:25px;
background-color: #fff;
border-radius: 12px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.lp-pricing-container .lp-price-block .lp-pricing-block-list ul {
list-style:none;
padding:0;
margin:0;
}
.lp-pricing-container .lp-price-block .lp-pricing-block-list ul li {
position: relative;
padding: 0 0 0 35px;
line-height: 1.3;
margin: 0 0 15px;
}
.lp-pricing-container .lp-price-block .lp-pricing-block-list ul li:last-child {
margin: 0;
}
.lp-pricing-container .lp-price-block .lp-pricing-block-list ul li:before  {
background-image:url(https://www.whoopa.co.uk/wp-content/themes/whoopa-site/images/right--arrow.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
content: '';
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 1px;
}
.lp-pricing-container .lp-price-block .lp-block-price p {
font-size: 20px;
width: auto;
display: inline-block;
line-height: 1;
padding: 10px 15px;
background: #fa8500;
color: #fff;
border-radius: 25px;
font-weight: 600;
min-width: 130px;
text-align: center;
margin: 0 0 15px;
}
@media(max-width:991px){
.lp-how-it-work-sec .lp-how-it-work-row .lp-how-it-work-block {
width: calc(50% - 30px);
margin: 15px;
}
}
@media(max-width:767px){
.lp-banner-sec {
min-height: 480px;
}
.detailed-orientation-sec .detailed-orientation-row .detailed-orientation-block {
width: calc(50% - 30px);
}
.lp-how-it-work-sec .lp-how-it-work-row .lp-how-it-work-block {
width: 100%;
margin: 0 0 25px;
}
.lp-how-it-work-sec .lp-how-it-work-row .lp-how-it-work-block:last-child {
margin:0;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-img-block > .et_pb_image_3 {
display: block;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-img-block {
width: 100%;
background: none;
}
.lp-contact-form-sec .lp-contact-form-row .lp-form-block {
margin: -20% 0 0;
width: 90% !important;
order: 2;
}
.lp-pricing-container .lp-price-block-row .lp-price-block {
width: 100%;
margin: 15px 0 !important;
}
}
@media(max-width:480px){
.detailed-orientation-sec .detailed-orientation-row .detailed-orientation-block {
width: 100%;
margin: 0 0 30px;
}
.detailed-orientation-sec .detailed-orientation-row .detailed-orientation-block:last-child {
margin: 0;
}
} body.page-id-1372 #main-content > .container,
body.page-id-1375 #main-content > .container,
body.page-id-1377 #main-content > .container,
body.page-id-1379 #main-content > .container,
body.page-id-1381 #main-content > .container,
body.page-id-1383 #main-content > .container,
body.page-id-1385 #main-content > .container,
body.page-id-1387 #main-content > .container {
width: 100% !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}