/*
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/GothamBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf')
        format('truetype'), url('../fonts/GothamBold.svg#GothamBold') 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;
}
@font-face {
    font-family: 'Inconsolata-Regular';
    src: url('../fonts/Inconsolata-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Inconsolata-Regular.woff') format('woff'), url('../fonts/Inconsolata-Regular.ttf')
        format('truetype'), url('../fonts/Inconsolata-Regular.svg#Inconsolata-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Inconsolata-Bold';
    src: url('../fonts/Inconsolata-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Inconsolata-Bold.woff') format('woff'), url('../fonts/Inconsolata-Bold.ttf')
        format('truetype'), url('../fonts/Inconsolata-Bold.svg#Inconsolata-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Napo-Regular';
    src: url('../fonts/Napo-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Napo-Regular.woff') format('woff'), url('../fonts/Napo-Regular.ttf')
        format('truetype'), url('../fonts/Napo-Regular.svg#Napo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Napo-Bold';
    src: url('../fonts/Napo-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Napo-Bold.woff') format('woff'), url('../fonts/Napo-Bold.ttf')
        format('truetype'), url('../fonts/Napo-Bold.svg#Napo-Bold') 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;}
.products-body{
    height: auto;
}
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";
}
.PlayfairDisplay-Regular{
    font-family: "PlayfairDisplay-Regular";
}
.Napo-Regular{
    font-family: "Napo-Regular";
} 
.Napo-Bold{
    font-family: "Napo-Bold";
}
.Inconsolata-Bold{
    font-family: "Inconsolata-Bold";
} 
.Inconsolata-Regular{
    font-family: "Inconsolata-Regular";
}
section {
    position: relative;
    display: block;
    height: 100%;
}
.main-header{
    z-index: 1;
    position: fixed;
    width: 100%;
    padding: 30px 40px 13px;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .2s;
    background: #fff;
    display: block;
    z-index: 99;
    top: 0;
}
.home-main-image{
    position: relative;
    display: block;
    height: 100%;
}
.home-main-image-christmas-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}
.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;
    /*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-frog-description-image{
    background-image: url('../images/frog-3.png');
    background-size: cover;
    background-position: center;
}
.news-ua-description-image{
    background-image: url('../images/ua-1.jpg');
    background-size: cover;
}
.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;
    background-position: center;
}
.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;
}
.news-aub-award-description-image{
	background-image: url('../images/awards.jpg');
    background-size: cover;
    background-position: center;
}
.news-inci-major-description-image{
	background-image: url('../images/inci-major-2020-1.jpg');
    background-size: cover;
    background-position: center;
}
.sf-description-image{
    background-image: url('../images/sf-bg.png');
    background-size: cover;
    background-position: center;
}
.myteacher-description-image{
    background-image: url('../images/myteacher.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.usj-mou-description-image{
    background-image: url('../images/usj-mt2-mou-4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.mwc-18-description-image{
    background-image: url('../images/mwc-2018-bg.jpg');
    background-size: cover;
    background-position: center;
}

.home-main-image .swiper-container-main{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.muzart-container {
    background-color: black;
    background-image: linear-gradient(to right, #a785bc , #520e77);
}
.home-mobile-content-container{
    background-color: blue;
    background-image: linear-gradient(to right, #29c6d9 , #29abe1);
}
.omni-container {
    background-color: black;
    background-image: linear-gradient(to right, #25adf1 , #025c89);
}
.home-main-image .swiper-container-main .swiper-slide{
    background-size: cover;
    background-position: center;
}
.home-slider-info{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.about-main-image{
    position: relative;
    display: block;
    height: 100%;
    background-image: url('../images/projects-image.jpg');
    background-size: cover;
    background-position: center;
    height: 400px;
    padding-top: 63px;
}
.products-description-main-image{
    position: relative;
    display: block;
    height: 100%;
    background-image: url('../images/qanawati-high-res.jpg');
    background-size: cover;
    background-position: center;
}
.news-description-main-image{
    position: relative;
    display: block;
    height: 100%;
    background-image: url('../images/mwc.jpg');
    background-size: cover;
    background-position: center;
}
.about-main-image .white{
    color: #fff;
}.about-main-image .border-title-white{
    background: #fff;
    top: 12px;
    margin-bottom: 28px;
}
.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%;
    background-image: url('../images/aboutus.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.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(255, 255, 255, .9);
}
.about-main-image-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .85);
}

/*start of menu css*/
.navbar-header{
    position: relative;
    display: block;
    float: right !important;
}
.toggle-button {
    position: relative;
    padding: 6px 0px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 99;
}

.bar {
    background-color: #000;
    display: block;
    width: 100%;
    height: 2px;
    border: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.bar-white{
    background-color: #fff;
}
.bar + .bar {
    margin-top: 7px;
}
.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;
}

