@font-face {
    font-family: 'Helvetica-Bd';
    src: url('../Fonts/HelveticaNeueW23foSKY-Bd.woff2') format('woff2'),
        url('../Fonts/HelveticaNeueW23foSKY-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica-Reg';
    src: url('../Fonts/HelveticaNeueW23forSKY-Reg.woff2') format('woff2'),
        url('../Fonts/HelveticaNeueW23forSKY-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1 {
  font-size: 3.5em !important;
}

a{text-decoration:none;}
a:hover{
    color:#5591c2;
}
.foc-img{
    transition: transform .5s; /* Animation */
}
.foc-img:hover{
    transform: scale(1.2);
}

.header_btns{
    list-style:none;
}
.header_btns li{
    float:left;
    position:relative;
    margin-left:10px;
}
.htab{
    display:none;background-color:black;position:absolute;top:35px;left:0px;z-index:100;
}
/*FIRST HEADER*/
.top-area {
    color: #c0c0ca;

}
.top-area {
    border-bottom: 1px solid #494c64;
}
.top-area {
    border-top: 5px solid #494c64;
}
.wpb_widgetised_column .mc4wp-form-fields, .sidebar .mc4wp-form-fields, .top-area {
    background-color: #202534;
}
.top-area {
    padding: 3px 0;
    border-bottom: 1px solid #494c64;
    position: relative;
}
.top-area .top-area-items .top-area-block {
    height: 30px;
    line-height: 30px;
}
.top-area-block {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}
.top-area-socials {
    margin: 0 -5px;
    float: left;
}
.top-area .top-area-block.top-area-menu {
    font-size: 0;
}
.top-area-alignment-justified .top-area-menu {
    float: right;
}
.top-area-contacts .gem-contacts {
    margin: 0 -17px;
}

.inline-inside {
    font-size: 0;
    line-height: 0;
	font-size:16px;
}
.top-area-contacts .gem-contacts-item {
    display: inline-block;
    font-size: 14px;
    padding: 0 17px;
    line-height: 30px;
    vertical-align: top;
}
.top-area-contacts .gem-contacts-address:before {
    margin-top: 0px;
    margin-left: 5px;
    content: '';
    width: 21px;
    height: 21px;
    /*background-image: url(../images/clock2.png);*/
    background-size: cover;
    background-repeat: no-repeat;
}
.top-area-contacts:after, .top-area-socials:after {
    border-right: 0px solid #494c64;
}
.top-area-contacts:after, .top-area-socials:after {
    content: '';
    position: absolute;
    height: 50px;
    margin-top: -25px;
    top: 50%;
    right: 0;
}
.top-area-socials .socials {
    margin-top: 7px;
}
.top-area-socials .socials-item {
    padding: 0 7px;
    margin: 0;
}
.top-area a {
    color: #c0c0ca;
}
a.socials-item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 5px;
    line-height: 16px;
}
/*MENU*/
.menu{
    background-color: #fff; 
}
.pr-0{
     padding-right: 0px;
     width: 100%;
   /* justify-content: space-between;*/
 }
.nav-item{
    margin-left: 0.5rem;
}
.menuicons{
    float: left;
    padding-top: 2rem;
    padding-left: 1.5rem;
}
.menuicons a i{
    padding: 6px;
    font-size: 17px;
    color: black;
}
.menuborder{
    border-left: 1px rgb(10, 10, 10) solid;
    border-right: 1px rgb(10, 10, 10) solid;
    padding-right: 12px;
    padding-left: 12px;
}
.menuborder h2{
    font-size: 12px;
}
nav.navbar .container{
	position:relative;
}

#navbarSupportedContent .dropdown-menu.show{
	display:flex;
}
#navbarSupportedContent .dropdown-menu{
	left: 0;
    right: 0;
    top: 125%;
	padding:2rem;
	border:none;
	border-top: 1px solid #E3E3E3;
	border-bottom-left-radius:24px;
	border-bottom-right-radius:24px;
	box-shadow: 0px 5px 20px 0px #0000000A;
	padding-bottom:4rem;

}
#navbarSupportedContent .dropdown-item{
	color:#21414D;
}
#navbarSupportedContent .nav-item{
	position: unset;
}
.activitiesmenu {

    width: 100%;
    text-align: center;
    font-family:'Helvetica-Bd';
    color:black !important;
    box-sizing: border-box;
    height:35px;
    
  }

 .dropdown  .dropdown-menu p{
    font-size:16px;
	color:#717A8A;
  }
