/* 
 Theme Name:   Divi Child
 Theme URI:    
 Description:  F4 Training Custom
 Author:       F4studio_Train
 Author URI:   
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


/*.et-l--footer {
	position: relative;
    top: 400px;
}*/

/* MENU STYLING */

/* Reduce padding above and below menu items on top level */
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul {
	padding: 12px 0px !important;
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
	padding-bottom: 8px;
}

/* Correct underline spacing */
#mainmenu li.menu-item a::before {
	bottom: 0px;
}

/* Correct positioning for mega menu dropdowns */

.et-menu-nav li.mega-menu > ul {
	position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 80vw;
}

/* Correct start height on non-megamenu dropdowns */
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul > li > ul {
	margin-top: 13px;
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul > li.mega-menu > ul {
	margin-top: 0px;
}

#mainmenu .current-menu-item > a::before,
#mainmenu .current_page_item > a::before, #mainmenu .current_page_ancestor > a::before, #mainmenu .current_page_parent > a::before, #mainmenu .current_menu_ancestor > a::before, #mainmenu .current_menu_parent > a::before{
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#mainmenu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #2074b9; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#mainmenu li a:hover {
 opacity: 1 !important;
}
#mainmenu li a:hover:before {
 right: 0;
}
#mainmenu li li a:before {
 bottom: 10%;
}
#mainmenu.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li.current-menu-item a{
	color: #ffffff!important;
}

/* Page pre-footer tweaks */
.et_section_specialty .et_pb_column_single {
	padding-top: 0;
	margin-top: -15px;
}

/* Stick Logo */ 
.element-is-not-sticky {
  background-image: none;
   }
.element-is-sticky  {
   background-image: url(http://sandbox.f4group.com/f4training/wp-content/uploads/2019/01/F4-Logo-Safety-and-Management-Training-WHITE-v2-01.png)
		 ;
	  background-position: 10px; 
  background-repeat: no-repeat; 
  background-size: contain; 

	   }


.carousel-slider__item {
 
    max-width: 65%!important;
    height: auto;
}

/* Ken Burns */

.kb-zoomout .et_pb_slide .et_parallax_bg {
   animation: zoomout 7s forwards;
  -ms-animation: zoomout 7s forwards;
  -webkit-animation: zoomout 7s forwards;
  -0-animation: zoomout 7s forwards;
  -moz-animation: zoomout 7s forwards;
 
}
 
.kb-zoomin .et_pb_slide .et_parallax_bg {
   animation: zoomin 7s forwards;
  -ms-animation: zoomin 7s forwards;
  -webkit-animation: zoomin 7s forwards;
  -0-animation: zoomin 7s forwards;
  -moz-animation: zoomin 7s forwards;
 
}
 
.kb-zoomin-right .et_pb_slide .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 7s forwards;
  -webkit-animation: zoomin-right 7s forwards;
  -0-animation: zoomin-right 7s forwards;
  -moz-animation: zoomin-right 7s forwards;
 
}
 
.kb-zoomout-right .et_pb_slide .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 7s forwards;
  -webkit-animation: zoomout-right 7s forwards;
  -0-animation: zoomout-right 7s forwards;
  -moz-animation: zoomout-right 7s forwards;
 
}
 
.kb-zoomout .et_parallax_bg {
   animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
  -0-animation: zoomout 17s forwards;
  -moz-animation: zoomout 17s forwards;
 
}
 
.kb-zoomin .et_parallax_bg {
   animation: zoomin 17s forwards;
  -ms-animation: zoomin 17s forwards;
  -webkit-animation: zoomin 17s forwards;
  -0-animation: zoomin 17s forwards;
  -moz-animation: zoomin 17s forwards;
 
}
 
.kb-zoomin-right .et_parallax_bg {
   animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 17s forwards;
  -webkit-animation: zoomin-right 17s forwards;
  -0-animation: zoomin-right 17s forwards;
  -moz-animation: zoomin-right 17s forwards;
 
}
 
.kb-zoomout-right .et_parallax_bg {
   animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  -0-animation: zoomout-right 17s forwards;
  -moz-animation: zoomout-right 17s forwards;
 
}
 
 
 
@keyframes zoomout{
0% {
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
}
 
 
100% {
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
 
}
}
 
@keyframes zoomin{
0%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
 
 
}
 
 
100%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(3.5, 3.5, 3.5) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
 
}
}
 
