@font-face {
                                        font-family: KacstOffice;
                                        src: url(font/KacstOffice.ttf);
                                    }
                                    
                                    @font-face {
                                        font-family: FS_Diwany;
                                        src: url(font/FS_Diwany.ttf);
                                    }
                                    
                                    * {
                                        padding: 0;
                                        margin: 0;
                                        box-sizing: border-box;
                                    }
                                    
                                    a {
                                        color: #231f20;
                                        text-decoration: none;
                                    }
                                    
                                    h1,
                                    h2 {
                                        font-family: "KacstOffice";
                                    }
                                    
                                    body {
                                        position: absolute;
                                        width: 100%;
                                        height: 100%;
                                        font-family: "KacstOffice", Arial, Helvetica, sans-serif;
                                        color: #231f20;
                                        background-color: #ffffff;
                                    }
                                    
                                    .bodyAll {
                                        margin: 0 auto;
                                        width: 100%;
                                        position: relative;
                                        /*overflow: hidden;*/
                                        min-height: 100%;
                                    }
                                    
                                    .headerSection {
                                        position: relative;
                                        width: 100%;
                                    }
                                    
                                    .headerTop {
                                        /*overflow: hidden;*/
                                        width: 100%;
                                        height: 100px;
                                        background-color: #fafafa;
                                        box-shadow: 0px 3px 5px #999;
                                    }
                                    
                                    .bodyTop {
                                        margin-bottom: 30px;
                                        position: relative;
                                    }
                                    
                                    .logo {
                                        float: right;
                                        width: 150px;
                                        margin-top: 3%;
                                    }
                                    
                                    .bodySection {
                                        overflow: hidden !important;
                                        position: relative;
                                        margin-bottom: 40px;
                                        margin-top: 100px;
                                    }
                                    
                                    .content {
                                        height: 100%;
                                        width: 70%;
                                        margin: 0 auto;
                                        position: relative;
                                        overflow: hidden;
                                    }
                                    
                                    .contactCon {
                                        width: 65%;
                                    }
                                    
                                    .menu {
                                        float: left;
                                        height: 100%;
                                        overflow: hidden;
                                    }
                                    
                                    .menu a {
                                        height: 100%;
                                        padding: 7% 15px;
                                        color: #333333;
                                        text-transform: uppercase;
                                        border-bottom: 2px solid #fafafa;
                                        font-size: 12pt;
                                        display: inline-block;
                                        font-family: "KacstOffice";
                                        float: right;
                                    }
                                    
                                    .menu a:hover,
                                    .menuResp a:hover {
                                        background-color: #999999;
                                        color: #ffffff;
                                        border-bottom: 2px solid #ffffff;
                                    }
                                    
                                    .active {
                                        background-color: #999999;
                                        /*border-bottom: 2px solid #ffffff !important;*/
                                        color: #ffffff !important;
                                    }
                                    
                                    .heroText {
                                        text-align: right;
                                        position: absolute;
                                        top: 30%;
                                        right: 25%;
                                    }
                                    
                                    .heroTitle {
                                        font-size: 40px;
                                    }
                                    
                                    .footerSection {
                                        background-color: #f2f2f2;
                                        color: #333333;
                                        padding: 1%;
                                        font-size: 15px;
                                        margin: 0 auto;
                                        bottom: 0;
                                        width: 100%;
                                    }
                                    
                                    .footLeft {
                                        float: left;
                                    }
                                    
                                    .footRight {
                                        float: right;
                                    }
                                    
                                    .topTitle {
                                        font-size: 37px;
                                        text-align: right !important;
                                        color: #333333;
                                        font-family: "Bitstream Cyberbit";
                                        font-weight: normal;
                                        text-transform: uppercase;
                                        text-shadow: 5px 5px 28px #fff;
                                        display: block;
                                        line-height: 1.2;
                                    }
                                    
                                    .textAll {
                                        display: block;
                                        left: 20%;
                                        top: 20%;
                                        position: absolute;
                                        background-color: rgba(255, 255, 255, 0.6);
                                        padding: 1%;
                                    }
                                    
                                    .topText {
                                        color: #333333;
                                        font-size: 22px;
                                        text-shadow: 23px 52px 28px #fff;
                                        font-family: "FS_Diwany";
                                        /*opacity: 0.95;*/
                                    }
                                    
                                    .pageTitle {
                                        text-transform: uppercase;
                                        color: #262b30;
                                        font-size: 39px;
                                        text-align: center;
                                        font-weight: normal;
                                    }
                                    
                                    .paraTitle {
                                        font-size: 22px;
                                        color: #262b30;
                                        text-align: center;
                                        font-family: "KacstOfficeItalic";
                                        font-style: italic;
                                        font-weight: normal;
                                    }
                                    
                                    .text {
                                        color: #333333;
                                        font-size: 22px;
                                        text-align: center;
                                        margin: 30px 0;
                                        line-height: 1.5;
                                        direction: rtl;
                                    }
                                    
                                    input.contactInput,
                                    textarea.contactInput {
                                        width: 100%;
                                        height: 40px;
                                        font-size: 14px;
                                        border: 1px solid #36526a;
                                        padding-left: 10px;
                                    }
                                    
                                    textarea.contactInput {
                                        height: 180px;
                                        resize: none;
                                        padding-top: 10px;
                                        font-family: "KacstOffice", Arial, Helvetica, sans-serif;
                                    }
                                    
                                    .contentRight {
                                        float: right;
                                        width: 48%;
                                    }
                                    
                                    .contentLeft {
                                        float: left;
                                        width: 48%;
                                        border: 1px solid #36526a;
                                        text-align: center;
                                        position: relative;
                                    }
                                    
                                    .contactCont {
                                        margin-top: 45px;
                                    }
                                    
                                    .inputForm label {
                                        display: block;
                                        margin-bottom: 10px;
                                        color: #36526a;
                                        font-size: 14px;
                                        text-align: right;
                                    }
                                    
                                    .inputForm {
                                        margin-bottom: 25px;
                                        float: right;
                                        width: 48%;
                                        margin-left: 2%;
                                    }
                                    
                                    .inputArea {
                                        width: 98%;
                                    }
                                    
                                    .contFooter {
                                        background-color: #d7dce1;
                                        padding: 10px;
                                    }
                                    
                                    .contFooter div {
                                        display: inline-block;
                                    }
                                    
                                    .contFooter div a {
                                        color: #36526a;
                                        font-size: 14px;
                                    }
                                    
                                    .submit {
                                        text-align: center;
                                    }
                                    
                                    .submitBtn {
                                        width: 50%;
                                        background-color: #ffffff;
                                        height: 40px;
                                        border: 2px solid #262b30;
                                        color: #262b30;
                                        cursor: pointer;
                                    }
                                    
                                    .submitBtn:hover {
                                        background-color: #cccccc;
                                    }
                                    
                                    .morecontent span {
                                        display: none;
                                    }
                                    
                                    .morelink {
                                        display: block;
                                        color: #262b30;
                                        margin-top: 15px;
                                    }
                                    
                                    .more span {
                                        font-family: "KacstOffice";
                                    }
                                    
                                    .logoResp {
                                        text-align: center;
                                        margin: 20px 0;
                                    }
                                    
                                    .bars {
                                        height: 10px;
                                        border-top: 3px solid #122454;
                                        width: 30px;
                                    }
                                    
                                    .headerTop .content {
                                        overflow: unset;
                                    }
                                    
                                    .menuBars {
                                        display: inline-block;
                                        position: absolute;
                                        top: 5%;
                                        right: 5%;
                                        cursor: pointer;
                                    }
                                    
                                    .menuResp {
                                        float: none;
                                        height: 100%;
                                        overflow: hidden;
                                        background-color: #999999;
                                        display: none;
                                    }
                                    
                                    .menuResp a {
                                        padding: 7% 8px;
                                        font-size: 14px;
                                        height: 100%;
                                        color: #ffffff;
                                        text-transform: uppercase;
                                        border-bottom: 2px solid #36526a;
                                        display: block;
                                        font-family: "KacstOffice";
                                        text-align: right;
                                    }
                                    
                                    .headerTopResp {
                                        overflow: hidden;
                                        width: 100%;
                                        background-color: #fafafa;
                                        display: none;
                                    }
                                    
                                    .readMore {
                                        text-align: center;
                                        margin-top: 20px;
                                    }
                                    
                                    .readMore a {
                                        color: #015e99;
                                        font-size: 22px;
                                        text-decoration: underline;
                                    }
                                    
                                    .brandsSec {
                                        background-image: url("../img/bg-brands.jpg");
                                        background-size: 100%;
                                        background-repeat: no-repeat;
                                        padding: 40px 0;
                                        min-height: 500px;
                                        /* Create the parallax scrolling effect */
                                        background-attachment: fixed;
                                        background-position: center;
                                        background-repeat: no-repeat;
                                        background-size: cover;
                                    }
                                    
                                    .aboutSec {
                                        background-color: #f2f2f2;
                                        padding: 30px 0;
                                    }
                                    
                                    .aboutSec .text {
                                        margin-bottom: 0;
                                    }
                                    
                                    .paraText {
                                        color: #ffffff;
                                        font-family: "KacstOfficeItalic";
                                        font-size: 26px;
                                        text-align: center;
                                        margin-top: 30px;
                                        line-height: 1.5;
                                    }
                                    
                                    .brandBox {
                                        width: 30%;
                                        float: left;
                                        margin-right: 3%;
                                    }
                                    
                                    .boxTitle {
                                        font-size: 22px;
                                        color: #262b30;
                                        text-align: center;
                                        margin-bottom: 10px;
                                        text-transform: uppercase;
                                    }
                                    
                                    .boxText {
                                        color: #838486;
                                        font-size: 14px;
                                        text-align: center;
                                        padding-bottom: 15px;
                                    }
                                    
                                    .brandsBoxes {
                                        overflow: hidden;
                                    }
                                    
                                    .boxCont {
                                        width: 100%;
                                        background-color: #ffffff;
                                        padding: 10px 30px 0 30px;
                                    }
                                    
                                    .learnMore {
                                        width: 50%;
                                        color: #ffffff;
                                        background-color: #262b30;
                                        padding: 15px 0;
                                        text-align: center;
                                        margin: 0 auto;
                                    }
                                    
                                    .serviceSec {
                                        background-color: #ffffff;
                                        padding: 40px 0;
                                    }
                                    
                                    .quoteSec .pageTitle,
                                    .aboutSec .pageTitle,
                                    .brandsSec .pageTitle,
                                    .serviceSec .pageTitle {
                                        font-family: "KacstOffice";
                                        font-weight: normal;
                                    }
                                    
                                    .servBox {
                                        width: 30%;
                                        text-align: right;
                                        float: right;
                                        padding: 15px;
                                        margin-left: 2%;
                                    }
                                    
                                    .servCont {
                                        margin-top: 20px;
                                    }
                                    
                                    .servBox:hover {
                                        background-color: #cccccc;
                                    }
                                    
                                    .servTitle {
                                        font-family: "KacstOfficeBold";
                                        text-transform: uppercase;
                                        color: #333333;
                                        font-size: 23px;
                                    }
                                    
                                    .servImg img {
                                        width: 100%;
                                    }
                                    
                                    .servText {
                                        text-transform: uppercase;
                                        color: #ffffff;
                                        font-size: 23px;
                                    }
                                    
                                    .servCircle img {
                                        width: 70%;
                                    }
                                    
                                    .servBoxes {
                                        overflow: hidden;
                                        margin-top: 50px;
                                    }
                                    
                                    .fancybox-caption {
                                        text-align: right !important;
                                    }
                                    
                                    .pageTitleItalic {
                                        font-family: "KacstOfficeItalic";
                                        text-transform: lowercase;
                                    }
                                    
                                    .makBox {
                                        width: 33%;
                                        display: inline-block;
                                        float: right;
                                        position: relative;
                                    }
                                    
                                    .makCont {
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        width: 100%;
                                        height: 100%;
                                        text-align: right;
                                        padding: 10%;
                                        background-color: #31312f;
                                        opacity: 0.8;
                                        display: none;
                                    }
                                    
                                    .makCont_b {
                                        border: 15px solid #fff;
                                    }
                                    
                                    .pp1 {
                                        padding-top: 105px;
                                    }
                                    
                                    .pp2 {
                                        padding-top: 15px;
                                    }
                                    
                                    .makTitle {
                                        font-size: 28px;
                                        color: #ffffff;
                                    }
                                    
                                    .makDate {
                                        color: #ffffff;
                                        font-size: 18px;
                                    }
                                    
                                    .makalatSec {
                                        margin-bottom: 40px;
                                    }
                                    
                                    .albumBox {
                                        float: right;
                                        width: 30%;
                                        margin-left: 2%;
                                        margin-bottom: 30px;
                                        position: relative;
                                        cursor: pointer;
                                    }
                                    
                                    .mItem {
                                        float: right;
                                        display: inline-block;
                                        padding: 3%;
                                        padding-top: 3%;
                                        position: relative;
                                        height: 100%;
                                        padding-top: 5%;
                                        font-size: 18px;
                                        margin-left: 1px;
                                    }
                                    
                                    .mItem:hover {
                                        background-color: #999999;
                                    }
                                    
                                    .mennu {
                                        width: 70%;
                                        float: left;
                                        height: 100px;
                                    }
                                    
                                    .subMenu {
                                        position: absolute;
                                        right: 0;
                                        z-index: 9999999;
                                        top: 95px;
                                        overflow: hidden;
                                        width: 155%;
                                        display: none;
                                    }
                                    
                                    .mSubMenu {
                                        padding: 7%;
                                        text-align: right;
                                        background-color: #fafafa;
                                        /*border-bottom: 3px solid #231f20;*/
                                    }
                                    
                                    .mSubMenu:hover {
                                        background-color: #999999;
                                    }
                                    
                                    .headerTop {
                                        position: fixed;
                                        z-index: 1122;
                                        top: 0;
                                    }
                                    
                                    @media only screen and (max-width: 850px) {
                                        .bodySection {
                                            margin: 0 !important;
                                        }
                                        .albumBox {
                                            width: 48%;
                                            margin-left: 0;
                                            margin-bottom: 30px;
                                            margin-left: 2%;
                                        }
                                        .headerSection {
                                            overflow: hidden;
                                        }
                                        .content {
                                            width: 90%;
                                        }
                                        .pageTitle {
                                            font-size: 32px;
                                        }
                                        .paraTitle {
                                            font-size: 21px;
                                        }
                                        .anchor {
                                            left: 40%;
                                        }
                                        .contNum {
                                            border: none;
                                            float: none;
                                            text-align: center;
                                            margin-bottom: 10px;
                                        }
                                        .contentLeft {
                                            float: none;
                                            width: 100%;
                                            margin-bottom: 30px;
                                        }
                                        .contentRight {
                                            float: none;
                                            width: 100%;
                                        }
                                        .tabCo>div {
                                            width: 100%;
                                        }
                                        .tab-right img {
                                            margin-top: 20px;
                                            width: 100%;
                                        }
                                        .tab-link {
                                            font-size: 13px;
                                        }
                                        .tab-left {
                                            padding: 0;
                                        }
                                        .headerTop {
                                            display: none;
                                        }
                                        .subMenuResp {
                                            display: none;
                                        }
                                        .opnCls {
                                            position: absolute;
                                            top: 25px;
                                            left: 5%;
                                        }
                                        .bodySection {
                                            margin-top: 0 !important;
                                        }
                                        .heroText {
                                            top: 30%;
                                            right: 10%;
                                            width: 85%;
                                        }
                                        .breadcrumb {
                                            float: right;
                                        }
                                        .heroTitle {
                                            font-size: 20px;
                                            float: left;
                                            font-weight: bold;
                                        }
                                        .headerTopResp {
                                            display: block;
                                        }
                                        .brandBox {
                                            width: 100%;
                                            float: none;
                                            margin: 0;
                                            margin-bottom: 20px;
                                        }
                                        .brandsSec {
                                            background-image: url("../img/bg-brands-resp.jpg");
                                        }
                                        .servBox {
                                            width: 100%;
                                            text-align: center;
                                            float: none;
                                            margin-bottom: 50px;
                                        }
                                        .servCircle {
                                            width: 40%;
                                        }
                                        .quoteSec {
                                            background-image: url("../img/bg-quote-resp.jpg");
                                            padding: 20px 0 0 0;
                                        }
                                        .brandsBoxes {
                                            margin-top: 20px;
                                        }
                                        .topBtn {
                                            margin: 30px auto;
                                        }
                                        .topTitle {
                                            font-size: 20px;
                                        }
                                        .topText {
                                            font-size: 16px;
                                        }
                                        .textAll {
                                            left: 2%;
                                            top: 2%;
                                        }
                                        .footerSection {
                                            font-size: 10px;
                                        }
                                    }
                                    
                                    @media only screen and (max-width: 550px) {}
                                    
                                    @media only screen and (max-width: 480px) {}
                                    
                                    @media only screen and (min-width: 1750px) {}
                                    
                                    @media only screen and (max-width: 1150px) and (min-width: 850px) {
                                        .menu a {
                                            height: 100%;
                                            padding: 7% 5px;
                                        }
                                        .content {
                                            width: 80%;
                                        }
                                    }