/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 24, 2019, 12:25:55 PM
    Author     : EFarah
*/
@font-face {
    font-family: 'Oswald-ExtraLight';
    src: url('../fonts/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oswald-ExtraLight.woff') format('woff'), url('../fonts/Oswald-ExtraLight.ttf')
        format('truetype'), url('../fonts/Oswald-ExtraLight.svg#Oswald-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oswald-Light.woff') format('woff'), url('../fonts/Oswald-Light.ttf')
        format('truetype'), url('../fonts/Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Medium';
    src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oswald-Medium.woff') format('woff'), url('../fonts/Oswald-Medium.ttf')
        format('truetype'), url('../fonts/Oswald-Medium.svg#Oswald-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.ttf')
        format('truetype'), url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-SemiBold';
    src: url('../fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oswald-SemiBold.woff') format('woff'), url('../fonts/Oswald-SemiBold.ttf')
        format('truetype'), url('../fonts/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Black';
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.ttf')
        format('truetype'), url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf')
        format('truetype'), url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-ExtraLight';
    src: url('../fonts/Gotham-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-ExtraLight.woff') format('woff'), url('../fonts/Gotham-ExtraLight.ttf')
        format('truetype'), url('../fonts/Gotham-ExtraLight.svg#Gotham-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf')
        format('truetype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Thin';
    src: url('../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Thin.woff') format('woff'), url('../fonts/Gotham-Thin.ttf')
        format('truetype'), url('../fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf')
        format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url('../fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/PlayfairDisplay-Regular.woff') format('woff'), url('../fonts/PlayfairDisplay-Regular.ttf')
        format('truetype'), url('../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{
    height: 100%;
    position: relative;}

body{ 
    height: 100%;
    background:#fff;
    border:0; 
    font-family: 'dinreg', Arial, Helvetica, sans-serif;
    line-height:22px;
    min-width:320px;padding:0;margin: 0;
    padding: 0;}


div, p{
    padding: 0;
    margin: 0;
}
.Oswald-ExtraLight{
    font-family: "Oswald-ExtraLight";
}
.Oswald-Light{
    font-family: "Oswald-Light";
}
.Oswald-Medium{
    font-family: "Oswald-Medium";
}
.Oswald-Regular{
    font-family: "Oswald-Regular";
}
.Oswald-SemiBold{
    font-family: "Oswald-SemiBold";
}
.Gotham-Black{
    font-family: "Gotham-Black";
}
.Gotham-Bold{
    font-family: "Gotham-Bold";
}
.Gotham-ExtraLight{
    font-family: "Gotham-ExtraLight";
}
.Gotham-Medium{
    font-family: "Gotham-Medium";
}
.Gotham-Thin{
    font-family: "Gotham-Thin";
}
.Gotham-Book{
    font-family: "Gotham-Book";
    font-size: 15px;
}
.PlayfairDisplay-Regular{
    font-family: "PlayfairDisplay-Regular";
}
.index-body, .overflow{
    overflow-x: hidden !important;
}

.index-body .main-header{
    background: #fff !important;
    padding: 00px;
}
.index-body .main-header img{
    max-width: 150px;
}
.loader{
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.loader img{
    position: absolute;
    max-width: 220px;
    top: 50%;
    transform: translate(-50% -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
}
.fp-viewing-HOME .main-header {

    background: transparent;
}
section{
    position: relative;
    display: block;
    height: 100%;
}
.homesections{
    position: relative;
    display: block;
    height: 100%;
}
.main-header{
    z-index: 1;
    position: fixed;
    width: 100%;
}
.main-header .main-menu .active, .main-header .overlay .active{
    color: #F39600 !important
}
.main-menu{
    padding-right: 40px;
    list-style: none;
    width: 70%;
    float: right;
    padding: 0;
}
.main-menu ul{

}
.sub-menu {
    display: none;
    position: relative;
    width: 100%;
    background: #fff;
    width: 100%;
}
.sub-menu{
    position: absolute;
    width: 100%;
    background: #fff;
    top: 94px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ccc;
    z-index: 9999;
}
.sub-menu ul{
    list-style: none;
}
.sub-menu ul li{
    text-align: center;
}
.sub-menu ul a:hover{
    text-decoration: none;
}

.sub-menu.active{
    transition: ease-in-out .3s !important;
    -webkit-transition: ease-in-out .3s !important;
    display: block;
}
.sub-menu.deactive{
    transition: ease-in-out .3s !important;
    -webkit-transition: ease-in-out .3s !important;
    display: none !important;
}
.sub-menu ul li img{
    width: 65px;
    margin: 0 auto;
}
.products p{
    color: #000;
    margin-top: 15px;
    font-size: 15px;
    line-height: 22px;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.row{
    margin: 0 !important;
}
.logo{
    position: relative;
    float: left;
    padding: 20px 40px;
}
header ul li{
    float: left;
}
#overlay li{
    float: none;
    margin: 10px 0;
}
#overlay li ol li:last-child{
    margin-bottom: 20px;
}
.overlay .toggle-mobile{
    position: relative;
    margin-bottom: 10px;
    padding: 0;
}
.overlay .toggle-mobile li{
    line-height: 25px !important;
}
.sub-menu ul li{
    float: none;
}
header ul li a, header .products{
    padding: 35px 0;
    cursor: pointer;
}
.home-main-image{
    position: relative;
    display: block;
    height: 100%;
}
.news-description-image{
    background-image: url('../images/background-event.png');
    background-size: cover;
    /*background-position: center;*/
}
.news-bcg-2019-description-image{
    background-image: url('../images/bcg-2019-1.JPG');
    background-size: cover;
    background-position: center;
}
.news-aust-description-image{
    background-image: url('../images/aust-background.jpg');
    background-size: cover;
    /*background-position: center;*/
}
.news-aub-description-image{
    background-image: url('../images/aub-background.jpg');
    background-size: cover;
    /*background-position: center;*/
}
.news-usj-mou-description-image{
    background-image: url('../images/usj-mt2-mou-4.jpg');
    background-size: cover;
    background-position: center;
}
.news-ua-description-image{
    background-image: url('../images/ua-1.jpg');
    background-size: cover;
    /*background-position: center;*/
}
.news-usj-description-image{
    background-image: url('../images/USJ2.jpg');
    background-size: cover;
}
.mwc19-description-image{
    background-image: url('../images/mwc-2019.png');
    background-size: cover;
    background-position: center;
}
.marathon-description-image{
    background-image: url('../images/marathon-bg.jpg');
    background-size: cover;
    background-position: center;
}
.christmas-description-image{
    background-image: url('../images/christmas-bg.jpg');
    background-size: cover;
    /*background-position: center;*/
}
.bcg-description-image{
    background-image: url('../images/bcg.png');
    background-size: cover;
}
.summit-description-image{
    background-image: url('../images/summit-bg.png');
    background-size: cover;
    background-position: center;
}
.prix-description-image{
    background-image: url('../images/prix-bg.png');
    background-size: cover;
    background-position: center;
}
.sf-description-image{
    background-image: url('../images/sf-bg.png');
    background-size: cover;
    background-position: center;
}
.mwc-18-description-image{
    background-image: url('../images/mwc-2018-bg.jpg');
    background-size: cover;
    background-position: center;
}
.home-slider-content{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.home-main-image .swiper-container-home .swiper-slide{
    background-size: cover;
    background-position: center;
}
.home-main-image .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
}
.home-main-image .swiper-pagination-bullet-active{
    background-color: #F39600 !important;
    border: 1px solid #F39600;
}
.swiper-container-home{
    overflow: hidden;
}
.events-section-main-image{
    position: relative;
    display: block;
    height: 100%;
    background-image: url('../images/events-bg.jpg');
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
}
.careers-main-image{
    position: relative;
    display: block;
    height: 100%;
    background-image: url('../images/career.jpg');
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
}
.contact-main-image{
    position: relative;
    display: block;
    height: 100%;
    background-image: url('../images/contactus.jpg');
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
}
.aboutus-main-image{
    position: relative;
    display: block;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url('../images/aboutus.jpg');
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
}
.aboutus-main-image .about-h1{
    top: 20%;
    position: relative;
}
.about-h1 h1{
    font-size: 3.4em;
}
.events-main-image{
    position: relative;
    display: block;
    height: 100%;
    background-image: url('../images/home-image.png');
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
}
.home-main-image-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}
.home-main-image-christmas-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}
.about-main{
    margin-top: 78px;height: 100%;
}
.about-main-image-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .85);
}
.about-main-btns{
    margin-top: 30px;
    position: relative;
    display: block !important;
}
.about-main-btns a{
    font-size: 1.8em;
    color: #fff;
    margin-right: 25px;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.about-main-btns a:hover, .about-main-btns a:focus{
    color: #F39600;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.covertage-content{
    list-style: none;
    padding-top: 20px;
    max-width: 850px;
    margin: 0 auto !important;
}
.covertage-content li{
    font-size: 1.5em;
    font-family: "Oswald-Regular";
    margin-bottom: 3px;
}
.covertage-content li:before{
    content: "";
    position: absolute;
    width: 20px;
    height: 25px;
    background-position: center;
    background-size: 20px 25px;;
    background-image: url('../images/location.png');
    background-repeat: no-repeat;
    top: 5px;
}
.covertage-content p{
    text-align: left !important;
    font-size: 1em !important;
    padding: 0 !important;
    padding-left: 30px !important;
}
.initiatives .row{
    list-style: none;
    padding-top: 20px;
    max-width: 1000px;
    margin: 0 auto !important;
    padding-bottom: 60px;
    padding-left: 0;
}
.initiatives .row li{
    font-size: 1.2em;
    font-family: "Gotham-Book";
}
.initiatives .row p{
    text-align: left !important;
    font-size: 1em !important;
    padding: 0 !important;
    padding-left: 20px !important;
    padding-top: 10px !important;
    color: #000;
    margin: 0 !important;
}
.initiatives .row li p:before{
    content: "-";
    position: absolute;
    left: 20px;
}
.careers-content{
    list-style: none;
}
.careers-content-list .row{
    list-style: none;
    padding-top: 20px;
    max-width: 750px;
    margin: 0 auto !important;
    padding-bottom: 60px;
    padding-left: 0;
    counter-reset: item;
}
.careers-content-list .row li{
    font-size: 1.2em;
    font-family: "Oswald-Medium";
}
.careers-content-list .row p{
    text-align: left !important;
    font-size: 1.2em !important;
    padding: 0 !important;
    padding-left: 20px !important;
    padding-top: 10px !important;
    color: #000;
    margin: 0 !important;
}
.careers-content-list .row li p:before{
    position: absolute;
    left: -20px;
    content: counter(item);
    counter-increment: item;
    border: 1px solid gray;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    padding-left: 10px;
    padding-top: 2px;
    font-size: 16px;
    margin-top: -1px;
}
.privacy-policy{
    height: 500px;
    background-image: url(../images/privacy-policy.png);
    background-size: cover;
    background-position: center;
    position: relative;
    display: block; 
}
.privacy-policy .overlay-white{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}
.privacy-policy-cntnr .withink-text{
    text-align: center;
}
.withink-title{
    text-align: left !important;
    font-size: 2em !important;
    padding: 0;
    margin: 0;
}
.withink-title:after{
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background: #F39600;
    left: 35px;
    top: 80px;
}
.withink-text{
    font-size: 1.2em !Important;
    text-align: left;
    padding-left: 20px;
    padding-top: 10px;
}

/*start of menu css*/
.navbar-header{
    position: relative;
    display: block;
    float: right !important;
    padding: 22px 40px 20px;
}
.toggle-button {
    position: relative;
    padding: 9px 10px;
    height: 40px;
    width: 55px;
    cursor: pointer;
    z-index: 999999991;
}

.bar {
    background-color: #000;
    display: block;
    width: 100%;
    height: 3px;
    border: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.bar-white{
    background-color: #fff;
}
.bar + .bar {
    margin-top: 6px;
}
.middle {
    top: 11px;
}
.bottom {
    top: 22px;
}
.toggle-button:hover {
    opacity: .7;
}
.toggle-active .bar {
    background-color: #000;
}
.toggle-active .top {
    -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
}
.toggle-active .middle {
    opacity: 0;
}
.toggle-active .bottom {
    -webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);
}
.overlay .events{
    line-height: 0;
    padding-top: 20px;
}
.overlay .events a{
    font-size: 27px;
}
.overlay {
    position: fixed;
    background-image: linear-gradient(120deg, #fff 0%, #fff 100%);
    top: 0;
    width: 100%;
    height: 100%;
    right: -100% !important;
    visibility: hidden;
    opacity: 1;
    -webkit-transition: .4s;
    z-index: 99999999;
}
.overlay img{
    padding: 20px;
    max-width: 150px !important;
    width: 200px;
}
.nav-active {
    -webkit-transition: .4s;
    visibility: visible;
    right: 0 !important;
}
.menu-right{
    float: right !important;
    height: 100%;
    position: relative;
    display: block;
}
.menu-right ul li a{
    padding: 0;
}
.overlay ul {
    display: block;
    top: 60px;
    left: 0;
    /*font-size: 50px;*/
    font-weight: 400;
    text-align: center;
    list-style: none;
    padding: 0;
    text-align: left;
    line-height: 65px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50);
}
.overlay ul li {
    display: block;
}
.overlay ul li a {
    color: #000;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.overlay ul li a:hover {
    color: #F7971D;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.social-media{
    padding-top: 20px;
}
/*.social-media-parent{
    z-index: 0 !important;
    text-align: center !important;
    line-height: 50px !important;
    bottom: 0% !important;
    transform: translate(0, 0%) !important;
    -webkit-transform: translate(0, 0) !important;
    height: auto !important;
    top: auto !important;
}
.social-media-parent .social-media{
    position: absolute;
    bottom: 80px;
    width: 100%;
}*/
.social{
    font-size: 24px;
    color: #F7971D;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    margin-right: 10px;
}
.social:hover{
    color: #000;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
/*end of menu css*/

/*swiper*/
.swiper-container {
    width: 100%;
    height: 500px;
    background-color: #f2f2f2;
    z-index:0 !important;
}
.swiper-container-home{
    width: 100%;
    height: 100%;
    z-index:0 !important;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: #f2f2f2;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color:#000;
    opacity: 1;
    background: rgba(0,0,0,0.2);
    padding-top: 4px;
    font-weight: 'Gotham-Bold'
}
.swiper-pagination-bullet{
    width: 28px !important;
    height: 28px!important;
    opacity: 1 !important;
    color: #999;
    background: transparent !important;
    border: 1px solid #999;
}
.swiper-pagination-bullet-active {
    background-color: #000 !important;
    color: #fff;
    border: 1px solid #000;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 15px !important;
}


/*end of swiper*/

.main-header{
    z-index: 99;
    /*padding: 35px 40px;*/
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .2s;
}
.dark-background .toggle-button .bar{
    background: #fff;
}
.white-header .toggle-button .bar{
    background: #000;
}
.dark-background .toggle-active .bar{
    background: #000 !important;
}
.dark-background .menu-button-outer{
    color: #fff;
}
a:focus{
    outline: none !important;
}
.dark-background .menu-button-outer:focus{
    text-decoration: none;
}
.menu-button-outer:focus{
    color: #F39600;
    text-decoration: none;
}
.dark-background .dark-logo{
    display: none;
}
.white-header .dark-logo{
    display: block;
}
.white-header .white-logo{
    display: none;
}
.white-header .main-menu li a, .white-header .main-menu .products > div{
    color: #000;
}
.sections-services .white-header{
    background-color: #fff;
}
.black-parent .white-header{
    background-color: #fff;
}
.black-parent .logo-black{
    display: none;
}
.black-parent .white-header .logo-white{
    display: none;
}
.black-parent .white-header .logo-black {
    display: block;
    float: left;
}
.white-header .menu-button-outer-white{
    color: #000;
}
.white-header .bar-white{
    background: #000;
}
.white-header{
    background-color: #fff !important;
    /*padding: 10px 40px;*/
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.sections-services .main-header{
    /*padding: 10px 40px;*/
    background-color: #fff;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.sections-services .main-header img{
    max-width: 150px;
}
.main-header-parent{
    position: absolute;
    top: 0;
}
.main-header img{
    width: 100%;
    max-width: 150px;
    height: auto;
}
.white-header img{
    max-width: 150px;
}
.menu-button{
    font-size: 52px;
    line-height: 25px;
}
.menu-button-outer{
    font-size: 16px;
    color: #000;
    float: right;
    margin-right: 25px;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.menu-button-outer-white{
    color: #fff;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.menu-button-outer:hover{
    color: #F7971D !important;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.menu-button-outer.careers
{
    margin-right: 0 !important;
}
.max-width{
    padding: 0 15px;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    /*width: 100%;*/
    max-width: 1200px;
    height: 100%;
}
.max-width-no-height{
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    /*width: 100%;*/
    max-width: 1200px;
}
.home-main-image-content{
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);

}
.home-main-image-content h1{
    font-size: 3.4em;
}
.title-dash{
    width: 50px;
    height: 4px;
    background-color: #F7971D;
    margin-top: 25px;
    position: relative;
    display: block;
    margin-bottom: 25px;
}
.home-main-image-text{
    max-width: 600px;
    line-height: 21px;
    font-size: 1.2em
}
.index-body .home-main-image .home-main-image-content .home-main-image-text{
    width: 80%;
}
.button{
    top: 20px;
    color: #000;
    border: 1px solid #F7971D;
    padding: 18px 50px;
    position: relative;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.button:hover{
    color: #fff;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    background-color: #F7971D
}
#single{
    height: auto !important;
}
.home-main-image-bottom{
    width: 100%;
    position: absolute;
    bottom: 15px;
}
.home-main-image-bottom .bottom-border{
    width: 100%;
    height: 1px;
    position: relative;
    border-top: 1px solid #000;
    padding-bottom: 10px;
}
.home-main-image-bottom-text{
    font-size: 1.1rem
}
.home-mobile-container{
    background-color: purple; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #864bcd , #694bfe)

}
.home-mobile-content-container{
    background-color: blue; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #29c6d9 , #29abe1);
}
.home-mobile-marketing-container{
    background-color: red; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #fe655e , #fd297b);
}
.home-mobile-payment-container{
    background-color: orange; /* For browsers that do not support gradients */
    /*background-image: linear-gradient(to right, #864bcd , #694bfe);*/
    background-image: linear-gradient(to right, #fbaf3a , #f7931e);

}
.home-mobile-appsportals-container{
    background-color: black; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #232824 , #232824);
}
.omni-container{
    background-color: black; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #25adf1 , #025c89);
}
.muzart-container{
    background-color: black; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #a785bc , #520e77);
}
.community-engagement-container{
    background-color: black; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #e65151 , #0c0c76);
}

/*.section3{
    height: 432px !important
}
.section5, .section7{
    height: 315px !important
}
.section9{
    height: 225px !important
}*/
.section-small{
    background: #fff !important;
    position: relative !important;
    display: block !important;
}
.section-small .fp-tableCell{
    position: relative !important;
    display: block !important;
}
.home-sections-right-image{
    float: right;
}
.home-sections-right-image img{
    margin: 0 auto;
    position: relative;
    display: block;
    height: 100%;
    max-height: 400px;
    max-width: 400px;
}
.home-sections{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.home-sections-left > div{
    top: 50%;
    position: relative;
    display: block;
    transform: translate(0, -50%);
}
.home-sections-left h1{
    color: #fff;
    font-size: 3.3rem;
}
.title-dash-white{
    width: 50px;
    height: 4px;
    background-color: #fff;
    margin-top: 25px;
    margin-bottom: 25px;
}
.home-sections-text-white{
    line-height: 21px;
    font-size: 1.1rem;
    color:#fff;
}
.button-white{
    top: 20px;
    color: #fff;
    border: 1px solid #fff;
    padding: 18px 50px;
    position: relative;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.button-white:hover{
    color: #fe655e;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    background-color: #fff
}
.button-blue:hover{
    color: #29c6d9
}
.yellow-button-home:hover{
    color: #fbaf3a;
}
.button-yellow:hover{
    color: #fd297b;
}
.button-purple:hover{
    color: #864bcd
}
.button-black:hover{
    color: #232824
}
.mobile-image img{
    width: 100%;
    height: auto;
}
.home-white-sections .small-image{
    width: 120px;
    height: 120px;
    background-image: url('../images/naji.png');
    background-position: top;
    background-size: cover;
    margin: 0 auto;
    border-radius: 100%;
}
.home-white-sections{
    padding: 70px 0 60px 0;
    text-align: center;
}
.quote{
    font-size: 1.7rem;
    padding-top: 15px;
    padding-bottom: 40px;
    max-width: 450px;
    margin: 0 auto;
}
.ceo{
    font-size: 1rem;
    color: #999
}
.home-white-sections p{
    margin-bottom: 12px;
}
.cgm{
    font-size: 1.1rem;
}
.home-white-sections .technology{
    padding: 0;
}
.white-text{
    color: #fff;
}
.why{
    max-width: 1200px;
    margin: 0 auto;
}
.why h1{
    color: #000;
    text-align: center;
    font-size: 3em;
    padding:30px 20px;
    margin: 0;
}
.why .coverage{
    font-size: 1.4em;
}
.incremental{
    margin-top: 70px !important;
    margin-bottom: 50px !important;
}
.incremental-child{
    text-align: center;
    border-right: 1px solid #000;
    margin-top: 20px;
}
.incremental-child:last-child{
    border:0;
}
.incremental-child span{
    color: #000;
    font-size: 6rem;
    font-family: "Oswald-Medium";
    line-height: 100px;
}
.incremental-title{
    font-size: 1.1em !important;
    padding-bottom: 10px !important;
}
.why p{
    max-width: 800px;
    font-size: 1.7em;
    text-align: center;
    margin: 0 auto;
    padding:20px;
}
/*#section3{
    height: 431px !important;
}
#section5{
    height: 313px !important;
}
#section7{
    height: 313px !important;
}
#section9{
    height: 230px !important;
}*/
#fp-nav{
    z-index: 9 !important
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
    height: 10px !important;
    width: 10px !Important;
    margin: -2px 0 0 -4px !important;
    border: 1px solid #707070 !important;
    background: transparent !important;
}
#fp-nav ul li .active span:first-child{
    background: #F7971D !Important;
    border: 0 !important
}
.fp-viewing-HOME
#fp-nav ul li .active span, .fp-viewing-HOME
#fp-nav ul li .active span, .fp-viewing-QUOTE-NAJI
#fp-nav ul li .active span,
.fp-viewing-QUOTE-JACOB-NIELSEN
#fp-nav ul li .active span, .fp-viewing-QUOTE-JACOB-NIELSEN2
#fp-nav ul li .active span, .fp-viewing-QUOTE
#fp-nav ul li .active span
{
    border: 1px solid #fff!important;
}
.fp-viewing-HOME
#fp-nav ul li  span, .fp-viewing-MOBILE-COMMUNICATION
#fp-nav ul li  span, .fp-viewing-MOBILE-CONTENT
#fp-nav ul li  span, .fp-viewing-MOBILE-ADVERTISING
#fp-nav ul li  span, .fp-viewing-MOBILE-PAYMENT
#fp-nav ul li  span, .fp-viewing-MOBILE-APPS
#fp-nav ul li  span, .fp-viewing-MT2-PAY
#fp-nav ul li  span, .fp-viewing-WEB-SERVICES
#fp-nav ul li  span, .fp-viewing-CONTENT-AGGREGATION
#fp-nav ul li  span{
    border: 1px solid #fff !important;
}
.fp-viewing-HOME
#fp-nav ul li .active span, .fp-viewing-QUOTE-NAJI
#fp-nav ul li .active span,
.fp-viewing-QUOTE-JACOB-NIELSEN
#fp-nav ul li .active span, .fp-viewing-QUOTE-JACOB-NIELSEN2
#fp-nav ul li .active span, .fp-viewing-QUOTE
#fp-nav ul li .active span
{
    background: #fff !Important;
}
.fp-viewing-HOME
#fp-nav ul li .active span, .fp-viewing-MOBILE-COMMUNICATION
#fp-nav ul li .active span, .fp-viewing-MOBILE-CONTENT
#fp-nav ul li .active span, .fp-viewing-MOBILE-ADVERTISING
#fp-nav ul li .active span, .fp-viewing-MOBILE-PAYMENT
#fp-nav ul li .active span, .fp-viewing-MOBILE-APPS
#fp-nav ul li .active span, .fp-viewing-MT2-PAY
#fp-nav ul li .active span, .fp-viewing-WEB-SERVICES
#fp-nav ul li .active span, .fp-viewing-CONTENT-AGGREGATION
#fp-nav ul li .active span{
    background: #fff !Important;
}
.fp-viewing-QUOTE-NAJI #fp-nav .active p, .fp-viewing-QUOTE-NAJI #fp-nav .active div, .fp-viewing-QUOTE-JACOB-NIELSEN #fp-nav .active p, .fp-viewing-QUOTE-JACOB-NIELSEN #fp-nav .active div,
.fp-viewing-QUOTE-JACOB-NIELSEN2 #fp-nav .active p, .fp-viewing-QUOTE-JACOB-NIELSEN2 #fp-nav .active div, .fp-viewing-QUOTE #fp-nav .active p, .fp-viewing-QUOTE #fp-nav .active div
{
    display: none;
}
#fp-nav li:nth-child(3), #fp-nav li:nth-child(5), #fp-nav li:nth-child(7), #fp-nav li:nth-child(9){
    display: none
}
#fp-nav ul li a p, #fp-nav ul li a div{
    display: none;
}
#fp-nav .active p{
    position: absolute;
    width: 25px;
    height: 1px;
    background-color: #fff;
    right: 18px;
    display: block;
    top: 9px;
}
#fp-nav li:first-child .active p{
    background-color: #fff;
}
#fp-nav .active div{
    position: absolute;
    right: 50px;
    display: block;
    top: -2px;
    direction: rtl;
    width: max-content;
    width: -moz-max-content;
    font-size: 14px;
}
.fp-viewing-HOME
#fp-nav .active div, .fp-viewing-MOBILE-COMMUNICATION
#fp-nav .active div, .fp-viewing-MOBILE-CONTENT
#fp-nav .active div, .fp-viewing-MOBILE-ADVERTISING
#fp-nav .active div, .fp-viewing-MOBILE-PAYMENT
#fp-nav .active div, .fp-viewing-MOBILE-APPS
#fp-nav .active div, .fp-viewing-MT2-PAY
#fp-nav .active div, .fp-viewing-WEB-SERVICES
#fp-nav .active div, .fp-viewing-CONTENT-AGGREGATION
#fp-nav .active div{
    color: #fff !Important;
}
.fp-viewing-HOME
#fp-nav .active div, .fp-viewing-QUOTE-NAJI
#fp-nav .active div,
.fp-viewing-QUOTE-JACOB-NIELSEN
#fp-nav .active div, .fp-viewing-QUOTE-JACOB-NIELSEN2
#fp-nav .active div, .fp-viewing-QUOTE
#fp-nav .active div
{
    color: #fff !Important;
}
#fp-nav .active .fp-tooltip{
    overflow: visible !important;
    color: #707070;
    opacity: 1;
    right: 50px !important;
    top: 1px;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    direction: rtl;
}
#fp-nav .active::after{
    position: absolute;
    width: 20px;
    height: 1px;
    background-color: #000;
}
.why-images{
    padding-top: 20px;
}
.why-images .left{
    position: relative;
    display: block;
    background-image: url(../images/why-l-image.jpg);
    background-size: cover;
    background-position: center;
    height: 600px;
}
.why-images .right{
    position: relative;
    display: block;
    background-image: url(../images/why-r-img.png);
    background-size: cover;
    background-position: center;
    height: 600px;
}
.services{
    max-width: 1200px;
    margin: 0 auto;
}
.services h1{
    font-size: 3em;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}