@keyframes zoomout-right{
0%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    animation-timing-function: linear;
}
 
 
100%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
 
}
}
 
@keyframes zoomin-right{
0%{
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
}
     
 
100%{
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
 
}
}

/* no para ken */

.no-parallax .et_pb_parallax_css {
    background-attachment: inherit;
    background-position: center center;
}
 
.no-parallax .et_pb_slides .et_parallax_bg.et_pb_parallax_css {
    background-attachment: inherit;
    background-position: center center;
}

/* text bg */

mark {
    background: #2074b9;
    font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
    color: #ffffff;
    
}

/* Fixed Flag on Side of Screen */
#fixed-flag {
	background: #fff;
	position: fixed;
	top: 56px;
	right: 0;
	z-index: 1002;
	border-radius: 4px 0 0 4px;
}
#fixed-flag a {
	background-image: linear-gradient(to bottom, #fff, #eee);
	display: block;
	position: relative;
	padding: 16px 50px 16px 16px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.1;
	text-align: right;
	box-shadow: inset 0 -2px 0 0 #fff, 1px 1px 4px 0 rgba(0, 0, 0, .35);
	border-radius: 4px 0 0 4px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#fixed-flag a span {
	font-size: 12px;
	color: #2074b9;
}
#fixed-flag a:after {
	content: "\f879";
	position: absolute;
	top: calc(50% - 16px);
	right: 12px;
	font-family: 'FontAwesome';
	font-size: 34px;
	color: #2074b9;
	line-height: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

/* Fixed Flag - Expand on hover */
#fixed-flag a:hover {
    padding-right: 60px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#fixed-flag a:hover:after {
    right: 16px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

/*############################################## */



/* Fixed Flag on Side of Screen */
#fixed-flag2 {
	background: #fff;
	position: fixed;
	top: 56px;
	left: 0;
	z-index: 1003;
	border-radius: 4px 0 0 4px;
}
#fixed-flag2 a {
	background-image: linear-gradient(to bottom, #fff, #eee);
	display: block;
	position: relative;
	padding: 16px 50px 16px 16px;
	font-size: 14px;
	font-weight: 700;
	color: #333;
	line-height: 1.1;
	text-align: left;
	box-shadow: inset 0 -2px 0 0 #fff, 1px 1px 4px 0 rgba(0, 0, 0, .35);
	border-radius: 0 4px 4px 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#fixed-flag2 a span {
	font-size: 12px;
	color: #2074b9;
}
#fixed-flag2 a:after {
	content: "\e076";
	position: absolute;
	top: calc(50% - 20px);
	right: 5px;
	font-family: 'FontAwesome';
	font-size: 30px;
	color: #2074b9;
	line-height: 1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

/* Fixed Flag - Expand on hover */
#fixed-flag2 a:hover {
    padding-right: 60px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#fixed-flag2 a:hover:after {
    right: 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}



/*################################################ */





/* Hide the flag on screens 980px or less */
@media only screen and (max-width: 980px) {
div#fixed-flag {
    display: none;
}
}
/* Hide the flag on screens 980px or less */
@media only screen and (max-width: 980px) {
div#fixed-flag2 {
    display: none;
}
}



/* ##### DROPDOWN MENU WIDTH ##### */

.nav li ul {
   max-width: 1500px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 0px !important; /* Use the same size as above */
}

#top-menu li li a {
   width: 1360px; /* Make this 40 less then the width of the dropdown menu */
}

.boldmenu {
	font-weight: 700!important;
	background: #2074b9!important;
}


/*Case Studies Orange Boxes*/

.et_pb_number_counter {
	min-height:18em!important;
	padding:5px!important;
}

.et_pb_number_counter:before {
	content:'';
	height:100%!important;
	display:inline-block!important;
	vertical-align:middle!important;
}

/*DHL Case Study third box*/

#DHLCounter3 > div > p > span.percent-value:before {
	content:'£'
}

#DHLCounter3 > div > p > span.percent-value:after {
	font-size:0.6em;
	content: "Million"
}



/*Setting all sliders to non-floating to prevent responsive issues with overlayed sliders */

.et_pb_slider {
	clear: both !important;
}

/* Search Icon */


.site-header .search-form {
position: absolute;
right: 200px;
top: 200px;
}


/* Sidebar mobile version */

@media only screen and (max-width:1495px) {
	.et_pb_sidebar_1 {
		display:none!important;
	}
	.et_pb_row_4 {
		display:block!important;
	}
}