html, body {
            width: 100%;
            margin: 0 !important;
            padding: 0 !important;
           
            }

body {
    direction: ltr;
    font-family: Arial;
    background: #ffba00;
}

            a{
            text-decoration:none;
            }

            
            a.link_gray,a.link_gray:visited 
            {
                font-size:12px;
                color:#efefef;
            }

            a.link_gray:hover
            {
                font-size:12px;
                color:#ffba00;
            }

            h1
            {
            font-size:32px;
            font-weight:600;
            margin-bottom:0px;
            }

            h3.fp-fa
            {
            color:#ffba00;
            font-size:25px;
            font-weight:600;
            margin-top:5px;
            }
            section
            {
            display:block;
            z-index:10;
            padding-bottom:20px;
           
            }

            article
            {

            }



.list-inline {
    padding-left: 0;
    padding-right: 0px;
    margin: 3px;
    margin-top: 10px;
    margin-right: 40px;
    list-style: none;
    display: inline-block;
    background-color: rgba(222, 22, 22, 0.60);
    border-radius: 3px;
    padding: 1px;
    height: 26px;
    padding-top: 5px;
}

            .list-inline > li {
              display: inline-block;
              padding-right: 5px;
              padding-left: 5px;
            }


@media (min-width: 761px) {
    .vertical_menu {
        display: none;
    }
}
    @media (max-width: 760px) {
    .vertical_menu
        {
            display:inline-block;
        }
}

@media (min-width: 761px) {
    header {
        width: 100%;
        min-height: 80vh;
        margin: 0px;
        margin-top: -20px !important;
        padding: 0px;
        
        color: #ffffff;
        background: url("../Content/images/background-1.jpg") no-repeat;
        background-size: cover;
        background-position-y: bottom;
        background-position-x: center;
        display: block;
        border: 0px dashed #b6ff00;
    }

    .cover {
            width: 100%;
            min-height: 80vh;
            margin: 0px;
            position: absolute;
            padding: 0px;
           
            background-color: rgba(3, 3, 3, 0.58);
            background-color: rgba(24, 59, 103, 0.5);
            display: block;
            border: 0px solid #ff6a00;
            }

     .fp-title
            {
            color:#ffffff;
            position:absolute;
            top:200px;
            left:200px;
            font-size:25px;

            }
}


@media (max-width: 760px) {
    header {
        width: 100%;
        min-height: 50vh;
        margin: 0px;
        margin-top: -20px !important;
        padding: 0px;
     
        color: #ffffff;
        background: url("../Content/images/background-1.jpg") no-repeat;
        background-size: cover;
        background-position-y: bottom;
        background-position-x: center;
        display: block;
        border: 0px dashed #b6ff00;
    }

    .cover {
        width: 100%;
        min-height: 50vh;
        margin: 0px;
        position: absolute;
        padding: 0px;
      
        background-color: rgba(3, 3, 3, 0.58);
        background-color: rgba(24, 59, 103, 0.5);
        display: block;
        border: 0px solid #ff6a00;
    }

    .fp-title {
        color: #ffffff;
        position: absolute;
        top: 130px;
        font-size: 18px;
        right: 0px;
        text-align: center;
        width:100%;
    }

    .fp-title h1 {
        font-size: 23px;
    }

    .fp-title h3 {
        font-size: 18px;
    }

    .RMPanel {
        background-color: rgba(255, 160, 0, 0.91);
        padding-right:20px;
    }

    dd{
        line-height:2;
        margin-bottom:3px;
    }

    dl a{
        font-size:14px;
        line-height:2;
        color:#000000;
        font-weight:600;
    }

    dl a:hover{
        color:#efefef;

    }

    dt{}
}
@media (min-width: 761px) {
    header .cover .vh_top_row {
        min-height: 15px;
        padding: 3px;
        display: flex;
        margin: 25px 40px;
        direction:rtl;
    }

    
}


        @media (max-width: 760px) {
    header .cover .vh_top_row {
        min-height: 15px;
        padding: 3px;
        display: flex;
        margin: 25px auto;
        width:95%;
        direction:rtl;
    }
}
            .container
            {
            display:block;
            position:relative;
            z-index:10;
            }
            .body-style {
            width: 100%;
            min-height: 80vh;
            margin: 0px;
            margin-top: -20px !important;
            padding: 0px;
           
            color: #ffffff;
          
            display: block;
            border: 0px dashed #b6ff00;
            }

            

           

            .logo-panel {
            background-color: #ffba00 !important;
            }
        
            .logo-panel img {
            height: 120px;
            width: auto;
            }


            .row-panel {
            display: flex;
            flex-direction: row;           
            flex-wrap: wrap;
            justify-content: space-around;
            align-items: stretch;
            padding-top:10px;
            z-index:100;
            margin-top:-30px;
            max-width:90%;
            margin-right:auto;
            margin-left:auto;
            margin-bottom:20px;
            }

            .row-panel div {
            border: 1px solid #838383;
            border-radius: 15px;
            background-color: #fafafa;
            min-width:25%;
            max-width:25%;
            text-align:justify;
            padding:10px 25px;
            color:#808080;
            font-size:14px;               
            }

  
            @media (max-width: 760px)
            {
            .row-panel div {
            min-width:90%;
            margin-top:35px;
                    
            }
            }

            .row-panel div p, .row-panel div li {
            color: #7a7a7a; font-size: 13px; line-height: 2; font-weight: 300;
            }

            .row-panel div h2 {
            color: #5a5a5a;
            font-size: 16px;
            line-height: 2;
            font-weight: 600;
            }

            .bkg-3
            {
            background: url("../Content/images/background-3.jpg") no-repeat;
            background-size: cover;
            background-position-y: bottom;
            background-position-x: center;

            }