.overlay img{
    width: 100%;
    max-width: 180px !important;
    height: auto;
    padding: 18px;
    padding-top: 30px;
}
.nav-active {
    -webkit-transition: .4s;
    visibility: visible;
    right: 0 !important;
}
.menu-right{
    float: right !important;
    height: 100%;
    position: relative;
    display: block;
}
.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: 60px;
}
.social{
    font-size: 24px;
    color: #F7971D !important;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    margin-right: 15px;
}
.social:hover{
    color: #000 !important;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
/*end of menu css*/

/*swiper*/

.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* 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-slide .values-career-page{
    text-align: left;
    padding: 0;
}
.swiper-pagination-bullet {
    width: 28px;
    height: 2px;
    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: 2px!important;
    opacity: 1 !important;
    color: #999;
    background: #999 !important;
}
.swiper-pagination-bullet-active {
    background-color: #000 !important;
    color: #fff;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 15px !important;
}
.swiper-pagination-bullet{
    border-radius: 0 !Important;
}
.home-main-image .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    opacity: 1 !Important;
    color: #999;
    background: #999 !important;
}
.home-main-image .swiper-pagination-bullet-active{
    background: #F39600 !Important;
}
.latest-container{
    background-image: url(../images/latest.jpg);
    background-position: center;
    background-size: cover;
    margin-top: 50px;
}
.latest-container .image{
    background-position: center;
    background-size: cover;
    height: 300px;
}
.all-works{
    background: #000;
    position: relative;
    display: block;
    color: #F39600;
    height: 300px
}
.latest-container a p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.latest-container a:hover{
    text-decoration: none;
    color: #F39600;
}
.latest-container a img{
    width: 120px;
    margin-left: 10px
}
.all-works img{
    width: 30px !important;
    margin-left: 10px;
}
.quotes{
    margin-top: 60px;
}

.quotes-parent{
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.quotes-parent .swiper-pagination-bullet{
    width: 7px !important;
    height: 7px !important;
    opacity: 1 !important;
    color: #999;
    border-radius: 100% !important;
}
.quotes-parent .swiper-pagination-bullet-active{
    background-color: #F39600 !important;
}
.quotes-parent .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}
.quotes .swiper-container-quotes{
    width: 100%;
}
.quotes-text-container{
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
}
.quotes .subtitle{
    position: relative;
    display: block;
    margin: 0;
    color: #F39600;
    font-size: 1em;
}
.quotes .title{
    color: #fff;
    position: relative;
    display: block;
    margin: 0;
    font-size: 1.2em;
}
.quotes .border-title-left{
    height: 2px;
    margin-top: 8px;
}
.quotes .description{
    color: #fff;
    font-size: .8em;
}
.quotes .description span{
    color: #F39600;
}
.quotes .swiper-pagination{
    padding-top: 50px;
    position: relative;
    padding-bottom: 40px;
}
#map {
    margin-top: 40px;
    height: 500px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}