.services .text{
    font-size: 1.5em;
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 80px;
    padding: 0 20px;
}
.services .row p{
    line-height: 22px;
    font-size: 1.1em;
}
.services .row span{
    width: 50px;
    height: 4px;
    background-color: #f7931e;  
    position: relative;
    display: block;
    margin-bottom: 25px;
    margin-top: 20px;
}
.arrow{
    float: right;
    /* position: absolute; */
    margin-right: -15px;
    content: ">";
    display: inline-block;
    width: 1em;
    margin-left: 1pt;
    color: #d1aa66;
}
.services-mobile:hover{
    color: #000;
    text-decoration: none;
}
.services-mobile{
    color: #000;
}
.services-mobile{
    position: relative;
    display: block;
}
.services-mobile .fa-angle-right{
    float: right;   
    margin-top: 4px;
    color: #F7971D;
    font-size: 28px;
    margin-right: 5px;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f107";
    float: right; 
    font-size: 29px;
    color: #F7971D;
    position: absolute;
    right: 0px;
    margin-top: -1px;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f105"; 
}
.accordion{
    padding: 0 20px;
}
.card-header{
    cursor: pointer;
    margin-bottom: 40px;
    position: relative;
    display: block;
}
.card-title{
    font-size: 2em;
}
.title-dash-accordion{
    width: 80px;
    height: 3px;
    background-color: #F7971D;
    margin-top: 15px;
    position: absolute;
    left: 0;
    bottom: -18px;
}
.management-title{
    font-size: 3em;
    text-align: center;
    padding: 60px 0;
}
.naji .profile{
    height: 500px;
    background-image: url(../images/nahi-high-resolution.png);
    background-size: cover;
    background-position: center;
}
.jad .profile{
    height: 500px;
    background-image: url(../images/jad.png);
    background-size: cover;
    background-position: center;
}
.chrsitian .profile{
    height: 500px;
    background-image: url(../images/chrsitian.png);
    background-size: cover;
    background-position: center;
}
.profile{
    position: relative
}
.profile img{
    width: 40px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.management .name{
    margin-top: 40px;
    font-size: 1.7em;
}
.management .position{
    margin-top: 15px;
    font-size: 1.1em;
}
.management .row > div{
    margin-bottom: 40px;
}
.clients{
    position: relative;
    display: block;
}
.clients .swiper-slide .main-title{
    font-size: 3.5rem;
}
.clients .swiper-slide .subtitle{
    font-size: 2.2rem;
    /*max-width: 420px;*/
    margin: 0 auto;
    margin-top: 20px;
    line-height: 30px;
}
.clients .swiper-slide .line{
    position: relative;
    display: block;
    width: 50px;
    height: 4px;
    text-align: center;
    margin: 0 auto;
    background: #F7971D;
    margin-top: 70px;
    margin-bottom: 70px;
}
.swiper-pagination{
    position: absolute;
    bottom: 0;
}
.clients-profile{
    float: right !important;
    height: 500px;
    background-image: url(../images/client.png);
    background-size: cover;
    background-position: center;
}
.clients .swiper-slide .author{
    color: #999;
}
.contact h1{
    font-size: 3.5rem;
    text-align: center;
    padding: 60px 60px;
}
.contact .row .countries{
    max-width: 200px;
    margin: 0 auto;
}
.contact .row .countries h3{
    font-size: 2rem;
}
.contact .row .countries p{
    color: #5E5F61;
}
.contact-message-parent{
    position: relative;
    display: block;
    width: 100%;
    padding: 40px 0;
    text-align: center;
}

.contact-message{
    color: #000;
    border: 1px solid #F39600;
    padding:12px 50px;
    margin-top: 20px;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    padding-top: 13px;
}
.contact-message-orange{
    color: white;
    text-decoration: none;
    background-color: #F39600;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.contact-message-orange:hover{
    color: #000 !important;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    background: #fff !important;
}
.contact-message:hover, .contact-message:focus{
    color: white;
    text-decoration: none;
    background-color: #F39600;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.contact-social-parent{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 0;
}
.contact-social-parent .fa{
    color: #000;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.contact-social-parent .fa:hover{
    color: #F39600;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.contact-social-parent a{
    color: #000;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.contact-social-parent span{
    margin-left: 15px;
    margin-right: 15px;
}
.contact-social-parent a:hover{
    color: #F39600;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    text-decoration: none;
}
.contact-terms-privacy{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0 40px;
    font-size: 12px;
}
.services-types{
    max-width: 490px;
    text-align: left;
    margin: 0 auto;
    padding: 20px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    margin-top: 40px;
    margin-bottom: 10px;

}
.box1, .box2 {
    width: 220px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.parallax-img{
    width: 100%;
    height: 500px;
    background-image: url(../images/ux-parallax.png);
    /*    background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
}
.parallax-img p{
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2em;
    text-align: center;
    padding: 0 15px;
}
.parallax-img2{
    width: 100%;
    height: 500px;
    background-image: url(../images/digital-parallax.png);
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
}
.parallax-img2 p{
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2em;
    text-align: center;
    padding: 0 15px;
    max-width: 500px;
}
.grey-container{
    margin-bottom: 60px;
    width: 100%;
    background-color: #f2f2f2;
    position: relative;
    display: block;
    padding: 40px 0;
}
.grey-container > div{
    text-align: center;
}
.grey-container img{
    max-width: 180px;
    margin: 0 auto;
    margin-top: 10px;
}
.grey-container .orange-title{
    padding-top: 0px;
}
.orange-title-about{
    margin-bottom: 30px;
}
.grey-container .grey-text{
    font-size: 1.8em;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px;
    margin-top: 30px;
}
.orange-container{
    margin-bottom: 60px;
    width: 100%;
    height: 500px;
    background-color: #F7971D;
    position: relative;
    display: block;
}
.orange-container > div{
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 15px;
}
.careers-grey{
    background-color: #f2f2f2;
    margin-top: 80px !important;
}
.orange-text{
    font-size: 2em;
    text-align: center;
    max-width: 750px;
    line-height: 32px;
}
.orange-title{
    font-size: 3.5em;
    text-align: center;
}
.apply-positions:hover, .apply-positions:focus{
    color: #000;
    text-decoration: none;
    outline: none;
}
.apply-positions{
    position: relative;
    display: block;
    color: #000;
}
.accordion-title{
    color: #000;
    text-align: center;
    font-size: 3em;
    padding: 30px 20px;
}
.available-positions{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    display: block;
}
.available-positions .card{
    padding-top: 40px;
}
.open-positions {
    padding: 0 40px !important;
}
.open-positions .card-header{
    border-top: 1px solid #5E5F61;
    margin-bottom: 15px;
    padding-top: 10px;
}
.l-border{
    width: 100%;
    height: 1px;
    background: #5E5F61;
}
.open-positions .card-header::after{
    font-size: 40px;
    margin-top: -65px;
}
.open-positions .card-title:hover{
    text-decoration: none;
}
.open-positions .card-title{
    font-size: 1.5em;
    color: #000;
}
.open-positions .card-title:focus{
    outline: none;
}
.open-positions .card-title p{
    font-size: .8em;
    color: #5E5F61;
}
.mini-container{
    max-width: 1000px;
    margin: 0 auto;
}
.values{
    margin-top: 30px;
    margin-bottom: 70px;
}
.values p{
    margin-top: 22px;
    font-size: 1.1em;
}
.contact-form{
    max-width: 1000px;
    margin: 0 auto;
}
.contact-form .title{
    margin-bottom: 5px;
    font-size: 1.3em;
    width: 100%;
}
.careers-description-contnr .title-introduction{
    margin-bottom: 10px;
    font-size: 1.3em;
    width: 100%;
    padding-top: 10px;
}
.contact-form-page{
    margin-top: 60px;
}
.contact-form .text{
    width: 100%;
    border: 0;
    padding-bottom: 10px;
}
.input-brdr-btm{
    border-bottom: 1px solid #5E5F61 !important;
}
.input-container .title{
    padding-top: 10px;
    border-top: 1px solid #5E5F61;
}
.form-title{
    color: #000;
    text-align: center;
    font-size: 3em;
    padding: 30px 20px;
    padding-bottom: 60px;
    line-height: 60px;
}
.form-title-click{
    position: relative;
    display: block;
    text-align: center;
    color: #000;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.form-title-click:hover, .form-title-click:focus{
    color: #F39600;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.form-title2{
    padding-top: 60px;
}
.input-container span{
    font-size: 1.3em;
    /*margin-left: 10px;*/
}

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 1.3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal !important;
    padding-top: 20px;

    padding-bottom: 20px;

    margin: 0;
}
.input-container-checkbox{
    border-top: 1px solid #5E5F61;
    border-bottom: 1px solid #5E5F61;
}
.container-checkbox{
    border-bottom: 1px solid #ccc;
}
.container-checkbox:last-child{
    border-bottom: 0;
}
/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 24px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #666;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 7px;
    top: 2px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.message-box{
    border:0;
    color: #000;
    font-size: 1em;
    padding: 20px 0;
    border-top: 1px solid #5E5F61;
    border-bottom: 1px solid #5E5F61;
}
.contact-form .submit:hover{
    background: #F39600;
    color: #fff;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.contact-form .submit{
    border:1px solid #F39600;
    background: transparent;
    padding: 12px 110px;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    padding-top: 13px;
}
.careers-description-contnr{
    padding-top: 94px;
}
.why-careers-description h1::after{
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #F39600;
    margin-top: 60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.careers-description-img{
    width: 100%;
    height: 500px;
    background-image: url(../images/home-image.png);
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    margin: 60px 0;
}
.talk-img{
    margin: 0;
}
.stack h1{
    color: #000;
    text-align: center;
    font-size: 3em;
    padding: 0px 20px 50px 20px;
    margin: 0;
}
.introduction-box{
    border: 0;
    color: #000;
    font-size: 1em;
    padding: 0px !important;
    border-bottom: 1px solid #5E5F61;
    line-height: 15px;
    padding-top: 10px !important;
    padding-bottom: 15px !important;
    height: 45px;
}
.uploader{
    margin-top: 60px;
}
.uploader span{
    position: relative;
    font-size: 1.3em;
    display: block;
    margin-top: 10px;
}
.uploader input[type="file"] {
    opacity: 0;
    color: red;
    margin-top: 5px;
    position: relative;
    display: block;
    text-align: center;

}
.uploader label{
    color: red;
    margin-top: 5px;
    position: relative;
    display: block;
    text-align: center;
}
.uploader img{
    width: 90px;
    height: auto;
}
.iframe-careers{
    width: 100%;
    border:0;
    height: 950px;
}
.uploader .custom-file-upload {

    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: relative;
    left: 50%;
    transform:translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.careers-description-contnr .submit{
    margin-top: 40px;
}
.careers-description-contnr .requirenments{
    padding: 0 15px;
}
.initiatives-contnr{
    text-align: center;
    padding-top: 94px;
}
.initiatives-contnr img{
    max-width: 280px;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 40px;
}
.initiatives-contnr .initiatives-img{
    width: 100%;
    height: 500px;
    background-image: url(../images/initiatives-img.png);
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    margin: 0px 0 60px;
}
.initiatives-contnr .initiatives-img1{
    width: 100%;
    height: 500px;
    background-image: url(../images/withink.jpg);
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    margin: 60px 0;
}
.initiatives-contnr .initiatives-img2{
    width: 100%;
    height: 500px;
    background-image: url(../images/cardswitch.jpg);
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    margin: 60px 0;
}
.initiatives-contnr .initiatives-img3{
    width: 100%;
    height: 500px;
    background-image: url(../images/robocare.jpg);
    /*    background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    margin: 60px 0;
}
.initiatives-text p{
    max-width: 1200px;
    width: 100%;
    font-size: 1.7em;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
}
.initiatives-text .subtext{
    font-size: 16px;
}
.white .active span{
    background: #fff!important;
    border: 1px solid #fff !important;
}
.white .active div{
    color: #fff !important;
}
.white .active p{
    background-color: #fff!important;
}
.events-slider{
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    height: 435px;
    position: relative;
    display: block;
    padding: 0 20px;
    margin-top: -220px;
    z-index: 0;
}
.events-slider-cntnr{
    position: absolute;
    bottom: -60px;
    margin: 0;
    height: 380px;
    width: 100%;
}
.swiper-container-events {
    overflow: hidden;
    width: 100%;
    height: 380px;
}
.swiper-container-events .swiper-slide {
    font-size: 18px;
    background: #fff;
}
.swiper-container-events .swiper-slide .swiper-slide-img{
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}
.swiper-container-events .swiper-slide a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}
.swiper-container-events .swiper-slide p{
    text-align: left;
    color: #fff;
}
.swiper-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
}
.swiper-container-events .swiper-wrapper .swiper-slide{
    -webkit-box-pack: normal !important;
    -ms-flex-pack: normal !important;
    -webkit-justify-content: normal !important;
    justify-content: normal !important;
    -webkit-box-align: normal !important;
    -ms-flex-align: normal !important;
    -webkit-align-items: normal !important;
    align-items: normal !important;
}
.swiper-container-events .swiper-wrapper .swiper-slide p{
    color: #fff;
    font-size: 1.6em;
    line-height: 32px;
    padding: 15px 12px;
}
.events-news-container .mini-container{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 40px;
}
.events-news-container{
    background-color: #F8F8F8;
}
.events-news-container .mini-container .row{
    padding-bottom: 70px;
}
.other-events-cntnr{
    background-color: #fff;
}
.events-news-container .why h1{
    margin-top: 0;
    padding-top: 60px;
}
.events-news-container .why h1::after{
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #F39600;
    margin-top: 60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.events-news-img {
    /*padding-right: 0 !important;*/
    padding-left: 7px !important;
    padding-right: 7px !important;
    margin-top: 15px;
    display: none;
}
.events-news-img > div{
    position: relative;
    display: block;
    height: 380px;
    background-position: center;
    background-size: cover;
}
.events-news-img-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}
.events-news-img .events-news-img-overlay p{
    text-align: left;
    font-size: 2.4em;
    color: #fff;
}
.events-news-img .events-news-img-overlay .title , .events-news-img-news .events-news-img-news-overlay .title{
    position: inherit;
    display: block;
    padding-left: 20px;
    padding-bottom: 15px;
    bottom: 0;
    color: #fff;
}
.events-news-img .events-news-img-overlay .title:before, .events-news-img-news .events-news-img-news-overlay .title:before{
    content: "";
    height: 3px;
    background-color: #F39600;
    width: 35px;
    position: absolute;
    top: -8px;
}

.events-news-img-news {
    /*padding-right: 0 !important;*/
    padding-left: 7px !important;
    padding-right: 7px !important;
    margin-top: 15px;
    display: none;
}
.events-news-img-news > div{
    position: relative;
    display: block;
    height: 380px;
    background-position: center;
    background-size: cover;
}
.events-news-img-news-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}
.events-news-img-news .events-news-img-news-overlay p{
    text-align: left;
    font-size: 2.4em;
    color: #fff;
}
.load-more{
    text-align: center;
    position: relative;
    display: block;
    padding: 5px 60px;
    background-color: #DEDEDE;
    margin: 60px auto;
    color: #000;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    width: 250px;
    cursor: pointer;
    margin-top: 0;
}
.load-more:focus{
    text-decoration: none;
}
.load-more:hover{
    text-decoration: none;
    color: #fff;
    background: #F7971D;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.events-description-container{
    z-index: 1;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    position: relative;
    text-align: center;
}
.events-description-container .events-description-des{
    font-size: 1.7em;
    color: #000;
    line-height: 37px;
    max-width: 700px;
    margin: 90px auto 0;
}
.events-description-container h1, .events-description-container .events-description-des{
    color: #fff;
}
.top-image-events {
    margin-top: 60px;
}
.top-image-events .top-image{
    width: 100%;
    height: 600px;
    background-image: url(../images/events-top.png);
    background-position: center;
    background-size: cover;
}
.events-text-img .content{
    padding: 0;
}
.events-text-img .content .content-left{
    width: 50%;
    float: left;
    margin-bottom: 60px;
    line-height: 27px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .9em;
}
.events-text-img .content .content-right{
    width: 50%;
    float: right;
    margin-bottom: 60px;
    line-height: 27px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .9em;
}
.events-text-img .content .content-right .content-right-img{
    height: 400px;
    width: auto;
    background-image: url(../images/background-event3.png);
    background-position: center;
    background-size: cover;
    max-width: 570px;
    position: relative;
    display: block;
    float: right;
    width: 100%;
}
.events-text-img .content .content-left .content-left-img{
    height: 500px;
    width: auto;
    background-image: url(../images/background-event6.png);
    background-position: center;
    background-size: cover;
    max-width: 500px;
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.events-text-img .content .content-right-img2{
    height: 400px;
    width: auto;
    background-image: url(../images/background-event5.png);
    background-position: center;
    background-size: cover;
    max-width: 570px;
    position: relative;
    display: block;
    float: right;
    width: 100%;
}
.events-text-img .content .content-left-img2{
    height: 600px;
    width: auto;
    background-image: url(../images/background-event2.png);
    background-position: center;
    background-size: cover;
    max-width: 500px;
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.events-text-img .content .content-right-img3{
    height: 400px;
    width: auto;
    background-image: url(../images/background-event4.jpg);
    background-position: center;
    background-size: cover;
    max-width: 570px;
    position: relative;
    display: block;
    float: right;
    width: 100%;
}
.events-text-img .content .content-right img{
    float: right;
}
.events-text-img{
    height: auto;
}
.events-text-img .content{
    margin-top: 60px;
}
.events-text-img .row{
    padding:0;
    padding-bottom: 60px;
}
.events-text-img .row-left{
    margin-top: 15px;
    height: 300px;
    background-image: url(../images/events4.png);
    background-position: center;
    background-size: cover;
}
.events-text-img .row-right{
    margin-top: 15px;
    height: 300px;
    background-image: url(../images/events5.png);
    background-position: center;
    background-size: cover
}
.events-text-img .content .Gotham-Book{
    text-align: center;
}
.partners-contnr .row{
    padding-top: 40px;
}
.partners-contnr{
    padding-top: 0px;
}
.partners-contnr h3{
    text-align: center;
    /*margin-top: 10;*/
}
.partners-contnr p{
    font-size: 3em;
    padding: 0;
}
.prtnr-img {
    margin-bottom: 70px;
    height: 100px;

}
.prtnr-img >div {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 140px;
    margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.partners-contnr .media-partner{
    background-color: #F8F8F8;
    height: 500px;
    position: relative;
    display: block;
    text-align: center;
}
.partners-contnr .media-partner-child{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.partners-contnr .media-partner h1{
    font-size: 3em;
    margin-bottom: 50px;
}
.partners-contnr .media-partner img{
    width: 100%;
    max-width: 150px;
}
.partners-contnr .technology-partner{
    height: 350px;
    position: relative;
    display: block;
    text-align: center;
}
.partners-contnr .technology-partner-child{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.partners-contnr .technology-partner h1{
    font-size: 3em;
    margin-bottom: 50px;
}
.partners-contnr .technology-partner img{
    width: 100%;
    max-width: 300px;
}
.commmunication-header{
    padding-top: 94px;
    height: 400px;
}
.communication-header-top{
    position: relative;
    display: block;
    height: 100%;
}
.communication-header-top{
    position: relative;
    display: block;
    height: 100%;
    max-width: 1100px;
    margin: 0 auto!important;
}
.community-engagement-container-childmobile-big-image{
    max-width: 1100px;
}
.communication-header-top h1::after{
    width: 0!important;
}
.content-title{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.communication-title{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.omni-container .content-title{
    /*    position: relative;
        top: 30%;
        transform: translate(0, -30%);
        -webkit-transform: translate(0, -30%);*/
}
.omni-container .content-title h1:after{
    width: 0;
}
.omni-container .content-image img{
    /*    max-height: initial;
        max-width: 400px;
        position: absolute;
        right: 0;
        top: 100%;*/
}
.omni-top{
    padding: 0 !important;
}
.omni-side-image img{
    max-height: 250px;
    margin: 0 auto;
    position: relative;
    display: block;
}
.omni-btm-container{
    margin-bottom: 150px;
}
.communication-header-top h1{
    color: #fff;
    position: relative;
    display: block;
    font-size: 3.5em;
    line-height: 60px;
    margin: 0;
}
.communication-header-top h1::after{
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #fff;
    margin-top: 75px;
    left: 3px;
}
.communication-header-top img{
    width: 100%;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.content-image img{
    max-height: 400px;
    width: auto;
    float: right;
    padding-top: 30px
}
.muzart-image img{
    float: left;
    width: 200px;
}
.qanawati-image img{
    top: 40%;
    transform: translate(0, -40%);
    -webkit-transform: translate(0, -40%);
}
.communication-main-content{
    padding: 100px 0 0;
    max-width: 1100px;
}
.content-header{
    padding: 140px 0 0;

}
.mobile-content{
    width: 50%;
    float: left;
}
.communication-main-content .row .communication-content-block {
    margin-bottom: 20px;
}
.communication-content-block ol{
    counter-reset: item;
    padding: 0;
    margin-top: 50px;
    line-height: 25px;
}
.communication-content-block ol li{
    display: block;
    margin-bottom: .5em;
    margin-left: 2em;
}
.communication-content-block ol li::before {
    display: inline-block;
    content: counter(item) "- ";
    counter-increment: item;
    width: 1.5em;
    margin-left: -2em;
}
.communication-content-block .listing{
    margin-top: 50px;
}
.communication-content-block .listing ul{
    list-style: none;
    padding-left:15px;
}
.communication-content-block .listing ul li:before{
    position: absolute;
    left:15px;
    content: "-";
}
.communication-content-block .listing-api{
    margin-top: 50px;
    margin-bottom: 30px;
}
.qanawati-container .listing-api{
    margin-top: 0;
}
.desktop .listing-api ul, .desktop .listing ul{
    padding-left: 15px;
}
.communication-content-block .listing-api ul{
    list-style: none;
    padding-left:15px;
}
.communication-content-block .listing-api ul li:before{
    position: absolute;
    margin-left: -15px;
    content: "-";
    width: 20px;
    height: 20px;
    font-size: 16px;
    margin-top: -3px;
}
.no-bullets ul li::before{
    display: none;
}
.communication-content-block .listing-api .sub-listing{
    padding: 0;
}
.communication-content-block .listing-api .sub-listing li:before{
    content: "";
}
.communication-content-block .listing-api p{
    margin: 0;
}
.communication-main-content h2{
    font-size: 2em;
}
.communication-main-content h2::after{
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #F7971D;
    margin-top: 54px;
    left: 15px;
}
.communication-main-content p{
    margin-top: 50px;
    line-height: 25px;
}
.mobile-coomunication-mobile{
    padding-top: 25px;
}
.mobile-big-image img{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    display: block;
}
.mobile-big-image h1{
    text-align: center;
    font-size: 3em;
    margin-top: 30px;
    margin-bottom: 80px;
}
.communication-content-block .icon{
    margin-left: 60px;
}
.communication-content-block .icon:before{
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -20px;
    left: 15px;
}
.communication-content-block .identity:before{
    background-image: url('../images/api-icon3.svg');
}
.communication-content-block .subscription:before{
    background-image: url('../images/api-icon2.svg');
}
.communication-content-block .audience:before{
    background-image: url('../images/api-icon1.svg');
}
.communication-content-block .digital:before{
    background-image: url('../images/api-icon4.svg');
}
.communication-main-content .top{
    padding: 0 15px 20px;
}
.top-no-padding{
    padding-bottom: 0 !important;
}
.top-padding-bottom{
    padding-bottom: 60px !important;
}
.no-list-style-type{
    padding: 0 !important;
}
.no-list-style-type li:before{
    display: none
}
.read-more, .read-less{
    cursor: pointer;
    margin-top: 50px;
    text-align: center;
    clear: both;
    position: relative;
    display: block;
    font-size: 16px;
    color: #000;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.read-more span{
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    background-image: url(../images/arrow.svg);
    background-position: center;
    background-size: contain;
    left: 0;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 10px;
}
.read-less span{
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    background-image: url(../images/arrow-up.svg);
    background-position: center;
    background-size: contain;
    left: 0;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 10px;
}
.read-more:hover, .read-less:hover{
    text-decoration: none;
    color: #F39600 !important;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.team-quote{
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    font-size: 1.7em;
}
.nassif img{
    width: 100%;
    margin-top: -110px;
}
.adnest-title{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.adnest-title .communication-content-block .listing-api{
    margin: 0;
}
.adnest-title-list{
    list-style: none;
    font-size: 2em;
    /*padding-left: 15px;*/
    margin-bottom: 40px !important;
}
.adnest-title-list::after{
    content: "";
    position: absolute;
    width: 50px;
    height: 4px;
    background: #F7971D;
    margin-top: 55px;
    left: 15px;
}
.adnest .image2, .adnest .image3{
    margin-top: 60px;
}
.adnest .image2 img, .adnest .image3 img{
    position: relative;
    width: 100%;
}
.adnest-image3-content{
    /*margin: 60px;*/
    position: relative;
    display: block;
}
.margin-subtext{
    margin-top: 50px !important;
}
.margin-subtext li ol{
    list-style: none;
    margin-top: 10px;
}
.margin-subtext li ol li:before{
    display: none
}
.api-platform-top-title {
    line-height: 20px;
    margin-top: 0px !important;
    margin-bottom: 50px;
    padding: 0 15px;
}
.adnest-image3-content .listing-api{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.adnest-image3-content ul{
    padding-left: 35px!important;
}
.adnest .why{
    margin-top: 60px;
}
.adnest-image-container{
    position: relative;
    display: block;
}
.adnest-image-container img{
    width: 100%;
}
.adnest-image-container p{
    text-align: center;
    padding: 20px 0;
}
.arrow{
    height: 100%;
    position: relative;
    display: block;
}
.arrow img{
    max-width: 80px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    display: block;
    vertical-align: middle;
    position: relative;
    display: block;
    top: 25%;
    transform: translate(0, -25%);
    -webkit-transform: translate(0, -25%);
	height: 100%;
}
.qanawati-images img{
    width: 100%;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
}
.qanawati-container{
    padding: 0 0 60px;
}
.qanawati-container .col-md-6{
    padding-bottom: 60px;
}
.appstore, .playstore{
    max-width: 180px;
    width: 100%;
}
.qanawati-store{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.store{
    width: 100%;
    text-align: center;
    position: relative;
    display: block;
    max-width: 370px;
    margin: 30px auto !important;
}
.videos{
    padding-left: 35px;
    max-width: 1100px;
    margin: 0 auto;
}
.videos .btn{
    text-align: left;
    padding: 30px 0;
    cursor: pointer;
}
.videos .btn span{
    color: #F39600;
    font-size: 22px;
}
.videos .btn .desc{
    color: #999;
}
.videos video{
    position: relative;
    display: block;
    width: 100%;
    max-height: 350px;
}
.btn::before {
    content: '';

    position: absolute;
    top: 33%;
    left: -8px;
    display: block;
    opacity: 0;
    width: 1px;
    height: 1px;
    border: 9px solid transparent;
    border-left: 15px solid #F7971D;
    -ms-transform: translateX(-25px);
    transform: translateX(-25px);
    transition: opacity .35s,transform .35s;
}
.active.btn:before{
    opacity: 1;
}
.btn.active, .btn:active{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#accordion .qanawati-images{
    padding: 20px 0;
}
#accordion .top{
    padding-bottom:20px
}
.advertiser-image img{
    max-width: 450px;
    width: 100%;
}
.mobile-big-title {
    text-align: center;
    font-size: 3em;
}

.footer{
    z-index: 9;
    margin-top: 60px;
    margin-bottom: 15px
}
.footer .col-md > p:first-child {
    font-family: "Oswald-Medium";
    margin-bottom: 8px;
    line-height: 23px;
}
.content-aggregation-footer{
    margin-bottom: 8px;
    line-height: 23px;
    font-size: 1.1em !important;
    font-family: "Oswald-Medium" !Important;
}
.footer .col-md{
    margin-bottom: 25px;
}
.footer p{
    font-size: 1.1em;
    margin: 0;
    line-height: 16px;
}
.footer a:hover{
    color: #F39600;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.footer a{
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    font-family: "Gotham-Book";
    color: #000;
    font-size: .74rem;
    clear: both;
}
.footer-bold{
    margin-bottom: 15px !important;
}
.footer-bold a{
    font-family: "Oswald-Medium" !important;
    font-size: 1em !important;
}
.home-main-image-web .text-on-image{
    display: block;
    right: 130px;
    float: right;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -wenkit-transform: translate(0, -50%);
}
.home-main-image-web .text-on-image img{
    max-width: 300px;
    float: right;
    margin-bottom: 80px;
}
.home-main-slider .fp-tableCell{
    padding-top: 94px;
}
.text-on-image-desc {
    margin: 0;
    text-align: right;
    margin-bottom: 0px;
    font-size: 55px;
    color: #fff;
    line-height: 65px;
}
.bottom-wrapper{
    margin-top: 80px;
}
.text-on-image-img{
    max-height: 50px;
    margin-left: 50px;
    margin-bottom: 10px !important;
}
.bottom-wrapper-text{
    color: #fff;
    text-align: right;
    margin-bottom: 0;
    margin-top: 10px;
}
.bottom-wrapper-text span{
    font-size: 19px;
    margin: 0 15px;
}
.home-main-image-mobile .top-logo img{
    position: absolute;
    top: 20px;
    right: 55px;
    max-width: 220px;
}
.home-main-image-mobile .text-on-image{
    position: absolute;
    right: 55px;
    bottom: 55px;
}







.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%;
}
.gallery .pics {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease; 
}
.gallery .animation {
    position: relative;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); 
}
.filter-projects .active{
    color: #F39600;
}
.filter-projects{
    padding-left: 15px;
    padding-right: 15px;
}
.filter-projects #gallery .pics .img-fluid{
    object-fit: cover;
    width: 100%;
    height: 100%
}
.overlay-projects{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .7);
}
.overlay-projects p{
    color: #fff;
    text-align: center;
}
.overlay-projects p:hover{
    color: #fff;
    text-decoration: none;
}
.gallery .row img{
    width: 128px
}
.gallery .row section{
    padding-left: 7px;
    padding-right: 7px;
}
.gallery .row section:first-child img{
    float: right;
}
.gallery .row section:last-child img{
    float: left;
}
.download{
    position: absolute;
    bottom: 15px;
    width: 100%;
}
.gallery .pics{
    color: #fff;
    text-align: center;
}
.filter-projects #gallery .pics{
    margin-right: 15px;
    position: relative;
    display: block;
    /*float: left !important;*/
    /*margin-bottom: 40px !important;*/
    /*display: inline-block;*/
    margin: 0 !important;
    margin-bottom: 30px !important;
    padding-right: 15px;
}
.pic1:hover .overlay-projects, .pic2:hover .overlay-projects , .pic3:hover .overlay-projects, .pic4:hover .overlay-projects, .pic5:hover .overlay-projects, .pic6:hover .overlay-projects, .pic7:hover .overlay-projects{
    opacity: 1;
}
.overlay-projects{
    opacity: 0;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    left: 0;
    text-align: center;
    color: #fff;
}
.projectss .category-button{
    /*display: block !important;*/
}
.download .Inconsolata-Regular{
    margin-bottom: 8px;
}
.overlay-projects .info{
    position: absolute;
    -webkit-transform: translate(0, -40%);
    width: 100%;
    top: 40%;
    transform: translate(0, -40%);
}
.overlay-projects .info span:first-child{
    font-size: 2.8em;
    margin: 0;
    width: 100%;
    clear: both;
    position: relative;
    display: block;
}
.overlay-projects .info span:last-child{
    font-size: 1.2em;
    margin: 0;
    margin-top: -15px;
    width: 100%;
    clear: both;
    position: relative;
    display: block;

}
.events-section.filter-projects{
    padding-top: 40px!important;
    padding-right: 0;
    padding-left: 0 !important;
}
.contact-mvc{
    width: 100%;
    border: 0;
    height: 1390px;
}
.home-slide-container{
    max-width: 500px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-10%, -50%);
    padding: 0 15px;
}
.home-slide-container-img2{
    right: 10%;left: initial;
}
.home-slider-main-title{
    font-size: 38px;
    text-align: left;
    color: white;
    line-height: 50px;
}
.home-slider-sub-title{
    text-align: left;
    color: white;
    font-size: 21px;
    line-height: 26px;
}

.language-switcher{
	float: right; 
	position: relative;
}
.language-switcher .frensh{
	position: relative;
	display: block;
}
.language-switcher .frensh:after{
	position: absolute;
    content: "/";
    width: 10px;
    height: 24px;
    right: -18px;
    top: 36px;
	
}

.mobile-language-switcher .english:after{
	position: absolute;
    content: "/";
    width: 10px;
    height: 24px;
    right: -32px;
    top: 0px;
}

.mobile-language-switcher a{
	position: relative;
    display: inline-block;
    margin: 0 25px;
}




@media only screen and (min-width: 1400px){
    .home-sections-right-image img{
        max-height: 500px;
        max-width: 500px;
    }
}
@media only screen and (max-width: 1400px) {
    .bottom-wrapper-text span{
        margin: 0 7px;
    }
    .text-on-image-img{
        max-height: 40px;
    }
    .home-main-image-web .text-on-image img{
        max-width: 245px;
    }
    .home-main-image-web .text-on-image img{
        margin-bottom: 40px;
    }
    .bottom-wrapper{
        margin-top: 40px;
    }
    .text-on-image-desc{
        font-size: 44px;
        line-height: 53px;
    }
    .why-images .right{
        height: 500px
    }
    .why-images .left{
        height: 500px
    }
}
@media only screen and (max-width: 1200px){
    .events-section.filter-projects{
        padding-left: 15px !important;
    }
    .events-text-img .content .Gotham-Book {
        padding: 0 15px;
    }
}
.events-section.filter-projects{
    padding-left: 15px;
}
@media only screen and (max-width: 991px) {
    /*    .home-slider-bigscreen{
            display: none;
        }*/
    .main-header .sub-menu{
        display: none !Important;
    }
    #fp-nav .active p{
        display: none
    }
    #fp-nav .active div{
        display: none;
    }
    .why-images .right{
        height: 400px
    }
    .why-images .left{
        height: 400px
    }
    #app{
        padding-top: 72px !important;
    }
    .fp-viewing-HOME #app{
        padding:0 !important;
    }
    .events-text-img .content .content-left{
        width: 100%;
        clear: both;
        width: 100%;
    }
    .events-text-img .content .content-right .content-right-img{
        margin: 0 auto;
        float: none;
    }
    .events-text-img .content .content-left .content-left-img{
        margin: 0 auto;
        float: none;
    }
    .events-text-img .content .content-right{
        width: 100%;
        float: left;
        clear: both;
    }
    .overlay ul{

        width: 100%;
    }
    .home-sections-right-image{
        margin-top: 80px;
    }
    .home-sections-right-image img{
        width: 70%;
        height: auto;
        float: left;
        min-width: 200px;
    }
    .text-on-image-desc{
        font-size: 35px;
        line-height: 45px;
    }
    .text-on-image-img{
        margin-left: 35px;
    }
    .text-on-image-img {
        max-height: 41px;
    }
    /*    .home-main-slider, .home-main-slider .fp-tableCell{
           height: 500px !important;
        }*/
}
@media only screen and (max-width: 767px) {
    .aboutus-main-image .about-h1{
        top: 10%;
        position: relative;
    }
    .gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-width: 50%;
        -moz-column-width: 50%;
        column-width: 50%;
    }
    .communication-content-block .icon::before{
        margin-top: 0 !important;
    }
    .adnest-title-list{
        padding: 0 !important;
    }
    .adnest-title-list-nopadding:after{
        left: 0;
    }
    .no-bullets ul{
        padding: 0 !important;
    }
    .adnest-image-container img{
        width: 100%;
        max-width: 130px;
        position: relative;
        display: block;
        margin: 20px auto;
    }
    .arrow{
        height: auto;
    }
    .arrow img{
        margin: 20px auto;
        max-width: 70px;
    }
    .adnest-image3-content .listing-api{
        position: relative;
        top: 0;
        transform: translate(0, 0%);
        -webkit-transform: translate(0, 0%);
    }
    .nassif img{
        margin: 0;
    }
    .muzart-image img{
        width: 140px;
    }
    .about-main-btns a{
        position: relative;
        display: block;
    }
    .social{
        margin-right: 20px;
    }
    .social:last-child{
        margin: 0;
    }
    .open-positions:first-child .l-border{
        display: none;
    }
    .commmunication-header{
        height: 300px;
    }
    .communication-header-top h1{
        font-size: 3em;
        line-height: 50px;
    }
    .communication-title, .content-title{
        position: relative;
        top: 45%;
        transform: translate(0, -45%);
        -webkit-transform: translate(0, -45%)
    }
    .communication-header-top h1::after{
        margin-top: 65px;
    }
    .home-sections-text-white{
        width: 80%;
    }
    #fp-nav .active p, #fp-nav .active .fp-tooltip{
        display: none;
    }
    /*    .communication-main-content{
            display: none;
        }*/
    .content-image, .communication-image{
        display: none;
    }

    .events-text-img .content .content-right img{
        float: none;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .top-image-events .top-image{
        height: 500px;
    }
    .events-slider{
        margin-top: 60px;
    }
    .overlay img{
        padding: 20px;
        max-width: 150px !important;
    }
    .main-header, .sections-services .main-header {
        /*padding:15px 15px;*/
    }
    .white-header{
        /*padding: 15px 15px;*/
    }
    .main-header .logo{
        padding-left: 15px;
    }
    .navbar-header{
        padding-right: 15px;
    }
    .contact-form .input-container:nth-child(2n) .input-container-checkbox{
        border-bottom: 0;
    }
    .contact-form .input-container:nth-child(2n+1) .input-container-checkbox{
        border-top: 0;
    }
    .container-checkbox:last-child{
        border-bottom: 1px solid #ccc;
    }
    .input-container-checkbox2 .container-checkbox:last-child{
        border: 0;
    }
    .home-main-image-content h1,.home-sections-left h1{
        font-size: 2.2em;
    }

    .services .row .desktop{
        display: none;
    }
    .incremental-child:nth-child(2n){
        border:0;
    }
    .menu-button{
        font-size: 2.1em;
        line-height: 25px;
    }
    .overlay ul{
        text-align: center;
        line-height: 50px;
        top: 30%;
        transform: translate(0, -30%);
        -webkit-transform: translate(0, -30);
    }
    .adnest-title{
        display: block;
    }
    .careers-description-contnr .display{
        display: block;
        padding: 0;
    }
    .content-header{
        padding: 30px 0px 0;
    }
    .communication-main-content .top{
        padding-bottom: 0 !important;
    }
    .communication-main-content{
        padding-top: 20px !important;
    }
    .qanawati-store{
        position: relative;
        top: 0%;
        transform: translate(0, 0%);
        -webkit-transform: translate(0, 0%);
    }
    .qanawati-container{
        padding: 0;
    }
    /*    .home-main-slider, .home-main-slider .fp-tableCell{
           height: 400px !important;
        }*/
}
@media only screen and (max-width: 575px) {
    .aboutus-main-image .about-h1{
        top: 20px;
        position: relative;
    }
    .aboutus-main-image .about-h1 h1{
        font-size: 28px;
    }
    .gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
    }
    .omni-btm-container{
        margin-bottom: 40px !important;
    }
    .omni-side-image img{
        width: 100%;
        max-height: none;
        max-width: 250px;
        margin: 0 auto;
    }
    .orange-title{
        font-size: 2.5em;
    }
    .bottom-wrapper-text span{
        font-size: 14px;
    }
    .text-on-image-img {
        max-height: 31px;
        float: right;
    }
    .home-main-slider .fp-tableCell{
        padding-top: 77px;
    }
    .index-body .main-header img, .sections-services .main-header img,.main-header img, .white-header img{
        max-width: 110px;
    }
    .toggle-button{
        padding: 7px 10px;
        width: 47px;
        height: 35px;
    }
    .initiatives-contnr .initiatives-img, .initiatives-contnr .initiatives-img1, .initiatives-contnr .initiatives-img3{
        height: 200px;
    }
    .home-sections-right-image img{
        width: auto;
        min-width: inherit;
        max-height: 250px;
    }
    .appstore, .playstore{
        max-width: 140px;
    }
    .menu-button{
        font-size: 1.7em;
        line-height: 25px;
    }
    #overlay li {
        line-height: 40px;
    }
    .why p, .services .text{
        font-size: 1.4em;
    }
    .why-images .right{
        height: 300px
    }
    .why-images .left{
        height: 300px
    }

    .top-image-events .top-image{
        height: 350px;
    }
    .home-main-section{
        height: 450px;
    }
    .about-main-section{
        height: 100%;
    }
    .contact-message{
        font-size: 1.2rem;
    }
    #fp-nav.right { right: 17px !important ;}

    #fp-nav.left { left: 17px !important ; }


    .home-main-image-content h1,.home-sections-left h1{
        font-size: 1.9em;
    }
    .events-description-container .events-description-des{
        font-size: 1.2em;
        line-height: 28px;
    }
    .button, .button-white{
        font-size: .9em;    
    }
    /*    .home-main-slider, .home-main-slider .fp-tableCell{
           height: 320px !important;
        }*/
    .home-slide-container-img2{
        left: 10%;right: initial;
    }
}
@media only screen and (max-width: 400px) {
    /*    .home-main-slider, .home-main-slider .fp-tableCell{
           height: 270px !important;
        }*/
}