#navbarSupportedContent .dropdown-toggle::after{
	transition:all 0.3s;
}
.fw-600{
	font-weight:600;
}
#navbarSupportedContent .dropdown-toggle.show{
	border-bottom:4px solid #21414D;
	
}
.dropdown-toggle.show::after{
	transform: rotate(180deg);
}
 #navbarSupportedContent .dropdown-divider{
	background:#E3E3E3;
	opacity:1;
	border-top: 1px;
}
  .menu .activitiesmenu {
      padding: 0px;
     
  }
.oval{
border-radius: 7rem !important;
}
  .activitiesmenu a {
    color: #101010;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    
   
  }
  .headerlogo img{
      padding-top: 12px;
      max-height:85px;
  }
  .activitiesmenu a.active{
      border-bottom:4px solid #ec1a23;
      color: #080808;
  }
  .activitiesmenu a:hover {
    color: #050505;
    border-bottom:4px solid #ec1a23;
    box-sizing: border-box;
  }
  .searchicon i{
    color: #504f4e;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    top: 11px;
    right:8px;
    z-index: 99;    
  }

  .searchbtn input{
      padding-right: 33px;
  }
  .menu_btns{
    margin-left: 34px;
    padding-bottom: 10px;
  }
  .menu_btns button{
      font-size: 15px;
  }
  .menu_btns .red_btn{
      background-color:#ec1a23 ;
      border-color: #ec1a23;
      width: 100px;
      height: 33px;
      padding: 5px;
  }
  .menu_btns .black_btn{
    background-color:#211d1d ;
    border-color: #211d1d;
    width: 100px;
    height: 33px;
    padding: 5px;
  }
  .phone_icon a{
text-decoration: none;
border-left: 1px solid #fff;
padding: 20px;
  }
  .socials .socials-item{
      border-left:1px solid #fff ; 
  }
.socials a:first-child{
border-right: 1px solid #fff;
}
  /*FIRST SECTION*/
  .backgr{
   padding-top: 25px;  
  }
  .first_sec_img{      
      overflow:hidden;
      position: relative;
      border:solid 1px #ccc;
      height:470px;
  }
  .first_sec_img img{
      width:120%;
  }
  .articles_cont{
      background-color:white;
  }

  .img_span{      
      width:100%;
      position:absolute;bottom:0px;
      background-color:#05050542;      
      /*height:120px;*/
      padding:15px;
      text-align:right;      
      color: white !important;
      padding:15px;
      padding-top:10px;      
      font-family:'Helvetica-Bd';
      font-size:2em;
      z-index:999999;

      /*text-shadow: 2px 3px #393636;*/
  }
  .img_span a{font-size:0.8em;color:rgb(248 248 248);}

  .news_img_cont{
      width:100%;overflow:hidden;height:138px;
  }
  .news {
      margin-bottom: 1rem;
  }
  .news a {
      text-decoration: none;
      color: #0f0d0d;
  }
  .news a:hover{
      color:#D0111B;
  }
  .news p {
      font-size: 14px;
      font-weight: bold;
      font-family: 'Helvetica-Bd';
      margin: 0;
  }
  .news .news_icon{
      font-size: 12px;
      color: #535152;
  }
  .news .news_icon i{
      padding-left: 10px;
  }

  .news .news_title{
      border-left: 2px solid #db2847;
      padding-left: 3px;
      font-size:13px;
      margin-top:7px;
      
  }
  .ad1_img{
      background-color: #999999;
      width: 636px;
      height: 170px;
      background-size: cover;
  }
  .ad_btn button{
      background-color: #fff;
      color: black;
  }
  .corner{
      position: relative;
  }
  .corner::after{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 20px;
    height: 4px;
    background-color: #ec1a23;
    transition: all 0.5s;
  }
  .sec_headers{
      color:#0f0d0d;
  }
  .corner .img_cont{
      height:250px;border:solid 1px #ccc;
      overflow:hidden;
      background-color:white;
  }
  .img_cont img{
    width:100%;
  }
  .img_cont ul{
    padding-inline-start: 15px;
    padding-inline-end: 0px;
  }
  .img_cont li{
      margin-bottom:10px;
      list-style:none;
  }
  .art_text{
      display:inline-block;
  }
  .art_img_cont{
    height:50px;
    overflow:hidden;
  }
  .art_img_cont img{      
      width:70px; 
  }
  .pan_cap{
      position:absolute;
      bottom:15px;
      width:calc(100% - 12px);
      text-align:right;
      font-size:14px;padding:7px;min-height:40px;
      background-color:#00000063;
      color:white;
  }
  .pan_list .pan_cap:nth-child(even){
        width:calc(100% - 24px);
    }
  .img_cont a{
      color:#050505;
      text-decoration:none;
  }
  .corner:hover::after{
      width: 30px;
  }
  .corner::before{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 4px;
    height: 20px;
    background-color: #ec1a23;
    transition: all 0.5s;
  }
  .corner:hover::before{
      height: 30px;
  }
  /*THIRD SECTION*/
  .third_sec_imgs_title p{
    font-size: 25px;
   
    padding-top: 3px;
    padding-right: 16px;
    margin-bottom:0px !important;
  }

  /*FORTH SECTION*/
  .white_bg{
      background-color: #fff;
      background-size: cover;
      margin-top: 7px;
      height: 375px;
  }