.contact-form-container a{
    color: #5E5F61;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s; 
}
.contact-form-container a:hover{
    color: #F39600;
    text-decoration: none;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s; 
}
.contact-form-container{
    margin-top: 60px !important;
    position: relative;
    display: block;
}
.contact-form-container .title::before{
    background-image: url('../images/contact-icon.png');
    background-size:25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    position: relative;
    margin-left: -40px;
    margin-right: 10px;
    left: 0px;
    top: 4px;
}
.contact-form-container .title2::before{
    background-image: url('../images/EMAIL.png');
    background-size:25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    position: relative;
    margin-left: -40px;
    margin-right: 10px;
    left: 0px;
    top: 4px;
}
.contact-form-container .title3::before{
    background-image: url('../images/locate.png');
    background-size:20px 25px;
    display: inline-block;
    width: 20px;
    height: 25px;
    content: "";
    position: relative;
    margin-left: -40px;
    margin-right: 10px;
    left: 0px;
    top: 4px;
}
.contact-form-container .contact-info{
    text-align: center;

}
.contact-form-container .subtitle{
    color: #5E5F61;
}
.contact-form .text{
    margin-top: 40px;
}
.contact-form .text{
    width: 100%;
    border:0;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    font-family: "Inconsolata-Regular"
}
.contact-form textArea{
    margin-top: 60px;
    border:0;
    border-bottom: 1px solid #CCC;
    font-family: "Inconsolata-Regular";
    padding: 0;
}
.contact-form .submit{
    background: #F7F7F7;
    border: 0;
    color: #F7971D;
    padding: 5px 40px;
    cursor: pointer;
    margin: 40px auto;
    position: relative;
    display: block;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.contact-form .submit:hover{
    color: #fff;
    background: #F39600;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.social-media-footer{
    text-align: center;
    padding-top: 0px;
    padding-bottom: 60px;
}


/*end of swiper*/
.row{
    margin: 0 !important;
}
.black-parent .white-header .logo-black {
    display: block;
    float: left;
}
.main-header img{
    width: 100%;
    max-width: 160px;
    height: auto;
}
.main-header .active{
    color: #F39600;
}
.white-header img{
    max-width: 120px;
}
.menu-button{
    font-size: 52px;
    line-height: 25px;
}
.header-menu-top a:last-child{
    margin-right:0;
}
.header-menu-top{
    position: relative;
    display: block;
    float: right;
    top: 8px;
}
.menu-button-outer{
    font-size: .8em;
    color: #000;
    float: left;
    margin-right: 20px;
}
.menu-button-outer:hover{
    color: #F7971D;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.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: 1;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    /*width: 100%;*/
    max-width: 1200px;
}
.news-width-container{
    max-width: 1220px;
    margin: 0 auto;
    position: relative;
    display: block;
}
.home-main-image-content, .about-main-image-content{
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);

}
.home-main-image-content h1, .about-main-image-content h1{
    font-size: 2.4em;
    margin: 0;
}
.title-dash{
    width: 40px;
    height: 1px;
    background-color: #5E5F61;
    margin-top: 15px;
    posistion: relative;
    display: block;
}
.home-main-image-text{
    max-width: 650px;
    line-height: 21px;
    font-size: 1em;
    color: #5E5F61;
}
.index-body .home-main-image .home-main-image-content .home-main-image-text{
    width: 80%;
}
.button{
    top: 20px;
    color: #fff;
    border: 1px solid #F7971D;
    padding: 10px 40px;
    position: relative;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    background: #F7971D;
}
.button:hover{
    color: #000;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    background-color: transparent;
}
.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
}
.contact-icon img{
    width: 130px;
}
.contact-icon{
    z-index: 12;
    position: fixed;
    right: 30px;
    bottom: 20px;
}
.events-section{
    padding-top: 40px;
    position: relative;
    display: block;
}
.events-section-title{
    text-align: center;
    font-size: 1.8em;
}
.events-section-subtitle{
    text-align: center;
    padding-top: 14px;
    color: #F7971D;
    font-size: 20px;
    padding: 0 15px;
}
.boxes-container{
    margin-top: 40px;
}
.events-section .events-box{
    margin-bottom:20px;
}
.events-section .events-box-child{
    /*border: 3px solid #000;*/
    padding: 15px 20px;
    background: #F7F7F7
}
.events-section .events-box .title{
    font-size: 1.2em;
    margin-bottom: 10px;
}
.events-section .events-box .day{
    font-size: 1.8em;
}
.events-section .events-box .month{
    color: #F39600;
}
.events-section .events-box .image{
    width: 100%;
    position: relative;
    display: block;
}
.events-section .events-box .image .image-img{
    height: 300px;
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
}
.border-title-left{
    position: relative;
    display: block;
    width: 40px;
    height: 1px;
    background: #5E5F61;
    top: 3px;
}
.events-section .events-box .image .description{
    color: #5E5F61;
    font-size: .8em
}
.events-section .events-box .image .link:hover{
    text-decoration: none;
    color: #000;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.events-section .events-box .image .link{
    z-index: 1111;
    margin-top: 30px;
    position: relative;
    display: block;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    color: #F39600;
    font-size: .9em
}
.events-section .events-box .image .link img{
    width: 30px;
}
.events-section .link-more{
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    text-align: center;
    color: #5E5F61;
    margin: 10px auto 30px;
}
.events-section .link-more:hover{
    color: #F39600;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.category-button, .waves-effect{
    font-size: 1.2em!important;
}
.events-section .link-more img{
    width: 30px;
}
.services-container{
    background-color: #F7F7F7;
    padding: 50px;
}
.services-container-child > .title{
    text-align: center;
    font-size: 1.8em;
}
.services-box-description{
    margin-left: 40px;
    font-size: .9em;
    line-height: 20px;
    color: #5E5F61
}
.services-box{
    max-width: 300px;
    margin: 0 auto;
}
.services-box .title{
    padding-left: 40px;
    font-size: 1.1em;
    text-align: left;
    margin-bottom: 10px
}
.services-box1::before{
    background-image: url('../images/consulting.png');
    background-size: 30px 25px;
    display: inline-block;
    width: 30px;
    height: 25px;
    content: "";
    position: relative;
    /*margin-left: -40px;*/
    margin-right: 10px;
    float: left;
    left: 0px;
}
.services-box2::before{
    background-image: url('../images/prototype.png');
    background-size:25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    position: relative;
    /*margin-left: -40px;*/
    margin-right: 10px;
    float: left;
    left: 0px;
    top: -3px;
}
.services-box3::before{
    background-image: url('../images/development.png');
    background-size: 30px 15px;
    display: inline-block;
    width: 30px;
    height: 15px;
    content: "";
    position: relative;
    /*margin-left: -40px;*/
    margin-right: 10px;
    top: 8px;
    float: left;

}
.services-box4::before{
    background-image: url('../images/testing.png');
    background-size:30px 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    position: relative;
    /*margin-left: -40px;*/
    margin-right: 10px;
    float: left;
    left: 0px;
    top: -9px;
}
.services-box5::before{
    background-image: url('../images/lunching.png');
    background-size:30px 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    position: relative;
    /*margin-left: -40px;*/
    margin-right: 10px;
    float: left;
    left: 0px;
    top: -4px;
}
.services-box6::before{
    background-image: url('../images/reporting.png');
    float: left;
    background-size:30px 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    position: relative;
    left: 0px;
    top: -9px;
    /*margin-left: -40px;*/
    margin-right: 10px;
}
.services-box .border-title-left{
    left: 40px;
}
.services-container-child .row{
    padding-top: 20px
}
.services-container .box{
    margin-top: 40px;
}
.border-title{
    width: 45px;
    position: absolute;
    height: 1px;
    background: #5E5F61;
    top: 75px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 20px;
}
.border-title-contact{
    width: 45px;
    position: absolute;
    height: 1px;
    background: #5E5F61;
    top: 28px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 20px;
}
.border-main-title{
    width: 40px;
    position: absolute;
    height: 1px;
    background: #5E5F61;
    top: 35px;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 20px;
}
.services-container .swiper-pagination{
    padding-top: 50px;
    position: relative;
    display: block;
}
.swiper-container {
    width: 100%;
    height: auto;
}
.swiper-container-main {
    width: 100%;
    height: auto;
}
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    -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;
}
.about-slider-container .swiper-slide {
    font-size: 16px;
}
.swiper-container .services-box-description{
    text-align: left;
    padding-top: 30px;
}
.events-news-container .mini-container{
    padding-left: 8px;
    padding-right: 8px;
}
.events-news-container{
    background-color: #F8F8F8;
}
.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: 60px;
    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;
}
.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;
}
.load-more{
    text-align: center;
    position: relative;
    display: block;
    padding: 5px 60px;
    background-color: #DEDEDE;
    margin: 40px auto;
    color: #000;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.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;
}
.aust-title{
    top: 60%;
    transform: translate(0,-60%);
    -webkit-transform: translate(0,-60%);
}
.events-description-container .events-description-des{
    font-size: 1.7em;
    color: #000;
    line-height: 37px;
    max-width: 700px;
    margin: 0px auto 0;
}
.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/events2.png);
    background-position: center;
    background-size: cover;
    max-width: 300px;
    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/events3.png);
    background-position: center;
    background-size: cover;
    max-width: 500px;
    position: relative;
    display: block;
    float: left;
    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
}
.partners-contnr .row{
    padding-top: 40px;
}
.partners-contnr{
    padding-top: 100px;
}
.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: 62px;
    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;
}
.content-title{
    position: relative;
    top: 30%;
    transform: translate(0, -30%);
    -webkit-transform: translate(0, -30%);
}
.communication-title{
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.communication-header-top h1{
    color: #fff;
    position: relative;
    display: block;
    font-size: 3em;
    line-height: 60px;
    margin: 0;
}
.communication-header-top h1::after{
    content: "";
    position: absolute;
    width: 60px;
    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: 430px;
    width: auto;
    float: right;
    padding-top: 30px
}
.communication-main-content{
    padding: 100px 0 0;
    max-width: 1100px;
}
.content-header{
    padding: 60px 0 0;

}
.content-header-top-title{
    padding-bottom: 30px;
}
.mobile-content{
    width: 50%;
    float: left;
}
.communication-main-content .row .communication-content-block {
    margin-bottom: 20px;

}
.communication-main-content h2{
    font-size: 1.7em;
}
.communication-main-content h2::after{
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background: #212529;
    margin-top: 58px;
    left: 15px;
}
.communication-main-content p{
    margin-top: 50px;
    line-height: 25px;
}
.mobile-coomunication-mobile{
    padding-top: 25px;
}
.category-filter{
    text-align: center
}
button:focus, button:active {
    outline:0;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle{
    color: #F39600 !Important;
    background-color: transparent !important;
    border-color: transparent !important;
    border: 0 !important;
}
.btn-outline-primary{
    border:0 !important;
}
.category-filter .active{
    color: #F39600;
}
.btn:hover{
    color: #F39600 !important;
}
.btn-outline-primary {
    color: #5E5F61 !important;
    border-color: transparent !important;
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: none !important;
}
.btn-outline-primary:hover {
    color: #F39600 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
.btn.focus, .btn:focus{
    box-shadow: none !important
}
.container-filer{
    width: 100%;
}
.filter-data{
    padding-top: 60px;
}
/*start of images grid and filtering*/
.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%; 
    width: 100%;
    overflow: hidden;
}
.about-introduction .gallery{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1 !important;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%;
}
.about-introduction #introduction{
    max-width: 1200px;
    text-align: center;
    color: #5E5F61;
    margin: 0 auto;
}
.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, .83);
}
.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{
    position: relative !important;
    display: block !important;
    top: 0;
}
.ovrly-drk-cntnr{
    position: relative;
    max-width: 90%;
    margin: 0 auto !important;
    top: 0;
    overflow: hidden;
    display: block !important;
}
.ovrly-drk-left{
    position: relative;
    float: right;
    width: 48%;
}
.ovrly-drk-right{
    position: relative;
    float: left;
    width: 48%;
}
.ovrly-drk-left img, .ovrly-drk-right img{
    width: 100%;
    position: relative;
    display: block;
    z-index: 9;
}
.gallery .row section:first-child img{
    float: right;
    position: relative;
    display: block;
    top: 0;
}
.gallery .row section:last-child img{
    float: left;
    position: relative;
    display: block;
    top: 0;
}
.download{
    position: absolute;
    bottom: 15px;
    width: 100%;
}
.gallery .pics{
    color: #fff;
    text-align: center;
}
.filter-projects #gallery .pics{
    margin-right: 20px !important;
    margin-bottom: 35px !important;
    position: relative;
    margin: 0;
    overflow: hidden;
}
.events-text-img .filter-projects #gallery .pics{
    margin-bottom: 30px !important;
}
.news-width-container .filter-projects .pics{
    margin-bottom: 15px !important;
}
.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 !important;
}
.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;
    height: 100%;
    overflow: hidden;
}
.overlay-projects .info .row{
    height: 38px;
    position: relative;
}
.projectss .category-button{
    /*display: block !important;*/
}
.download .Inconsolata-Regular{
    margin-bottom: 8px;
    position: relative;
    display: block;
}
.overlay-projects .info{
    position: relative;
    top: 40%;
    height: auto;
    width: 100%;
    padding: 0 15px;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
}
.overlay-projects .info span:first-child{
    font-size: 1.8em;
    margin: 0;
    width: 100%;
    clear: both;
    position: relative;
    display: block;
    line-height: 32px;
    margin-bottom: 10px;
}
.overlay-projects .info span:last-child{
    font-size: 1.2em;
    margin: 0;
    margin-top: -15px;
    width: 100%;
    clear: both;
    position: relative;
    display: block;
    line-height: 20px;
    padding-right: 0;
    margin-right: 0;
    padding-top: 15px;
}
.overlay-projects .info .projects-gallery-sub{
    font-size: 1.1em;
    line-height: 21px;
}
.overlay-projects .info .projects-gallery-download{
    padding-top: 30px;
    position: relative;
    display: block;
    margin-bottom: 5px;
}
.contact-section-absolute{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    text-align: center;
    -webkit-transform: trans(0, -50%);
    color: #fff;
    font-size: 1.4em;
}
.contact-section{
    height: 400px;
    background: #000;
    position: relative;
    display: block;
    margin-top: 40px;
}
.contact-section .contact{
    position: relative;
    top: 8px;
    font-size: .8em;
    color: #F39600;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.contact-section .contact:hover{
    color: #fff;
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}

