﻿
.BlogHPNewDesign {
    background-image: url(../../images/NewHpBlogBackImage.jpg);
}

.Presentation2Title {
    position: relative;
    border: 1px solid white;
    margin: auto;
    padding: 7px 25px;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 31px;
    color: white;
    display: inline-block;
    line-height: 0.9;
    letter-spacing: 1px;
}

.Presentation3Title {
    position: relative;
    border: 1px solid white;
    margin: auto;
    padding: 7px 13px;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 31px;
    color: white;
    display: inline-block;
    line-height: 0.9;
    letter-spacing: 1px;
}

.Presentation4Title {
    position: relative;
    border: 1px solid white;
    margin: auto;
    padding: 7px 15px;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 31px;
    color: white;
    display: inline-block;
    line-height: 0.9;
    letter-spacing: 1px;
}

.lblPresentation1TitleStyle {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 45px;
    color: #122B46;
    line-height: 0.85;
    letter-spacing: 0px;
    white-space: nowrap;
}

.lblPresentation1SubTitleStyle {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 35px;
    color: #122B46;
    line-height: 1.2;
    display: inline-block;
    letter-spacing: 0px;
    border-bottom: 1px solid #122B47;
    white-space: nowrap;
}

.ScrollDownStyle {
    position: relative;
    font-family: 'ProximaNova_Regular';
    font-size: 14px;
    color: #122B46;
    line-height: 1.15;
    letter-spacing: 0px;
}

.MenuNavigation {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 13px;
    background-color: #133862;
}

.AnimatedNavigation {
    position: absolute;
    left: 0px;
    top: 1px;
    width: 13px;
    background-color: #0157A8;
    z-index: 0 !important;
}

.GetFullHeightRemoveHeader16 {
    z-index: 1 !important;
    cursor: pointer;
    background-color: #133862;
}

    .GetFullHeightRemoveHeader16:hover {
        background-color: #174374;
    }

.GetFullHeightRemoveHeader {
    min-height: 500px;
}

.ProfileBGColor {
    background-image: url(../../images/Background2.jpg);
}

.ProfileDivTitle {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 45px;
    color: #122B46;
    line-height: 1.05;
    letter-spacing: 0px;
    height: 60px;
}

