body{
    font-family: Arial, Verdana, sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 1.42857143;
    background-color: #fbfcfc;
    color:#1d71b8;
}
/***** custom color set toggle *****/
.navbar-toggle{background-color: rgba(170, 171, 176, 0.6);}
.navbar-toggle .icon-bar{background-color: #fff;}

.con-pad35{padding: 0 85px;}
ul.rafic-menu{margin-left: 20px;}
ul.rafic-menu li a{ padding: 0 15px; margin: 25px 0 0 0; color: #013220; font-weight: 900; border-right:1px solid #ddd;}
ul.rafic-menu li a:hover,ul.rafic-menu li a:focus{background-color: transparent;}
ul.rafic-menu li:last-child a{border-right:0px;}
.header{
    padding: 15px 0;
    border-bottom: 1px solid #d8dadb;
    margin-bottom: 20px;
}
.header .navbar{margin-bottom: 0;}
.nav-logo{padding: 0;}
.nav-logo img{height: 100%;}
/************ banner ***************/
.about .panel-group .panel+.panel{margin-top: -2px;}
.about .panel-group .panel{border-radius: 0;}
.about .panel-title{font-size: 12px; color:#fff;font-weight: 900;}
.about .panel-default>.panel-heading{background-color: #68696c; border-bottom: 1px solid #999a9d; border-radius: 0;}
.about .panel-default>.panel-heading+.panel-collapse>.panel-body{ font-size: 13px; border-top:0px; background-color: #424143; color:#fff;}

.feature-head{margin: 15px 0; color: #013220; text-transform: uppercase; font-weight: 900;}
.border-right{border-right: 1px solid #d8dadb;}
.box{margin-bottom: 15px;}
.banner-bg img{width:100%;}
.linkm10{margin-bottom: 10px;}
.box a{ /*font-size: 20px;*/ color: #013220;font-weight: 900;}
.boxcategory{height: 140px; margin-bottom: 15px;}
.boximage{height: 100px; margin-bottom: 15px;}
.boxcategory img,.boximage img{ width: 100%;  object-fit: cover;  height: 100%;}
.panel-blue{border:none; margin-top:43px; }
.panel-blue .panel-heading{color:#fff; background-color: #013220; font-weight:900;}
.panel-blue .panel-body img{width:100%; margin-bottom: 15px;}
.panel-blue .panel-body{color:#000;}

/*********** detail page ***********/
/*.projects{margin-bottom: 50px;}*/
.english-text h2,.arabic-text h2{text-transform:uppercase;  color: #013220; font-size: 12px; margin: 10px 0; font-weight: 900;}
.english-text h4,.arabic-text h4{text-transform:uppercase; color: #a08561; font-size: 12px; margin:0 0 10px 0;}

.back-link{margin-bottom: 10px;}
.slider-head{
    margin: 0 0 15px 0;
    font-weight: normal;
    padding-bottom: 10px;
    font-size: 28px;
    text-transform: capitalize;
    color: #474748;
    border-bottom: 1px solid #d8dadb;
}
.line-top
{    margin-top: 68px;
     height: 1px;
     background-color: #d8dadb;
     margin-bottom: 20px;
}
/*.line-top hr{margin-top: 68px; border-color:#d8dadb;}*/

footer{
    background-color: #f1f1f1;
    padding: 15px;
}
.footer-head{color:#a6a8aa; font-weight: 900; margin-top: 0; }

.textdetail{border: 1px solid #d8dadb; margin-top: 15px; padding: 7px 14px; width:100%;}
.contact-detail ul{margin-bottom: 0;}
.contact-add ul,.contact-detail ul{
    padding: 0;
    text-decoration: none;
    list-style-type: none;
}
.contact-detail ul li{ font-size: 11px;  padding-left: 70px;  color: #474748; font-weight: 900;}
.contact-detail ul li a{ font-size: 11px; font-weight: 100;}
.contact-add ul li{font-size: 11px;  padding-left: 50px;}
.contact-add ul li a{ color: #a6a8aa; }
.contact-add ul li a:hover,.contact-add ul li a:focus{ color: #337ab7; }

.contact-detail ul li span{
    position: absolute;
    left: 30px;
    display: block;
    font-weight: 100;
    color: #a6a8aa;
}
.contact-add ul li span{
    position: absolute;
    left: 16px;
    display: block;
}
.contact-add p{color: #a6a8aa; font-size: 11px;}
/*********** slider css ***********/
.slider {
    width: 100%;
    height: 512px;
    /*height: 400px;*/
    overflow: hidden;
    position: relative;
    background: #e6e6e6;
    /*    border: 20px solid #FFF;*/
    /*margin-top: 20px;*/
}

.slide {
    position: absolute;
    top: 0;
    right:0;
    left: 0;
    width: 100%;
    height: 100%;

}

.arrow-prev {
    position:absolute; bottom:10px; right:40px; z-index:999;
}

.arrow-next {
    position:absolute; bottom:10px; right:10px; z-index:999;
}

.nonDraggableImage{
    -webkit-user-drag: none;
}
.nav01{margin-bottom: 15px;
       position: relative;
       overflow: auto;
       border: 5px solid #f1f1f1;
       margin-top: 12px;
       height: 100%;
}

.nav01 ul {
    margin: 0px 5px 0 0px;
    /*width: 100%;*/
    display: inline-flex;
}
.dots{padding: 0; margin: 0;}
.dots .dot {
    width: 179px;
    height: 100px;
    margin: 2px 2px 2px 3px;
    float: left;
    display: block;
}
.dots .dot a img{opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;}
.dots .dot a.active img{
    opacity:1; filter:alpha(opacity=100); -moz-opacity:1; 
}
.dots .dot:last-child{margin-right: 0;}
.dots .dot img{    width: 100%;
                   height: 100%;
                   object-fit: cover;}

/*********** modal css **************/
.modal-headtext{font-weight: 900;  font-size: 24px; color:#013220;}
.modal-lbl{color:#013220;}
.btn-green,.btn-green:hover,.btn-green:focus,.btn-green[disabled]:hover{ padding: 8px 24px;  border-color: #013220; background-color: #013220; color:#fff;}
.validstar{color:red; font-size: 12px;}
.rafic-form .form-control{font-size: 12px;}

/***** scroll bar code ********/
.nav01::-webkit-scrollbar,.nav01::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color:#fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;

}
.nav01::-webkit-scrollbar{margin-top: 10px;}

/* Track */
.nav01::-webkit-scrollbar-track ,.nav01::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.nav01::-webkit-scrollbar-thumb ,.nav01::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c1c1c1; 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ 
}
.nav01::-webkit-scrollbar-thumb:window-inactive ,.nav01::-webkit-scrollbar-thumb:window-inactive{
    background: rgba(0,0,0,0.4); 
}
/***** END scroll bar code ***********/


@media (max-width:980px)
{
    .con-pad35 { padding: 0 15px;}
    .slider{height: 425px;}
}
@media (max-width:768px)
{
    ul.rafic-menu{margin-left: 0; margin-right: 0;}
    /***** custom color set navbar toggle *****/
    .rafic-navbar{ background-color: rgba(170, 171, 176, 0.6);  margin-top: 10px; }
    ul.rafic-menu li a{margin: 10px 0 0 0; border-right: 0px; font-size: 13px; border-bottom: 1px solid rgb(159, 160, 166); padding-bottom: 5px;}
    ul.rafic-menu li:last-child a{margin-bottom: 10px; border-bottom:0px; padding-bottom: 0;}
    .border-right{border-right: 0px;}
    .panel-blue{margin-top: 15px;}
    .line-top hr{margin-top: 20px;}
}
@media (max-width:480px)
{
    .slider{height: 300px;}
}
@media (max-width:360px)
{
    .nav-logo img {
        height: 80%;
    }
}