.contact-section img{
    width: 30px;
    margin-left: 9px;
}
.footer{
    text-align: center;
    padding: 30px;
    background: #F7F7F7;
}
.footer a i{
    /*font-size: .8em;*/
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    top: 9px;
    position: relative;
    display: block;
}
.footer a span{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #fff;
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
}
.footer .social{
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 auto;margin-right: 15px;

}
.footer .social:hover{
    text-decoration: none;
}
.products-container{
    max-width: 1210px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 0 20px;
}
.info-container-wrapper{
    position: relative;
    display: block;
    height: 450px;
    background-color: #F7F7F7;
}
.info-container-wrapper .image, .info-container-wrapper .description{
    position: relative;
    display: block;
    height: 100%;

}
.info-container-wrapper .row{
    height: 100%;
}
.info-container-wrapper .image{
    background-size: cover;
    background-position: center;
    height: 100%;
}
.products-main-image-content{
    padding: 60px 30px;
    height: 100%;
    position: relative;
    display: block;
}
.products-container .contact img{
    width: 30px;
    margin-left: 10px;
}
.products-container .contact{
    font-size: 1em;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    color: #F39600;
    position: absolute;
    bottom: 20px;
}
.products-container .contact:hover{
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    color: #000;
    text-decoration: none;
}
.info-container{
    margin-bottom: 40px;
    position: relative;
    display: block;
    color: #000;
}
.info-container:nth-child(2n) .row{
    display: block
}
.info-container:nth-child(2n) .image{
    float: right;
}
.info-container:hover{
    text-decoration: none;
    color: #000;
}
.about-container .swiper-pagination-bullet{
    background: transparent!important;
    color: #5E5F61 !important;
    transition: ease-in-out .3s;
    -webkit-transform: ease-in-out .3s;
}
.about-container .swiper-pagination-bullet:hover{
    color: #F39600 !important;
    transition: ease-in-out .3s;
    -webkit-transform: ease-in-out .3s;
}
.about-container .swiper-pagination-bullet:focus{
    border: 0 !important;
    border-color: transparent !important;
}
.about-container .swiper-pagination-bullet{
    margin-right: 29px !important;
    width: auto !important;
    height: auto !important;
    font-size: 1.2em;
    font-family: "Inconsolata-Regular"
}
.about-container .swiper-pagination-bullets{
    position: relative;
    top: 0;
    margin-top: 20px;
}
.about-container .swiper-wrapper{
    padding-top: 30px;
    color: #5E5F61
}
.about-container .swiper-pagination-bullet-active{
    color: #F7971D !important;
}
.about-container .active, .about-container-team .active{
    color: #F39600;
}
.about-container-team-text {
    max-width: 1200px;
    margin: 40px auto 0;
}
.about-container{
    position: relative;
    display: block;
    margin-top: 20px;
}
.about-container .top-text{
    max-width: 1200px;
    margin: 0 auto;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%;
    padding: 0 15px;
}
.about-container-team{
    padding: 0 15px;
}
.about-container .top-text span, .about-container-team .team span{
    color: #5E5F61;
    text-align: center;
    line-height: 20px;
}
.about-container .gallery .pics, .about-container-team .gallery .pics{
    display: none;
    overflow: hidden
}
.about-container-team .gallery .android{
    display: block;
}
.about-container .gallery .pics:first-child{
    display: block;
    overflow: hidden
}
.about-container .gallery .pics{
    color: #5E5F61;
}
.about-border{
    top: 35px
}
.about-container-team{
    margin-top: 60px;
    position: relative;
    display: block;
}
#introduction{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    column-width: 100%;
    padding: 0 15px;
}
#team{
    max-width: 1200px;
    margin: 0 auto !important;
    margin-top: 10px;
    /*    -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-width: 25%;
        -moz-column-width: 25%;
        column-width: 25%;*/
}
#team .profile{
    height: 250px;
    background-position: center;
    background-size: cover;
}
#team .name, #team .title{
    position: relative;
    display: block;
}
#team .name{
    margin-top: 30px;
    color: #000;
    font-size: 1.1em;
}
#team .title{
    color: #F7971D;
    margin-top: 3px;
    font-size: 1em;
}
.products-description-section{
    margin-top: 60px;
    margin-bottom: 60px;
}
.products-description-section .sections{
    margin-bottom: 40px;
}
.products-description-section .sections:nth-child(2n) .main-content{
    float: right;
}
.products-description-section .sections:nth-child(2n) .row{
    display: block;
}
.products-description-section .row > div{
    height: 400px;
}
.products-descr-main-image-content{
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    top: 50%;
    transform: translate(0, -50%);
}
.products-description-section .image > div{
    position: relative;
    display: block;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.events-page .pics{

    position: relative;
    display: inline-block;
    width: 100%;
}
.events-page{
    padding-bottom: 30px;
}
.events-page .gallery .pics{
    text-align: left;
    padding: 10px;
}
.events-page .events-box-child .day{
    font-size: 1.8em;
    color: #000;
}
.events-page .events-box-child .month {
    color: #F39600;
}
.events-page .events-box-child .title{
    color: #000;
    padding-bottom: 10px;
    margin-bottom: 5px;
    font-size: 1.1em;
}
.events-page .events-box-child .image .image-img{
    height: 250px;
    background-size: cover;
    background-position: center;margin-bottom: 10px;
    display: block !important
}
.events-page .events-box-child .description{
    line-height: 18px;
    color: #5E5F61;
    font-size: .9em;
}
.events-page .events-box-child .link img{
    width: 30px !Important;
}
.events-page .events-box-child .link{
    z-index: 111;
    color: #F39600;
    margin-top: 20px;
    position: relative;
    display: inline-block;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s
}
.events-page .events-box-child .link:hover{
    text-decoration: none;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    color: #000;
}
.open-positions{
    margin-bottom: 30px;
}
.careers-positions {
    margin-top: 50px;
}
.careers-positions .card-header::after {
    content: "\f105";
    font-size: 35px;
    margin-top: -40px;
    font-family: 'FontAwesome';
    float: right;
    color: #F7971D;
    position: absolute;
    right: 15px;
}
.careers-positions .card-title:hover{
    text-decoration: none;
}
.careers-positions .card-header {
    padding-left: 0;
    color: #000;
    background: #fff;
    font-size: 1.2em;
}
.careers-positions .card-header p{
    padding-top: 5px;
    font-size: 0.9em;
    margin: 0;
    color: #5E5F61
}
.mini-container{
    max-width: 1000px;
    margin: 0 auto;
}
.values-career-page{
    padding-top: 60px;
}
.values-career-page .border-title{
    top: 35px;
}
.values-career-page .row{
    padding-top: 10px;
}
.values-career-page h3{
    line-height: 27px;
    font-size: 1.2em;
    color:#000;
}
.values-career-page .Gotham-Book{
    padding-top: 20px;
    font-size: 0.9em;
}
.values-career-page-title{
    position: relative;
    display: block;
    margin-bottom: 70px;
}
input[type="file"] {
    display: none;
}
.custom-file-upload {
    margin-top: 40px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    display: inline-block;
    font-family: "Inconsolata-Regular";
    color: #777;
    cursor: pointer;
}
.values-career-page ul{
    padding-left: 20px;
    list-style: none;
}
.values-career-page ul li:before {
    overflow: hidden;
    content: '\2014';
    position: absolute;
    margin-left: -20px;
    width: 5px;
}



.draw {
    background: none;
    border: 0;
    box-sizing: border-box;
    /*margin: 1em;*/
    padding:3px 3px;

    /*box-shadow: inset 0 0 0 2px #000000;*/
    font-size: inherit;

    position: relative;
    vertical-align: middle;
}
.draw::before,
.draw::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.draw::before,
.draw::after {
    border: 2px solid transparent;
    width: 0;
    height: 0;
}
.draw::before {
    top: 0;
    left: 0;
}
.draw::after {
    bottom: 0;
    right: 0;
}
.draw:hover::before,
.draw:hover::after {
    width: 100%;
    height: 100%;
}
.draw:hover::before {
    border-top-color: #F39600; 
    border-right-color: #F39600;
    transition:
        width 0.25s ease-out,
        height 0.25s ease-out 0.25s; 
}
.draw:hover::after {
    border-bottom-color: #F39600; 
    border-left-color: #F39600;
    transition:
        border-color 0s ease-out 0.5s, 
        width 0.25s ease-out 0.5s, 
        height 0.25s ease-out 0.75s; 
}
.draw {
    transition: color 0.25s;
}
button:focus, button:active {
    outline:0;
}
.filter {
    transition: ease-in-out 1s;
}
.upload-icon{
    background-image: url('../images/upload-icon.png');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    float: right;

}

.careersApps2youForm .contact-form .text {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    font-family: "Inconsolata-Regular";
    margin-top: 40px;
}
.careersApps2youForm .custom-file-upload {
    margin-top: 40px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    display: inline-block;
    font-family: "Inconsolata-Regular";
    color: #777;
    cursor: pointer;
}
input[type="file"]#file-upload{
    display: none !important;
}
.careersApps2youForm .contact-form  textArea {
    margin-top: 60px;
    border: 0;
    border-bottom: 1px solid #CCC;
    font-family: "Inconsolata-Regular";
    padding: 0;
}
.careersApps2youForm .submit {
    background: #F7F7F7 !important;
    border: 0;
    color: #F7971D;
    padding: 5px 40px;
    cursor: pointer;
    margin: 40px auto;
    position: relative;
    display: block;
    transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
}
.upload-icon {
    background-image: url('../../assets/images/upload-icon.png');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    float: right;
}
.custom-file-upload {
    font-family: "Inconsolata-Regular";
    color: #777;
    cursor: pointer;
}
.iframe-careers{
    width: 100%;
    border:0;
    height: 650px;
}
.contact-mvc{
    width: 100%;
    border:0;
    height: 570px;
}
.waves-effect .margin-left{
    padding-right: 8px;
}
.events-description-container h1, .events-description-container .events-description-des{
    color: #fff;
}
.mobile-big-image img {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    display: block;
}
.why h1 {
    color: #000;
    text-align: center;
    font-size: 3em;
    padding: 30px 20px;
    margin: 0;
}

