@font-face {
    font-family: "GE_Bold";
    src: url("../fonts/GE_SS_Two_Bold.otf");
}

@font-face {
    font-family: "GE_Light";
    src: url("../fonts/GE_SS_Two_Light.otf");
}

@font-face {
    font-family: "GE_Medium";
    src: url("../fonts/GE_SS_Two_Medium.otf");
}

@font-face {
    font-family: "HelveticaNeue";
    src: url("../fonts/HelveticaNeue.otf");
}

@font-face {
    font-family: "HelveticaNeue-Light";
    src: url("../fonts/HelveticaNeue-Light.otf");
}

body{
    font-family: 'GE_Light' !important;
}

/* Start Home Page Style*/

.navbar{
    margin-bottom: 0;
    color: #fff;
    border: none !important;
    position: absolute !important;
    top: 100px !important;
    width: 100%;
    left: auto;
    right: auto;
    border-radius: 0px !important;
    background: rgba(255,255,255,.2); /* For browsers that do not support gradients */
    background: linear-gradient(-90deg, rgba(255,255,255,.2), rgba(255,255,255,0)) !important;
    z-index: 100;
}
.navbar-nav>li{
    float: right !important;
}
.nav{
    text-align: center;
    font-family: 'GE_bold' !important;
}

.navbar-inverse .navbar-nav>li>a{
    color: #fff !important;
}

.navbar-inverse .navbar-nav>li:hover{
    border-bottom: 2px solid #671C17;
}

.navbar-brand .img1{
    display: inline-block;
    position: absolute;
    top: -60px;
    left: 30px;
    width: 110px;
}

.navbar-brand .img2{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 140px;
    width: 150px;
}