.forth_sec_list{
    padding: 10px;
    height: 338px;
}
.forth_sec_list ul{
    padding-inline-start: 20px;
    padding-left: 1rem;
}
.forth_sec_list ul li{
    list-style: square ;
    color: #ec1a23;
    font-size: 25px;
    line-height: 1.2;
    margin-bottom:15px;
}
.forth_sec_list .news_icon,.forth_sec_list i{
    color:grey !important;
}
.foth_sec_img{
    overflow:hidden;
    width:100%;
    height:350px;
    border:solid 0px #ccc;
}
  .foth_sec_img img{
      padding: 30px;
  }

  .forth_sec_title h1{
      font-size: 22px;
  }
  .red_borderr{
      border: 2px #ec1a23 solid;
  }
.accordion-button{
    color:black !important;
    text-align:right;
}
.pan_big_cont{
    width:100%;height:470px;overflow:hidden;
}
.pan_big{
    height:100%;width:100%;
    background-position:center;
    background-size:cover;
    transition: transform .5s; /* Animation */
}
.pan_big:hover{
    transform: scale(1.2);
}
.pan_list .col-md-6:nth-child(odd){
    padding-left:0px;
}
.pan_small_cont{
    overflow:hidden;height: 230px;margin-bottom:15px;
}
.pan_small{
    height:230px;overflow:hidden;
    background-position:center;
    background-size:cover;
    transition: transform .5s; /* Animation */
}
.pan_small:hover{
    transform: scale(1.2);
}
.acc_img{
    padding-right:0px;
    height:400px;
    overflow:hidden;
    background-position:center;
    background-size:cover;    
}
.acc_img img{
    width:100%;
}
.acc_img.active{
    display:inline-block !important;
}
.accord_item{
    display:none;  
}
.accord_item.active{
    display:block !important;
}
  .forth_sec_list ul li a{
      text-decoration: none;
      color: black;
      font-size: 17px;
      
  }
  .link{
      color:black;
      text-decoration:none;
  }
  .link:hover{
      color:#ec1a23;
  }

  .grey_border{
    border-bottom: 1px #999999 solid;
    margin-bottom:7px;
  }
  .more_news a button{
      background-color: #ec1a23;
      border-color: #ec1a23;
      width: 100%;
  }

  /*FIFTH SECTION */
  .newsbtns a button{
      background-color: #ec1a23;
      border-color: #ec1a23;
      width: 100%;
      margin-top: 12px;
  }
  .videos_1 a{
      text-decoration: none;
      color: #000;
      font-size:11px;
      line-height:130% !important;
  }
  
  .video_imgs img{
      /*width: 20%;
      margin-right: 10px;
      float: left;*/
  }
  .video_news{
      margin-top: 0px;
  }
  .btn.btn-primary:hover{
     color:#5591C2!important;
     border-color:#5591C2!important;
	 background:#fff;
      
  }
  .btn:hover{
      color:white !important;
  }
  .video_imgs .videos_1{
    float:right;
    margin-left:10px;
    width:calc(25% - 10px);
  }
  .video_imgs:last-child {
      margin-left:0px;
  }

  .video_news p{
      color: #ec1a23;
  }
  .video_news span{
      /*font-weight: bold;*/
  }
  /*SIXTH SECTION */
  