.home-main-image-content h1 {
    font-size: 3.4em;
}
.communication-main-content .top {
    padding: 0 15px 20px;
}
.top-padding-bottom {
    padding-bottom: 60px !important;
}
.events-text-img .content .Gotham-Book{
    text-align: center;
}
.events-clickable-container:hover {
    text-decoration: none;
}

.communication-content-block .listing-api ul li::before {

    position: absolute;
    margin-left: -15px;
    content: "-";
    width: 20px;
    height: 20px;
    font-size: 16px;
    margin-top: -3px;

}
.listing-api ul{
    list-style: none;
    padding: 0px;
    padding-left: 15px;
    padding-top: 40px;
}
.mobile-big-image h1 {
    text-align: center;
    font-size: 3em;
    margin-top: 30px;
    margin-bottom: 60px;
}
.omni-side-image img {
    max-height: 250px;
    margin: 0 auto;
    position: relative;
    display: block;
}
.omni-btm-container {
    margin-bottom: 150px;
}
.muzart-image img {
    float: left;
    width: 200px;
}
.qanawati-image img {
    top: 40%;
    transform: translate(0, -40%);
    -webkit-transform: translate(0, -40%);
}
.qanawati-images img {
    width: 100%;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
}
.appstore, .playstore {
    max-width: 180px;
    width: 100%;
}
.store {
    width: 100%;
    text-align: center;
    position: relative;
    display: block;
    max-width: 370px;
    margin: 30px auto !important;
}
.muzart-image img {
    float: left;
    width: 200px;
}
.nassif img {
    width: 100%;
    margin-top: -110px;
}
.communication-content-block .listing-api {
    margin-top: 50px;
    margin-bottom: 30px;
}
.events-box a{
    text-decoration: none;
    color: #000;
}
.events-box a:hover{
    text-decoration: none;
    color: #000;
}
.description .products-main-image-content a:hover{
    text-decoration: none
}
.description .products-main-image-content a{
    color: #000;
    transition: .3s ease-in-out;
    -webkit-transition: .3 ease-in-out;
}
.projects-categories{
    text-align: center;
}
.swiper-pagination-bullet-active:focus{
    border: 0 !important;
}
.max-width-grid{
    max-width: 1400px ;
}
.values-titles h3{
    font-size: 1.1em;
}
.about-values-title{
    margin-top: 100px;
    margin-bottom: 60px;
}
.about-life-title{
    margin-top: 70px;
    margin-bottom: 60px;
}
.about-img{
    width: 100%;
    height: 500px;
    background-image: url(../images/home-image.png);
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
    margin: 60px 0;
}
.events-button-categories{
    text-align: center;
}
@media (max-width: 400px) {
    .btn.filter {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
        width: 100%;
    }
}
/*end of images grid and filtering*/
@media only screen and (min-width: 1400px) {
    .menu-button-outer{
        font-size: .9em;
    }
}
@media only screen and (max-width: 991px) {
    .index .home-main-image{
        height: 455px;
        margin-top: 80px;
    }
    .main-header{
        padding: 30px 20px 13px;
    }
    .home-main-image, .news-description-main-image{
        background-attachment: initial;
    }
    .gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-width: 50%;
        -moz-column-width: 50%;
        column-width: 50%;
    }
    .contact-icon img{
        width: 110px;
    }
    .contact-icon{
        right: 10px;
        bottom: 10px;
    }
    .home-main-image .swiper-slide{
        background-position-x: 85%!important;
    }
}
@media only screen and (max-width: 767px) {
    .index .home-main-image{
        height: 340px;
        margin-top: 80px;
    }
    .home-main-image-content h1, .about-main-image-content h1{
        font-size: 2em;
    }
    .filter-projects #gallery .pics{
        margin-right: 0px;
        margin-bottom: 15px !important;
    }
    .news-description-main-image{
        height: 400px;
    }
    .open-positions{
        margin-bottom: 0;
    }
    .products-description-main-image{
        height: 400px;
    }
    .products-description-section{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .products-description-section .sections{
        margin-bottom: 20px;
    }
    .products-description-section .main-content{
        height: auto !important;
    }
    .products-description-section .main-content .products-descr-main-image-content{
        position: relative;
        display: block;
    }
    .products-description-section .main-content {
        margin-bottom: 20px;
    }
    #team{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-width: 50%;
        -moz-column-width: 50%;
        column-width: 50%;
    }

    .info-container:nth-child(2n) .row, .products-description-section .sections:nth-child(2n) .row{
        display: flex;
    }
    .info-container-wrapper{
        height: auto
    }
    .info-container-wrapper .image{
        height: 300px;
    }
    .quotes-text-container{
        padding: 0 40px;
    }
    .services-container{
        padding: 50px 0 0;
    }
    .services-container-child{
        padding: 0;
    }
    .main-header{
        padding: 30px 20px 13px;
    }
    .menu-button{
        font-size: 2.1em;
        line-height: 25px;
    }
    .overlay ul{
        text-align: left;
        line-height: 50px;
        top: 30%;
        transform: translate(0, -30%);
        -webkit-transform: translate(0, -30);
        padding-left: 40px;
    }
    .nassif img{
        margin-top: 0;
    }
}
@media only screen and (max-width: 575px) {
    .events-section-subtitle{
        font-size: 17px;
        line-height: 23px;
    }
    .index .home-main-image{
        height: 220px;
        margin-top: 80px;
    }
    .index .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: -10px !important;
    }
    .communication-main-content .row .communication-content-block{
        margin-top: 20px;
    }
    .omni-btm-container{
        margin-bottom: 20px;
    }
    .mobile-big-image h1{
        font-size: 2em;
    }
    .news-category-buttons{
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
    }
    .filter-projects #gallery .pics{
        margin-right: 0 !important;
    }
    .home-main-image-content h1, .about-main-image-content h1{
        font-size: 1.3em;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        position: relative;
        display: inline-block;
        margin: 0px 4px 18px!important;
    }
    .btn-outline-primary{
        width: 100%;
    }
    .contact-icon img{
        width: 90px;
    }
    .about-main-image{
        height: 270px;
    }
    .products-description-main-image{
        height: 350px;
    }
    #team{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
    }
    .gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
    }
    .contact-icon{
        right: 0px;
        bottom: 8px;
    }
    .home-main-image-content{
        /*left: 10%;*/
        top: 60%;
        transform: translate(0,-60%);
        -webkit-transform: translate(0,-60%);
    }
    .home-main-image-content h1{
        font-size: 1.8em;
        margin-top: 10px;
    }
    .filter-projects #gallery{
        overflow: hidden;
    }
    /*    .filter-projects #gallery .pics{
            height: 250px;
        }*/
    .events-page #gallery .pics{
        height: auto;
    }
}