#myVideo{
        position: absolute;
        right: 0;
        bottom: 0;
        top:0;
        right:0;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-color: black; /* in case the video doesn't fit the whole page*/
        background-image: /* our video */;
        background-position: center center;
        background-size: contain;
        object-fit: cover; /*cover video background */
        z-index:3;
    }



div.omarSlideInternalWrap {width:100px;max-width: 750px}

.fp-arrow.fp-next {
    border-width: 20.5px 0 20.5px 14px;
    border-color: transparent transparent transparent #fff;
}
.fp-arrow.fp-prev {
/*    border-width: 38.5px 34px 38.5px 0;*/
    border-width: 20.5px 14px 20.5px 0;
/*    20.5px 0 20.5px 14px;*/
    border-color: transparent #fff transparent transparent;
}



.fp-slidesNav.fp-bottom {
    bottom: 70px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background:#fff;
}
/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
#section3 .layer{
    position: relative;
/*    position: absolute;*/
    z-index: 4;
    width: 100%;
    margin:0 auto;
    left: 0;
    top: 23%;
    padding:35px;
    box-sizing: border-box;

    /*
    * Preventing flicker on some browsers
    * See http://stackoverflow.com/a/36671466/1081396  or issue #183
    */
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.layer h1{
	font-size:1.5em;
	line-height:1.5em;
	color:#fff;margin:0;
	
	font-weight:bold}

.xxOm h1{font-size:1em;color:#fff;margin:0;line-height:1em;font-weight:bold}

    .layer p{color:#fff}
    .xxOm p{color:#fff}
    .layer h1{color:#fff}
    .xxOm h1{color:#fff}
    .layer h2{color:#fff}

    /*solves problem with overflowing video in Mac with Chrome */
    #section3{
        overflow: hidden;
    }