.sixth_sec_menu span{
    text-decoration: none;
    color: #000;
    font-size: 25px;
    
    padding-right: 9px;
    padding-top: 4px;
    cursor:pointer;
    width: 19%;
    margin-left: 1%;
    display: inline-block;
}
.accord_style{
    padding-left: 0px;
    padding-right: 0px;
}
.activitiesmenu1{
    position: relative;
    display: inline-flex;
    width: 100%;
    margin-bottom:7px;
}
.activitiesmenu1 span.active{
    background-color: #ec1a23;
    color: #fff !important;
    font-size: 25px;
    padding-left: 15px;
}
.sixth_sec_menu{
    display: block;
}
  .activitiesmenu1 span:hover{
      background-color: #ec1a23;
      color: #fff !important;
  }
  .accordion-button{
      display:inline;
  }
  .accordion_bg{
    background: #FFF;
    padding-right: 10px;
    border: 1px solid #CCC;
  }
 .sixth_sec_menu_mobile{
     display: none;
 }

  /*SEVENTH SECTION */
  .pics img{
    max-height: 226px;
    margin-bottom: 20px;
  }
  .pics {
      position: relative;
  }
  .sev_sec_pics{
    margin-top: 0px;
  }
  .sev_sec_imgs_tit{
      margin-top: 20px;
      position: absolute;
    bottom: 83px;
    right: 7px;
    color: #fff;
    width: 90%;
  }
  .pics a img .sev_sec_imgs_tit{
text-decoration: none;
  }
  /*FOOTER*/
  .red_border{
      background-color: #EC1A23;
      height: 30px;
  }

  .footer{
      background-color: #808080;
      height: auto;
      padding-top: 1rem;
  }
  .footer_icons{
      margin-right: 20px;
  }
  .footer_icons i{
      color: #fff;
      border: 11px solid #211d1d;
      font-size: 15px;
      background-color: #211d1d;
  }

  .firstcollist ul li a,.firstcollist-r ul li a {
    color: #fff;
    list-style: none; 
    font-size: 15px;
    line-height: 3;
    text-decoration: none;
  }
  .firstcollist-r ul{
    padding-right: 0px;
  }
  .firstcollist-r ul li{
      height:25px;
  }

  ul li{
    list-style: none;
}
ul li  i{
    color: #5591c2;
    font-size: 12px;
    padding-left: 0px;

}
.form input{
    background-color: #808080;
    border: 1px solid #db2847;
    width: 70%;
    margin-bottom: 20px;
    padding: 7px;
    margin-top: 20px;
}
.haya-cover{
    height:504px;overflow:hidden;
}
.haya-cover img{
    width:100%;
}

.form button{
    background-color: #db2847;
    color: #fff;
    width: 25%;
    margin-right: 188px;
}
.grey_footer{
    background-color: #666666;
    height: 53px;
    font-size:13px;
}
.copy_right span a{
text-decoration: none;
color: #fff;
}

.copy_right{
    color: #fff;
}
.col_title{
    color: #fff;
}
.news_imgs{
    overflow:hidden;
}
.news_imgs img{
    width:100%;
}
.show_embed{
    cursor:pointer;font-size:16px;font-family:"Helvetica-Reg";font-weight:normal;line-height:140% !important;display:block;
}
.title_cont{
    font-size: 20px;
}


