body {
    font-family: Nunito Sans, Arial, Sans-serif;
}
a{color:#141414;}
body .bg_video video {
  height: auto;
  width: 125%;
}
header{
    overflow: initial;
    padding-top: 200px;
    }
.close_menu .fa {
    color: #aaa !important;
    -webkit-text-stroke: 2px white;

}
.open_menu.btn .fa{
    line-height: 38px;
    position: relative;
    left: -1px;
    }

.navigation_mobile img{
    max-width: 100%;
    }
.navigation_mobile.bg_white{
    background-color: #fff;
    }
.navigation_mobile .link{
    width: 100%;
    display:block;
    }

section p a{
    color: inherit;
    text-decoration: underline;
    }
section p a:hover{
    color: #FFCE00;
    }

.btn.yellow {
    color: #ffffff;
    background-color: #ffce00;
    text-align: center;
    font-family: Nunito Sans, Arial, sans-serif;
    font-weight: 400;
}
.btn.yellow:hover, .btn.yellow:focus {
    background-color: #f3c400;
}
.yellow {
    color: #ffce00;
}

.infoblockitemval{
     background-color: #ffce00;
     padding-left: 5px;
     padding-right: 5px;
}
.infoblockitem:before{ 
    content:"";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('/themes/safetypoint/assets/images/apple-icon-72x72.png');
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    left: -4px;
}
.video .poster .play.yellow{
    background: #ffce00;
color: #ffffff;
    }
    
    
.video .poster .play.yellow:hover{
    background: #f3c400;
color: #ffffff;
    }
    
.video .poster .play.black{
    background: #000;
color: #ffce00;
    }
.gray {
    
    color: #AAAAAA;
}
.border_light_gray{
    border: 1px solid #ccc;
    }

.hover_white:hover,.hover_white:active{color:#fff;}

.width48{ width:48px; } 
.height48{ height: 48px;}
.height_auto{ height: auto;}

.feature_49 .main p{font-size: 18px;}

.feature_49 .main h2{ margin-bottom: 0px;padding-bottom:20px;font-size:30px;line-height:40px;}

#enquire{
	background:  linear-gradient(
      rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ), url('../images/iStock-842883286-1920x1080-c2.jpg');

    background-size: cover;
    background-position: bottom right;
}

.slick-prev::before, .slick-next::before {
    font-family: "FontAwesome";
    }


.recent_case_studies-title{ display: inline-block; }
.recent_case_studies-image{ display: inline-block; }

@media (max-width: 767.99px){
	.navigation_6 .right_block a:first-of-type {
	    margin-left: 15px;
	}
	.navigation_6 .right_block a:last-of-type {
    	margin-right: 15px;
	}
	.navigation_6 .right_block .btn{
		display: block;
		margin-right: 15px;
		margin-left: 15px;
	}

	.footer_links a{
		display: block;
	}

}
#fallbackplay{
	position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    z-index: 999;
}
footer a:hover {
    color: #ffce00;
    opacity: 1;
}

.hero h1{
    font-size: 62px;
    line-height: 72px;
    font-weight: 300;
    font-family: Nunito, Arial, sans-serif;
    padding-bottom: 35px;
}
h1,h2,h3{
    font-size: 42px;
    line-height: 52px;
    font-weight: 300;
    font-family: Nunito, Arial, sans-serif;
    padding-bottom: 35px;
}
ul{
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}
p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}
p.small{
    font-size: 16px;
    line-height: 26px;
}
.fa.font32 {
    font-size: 32px;
    line-height: 42px;
}

.medium p{
    font-weight: 500;
}

/* Homepage Customizations */ 
.video_content h1{
   
}
.video_content p{
        font-size: 22px;
    line-height: 32px;
    margin-left: 60px;
    margin-right: 60px;
}

.feature_48 article li::before {
    font-family: "FontAwesome";
    }
    
    
#collect-chat-launcher-container.collect-chat-avatar-launcher .collect-chat-launcher-button::after {
	background-color: #ffce00 !important;
}
#collect-chat-container .collect-chat-comment-option{
    background-color: #ffce00 !important;
    color:#fff !important;
    }    

.input.focus_yellow:focus {
    border-color: #ffce00;
}
#moreinfoForm_forms_flash .alert{
    display:block;
    }

.accordion .card{border: 0; background-color: transparent;}
.accordion .card-header{
    border: 0;    
}
.accordion .card-header:first-child {
    border-radius: 8px  8px 0 0;
    border-bottom: 0;
}
.accordion .collapsed .card-header:first-child {
    transition: border-radius 1.2s;
    border-radius: 8px;
}
.accordion .collapsing {
    transition: height 0.1s;
}

.faq_question{ height: 54px;}
.faq_question p{ margin-bottom: 0; float: left; font-weight: 500; line-height: 33px;}
.faq_answer{ background-color: #fff; border-radius: 0 0 8px  8px; padding: 0 50px 1px;}
.collapsed .faq_state{     
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.faq_state{     
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.showcase_9 .block:hover,.team_3 .block:hover {

    opacity: 1;

}

.feature_49 .main img.infoblockimg {

    margin-top: 0px;
    display: block;
    max-width: 100%;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;

}
.feature_49 .main .infoblocktext {
    border-radius: 0 0 10px 10px;
    border-top: 0;

}


.nounderline{
  text-decoration: none;
}

/* Mobile Tweaks */
/* Smaller than 1200px */
@media (max-width: 1199.99px) {
    header{
        padding-top: 0px;
    }
    body .bg_video video {
        height: 100%;
        width: auto;
    }
    
    .video_content p{
        margin-left: 0;
        margin-right: 0;
        }
    
    .navigation_6 .right_block .btn{
        display: inline-block;
        }
    
    /*.nav_logo img{ padding-right: 20px; }*/
    
    .hero h1 {
        font-size: 42px;
        line-height: 52px;
    }
    .form_8 form .btn[type="submit"]{
        max-width: 100% !important;
        min-width: initial !important;
    }
    h1, h2, h3 {

    font-size: 32px;
    line-height: 42px;
    
    }
    .video_content p {

    font-size: 20px;
    line-height: 30px;}
    
    /*p{font-size: 16px;line-height: 26px;}*/
  
    #faqAccordion .faq_question p{
        float:none;
        display: inline-block;
        margin-left: 30px;
        }
    #faqAccordion .faq_question img{
        float:none;
        display: inline;
        position: absolute;
        }
    
    #faqAccordion .faq_question{
        height: auto;
        }
    #faqAccordion .faq_answer{
        padding: 0 20px 1px;
    }
}

.playpause{
    cursor: pointer;
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: none;
    color: #ffffff;
    }