.firstSection{
    background-image: url('../images/firstSec.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.firstSection p{
    width: 70%;
    font-size: 16px;
}

.descCont{
    position: relative;
    padding:25px;
    color: #fff;
    background-color: rgba(103, 28, 23, 0.4);
    text-align: right;
    direction: rtl;
    margin-top: 270px;
}

.rightLine{
    position: absolute;
    bottom: 0px;
    height: 70%;
    background-color: #fff;
    right:0px;
    width: 2px;
}

.bottomLine{
    position: absolute;
    bottom: 0px;
    height: 2px;
    background-color: #fff;
    right:0px;
    width: 60%;
}

.mouseScroll {
    position: absolute;
    bottom: 30px;
    width:35px;
    height:50px;
    border-radius: 18px;
    border:solid 2px #ffffff;
    text-align: center;
    display: inline-block;
    left:0;
    right:0;
    margin: auto;
    z-index: 10;
    background-color: rgba(255,255,255,.32);
}

.mouseScroll div {
    height:9px;
    background: #ffffff;
    width: 2px;
    display: inline-block;
    animation-name: scroll;
    animation-duration: 1.5s;
    position: relative;
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-iteration-count:infinite;
    top: 20px;
}

.swiper-button-next{
    background-image: url('../images/rightArrow.png');
    background-size: contain;
    width: 50px;
    height: 50px;
    right: 20px;
}

.swiper-button-prev{
    background-image: url('../images/leftArrow.png');
    background-size: contain;
    width: 50px;
    height: 50px;
    left: 20px;
}

.secondSection{
    background-image: url('../images/secondSection.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: right;
    direction: rtl;
    color: #fff;
    padding: 10% !important;
}

.secondSection h1{
    display: inline-block;
    margin-right: 5px;
}

.block{
    display:inline-block;
    width: 15px;
    height: 30px;
    background-color: #fff;
}

.descriptionCont{
    position: relative;
    padding: 25px;
}

.descriptionCont .div1{
    position: absolute;
    top: 0px;
    height: 2px;
    background-color: #fff;
    right:0px;
    width: 50px;
}

.descriptionCont .div2{
    position: absolute;
    top: 0px;
    height: 50px;
    background-color: #fff;
    right:0px;
    width: 2px;
}

.descriptionCont .div3{
    position: absolute;
    bottom: 0px;
    height: 2px;
    background-color: #fff;
    left:0px;
    width: 50px;
}

.descriptionCont .div4{
    position: absolute;
    bottom: 0px;
    height: 50px;
    background-color: #fff;
    left:0px;
    width: 2px;
}

.thirdSection{
    text-align: right;
    direction: rtl;
    color: #fff;
    padding: 10% 10% 0px 10% !important;
}

.thirdSection h1{
    display: inline-block;
    margin-right: 5px;
}

.thirdSection ul{
    direction: rtl;
    text-align: right;
    color: #671C17;
    font-size: 18px;
    width: 90%;
}

.thirdSection ul p{
    color: #000;
}

.thirdSection .first{
    text-align: center;
    padding: 10px;
}

.thirdSection .first img{
    width: 100%;
}

.forthSection{
    height: 100%;
    background-image: url('../images/forth.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: right;
    direction: rtl;
    color: #fff;
    padding: 0px !important;
}

.forthSection .first{
    padding: 50px 10% 0px 10%;
}

.forthSection h1{
    display: inline-block;
    color: #671C17;
    margin-right: 5px;
}

.forthSection h2{
    color: #000;
}

.forthSection .second{
    background-color: rgba(0,0,0,.45);
    margin-top: 100px;
    padding: 50px 10% 50px 10%;
    margin-bottom: 150px;
}

.forthSection .second ul{
    direction: rtl;
    text-align: right;
    color: #671C17;
    font-size: 18px;
    width: 90%;
}

.forthSection .second p{
    color: #fff;
}

.fifthSection {
    text-align: right;
    direction: rtl;
    color: #fff;
    padding: 10% !important;
}

.fifthSection h1{
    display: inline-block;
    color: #671C17;
    margin-right: 5px;
}

.sixthSection{
    text-align: right;
    direction: rtl;
    color: #fff;
    padding: 10% !important;
}

.sixthSection h1{
    display: inline-block;
    color: #671C17;
    margin-right: 5px;
}

.sixthSection ul{
    list-style: none;
    text-align: center;
}

.sixthSection ul li{
    display: inline-block;
    padding: 5px;
}

/* End Home Page Style */


/* Start Portfolio Page Style */
.project-name {
    color: #202635;
    text-align: right;
    margin-top: 60px;

}

.project-name h1 {
    font-size: 25px;
    margin-bottom: 25px;
    margin-left: auto;
    font-family: "GE_Bold";
}

.project-name p{
    font-family: "GE_Light";
    direction: rtl;
    margin-left: auto;
}

.proj-feature {
    background-image: url('../images/Group-467s5.png');
    padding: 30px;
    background-position: bottom;
    margin-top: 70px;
    max-width: 1026px;
    margin-left: auto;
}

.proj-feature h1 {
    font-size: 25px;
    color: white;
    margin-bottom: 20px;
    font-family: "GE_Bold";
    text-align: right;
    margin-left: auto;
}

.proj-feature p{
    color: white;
    font-family: "GE_Light";
    text-align: right;
    direction: rtl;
}

.our-projects {
    background-image: url("../images/Mask Group 17.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
    text-align: right;
}

.our-projects h1 {
    color: #202635;
    font-size: 50px;
    font-family: "GE_Bold";
}

.our-projects h2 {
    color: #202635;
    font-size: 50px;
    margin-right: 35px;
    font-family: "GE_Light";
}

.projects-title h1 {
    text-align: center;
    color: #671C17;
    font-family: "GE_Bold";
    margin-bottom: 50px;
}

.projects-title {
    margin-top: 50px;
    text-align: center;
}

.projects-title h2 {
    font-family: "GE_Bold";
    color: #202635;
    font-size: 20px;
    margin-top: 20px;
}

.projects-title p {
    font-family: "GE_Light";
    color: #202635;
    max-width: 300px;
    margin: auto;
    margin-bottom: 10px;
}

.projects-title button {
    background: #671C17;
    border: none;
    padding: 0px 25px 2px 25px;
    border-radius: 40px;
    margin-bottom: 20px;
}

.projects-title button a {
    color: white;
    font-family: "GE_Light";
}

.projects-title button a:hover {
    text-decoration: none;
}

.back-div {
    box-shadow: 2px 3px 6px rgba(0,0,0,.16);
    padding: 0;
    float: right !important;
    margin-bottom: 50px;
}

.last-link a {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #202635;
    font-family: "GE_Bold";
    font-size: 20px;
}

/* End Portfolio Page Style */

/* Start Services Page Style */

.servcies-section {
    background-image: url("../images/Mask Group 13.png");
    background-size: cover;
    height: 430px;
    background-position: center;
    background-repeat: no-repeat;
}
.servcies-section h2 {
    color: white;
    text-align: right;
    font-size: 69px;
    margin-top: 100px;
    font-family: "GE_Bold";

}
.servcies-section p {
    color: white;
    font-size: 23px;
    padding-top: 15px;
    margin: auto;
    text-align: center;
    z-index: 9;
    position: relative;
}
.back-parg{
    background: white;
    width: 100%;
    height: 128px;
    opacity: .17;
    -webkit-filter: brightness(250%);
    filter: brightness(-50%);
    position: absolute;
    z-index: 2;
    top: 65px;
    margin: auto;
    bottom: 0;
}
.red-line {
    width: 11px;
    height: 90px;
    background: #671C17;
    position: absolute;
    right: 0;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.filed-sec h1 {
    color: #671C17;
    font-family: "GE_Light";
    text-align: center;
    font-size: 64px;
    margin: auto;
    margin-top: 40px !important;
}
.filed-sec p {
    color: #202635;
    text-align: right;
    margin-right: 20px !important;
    font-size: 20px;
    max-width: 666px;
    margin: auto;
}
.filed-sec h2 {
    color: #202635;
    margin-top: 20px;
    margin-bottom: 3px;
    font-size: 25px;
    font-family: "GE_Bold";


}
.filed-sec h3 {
    font-family: "GE_Light";
    color: #303646;
    font-size: 23px;
}
.row-space {
    margin-top: 80px;
}
.row-space img {
    width: 70px;
}

/* End Services Page Style */

/* Start Contact Page Style */

.contact-section{
    background-image: url("../images/Group 4624.png");
    height: 408px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.contact-section h1 {
    color: white;
    font-size: 60px;
    font-family: "GE_Bold";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 10px;

}

.contact-section img {
    height: 102px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.form-style{
    text-align: right;
    direction: rtl;
    padding: 5%;
}

.form-style label {
    font-family: "GE_Light";
    color: #202635;
    font-size: 27px;
    margin-top: 30px;
}

.form-group input {
    border: 2px solid #CECECE;
    box-shadow: 1px 2px 22px rgba(0,0,0,.16);
    height: 58px;
}

.form-style textarea {
    border: 2px solid #CECECE;
    box-shadow: 1px 2px 22px rgba(0,0,0,.16);
    resize: none;
}

.form-style button {
    background: #671C17;
    color: white;
    font-size: 22px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px;
    font-family: "GE_Light";
    padding: 10px 70px 10px 70px;
    border-radius: 0px;
}

@media (max-width: 767px){
    .form-style label{
        font-size: 20px;
    }
    .form-group input{
        height: 40px;
    }
    .mad{
        margin-top: 50px;
    }
    .navbar-nav>li{
        float: none !important;
    }
    .order-xs-3
    {
        order: 3 !important;
    }
    .order-xs-2
    {
        order: 2 !important;
    }
    .order-xs-1
    {
        order: 1 !important;
    }
    .red-line {
        width: 106px;
        height: 5px;
        right: 0;
        top: initial;
        left: 0;
        bottom: -30px;
    }
    .row-space {
        margin-top: 50px;
    }
    .filed-sec p {
        text-align: center;
    }
    .red-line.last-line {
        display: none;
    }
    .contact-section h1 {
        right: 10px;
        color: #202635;
        top: initial;
    }
    .contact-section {
        height: 290px;
    }
}

/* End Contact Page Style */

/* Start About Us Page Style */

.who-we {
    background-image: url("../images/Group-4674.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
    text-align: right;
    direction: rtl;
    background-position: bottom;
}

.who-we h1 {
    color: white;
    font-size: 55px;
    display: inline-block;
    vertical-align: bottom;
}

.abou-comp {
    background-image: url("../images/Group 4654.png");
}

.abou-comp h1 {
    color: #671C17;
    font-size: 50px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: "GE_Bold";

}

.tab {
    position: relative;
    width: 100%;
}

.tab img {
    position: absolute;
    left: -13.2px;
    margin: auto;
    height: 49px;
    border-radius: 25px;
    top: 6px;

}

/* Style the buttons inside the tab */
.tab button {
    background: none;
    color: #671C17;
    padding: 14px 29px;
    width: 100%;
    outline: none;
    text-align: right;
    cursor: pointer;
    margin-left: auto;
    margin-bottom: 38px;
    border-radius: 41px;
    border: 1px solid #671C17;
    font-family: "GE_Light";
    font-size: 20px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-image: url("../images/Group 4634.png");
    color: white;
    background-position: center;
    background-size: contain;
    border: none;
    padding: 20px;
    width: 100%;
    background-repeat: no-repeat;
}

/* Style the tab content */
.tabcontent {
    padding: 0px 12px;
    box-shadow: 0px 3px 6px rgba(0,0,0,.16);
    border-left: none;
    min-height: 274px;
    text-align: right;
    direction: rtl;
}

.tabcontent img{
    max-width: 112px;
}

.tabcontent p{
    font-family: "GE_Light";
}

/* Style the tab */
.tab {
    float: right;
    height: 300px;
}

@media (max-width: 767px){
    .red-line {
        width: 106px;
        height: 5px;
        right: 0;
        top: initial;
        left: 0;
        bottom: -30px;
    }

    .back-parg{
        height: 255px;
    }

    .row-space {
        margin-top: 50px;
    }

    .filed-sec p {
        text-align: center;
    }

    .red-line.last-line {
        display: none;
    }

    .contact-section h1 {
        right: 10px;
        top: initial;
        margin-right: 22px;
        margin-bottom: 15px;
    }

    .servcies-section p {
        font-size: 20px;
    }

    .servcies-section h2{
        margin-top: 44px;
    }

    .contact-section {
        height: 290px;
    }

    .back-div {
        max-width: 100%;
    }

    .tab button.active {
        background-color: #671C17;
    }
}

.tab div {
    position: relative
}

/* End About Us Page Style */

/* Start Footer Style */
.footer{
    color:#BFBCBC;
    position: relative;
}

.footerImgDiv{
    text-align: center;
    margin-bottom: -56px;
    margin-top: 30px;
}

.footerImg{
    max-width: 100%;
    z-index: 0;
    position: relative;
}

.footer .row{
    z-index: 1;
    position: relative;
    background-color: #202635;
    direction: rtl;
    padding: 50px;
    color: #fff;
}

.footer1{
    display: inline-block;
    width: 300px;
    float: right;
}

.footer1 ul{
    list-style: none;
    padding-right: 0px;
}

.footer1 ul a{
    color: #BFBCBC;
}

.footer2{
    display: inline-block;
    width: 300px;
    float: left;
}

.footer2 ul{
    list-style: none;
    padding-right: 0px;
}

.footer2 ul li{
    padding-top: 20px;
}

.footer3{
    display: inline-block;
    width: 450px;
    text-align: center;
}

.footer3 ul{
    list-style: none;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    direction: ltr;
}

.footer3 ul li{
    display: inline;
    padding: 5px;
}

.footer3 p{
    direction: ltr;
}
@media (max-width: 992px) {
    .footer1 {
        width: 100%;
        text-align: right;
    }
    .footer2 {
        width: 100%;
        text-align: right;
        margin-top: 40px;
    }
    .footer3 {
        width: 100%;
        margin-top: 40px;
    }
}
/* End Footer Style */