/** Fonts **/

@font-face {
    font-family: "PKIFont";
    src:
        local("PKIFont"),
        url("../fonts/29lt-bukra-regular.ttf") format("opentype"),
        url("../fonts/29LTBukra-Regular.woff") format("woff");
}

@font-face {
    font-family: "PKIFontBold";
    src:
        local("PKIFontBold"),
        url("../fonts/29lt-bukra-bold.ttf") format("opentype"),
        url("../fonts/29lt-bukra-bold.woff") format("woff");
}

/** Foundation **/

.html,
body {
    background: #000;
    font-family: 'PKIFont';
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    scroll-behavior: smooth;
    width: 100%;
}

a:hover {
    opacity: 0.8;
}

.main_container {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
}

.main_container_squeeze {
    height: 100%;
    margin: 0 auto;
    padding: 0;
    width: 1280px;
}

.header {
    height: 100px;
    /*position: fixed;*/
    margin-bottom: -140px;
    padding-top: 40px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.left_block {
    float: left;
    width: 50%;
}

.right_block {
    float: right;
    width: 50%;
}

.logo {
    background: url('../images/logo.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    width: 100px;
}
.arabic .logo {
    -webkit-transform: rotatey(-180deg);
}

.language_switcher {
    margin-top: 50px;
    text-align: right;
}

.language_switcher a {
    color: #8D9C9E;
    float: right;
    text-decoration: none;
}

.arabic .language_switcher a {
    -webkit-transform: rotatey(-180deg);
}

.language_switcher a:last-of-type {
    margin-right: 30px;
}

.eng_switch {
    font-family: 'PKIFontBold';
}

.arabic {
    -webkit-transform: rotatey(-180deg);
    text-align: right;
}

/** Slide One **/

.slide_one {
    background-image: url('../images/slide_one.jpg');
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 150%;
    height: 1080px;
    width: 100%;
}
/*.arabic .slide_one {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}*/

.main_site_header {
    color: #FF0000;
    font-size: 25px;
    padding-top: 175px;
}
.arabic .main_site_header {
    -webkit-transform: rotatey(180deg);
    text-align: right;
    direction: rtl;
}

.slide_one_body_text {
    color: #8D9C9E;
    font-size: 19px;
    line-height: 36px;
    width: 60%;
}

.arabic .slide_one_body_text {
    -webkit-transform: rotatey(180deg);
    text-align: right;
    direction: rtl;
}

.down_arrow_holder {
    height: 50px;
    text-align: center;
    width: 100%;
}

.down_arrow {
    background-image: url('../images/down_arrow.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 40px;
    margin: 0 auto;
    position: relative;
    top: 30vh;
    width: 40px;
}

/** Slide Two **/

.slide_two {
    min-height: 700px;
}

.slide_two .bg_box {
    background-image: url('../images/slide_two_bg_box.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 500px;
    padding-top: 50px;
    z-index: 1;
}

.slide_two .container_content {
    opacity: 1;
    padding-left: 150px;
    padding-right: 150px;
    z-index: 2;
}

.slide_two .site_header {
    color: #FF0000;
    text-align: center;
}
.arabic .slide_two .site_header {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}

.slide_two_into_text {
    color: #FFF;
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 90px;
    padding-left: 70px;
    padding-right: 70px;
    text-align: center;
}
.arabic .slide_two h3 {
    direction: rtl;
}
.arabic .slide_two_into_text {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}

.slide_two .st_img_holder {
    border: 1px solid #ff000073;
    border-radius: 110px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 30px;
    width: 80px;

    -webkit-box-shadow: 0 0 20px rgba(255, 0, 0, 0.9);
    -moz-box-shadow: 0 0 20px rgba(255, 0, 0, 0.9);
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.9);
}

.slide_two .st_img_one {
    background-image: url('../images/st_img_one.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    margin: 0 auto;
    width: 65px;
}

.slide_two .st_img_two {
    background-image: url('../images/st_img_two.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    margin: 0 auto;
    margin-right: -10px;
    width: 80px;
}
.arabic .slide_two .st_img_two {
    margin-left: -5px;
    margin-right: 0px;
}

/** Slide Three **/

.slide_three {
    height: 710px;
    overflow: hidden;
}

.slide_three .bg_box {
    background: linear-gradient(180deg, rgba(141, 156, 158, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 540px;
    position: absolute;
    opacity: 0.4;
    overflow-x: hidden;
    margin-top: -740px;
    padding-top: 50px;
    width: 100%;
    z-index: -2;
}

.slide_three .site_header {
    color: #FFF;
    text-align: center;
}
.arabic .slide_three .site_header {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}

.left_flower {
    background-image: url('../images/left_flower.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 660px;
    left: -50px;
    margin-top: -720px;
    position: absolute;
    width: 400px;
    z-index: -1;
}
.right_flower {
    background-image: url('../images/right_flower.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 660px;
    right: -50px;
    margin-top: -720px;
    position: absolute;
    width: 400px;
    z-index: -1;
}

.slide_three .container_content {
    opacity: 1;
    padding-left: 150px;
    padding-right: 150px;
    z-index: 2;
}

.row_holder {
    margin: 0 auto;
    margin-top: 50px;
    padding-left: 80px;
    width: 70%;
}

.row_st {
    float: left;
    width: 100%;
}

.slide_three .st_img_holder {
    background: #000;
    border: 0;
    border-radius: 110px;
    float: left;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 30px;
    width: 50px;

    -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.9);
}

.slide_three .slide_two_text {
    color: #FFF;
    font-size: 14px;
    line-height: 23px;
    margin-left: 100px;
    margin-top: 35px;
    padding-left: 70px;
    padding-right: 70px;
    text-align: left;
}

.slide_three .st_img_one {
    background-image: url('../images/st3_icon_one.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    margin: 0 auto;
    width: 50px;
}

.slide_three .st_img_two {
    background-image: url('../images/st3_icon_two.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    margin: 0 auto;
    margin-right: 0px;
    margin-top: 5px;
    width: 50px;
}

.slide_three .st_img_three {
    background-image: url('../images/st3_icon_three.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    margin: 0 auto;
    margin-right: -5px;
    width: 50px;
}
.arabic .slide_three .st_img_three {
    margin-left: -5px;
    margin-right: 0px;
}

/** Slide Four **/

.slide_four {
    margin-top: 100px;
    min-height: 470px;
}

.st_img_cert {
    background-image: url('../images/cert_img.png');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 700px;
    margin-left: -230px;
    margin-top: -220px;
    position: absolute;
    width: 680px;
    z-index: -2;
}

.slide_four .container_content {
    opacity: 1;
    padding-left: 150px;
    padding-right: 150px;
    z-index: 2;
}

.slide_four .left_block {
    width: 40%;
}
.slide_four .right_block {
    width: 60%;
}

.slide_four .site_header {
    color: #FF0000;
    margin-left: 50px;
    text-align: left;
}

.arabic .slide_four .site_header {
    -webkit-transform: rotatey(180deg);
    text-align: right;
    direction: rtl;
}

.slide_four .st4_img {
    background-image: url('../images/ellipse.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    height: 80px;
    margin: 0 auto;
    margin-right: 10px;
    margin-top: -9px;
    width: 40px;
}

.slide_four_text {
    color: #FFF;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 30px;
    padding-left: 30px;
    text-align: left;
}
.arabic .slide_four_text {
    -webkit-transform: rotatey(180deg);
    text-align: right;
    padding-right: 50px;
    direction: rtl;
}

/** Slide Five **/

.slide_five {
    min-height: 1240px;
}

.slide_five .bg_box {
    background-image: url('../images/slide_five_bg.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 1300px;
    margin: 0 auto;
    margin-bottom: -1300px;
    margin-top: 40px;
    padding-top: 50px;
    width: 65%;
}

.swirls {
    background-image: url('../images/swirls.png');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 1300px;
    margin: 0 auto;
    opacity: 0.7;
    width: 100%;
}

.slide_five .site_header {
    color: #FF0000;
    text-align: center;
}
.arabic .slide_five .site_header {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}
.arabic .slide_five h3 {
    -webkit-transform: rotatey(-180deg) !important;
    direction: rtl;
}
.slide_five .container_content .site_header {
    color: #FFF;
    font-family: 'PKIFontBold';
    text-align: center;
}
.push {
    margin-bottom: 40px;
    width: 100%;
}

.slide_five .container_content { 
    opacity: 1;
    margin: 0 auto;
    width: 70%;
    z-index: 2;
}

.inner_squeeze {
    margin: 0 auto;
    width: 80%;
}

.slide_five .row_holder {
    margin: 0 auto;
    margin-top: 0px;
    padding-left: 0px;
    width: 70%;
}
.arabic .slide_five .row_holder {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}
.arabic .slide_five .stretch {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}

.slide_five .row_st {
    height: 80px !important;
    padding-top: 20px;
}
.slide_five .row_st:first-of-type {
    padding-top: 0px;
}
.slide_five .stretch {
    border-bottom: 0px !important;
    height: 40px !important;
}
.slide_five .row_st:last-of-type {
    border-bottom: 0px;
}

.slide_five_text {
    color: #FFF;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 90px;
    padding-left: 70px;
    padding-right: 70px;
    text-align: center;
}

.under_bold {
    font-family: 'PKIFont';
}

.slide_five_text_squeeze {
    color: #FFF;
    font-size: 14px;
    line-height: 23px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    width: 55%;
}

.slide_five .row_st {
    border-bottom: 1px solid #FFF;
    float: left;
    height: 100px;
    width: 100%;
}

.slide_five_text_grey {
    color: #8D9C9E;
    float: none;
    font-size: 13px;
    margin: 0 auto;
    text-align: center;
    width: 65%;
}
.arabic .slide_five_text_grey {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}
.arabic .flip {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}
.arabic .flip_spec {
    -webkit-transform: rotatey(0deg) !important;
    direction: rtl;
}
.arabic .ta_r {
    text-align: right;
}

/** Slide Six **/

.slide_six .site_header {
    color: #FF0000;
    text-align: center;
}
.arabic .slide_six .site_header {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}

.slide_six_text {
    color: #FFF;
    font-size: 14px;
    line-height: 23px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    width: 40%;
}
.arabic .slide_six_text {
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}

.slide_six .st_img_holder {
    border: 1px solid #ff000073;
    border-radius: 110px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 30px;
    width: 70px;

    -webkit-box-shadow: 0 0 20px rgba(255, 0, 0, 0.9);
    -moz-box-shadow: 0 0 20px rgba(255, 0, 0, 0.9);
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.9);
}

.slide_six .st_img {
    background-image: url('../images/mail_icon.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 60px;
    margin: 0 auto;
    margin-right: 5px;
    margin-top: 10px;
    width: 60px;
}

.slide_six .mail_btn {
    background-image: url('../images/email_btn.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    color: #FFF;
    font-family: 'PKIFontBold';
    font-size: 22px;
    height: 100px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
    width: 300px;
}
.slide_six .container_content a {
    text-decoration: none;
}
.arabic .slide_six .mail_btn {
    font-size: 18px;
    -webkit-transform: rotatey(180deg);
    direction: rtl;
}

/** Footer **/

.footer {
    height: 190px;
    margin-top: 40px;
    overflow: hidden;
}

.footer a {
    text-decoration: none;
}

.footer .bg_box {
    background-image: url('../images/footer_bg.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 300px;
    margin: 0 auto;
    width: 100%;
}

.swirls_footer {
    background-image: url('../images/swirls_footer.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 190px;
    margin: 0 auto;
    opacity: 0.7;
    position: absolute;
    width: 1280px;
    z-index: -2;
}

.footer .left_block {
    margin-left: 100px;
    width: 40%;
}
.footer .right_block {
    margin-right: 100px;
    width: 40%;
}

.desc_logo {
    background-image: url('../images/footer-logo.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 80px;
    margin-top: 30px;
    width: 200px;
}
.arabic .desc_logo {
    font-size: 18px;
    -webkit-transform: rotatey(180deg);
}

.slide_footer_text {
    color: #FFF;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 0px;
}
.arabic .slide_footer_text {
    text-align: right;
    direction: rtl;
    transform: rotateY(180deg);
}

.social_icons {
    float: right;
    margin-top: 100px;
    width: 170px;
}
.instagram_icon {
    background-image: url('../images/instagram_icon.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    height: 20px;
    margin-right: 30px;
    margin-top: 2px;
    width: 20px;
}
.youtube_icon {
    background-image: url('../images/youtube_icon.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    height: 20px;
    margin-right: 30px;
    margin-top: 4px;
    width: 20px;
}
.linkedin_icon {
    background-image: url('../images/linkedin_icon.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    height: 20px;
    margin-right: 30px;
    width: 20px;
}
.twitter_icon {
    background-image: url('../images/twitter_icon.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    height: 20px;
    margin-top: 3px;
    width: 20px;
}

.arabic .instagram_icon {
    -webkit-transform: rotatey(-180deg);
}
.arabic .youtube_icon {
    -webkit-transform: rotatey(-180deg);
}
.arabic .linkedin_icon {
    -webkit-transform: rotatey(-180deg);
}
.arabic .twitter_icon {
    -webkit-transform: rotatey(-180deg);
}

.arabic .row_st .right_block {
    float: left;
}