/*  
Theme Name: Animated Research Wordpress Theme
Theme URI: https://www.lookhappydesign.com
Description: Theme designed by <a href="https://www.lookhappydesign.com">Lookhappy Design</a>.
Version: 1.0
Author: Joe Latham
Author URI: https://www.lookhappydesign.com
*/

/* CSS Document */


@font-face {
    font-family: 'mungo_bold';
    src: url('fonts/mungoproductions_bold-regular-webfont.woff2') format('woff2'),
         url('fonts/mungoproductions_bold-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mungo_numbers_bold';
    src: url('mungoproductions_numbers_bold-regular-webfont.woff2') format('woff2'),
         url('mungoproductions_numbers_bold-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mungo_numbers';
    src: url('fonts/mungoproductions_numbers_slim-regular-webfont.woff2') format('woff2'),
         url('fonts/mungoproductions_numbers_slim-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mungo';
    src: url('fonts/mungoproductions_slim-regular-webfont.woff2') format('woff2'),
         url('fonts/mungoproductions_slim-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {}

body { font-family: "Work Sans", sans-serif; font-weight: 300; font-style: normal; font-size:0.9em; line-height:1.4em; font-style: normal;  font-size:; line-height:; color:#292B35; background-color:#FFF; padding:0px; margin: 0 ;  }

h1 {margin:0; padding:0 0 30px;}
h2 {font-size:2.5em; line-height: 1.2em; margin:0 0 20px 0; padding:0;}
h3 {font-size:1.4em; line-height: 1.2em; margin:0; padding:0 0 10px;}
h4 {font-size:1.3em; line-height: 1.2em; margin:0; padding:0 0 10px;}
h5 {font-size:1.2em; line-height: 1.2em; margin:0; padding:0 0 10px;}
h6 {font-size:1.1em; line-height: 1.2em; margin:0; padding:0 0 10px;}

.work-sans-light {  font-family: "Work Sans", sans-serif;  font-optical-sizing: auto;  font-weight: 300;  font-style: normal;}

.font_mungo {font-family: 'mungo';}
.font_mungo strong {font-family: 'mungo_bold';}
.font_mungo_bold {font-family: 'mungo_bold';}
.font_mungo_numbers {font-family: 'mungo_numbers';}
.font_mungo_numbers strong {font-family: 'mungo_numbers_bold';}
.font_mungo_numbers_bold {font-family: 'mungo_numbers_bold';}

.flex {display:flex;}

header {position:absolute; top:0px; left:0px; display:block; padding:30px; height:auto; z-index:100;}
header h1 {}
header h1 a {}
header h1 a img {}

#menu_holder {display:none;}
.hamburger_holder {  width: 35px;  height: 35px;  position: absolute;  top: 30px;  right: 20px;  padding: 5px 13px 5px 10px; border-radius: 7px;  z-index: 33333;  /* background-color: #ffa600;*/  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease;  -o-transition: all 0.2s ease;}

.menui {  display: block;  background: #fff;  transition: 0.6s ease;  transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01);  margin-top: 6px;}
.icon {  display: inline-block;  vertical-align: middle;  z-index: 2000;  background-color: transparent;  padding: 0px;  height: 35px;  width: 35px;  margin: 0px;  top: 0px;  left: 2px;}
.hamburger {  position: relative;  margin-left: 5px;  top: -5px; }

a.handheld_nav {display: block; width:30px; height:30px;}
.top-animate {  background: #fff !important;  top: 13px !important;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.mid-animate {  opacity: 0;}
.bottom-animate {  background: #fff !important;  top: 13px !important;  -webkit-transform: rotate(-225deg);  transform: rotate(-225deg);}
.top-menu {  top: 5px;  width: 30px;  height: 5px;    background-color: #fff;  position: absolute;}
.mid-menu {  top: 13px;  width: 30px;  height: 5px;  background-color: #fff;  position: absolute;}
.bottom-menu {  top: 21px;  width: 30px;  height: 5px;    background-color: #fff;  position: absolute;}

body.visible_nav {overflow:hidden;}
#mobile_navigation {display:none; position:fixed; top:0px; left:0px; width:100vw; height:100vh; background-color:#FFB600; color:#292B35; z-index:1111; }
#mobile_navigation.expanded_nav {display: block; }
#mobile_navigation .container {width:100%; height:100%; position:absolute; top:0px; left:0px; display:flex;  align-items:center; justify-content: center;}
#mobile_navigation .mobile_menu {list-style-type:none; display:flex; align-items:center; padding:0px 10px; font-size:1.5em; width:90%; height:100%; position:absolute; top:0px;}
#mobile_navigation .mobile_menu .menu {width:100%;}
#mobile_navigation .mobile_menu li { display:flex; align-items:flext-start; text-align:center;width:100%; border-bottom:0px solid #292B35; padding:15px 0 10px;}
#mobile_navigation .mobile_menu li a { font-family: 'mungo_bold'; color:#FFF; width:100%; font-size:2.9em; line-height:1.5em;}
#mobile_navigation .mobile_menu li a:hover {color:#e28025;}
#mobile_navigation .mobile_menu li ul {width:55%; padding:0 0 0 3%; margin:0; font-size:0.8em;}
#mobile_navigation .mobile_menu li ul li {display:block; width:100%;  border-bottom:none; padding:5px 0px;}
#mobile_navigation .mobile_menu li ul li a {font-size:0.9em; line-height: 1.2em;}

.home_masthead { background-color:#000; position:relative; width:100%; height:95vh; text-align:center; align-items:center; margin-bottom:-100px;}
.tagline {display:block; padding:40px; margin:0px auto; max-width:700px;}
.tagline h2 { color:#FFF; font-size:48px; }
a.showreel_button {background-image: url('images/showreel_button.png'); background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  display:block; width:109px; height:109px; position:absolute; bottom:140px; left:30px; z-index:10;}
video {  object-fit: cover;  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0; filter: alpha(opacity=50); opacity: 0.50;}

.page_width {max-width:980px; margin:0px auto;}

.what_we_do_outer {display:block; position:relative; overflow:hidden;}
.what_we_do_top {display:block; height:83px; background-image:url('images/orange_top.png'); background-repeat:no-repeat; background-position:100% 100%; -webkit-background-size: 100% 100%;  -moz-background-size: 100% 100%;  -o-background-size: 100% 100%;}
.what_we_do_content {background-color:#ff9534; color:#FFF; display:flex; align-items:center; padding:50px 20px; }
.left_content {width:61%;}
.left_content h2 {font-family: 'mungo_bold'; color:#ffd0a6; position:relative; padding:70px 0px 10px; display:inline-block; font-size: 3em;  letter-spacing: 2px;}
.left_content h2:before {content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:70px; background-image:url('images/animated_title_decoration_01.gif'); background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.left_content p {display:block; padding:0 40px 40px 0; margin:0; font-size: 19px;  line-height: 25px;  font-weight: 400;  max-width: 420px;}
.left_content a.get_in_touch { font-family: 'mungo_bold'; color:#3c2b1c; display:inline-block; border-radius: 40px; border:2px solid black; padding:20px 40px; margin:0; font-size: 28px;  letter-spacing: 2px; -webkit-transition: all 0.2s ease-out;    -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
.left_content a.get_in_touch:hover {background-color:#ffd0a6; cursor:pointer;}
.right_content {width:39%;}
ul.icons {list-style-type:none; padding:0px; margin:0px; position:relative;}
ul.icons li {display: flex; width:100%; background-color:#e28025; padding:10px 20px; margin:0 0 10px; align-items:center; box-sizing:border-box;}
ul.icons li:nth-child(2n) {flex-direction:row-reverse; text-align:right;}
ul.icons li .icon_image {padding:15px;}
ul.icons li .icon_image img {}
ul.icons li .icon_text {font-family: 'mungo'; font-size: 27px;  line-height: 25px; padding:0 0 0 10px; max-width: 220px;}
ul.icons li:nth-child(2n) .icon_text {padding:0 10px 0 0;}
video.icon_video {  object-fit: contain;  width: 95px;  height: 95px;  position: relative;  top: 0;  left: 0; filter: alpha(opacity=100); opacity: 1.00;}

.large_curly_arrow {width:567px; height:678px; display:block; position:absolute; top:75px; left:88%; background-image:url('images/arrow_16.png'); transform-origin: 0% 0%;}
.what_we_do_bottom {display:block; height:83px; background-image:url('images/orange_bottom.png'); background-repeat:no-repeat; background-position:100% 100%; -webkit-background-size: 100% 100%;  -moz-background-size: 100% 100%;  -o-background-size: 100% 100%;}

.testimonials_outer {padding:80px 0px;}

.clients_carousel {}
.ticker-wrap {  overflow: hidden;  width: 100%;  position: relative; margin:0 0 90px;}
.ticker {  display: flex;  width: max-content;  animation: ticker-scroll 50s linear infinite;}
.clients {  display: flex;  padding: 0;  margin: 0;  list-style: none;}
.clients li {  flex: 0 0 auto;  padding: 0 2rem;}
.clients img {  height: 50px;  width: auto;  display: block;}

@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.quotes_carousel {}
.testimonials {width:100%; max-width:1080px; margin:0 auto; padding:0;}
.tesimonial_single_container { padding:20px; box-sizing:border-box;}
.tesimonial_single {background-color:#fbf3ec; border-radius:30px; padding:50px 20px; text-align:center;}
img.quote_icon {text-align: center; margin:0px auto; padding:0 0 25px;}
span.testimonial_quote {color:#01395d; font-size:19px; line-height:24px; font-weight:600; display:block; padding:0 20px 30px; margin:0 auto; max-width:375px;}
span.testimonial_author {color:#326c92; font-size: 12px;  line-height: 20px; font-weight:500; text-transform:uppercase; display:block; padding:0 20px 0; margin:0 auto; max-width:375px;}
.slick-prev::before, .slick-next::before {content:'' !important; position: absolute;  left: 0px; top:-25px;  width: 58px;  height: 58px;  background-position:center center; background-size:100% 100%; width:58px height:58px;  z-index: 100;}
.slick-prev::before { transform-origin: 100% 0%; background-image:url('images/left.png'); left:-50px; }
.slick-next::before { transform-origin: 0% 0%; background-image:url('images/right.png');}

footer {display:block;}
.blue_top {display:block; height:83px; background-image:url('images/footer_top.png'); background-repeat:no-repeat; background-position:100% 100%; -webkit-background-size: 100% 100%;  -moz-background-size: 100% 100%;  -o-background-size: 100% 100%;}
.blue_content {background-color:#03395e; color:#FFF;  padding:50px 20px; margin:0 auto;}
.cta_holder {}
a.cta_button {display:flex; width:100%; align-items:center;}
.cta_text_01 {color:#ffd0a6; font-family: 'mungo_bold'; font-size: 49px;  line-height: 51px;  letter-spacing: 2px; width:55%;}
.cta_text_02 {position:relative; color:#fff; font-family: 'mungo_bold'; font-size: 29px;  line-height: 31px;  letter-spacing: 2px; display:inline-block; border-radius: 40px; border:2px solid white; padding:20px 80px 20px 40px; margin:0; -webkit-transition: all 0.2s ease-out;    -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
.cta_text_02:after {content:''; width:21px; height:22px; background-image:url('images/button_arrow.png'); background-size:100% 100%; background-position:center center; position:absolute; right:35px; top:24px; -webkit-transition: all 0.2s ease-out;    -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
a.cta_button:hover {cursor:pointer;}
a.cta_button:hover .cta_text_01 {}
a.cta_button:hover .cta_text_02 {background-color:#0a263a;}
a.cta_button:hover .cta_text_02:after {right:25px;}

.hidden-fields-container {border:none;}
#contact_form {}
.contact_form form {}
.contact_form form p {}
.contact_form form .wpcf7-form-control {}
.contact_form form input, .contact_form form textarea {margin-bottom:10px;}

/* Styles configuration */
:root {
    --cf7-font: inherit;
    --cf7-font-size: 16px;
    --cf7-font-weight: 400;
    --cf7-labels: #5a6e81;
    --cf7-input-text: #000;
    --cf7-accent: #ff9534;
    --cf7-accent-hover: #e28025;
    --cf7-accent-outline: #b9d9ff;
    --cf7-accent-text: #ffffff;
    --cf7-warning: #fb584e;
    --cf7-warning-bg: #FFEDEC;
    --cf7-success: #00B474;
    --cf7-success-bg: #E6FFF0;
}

/* General Settings */
.wpcf7 {    font-family: var(--cf7-font);    font-weight: var(--cf7-font-weight);    width: 100% !important;}
.wpcf7 label {    color: var(--cf7-labels);}
.wpcf7-list-item {    margin-left: 0 !important;    margin-right: 15px !important;}
.wpcf7 a {    color: var(--cf7-accent) !important;    text-decoration: none;}
.wpcf7 a:hover {    color: var(--cf7-accent-hover) !important;}

/* General Inputs */
.wpcf7 input[type=color],
.wpcf7 input[type=date],
.wpcf7 input[type=datetime-local],
.wpcf7 input[type=datetime],
.wpcf7 input[type=email],
.wpcf7 input[type=month],
.wpcf7 input[type=number],
.wpcf7 input[type=search],
.wpcf7 input[type=tel],
.wpcf7 input[type=text],
.wpcf7 input[type=time],
.wpcf7 input[type=url],
.wpcf7 input[type=week],
.wpcf7 textarea{    border: 1px solid #D5E0EB;    background-color: #ffffff;    border-radius: 6px;    line-height: 1.3;    padding: .375rem .75rem;    color: var(--cf7-input-text);    min-height: 35px;    font-size: var(--cf7-font-size);   font-weight: var(--cf7-font-weight);    font-family: var(--cf7-font);    width: 100%;}

/* Other Inputs */
.wpcf7 input[type=submit] {    background-color: var(--cf7-accent);    color: var(--cf7-accent-text);    border: 0;
    padding: 15px 30px;    border-radius: 6px;    font-size: var(--cf7-font-size);    font-family: var(--cf7-font);    transition: .2s linear;}
.wpcf7 input:hover[type=submit] {    background-color: var(--cf7-accent-hover);    transition: .2s linear;    cursor: pointer;}
.wpcf7 input:focus[type=submit] {    background-color: var(--cf7-accent-hover);    outline: none;    border: 0;    box-shadow: 0 0 0 3px var(--cf7-accent-outline);}
.wpcf7 input[type=file] {    color: var(--cf7-input-text);    font-size: var(--cf7-font-size);    font-weight: var(--cf7-font-weight);    font-family: var(--cf7-font);}
.wpcf7 input:focus[type=file] {    outline: none;    border: 0;}
.wpcf7 input[type=file]::file-selector-button,
.wpcf7 select{    border: 1px solid #D5E0EB;    background-color: #ffffff;    border-radius: 6px;    line-height: 1.3;    padding: 0.7rem 1rem;    color: var(--cf7-input-text);    min-height: 35px;    font-size: var(--cf7-font-size);    font-weight: var(--cf7-font-weight);    font-family: var(--cf7-font);}
.wpcf7 input[type=file]::file-selector-button {    cursor: pointer;    margin-right: 20px;}

/* Custom Checkbox */
.wpcf7 input[type="checkbox"] {    -webkit-appearance: none;    appearance: none;    width: 18px;    height: 18px;    border: 2px solid var(--cf7-accent);    border-radius: 6px;    margin: 0;    display: grid;    place-content: center;    cursor: pointer;}
.wpcf7 input[type="checkbox"]:before {    content: "\f147";    font-family: 'dashicons';    font-weight: 300;    font-size: 15px;    line-height: 17px;    width: 18px;    height: 18px;    color: white;    text-align: center;    border-radius: 6px;    transform: scale(0);    transition: 120ms transform ease-in-out;    box-shadow: inset 20px 20px var(--cf7-accent);}
.wpcf7 input[type="checkbox"]:checked::before {    transform: scale(1);}
.wpcf7-checkbox label,
.wpcf7-acceptance label,
.wpcf7-radio label {    display: flex;    align-items: center;    gap: 10px;}

/* Custom Radio */
.wpcf7 input[type="radio"] {    -webkit-appearance: none;    appearance: none;    background-color: transparent;    margin: 0;    font: inherit;    color: var(--cf7-accent);    width: 18px;    height: 18px;    border: 2px solid var(--cf7-accent);
    border-radius: 100%;    display: grid;    place-content: center;    cursor: pointer;}
.wpcf7 input[type="radio"]::before {    content: "";    width: 10px;    height: 10px;    border-radius: 100%;    transform: scale(0);    transition: 120ms transform ease-in-out;    box-shadow: inset 1em 1em var(--cf7-accent);}
.wpcf7 input[type="radio"]:checked::before {    transform: scale(1);}

/* Other States */
.wpcf7 input:hover[type=color],
.wpcf7 input:hover[type=date],
.wpcf7 input:hover[type=datetime-local],
.wpcf7 input:hover[type=datetime],
.wpcf7 input:hover[type=email],
.wpcf7 input:hover[type=month],
.wpcf7 input:hover[type=number],
.wpcf7 input:hover[type=search],
.wpcf7 input:hover[type=tel],
.wpcf7 input:hover[type=text],
.wpcf7 input:hover[type=time],
.wpcf7 input:hover[type=url],
.wpcf7 input:hover[type=week],
.wpcf7 input:hover[type=file]::file-selector-button,
.wpcf7 textarea:hover,
.wpcf7 select:hover{    border: 1px solid #92ACC7;    outline: none;    background-color: #ffffff;    font-size: var(--cf7-font-size);}
.wpcf7 input:focus[type=color],
.wpcf7 input:focus[type=date],
.wpcf7 input:focus[type=datetime-local],
.wpcf7 input:focus[type=datetime],
.wpcf7 input:focus[type=email],
.wpcf7 input:focus[type=month],
.wpcf7 input:focus[type=number],
.wpcf7 input:focus[type=search],
.wpcf7 input:focus[type=tel],
.wpcf7 input:focus[type=text],
.wpcf7 input:focus[type=time],
.wpcf7 input:focus[type=url],
.wpcf7 input:focus[type=week],
.wpcf7 input:focus[type="checkbox"],
.wpcf7 textarea:focus,
.wpcf7 select:focus,
.wpcf7 a:focus{    border: 1px solid #92ACC7;    outline:none;    box-shadow: 0 0 0 3px var(--cf7-accent-outline);    background-color: #ffffff;}

/* Invalid Fields */
.wpcf7-not-valid-tip {    color: var(--cf7-warning) !important;    font-size: var(--cf7-font-size) !important;    font-weight: var(--cf7-font-weight) !important;}
.wpcf7-not-valid:not(input[type=file]):not(span){    border-color: #FFBAB6 !important;    background-color: #FFFAFA !important;}
.wpcf7 input:disabled[type=submit],
.wpcf7 input:disabled[type=submit]:hover{    color: #ffffff;    background-color: var(--cf7-warning);    border:0;    cursor: not-allowed;}

/* Response Messages */
.wpcf7 form.init .wpcf7-response-output {    display: none;}
.wpcf7 form .wpcf7-response-output { /* Default */    margin: 15px 0 !important;    padding: 10px 20px !important;    border: 0 !important;    border-radius: 6px !important;}
.wpcf7 form.sent .wpcf7-response-output { /* Success */    background-color: var(--cf7-success-bg) !important;    color: var(--cf7-success) !important;    border: 0 !important;}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{ /* Failed */    background-color: var(--cf7-warning-bg) !important;    color: var(--cf7-warning) !important;    border: 0 !important;}

.darkblue {background-color:#0a263a; color:#FFF; display:block; align-items:center; padding:80px 20px 30px; }
.darkblue_content {display:flex;}
.darkblue_left {width:149px; margin-right:60px;}
img.profile_image {margin:0 0 15px;}
ul.social_links {list-style-type:none; display:block; padding:0; margin:0; text-align:center;}
ul.social_links li {display:inline-block; padding:0; margin:0 5px;}
ul.social_links li a {display:block;}
.darkblue_right {width:76%}
.footer_about {}
.footer_about p {font-family: 'mungo'; font-size:29px; line-height:31px; padding:0 20px 0 0; margin:0 0 20px 0;}
.footer_about p strong {font-family: 'mungo_bold';}

.copyright_holder {display:block; width:100%; box-sizing:border-box; height:auto; padding:40px; margin:0px; font-size:13px; line-height:15px; text-align:center; }

blockquote {}
blockquote p {}

a.fade, .fade, .fade img {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease; }
a.fade:hover, .fade:hover, .fade:hover img {filter: alpha(opacity=80); opacity: 0.80; }
a img {border:none;}
a {color:#292B35; text-decoration:none;}
a:hover {}
a:hover img {text-decoration: none;}


footer {}

@media only screen and (max-width: 1080px) {
}

@media only screen and (max-width: 640px) {
    .flex {display:block;}
    .home_masthead  {display:flex !important; background-attachment: scroll; height:100vh;}
    #main_logo img {width:66%;}
    .tagline {margin-top:-30%;}
    .tagline h2 {font-size:26px;}
    a.showreel_button {width:75px; height:75px; bottom:90px;}
    .left_content {width:auto; margin-bottom:80px;}
    .right_content {width:auto;}
    ul.icons {width:90%;}
    ul.icons li .icon_image img {  width: 60px;  height: auto;}
    video.icon_video {    width: 75px;  height: 75px; }
    .ticker {   animation: ticker-scroll 10s linear infinite;}
    a.cta_button {display:block;}
    .cta_text_01 {width:auto; font-size: 36px;  line-height: 40px; margin-bottom: 25px;}
    .cta_text_02 {font-size: 22px;  line-height: 27px; padding: 15px 75px 15px 35px;}
    .cta_text_02::after {width:15px; height:15px; top:21px;}
    .darkblue_left {margin-bottom: 30px; width:auto;}
    ul.social_links {text-align:left;}
    .darkblue_right {width:auto;}
    .footer_about p {padding: 0 20px 0 0;  margin: 0 0 20px 0; font-size: 21px;  line-height: 25px;}
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 380px) {
}