.ProfileDivDesc {
    position: relative;
    font-family: 'ProximaNova_Regular';
    font-size: 16px;
    color: #122B46;
    line-height: 1.25;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.ProfileDivButton {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 16px;
    color: #122B46;
    line-height: 1.25;
    letter-spacing: 0.6px;
    border: 1px solid #122B46;
    padding: 8px 39px;
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
}

    .ProfileDivButton:hover {
        color: #fff;
        border: 1px solid #122B46;
        background-color: #0E2034;
    }

.ProfileDivButton2 {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 16px;
    color: #122B46;
    line-height: 1.25;
    letter-spacing: 0.6px;
    border: 1px solid #122B46;
    padding: 8px 39px;
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
}

    .ProfileDivButton2:hover {
        border: 1px solid #A43969;
        background-color: #A43969;
        color: #FFF;
    }

.OuterCircule {
    position: relative;
    width: 75%;
    max-width: 437px;
    border: 1px dashed #FFFFFF;
    margin: auto;
    display: block;
}

.InnerCircule {
    position: relative;
    width: 95%;
    border: 2px solid #1C7FC5;
    margin: auto;
}

.AbsoHand {
    position: absolute;
    width: 45%;
    max-width: 268px;
    max-height: 329px;
    left: 33%;
    bottom: 0px;
    background-image: url(../../images/en/Hand.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.AbsoHandExt {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 268px;
    max-height: 329px;
    left: 0px;
    bottom: 0px;
    background-image: url(../../images/en/HandExt.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.AbsoHandIphone {
    position: absolute;
    max-width: 193px;
    max-height: 392px;
    left: 27px;
    bottom: 79px;
    background-image: url(../../images/Iphone.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.InsideAbsoHandIphone {
    position: relative;
    max-width: 168px;
    max-height: 302px;
    background-color: #1C7FC5;
    margin: auto;
    top: 45px;
    text-align: center;
}

.IphoneDivSep1 {
    height: 55px;
}

.IphoneDivSep2 {
    height: 18px;
}

.IphoneTitle {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 20px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0.4px;
    width: 60%;
    margin: auto;
    text-align: center;
}

.IphoneDesc {
    position: relative;
    font-family: 'ProximaNova_Regular';
    font-size: 14px;
    color: #fff;
    line-height: 1.25;
    letter-spacing: 0px;
    width: 80%;
    text-align: center;
    margin: auto;
}

.IphoneDivButton {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 16px;
    color: #fff;
    line-height: 1.25;
    letter-spacing: 0.6px;
    border: 1px solid #0B1A2B;
    padding: 8px 26px;
    display: inline-block;
    background-color: #122B46;
    cursor: pointer;
}

.AbsoHand:hover .IphoneDivButton, .AbsoHand.hover .IphoneDivButton {
    color: #0B1A2B;
    border: 1px solid #0B1A2B;
    background-color: #fff;
}

.ServicesBGColor {
    background-image: url(../../images/BGPage3.jpg);
}

.homeServicesTitle {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 45px;
    color: #122B46;
    line-height: 1.05;
    letter-spacing: -0.01px;
    text-align: center;
}

.homeServicesDesc {
    position: relative;
    font-family: 'ProximaNova_Regular';
    font-size: 16px;
    color: #122B46;
    line-height: 1.25;
    letter-spacing: 0.22px;
    text-align: center;
    width: 90%;
    max-width: 400px;
    margin: auto;
}

.AboInServices {
    position: relative;
    width: 100%;
    height: 35px;
    background-color: white;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 17px;
    color: #122438;
    line-height: 35px;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
}

.AboInServicesIcon {
    position: relative;
    width: 100%;
    height: 157px;
    background-color: rgba(18,43,70,0.5);
}

.AboInServicesIconInside {
    position: relative;
    margin: auto;
    width: 84px;
    height: 84px;
    background-color: rgba(255,255,255,0.9);
    text-align: center;
    -webkit-box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.5);
}

.StayUpAbso {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 75px;
    background-color: #1C7FC5;
}

.ArchiveStyle {
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    letter-spacing: 0.6px;
    text-transform: lowercase;
}

.arrowPrev {
    position: relative;
    width: 13px;
    height: 7px;
    background-image: url(../../images/ArrowNext.png);
    background-repeat: no-repeat;
    margin: auto;
}

.arrowNext {
    position: relative;
    width: 13px;
    height: 7px;
    background-image: url(../../images/ArrowPrev.png);
    background-repeat: no-repeat;
    margin: auto;
}

.AbsoNewsNavigationCont {
    position: absolute;
    left: 0px;
    bottom: 30px;
    width: 100%;
}

.AbsoNewsNavigation {
    position: relative;
    width: 192px;
    height: 10px;
    margin: auto;
    background-color: rgba(255,255,255,0.5);
}

.AbsoNewsNavigationPage {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: rgba(255,255,255,0.8);
    cursor: pointer;
}

.AbsoNewsNavigationPage1 {
    left: -10px;
    top: -6px;
}

.AbsoNewsNavigationPage2 {
    left: 43%;
    top: -6px;
}

.AbsoNewsNavigationPage3 {
    right: -10px;
    top: -6px;
}

.AbsoNewsNavigationPageInside {
    position: relative;
    width: 5px;
    height: 5px;
    background-color: #0E2034;
    margin: auto;
    top: 8.5px;
}

.StayUptitle {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 45px;
    color: #0D1F33;
    line-height: 1.05;
    letter-spacing: -0.01px;
    text-transform: uppercase;
}

.StayUpnewstitle {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 35px;
    color: #0D1F33;
    line-height: 1.05;
    letter-spacing: 0px;
}

.StayUpnewsDesc {
    position: relative;
    font-family: 'ProximaNova_Regular';
    font-size: 14px;
    color: #0D1F33;
    line-height: 1.25;
    letter-spacing: 0.22px;
}

.StayUpDivButton {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 16px;
    color: #0D1F33;
    line-height: 1.25;
    letter-spacing: 0.6px;
    border: 1px solid #0D1F33;
    padding: 8px 36px;
    display: inline-block;
    cursor: pointer;
}

.imgContainer {
    width: 74%;
    margin: auto;
}

.NewsContainer:hover .StayUpDivButton, .NewsContainer.hover .StayUpDivButton {
    color: #0B1A2B;
    border: 1px solid #0B1A2B;
    background-color: #fff;
}

.StayUpDivButton2 {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 16px;
    color: #0D1F33;
    line-height: 1.25;
    letter-spacing: 0.6px;
    border: 1px solid #0D1F33;
    padding: 8px 36px;
    display: inline-block;
    cursor: pointer;
}

    .StayUpDivButton2:hover {
        color: #FFF;
        border: 1px solid #A43969;
        background-color: #A43969;
    }

.BlogsTitle {
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 45px;
    color: #fff;
    line-height: 1.05;
    letter-spacing: -0.25px;
    text-transform: capitalize;
}

.BlogsDivHome {
    position: relative;
    width: 33%;
}

.BlogsDivHomeInside {
    position: relative;
    width: 94%;
    max-width: 330px;
    margin: auto;
    border: 1px solid #72949C;
    cursor: pointer;
}

.HomeBlogsDate {
    position: relative;
    font-family: 'ProximaNova_Regular';
    font-size: 14px;
    color: #CECECE;
    line-height: 1.25;
    letter-spacing: 0px;
}

.HomeBlogsTitle {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 22px;
    color: #fff;
    line-height: 1.0;
    letter-spacing: 0.4px;
}

.HomeBlogsDesc {
    position: relative;
    font-family: 'ProximaNova_Regular';
    font-size: 16px;
    color: #fff;
    line-height: 1.25;
    letter-spacing: 0.1px;
}

.BlogsDivAnchor {
    position: relative;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 16px;
    color: #fff;
    line-height: 1.25;
    letter-spacing: 0.6px;
    border: 1px solid #fff;
    padding: 8px 36px;
    display: inline-block;
    cursor: pointer;
}

.BlogsDivHomeInside:hover {
    background-color: #fff;
}

    .BlogsDivHomeInside:hover .BlogsDivAnchor, .BlogsDivHomeInside.hover .BlogsDivAnchor {
        color: #0B1A2B;
        border: 1px solid #0B1A2B;
        background-color: #fff;
    }

    .BlogsDivHomeInside:hover .HomeBlogsDate, .BlogsDivHomeInside.hover .HomeBlogsDate {
        color: #777777;
    }

    .BlogsDivHomeInside:hover .HomeBlogsTitle, .BlogsDivHomeInside.hover .HomeBlogsTitle {
        color: #122B46;
    }

    .BlogsDivHomeInside:hover .HomeBlogsDesc, .BlogsDivHomeInside.hover .HomeBlogsDesc {
        color: #122B46;
    }

.floatInPresentation1 {
    width: 55%;
    max-height: 519px;
}

.floatInPresentation2 {
    width: 45%;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
}

.floatInPresentation2Inside1 {
    width: 49%;
    /*overflow: hidden;*/
}

.floatInPresentation2Inside2 {
    width: 51%;
}

.GetFullHeightRemoveHeader63 {
    width: 100%;
}

.GetFullHeightRemoveHeader61 {
    width: 100%;
}

.GetFullHeightRemoveHeader50 {
    width: 100%;
}

.GetFullHeightRemoveHeader39 {
    width: 100%;
}

.GetFullHeightRemoveHeader37 {
    width: 100%;
}

.Presentation2Icon {
    max-width: 100%;
}

.Presentation3Icon {
    max-width: 100%;
}

.Presentation4Icon {
    max-width: 100%;
}

.IconTD4 {
    height: 112px;
}

.IconTD2 {
    height: 112px;
}

.IconTD3 {
    height: 132px;
}

.Table4Icon {
    height: auto;
}

.Table2Icon {
    height: auto;
}

.Table3Icon {
    height: auto;
}

.Profileleft1 {
    width: 56%;
}

.Profileleft2 {
    width: 44%;
    display: block;
}

.ServiceItem {
    display: table-cell;
}

    .ServiceItem:hover .AboInServicesIcon {
        opacity: 0;
    }

.ContactUsDivContainer {
    position: relative;
    width: 197px;
    height: 192px;
    padding: 8px;
    margin: auto;
    border: 1px solid rgba(14,32,52,0.75);
}

.ImgNews2 {
    display: none;
    max-width: 360px;
}

.StaySep1 {
    height: 76px;
}

.StaySep2 {
    height: 26px;
}

.StaySep3 {
    height: 17px;
}

.StaySep4 {
    height: 25px;
}

.StayUp1 {
    width: 56%;
}

.StayUp2 {
    width: 44%;
}

.StayUpnewsDesc2 {
    display: block;
}

.PlusInProfile {
    position: absolute;
    width: 47px;
    height: 47px;
    left: 0px;
    top: 0px;
    background-color: #0E2034;
    border: 2px solid #4E9ADE;
    cursor: pointer;
    background-image: url(../../images/PlusInCircle.png);
    background-repeat: no-repeat;
    background-position: center;
}

.ForZindexCirle {
    position: absolute;
    width: 47px;
    height: 47px;
    left: -2px;
    top: -2px;
    background-color: #0E2034;
    border: 2px solid #4E9ADE;
    cursor: pointer;
    background-image: url(../../images/PlusInCircle.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2 !important;
}

    .ForZindexCirle:hover, .PlusInProfile:hover {
        border-color: #fff;
    }

.PlusInProfileInside {
    position: absolute;
    width: 80px;
    height: 80px;
    left: -28px;
    top: 28px;
    background-color: #80B539;
    border: 3px solid #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'NewsGothicBT_BoldExtraCondensed';
    font-size: 15px;
    color: #fff;
    line-height: 80px;
    letter-spacing: 0.6px;
    text-align: center;
    z-index: 1 !important;
    display: none;
}

.ScrollDownContent {
    position: absolute;
    top: 9px;
    left: 0px;
}

.BigImage {
    height: 100%;
    display: block;
    margin: 0 auto;
}

    .BigImage img {
        height: 100%;
    }

.smallImage {
    height: 100%;
    display: none;
    margin: 0 auto;
}

.imageContainer {
    display: block;
}

.fullImage {
    display: none;
    height: 100%;
    margin: 0 auto;
}

.bg-cover-center {
    background-size: cover;
    background-position: center center;
}

.DefaultPresentationBorderRight {
    border-left: 4px solid #155E93;
}

.DefaultPresentationBorderBottom {
    border-bottom: 4px solid #155E93;
}

.tvc-playbutton {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

@media all and (max-width: 1320px) {
    .floatInPresentation1 {
        width: 40%;
    }

    .floatInPresentation2 {
        width: 60%;
    }
}

@media all and (max-width: 1240px) {
    .StaySep1 {
        height: 46px;
    }

    .StaySep2 {
        height: 16px;
    }

    .StaySep3 {
        height: 10px;
    }

    .StaySep4 {
        height: 15px;
    }
}

@media all and (max-width: 1140px) {

    .HomeBlogsDesc {
        display: none;
    }

    .BlogsDivHome {
        width: 33%;
    }

    .BlogsDivHomeInside {
        width: 94%;
        max-width: 300px;
    }

    .ServiceItem5 {
        display: none;
    }
}

@media all and (max-width: 1120px) {
    .floatInPresentation1 {
        width: 35%;
    }

    .floatInPresentation2 {
        width: 65%;
    }
}

@media all and (max-width: 1020px) {
    .floatInPresentation1 {
        width: 70%;
    }

    .floatInPresentation2 {
        width: 30%;
    }

    .floatInPresentation2Inside1 {
        width: 49%;
        display: none;
    }

    .floatInPresentation2Inside2 {
        width: 100%;
    }

    .IphoneDivSep1 {
        height: 15px;
    }

    .IphoneDivSep2 {
        height: 8px;
    }

    .BigImage {
        display: none;
    }

    .smallImage {
        display: table-cell;
        vertical-align: middle;
    }

    .tvc-playbutton img {
        width: 60px;
    }
}

@media all and (max-width: 930px) {
    .ServiceItem4 {
        display: none;
    }

    .StaySep1 {
        height: 16px;
    }

    .StaySep2 {
        height: 14px;
    }

    .StaySep3 {
        height: 10px;
    }

    .StaySep4 {
        height: 15px;
    }

    .StayUp1 {
        width: 46%;
    }

    .StayUp2 {
        width: 54%;
    }
}

@media all and (max-width: 850px) {
    .OuterCircule {
        display: none;
    }

    .AbsoHand {
        width: 70%;
    }

    .IphoneDivButton {
        padding: 4px 10px;
    }

    .ProfileDivTitle {
        font-size: 2.3em;
    }

    .ProfileDivDesc {
        font-size: 0.9em;
    }
}

@media all and (max-width: 760px) {
    .StaySep1 {
        height: 16px;
    }

    .StaySep2 {
        height: 10px;
    }

    .StaySep3 {
        height: 5px;
    }

    .StaySep4 {
        height: 15px;
    }

    .StayUp1 {
        width: 100%;
    }

    .StayUp2 {
        display: none;
    }

    .StayUpAbso {
        height: 50px;
    }

    .StayUptitle {
        font-size: 40px;
    }

    .StayUpnewstitle {
        font-size: 25px;
    }

    .StayUpnewsDesc2 {
        display: none;
    }
}

@media all and (max-width: 720px) {
    .ServiceItem3 {
        display: none;
    }

    .ServiceItem {
        width: 50%;
    }

    .ContactUsDivContainer {
        width: 80%;
    }
}

@media all and (max-width: 660px) {


    .floatInPresentation1 {
        width: 100%;
    }

    .floatInPresentation2 {
        width: 100%;
    }

    .floatInPresentation2Inside1 {
        width: 33%;
        display: block;
    }

    .floatInPresentation2Inside2 {
        width: 67%;
    }

    .GetFullHeightRemoveHeader63 {
        width: 50%;
    }

    .GetFullHeightRemoveHeader61 {
        width: 100%;
    }

    .GetFullHeightRemoveHeader50 {
        width: 100% !important;
    }

    .GetFullHeightRemoveHeader39 {
        width: 100%;
        display: none;
    }

    .GetFullHeightRemoveHeader37 {
        width: 50%;
        /*margin-left: 1px;
        margin-right: 1px;*/
    }

    .Presentation2Icon {
        max-width: 50%;
    }

    .Presentation3Icon {
        max-width: 50%;
    }

    .Presentation4Icon {
        max-width: 27%;
    }

    .IconTD4, .IconTD2, .IconTD3 {
        height: 132px;
    }

    .Table4Icon, .Table2Icon, .Table3Icon {
        height: 100%;
    }

    .Presentation2Title, .Presentation3Title, .Presentation4Title {
        font-size: 1.3em;
    }

    .BigImage {
        display: block;
        height: 206px;
    }

        .BigImage img {
            height: 100%;
            margin: 0 auto;
            display: table;
        }

    .smallImage {
        display: none;
    }

    .imageContainer {
        display: none;
    }

    .fullImage {
        display: block
    }

    .DefaultPresentationBorderRight {
        border-top: 4px solid #155E93;
    }
}

@media all and (max-width: 620px) {
    .BlogsDivHome3 {
        display: none;
    }

    .BlogsDivHome {
        width: 50%;
    }
}

@media all and (max-width: 550px) {
    .BlogsDivHome3 {
        display: none;
    }

    .BlogsDivHome {
        width: 50%;
    }

    .Profileleft1 {
        width: 100%;
    }

    .Profileleft2 {
        display: none;
    }

    .IphoneDivButton {
        padding: 8px 26px;
    }

    .IphoneDivSep1 {
        height: 25px;
    }

    .IphoneDivSep2 {
        height: 18px;
    }
}

@media all and (max-width: 500px) {
    .imgContainer {
        width: 100%;
        text-align: center;
    }
}

@media all and (max-width: 420px) {

    .BlogsDivHome2 {
        display: none;
    }

    .BlogsDivHome {
        width: 100%;
    }

    .IconTD4, .IconTD2, .IconTD3 {
        height: 102px;
    }

    .Table4Icon, .Table2Icon, .Table3Icon {
        height: 100%;
    }

    .Presentation2Title, .Presentation3Title, .Presentation4Title {
        font-size: 1.3em;
        padding: 7px 7px;
    }
}

td.ScrollTextContainer {
    width: 287px;
    padding-left: 5px;
}

/*#region DefaultPresentation Video*/
/*.VideoPresentation {
    width: Calc(55% - 2px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}*/

.VideoPresentation {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    display: none;
}

.videoPresContainer {
    background-color: #000 !important;
    height: calc(100vh - 125px) !important;
    min-height: unset !important;
    background-image: unset !important;
}
/*.floatInPresentation1 {
    background-color: #012b64;
}*/

.floatInPresentation1 table {
    opacity: 0;
}

.VideoTitle {
    position: absolute;
    left: 50%;
    bottom: 56px;
    z-index: 1;
    transform: translate(-50%, 0px);
    font-family: 'ProximaNova_Regular';
    color: #fff;
    font-size: 25px;
    width: 100%;
    text-align: center;
}

.CloseVideoPres {
    display: none;
    position: absolute;
    right: 15px;
    top: 25px;
    background-color: #165E93;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    cursor: pointer;
}

    .CloseVideoPres img {
        display: table;
        margin: 0 auto;
        padding-top: 8px;
    }

@media all and (max-width: 1320px) {
    /*  .VideoPresentation {
        width: Calc(40% - 2px);
    }*/
}

@media all and (max-width: 1120px) {
    /*  .VideoPresentation {
        width: Calc(35% - 2px);
    }*/
}

@media all and (max-width: 1020px) {
    /* .VideoPresentation {
        width: Calc(70% - 2px);
    }*/

    .VideoTitle {
        font-size: 20px;
    }
}

@media all and (max-width: 768px) {
    .videoPresContainer {
        height: auto !important;
        min-height: unset !important;
    }

    .VideoTitle {
        font-size: 16px;
        bottom: 66px;
    }
}
/*@media all and (max-width: 768px) {
    .VideoPresentation {
        display: none;
    }

    .floatInPresentation1 {
        background-color: unset !important;
    }

        .floatInPresentation1 table {
            opacity: 1 !important;
        }
}*/

@media all and (max-width: 660px) {
    /* .VideoPresentation {
        width: 100%;
    }*/
}

/*#endregion DefaultPresentation Video*/


/*#region NewPres*/
.newPressHeight {
    height: calc(100vh - 125px) !important;
    min-height: unset !important;
    background-color: #fff !important;
    background-image:unset !important;
}

.NewPres {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
}

.pres {
    flex: 0 0 calc(50% - 10px);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .pres .PresentationWithBackImage {
        height: 100%;
    }


.pres1 {
    background-image: url(../../images/presentatioon-supernabaa-1.jpg);
}

.pres2 {
    background-image: url(../../images/Local-packages-presentation.jpg);
}

.pres3 {
    background-image: url(../../images/presentatioon-supernabaa-2.jpg);
}

.pres4 {
    background-image: url(../../images/sabafon-20th-bottom-.jpg);
}

.presPdR {
    padding-right: 10px;
}

.presPdL {
    padding-left: 10px;
}
.presPdB {
    padding-bottom: 20px;
}

.pres img {
    display: none;
    width: 100%;
}

@media (max-width:1024px) {
    .newPressHeight {
        height: auto !important;
    }
    .pres {
        flex: 0 0 100%;
        height: auto;
    }

        .pres img {
            display: block;
        }
        .pres .PresentationWithBackImage {
            background: unset !important;
            width: 100% !important;
        }

    .presPdR {
        padding-right: 0;
        padding-bottom: 10px;
    }

    .presPdL {
        padding-left: 0;
        padding-bottom: 10px;
    }
    .presPdB {
        padding-bottom: 10px;
    }

    .presPdL:nth-child(4) {
        padding-left: 0;
        padding-bottom: 0;
    }
}
/*#endregion*/