@media(max-width:767px){
    /*MENU*/
    .headerlogo img{
        width: 37%;
        padding-top: 24px;
        position: relative;
    }
    .menu_btns .black_btn{
        width: 95px;
        height: 35px;
    }
    .menu_btns .red_btn{
        width: 95px;
        height: 35px;
    }
    .menu_btns{
        margin-left: 0px;
        padding-bottom: 0px;
    }
    .top-area{
        height: 82px;
    }
    .phone_icon a{
        
        padding: 50px;
    }
    .navbar-light .navbar-toggler .menu .activitiesmenu{
        bottom: 55px;
        position: relative;
    }
    .menuicons{
        width: 55%;
        padding-top: 0px;
        padding-left: 0px;
    }
    .news_imgs{
        margin-top: 10px;
    }
    
    /*FORTH SECTION*/
    .white_bg{
        height: auto;
    }
    /*SECOND SECTION */
    .ad1_img{
        width: auto;
    }
    /*SIXTH SECTION */
    .sixth_sec_menu span{
        margin-left: 0px;
        cursor:pointer;
        
    }
    .sixth_sec_menu_mobile{
        display:block;
    }
    .sixth_sec_menu{
        display: none;
    }
    .menu_mobile{
        background-color: #f1f2f4;
        justify-content: center;
    }
    /*SEVENTH SECTION*/
    .pics img{
        margin-right: 0px;
    }
    .sev_sec_imgs_tit{
        right: 0px;
        text-align: center;
        bottom: 30px;
    }
    .pics img{
        padding: 0px;
        margin-right: 0px;
    }
    /*EIGTH SECTION */
    .third_sec_imgs_title p{
        margin-top: 20px;
        font-size: 20px;
    }
    /*FOOTER*/
    .col_title{
        margin-right: 50px;
    }
    .form input{
    margin-right: 50px;
    }
    .form button{
        margin-right: 125px;
    }

    .footer_icons {
        text-align: center;
        margin-bottom: 20px;
    }
    .firstcollist{
        text-align: center;
    }
    .footer img{
        margin-right: 55px;
    }
    .grey_footer{
        height: auto;
    }
    .submit_btn{
        margin-bottom: 10px;
    }
}/************* End of max-width:760px *****************/

@media(max-width:480px){
    .menu_btns .black_btn{
        width: 110px;
        height: 35px;
    }
    .menu_btns .red_btn{
        width: 110px;
        height: 35px;
    }
    .headerlogo img{
        padding-top:10px;
    }
    .search{
        margin-top:10px;
    }
    .firstsecmenu{
        height:110px;
    }

    .top-area{
        height:60px;
    }
    .first_sec_img{
        height:240px;
    }
    .news_img_cont{
        height:105px;
    }
    .corner .img_cont{
        height:220px;
    }

    .show_embed{
        cursor:pointer;font-size:16px;font-family:"Helvetica-Reg";font-weight:normal;line-height:140% !important;display:block;
    }
    .embed_thumb{
        height:100px;overflow:hidden;
    }
    .video_imgs .videos_1{
        width:calc(50% - 12px);
    }

    .top-area .top-area-items .top-area-block{
        height:22px;
    }
    
     .navbar-collapse{
        position: absolute;
        top: 47px;
        left:0px;
        width: 100%;
        background-color: white;
        z-index: 99;
    }
    .pan_big_cont{
        height:270px;
    }
    .pan_small_cont{
        height:120px;
    }
    .pan_small{
        height:120px;
    }


    .body_content img{
        max-width:100% !important;
    }    
    .page-item{
        font-size:0.7rem;
    }
    .page-link{
        padding:6px;
    }
    .pagination_div{
        overflow-x:auto;
    }
    
    .box-shadow-div{
        height:190px;
    }
    .file-title{
        height:85px;overflow:hidden;
    }
    .box-shadow-div{
        height:200px;
    }
   
}

.rounded-custom{
	    border-radius: 1.25rem !important;
}

@media (max-width: 991px) {
	#navbarSupportedContent .dropdown-menu{
		padding:1rem;
	}
}
@media (min-width: 992px) {
	.dropdown-toggle.show{
	    position: absolute;
		height: 97%;
	}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container-lg, .container-md, .container-sm, .container {
      max-width: 100%;
    }
  }

        @media(max-width:690px){

            .mobileWidth{
                width: 100%;
            }

            .mobileFlex{
                flex-direction: column;
            }
.mobileFlexWrap{
                    flex-wrap: wrap;

            }
		.moblieNoP{
		padding: 0 !important;	
	     }
	#services-section{
	height: auto !important ;
	}

        }