.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_pb_bg_layout_light.et_pb_module.et_pb_button{color:#2ea3f2}.et_pb_button_module_wrapper.et_pb_button{color:inherit}.et_pb_button{display:inline-block}.et_pb_module.et_pb_button:not(.et_block_module){max-width:-moz-max-content;max-width:max-content}.et_pb_button_module_wrapper.et_pb_button_alignment_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_center{text-align:center}@media (max-width:980px){.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_center{text-align:center}}@media (max-width:767px){.et_pb_button_module_wrapper.et_pb_button_alignment_phone_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_center{text-align:center}}
.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}}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;
}