@media (max-width: 760px) {
    .min-hgh-450 {
        min-height: 650px;
    }

     .pad-lf-rh-50
            {
                padding-left:1%;
                padding-right:1%;
                 -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
          
            }
}

@media (min-width: 761px) {
    .min-hgh-450 {
        min-height: 450px;
    }

     .pad-lf-rh-50
            {
                padding-left:50px;
                padding-right:50px;
                 -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            }
}

           

            nav.fp-fa {
            position: absolute;
            top: 100px;
            width: 75%;
            margin: 0px auto;
            margin-bottom: 10px;
            padding-top:10px;
             -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;

            text-align: center;
           
            right:0px;
            left:0px;
            height:45px;
            border-radius:8px;
           
             background-color:  rgba(39, 44, 76, 0.79);
            

             -webkit-box-shadow: 0 10px 6px -6px #7f7f7f;
            -moz-box-shadow: 0 10px 6px -6px #7f7f7f;
            box-shadow: 0 10px 6px -6px #7f7f7f;
             
            
             
            }
            @media (max-width: 760px){
            nav.fp-fa {
            display:none;
            }
            }

            .bgk-withe {
            background-color: #626262;
            padding: 25px 15px;
            height: 100%;
            padding-left: 30px;
            padding-left: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            }

            .bgk-withe a, .bgk-withe a:hover, .bgk-withe a:visited {
            color: #ffba00;
            display: block;
            font-size: 14px;
            font-family: Arial !important;
            }
            
            
            .row-flex {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;

            align-items: stretch;
            align-content: center;
           
            }

            .row-flex .item {
            max-width: 45%;
            text-align: justify;
            font-size: 14px;
            }

            .row-flex-cover
            {
              background-color:rgba(0, 0, 0, 0.7);
              position:absolute;
              left:0px;
              top:0px;
              width:100%;
              height:100%;
            }

            @media (max-width: 760px)
            {
                .row-flex-cover h2{
                    text-align:center;
                    width:100%;
                    font-size:20px;
                    margin-top:10px;
                }




            .row-flex .item {
            min-width: 90%;
            text-align: justify;
            font-size: 14px;
            }


            }

@media (min-width:761px) {
    .panel-80 {
        width: 80%;
        margin: 0 auto;
    }
}
        
            @media (max-width: 760px)
            {
            .panel-80{
            width:100%;
            margin:0 auto;
            }
            }
            nav div.navbar {
            display: inline-block;
           
            }

            nav div.navbar .dropdown {
            display: inline-block;
            border: 0px;
            padding: 0px 15px;
            }

            nav div.navbar .dropdown button.dropbtn {
            display: inline-block;
            border: 0px;
            background-color: transparent;
            font-weight: 300;
            }

            nav div.navbar a.dropbtn, nav div.navbar a.dropbtn:visited {
            color: #ffffff;
            font-size: 15px;
            font-weight: 300;
            font-family: Arial !important;
                
            }

            nav div.navbar a.dropbtn:hover {
            color: #ffba00;
            }

            nav div.navbar .dropdown .dropdown-content {
            visibility: hidden;
            opacity: 0;
            transition: visibility 0s, opacity 0.5s linear;
            border: 0px;
            display: none;
            position: absolute;
            background-color: #ffba00;
            min-width: 160px;
            z-index: 1000;
           
            margin-top: 0px;
            }

            nav div.navbar .dropdown:hover .dropdown-content {
            visibility: visible;
            opacity: 1;
            display: block;
            color: #de1616;
            }

            nav div.navbar .dropdown .dropdown-content a {
            float: none;
            color: #fff;
            padding: 8px 10px;
            text-decoration: none;
            display: block;
            text-align: left;
            font-size: 14px;
            }

            nav div.navbar .dropdown .dropdown-content a:hover {
            background-color: #272c4c;
            color: #fff;
            }