/*@import url("/App_Themes/Global/Skin2.css");*/


/*@media (max-width: 768px) {
    .header .localTimeWrapper{*/
        /*display:none !important;*/
        /*position: absolute;
        top: 90px;
        margin-left: 21px !important;
    }
}*/

@font-face {
  font-family: 'Core-icons';
  src: url('/App_Themes/Default/Fonts/Core-icons.eot');
  src: url('/App_Themes/Default/Fonts/Core-icons.svg#Core-icons') format('svg'), url('/App_Themes/Default/Fonts/Core-icons.eot?#iefix') format('embedded-opentype'), url('/App_Themes/Default/Fonts/Core-icons.ttf') format('truetype'), url('/App_Themes/Default/Fonts/Core-icons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body [class^="icon-"],
body [class*=" icon-"] {
  font-family: 'Core-icons';
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-edit:before {
  content: "\e696";
}

.icon-bin:before {
  content: "\e6d0";
}
.icon-file:before {
  content: "\e719";
  /*color: darkblue;*/
  /*color: white;*/
}

.icon-user:before {
  content: "\e605";
}

.atch{
    float: left;
    margin-left: -10px;
    margin-top: 9px;
}

.btn{margin: 0px !important;}
/*

.icon-edit {
    font-family: 'Core-icons';
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
}*/

.dropdown:hover > ul.dropdown-menu {
    display:block;
}

.hdrLinks .dropdown-menu{
    top: 94% !important;
}
.CMSBreadCrumbsCurrentItem:after {
    background:none !important;
}
.CMSBreadCrumbsCurrentItem{
        color: #bdc4cb !important;
}

.newsLetter .ErrorMessage{color:darkorange;}
.ErrorMessage,.Error,.form-control-error,.EditingFormErrorLabel{color:red;}
.InfoMessage{color:burlywood;}

.nav-tabs > li.Highlighted {
    background: #008ba4;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35);
    position: relative;
}
.nav-tabs > li.Highlighted:hover {
    background: #008ba4;
}
.nav-tabs > li.Highlighted:after {
    content: "";
    display: block;
    width: 28px;
    height: 15px;
    background: transparent url('/App_Themes/SAR_English/images/icons.png') -1px -16px no-repeat;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -14px;
}


.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: 0px ;
}

label {
    font-weight: 100;
}

.center{
    text-align:center !important;
}
.left{
    text-align:left;
}
.right{
    text-align:right;
}

/*.FormButton{
    margin-top:25px !important;
}*/



/*td.mainCat {
    border-bottom:0px !important;
    border-top:0px !important;
}*/



/*td.subCat {
    border-bottom:0px !important;
    border-top:0px !important;
}*/
.tableData  {
    margin-top:8px;
}
.table{white-space: normal!important;}
/*.ErrorLabel{
    border: none;
    background: #ea3838;
    color: #fff;
    padding: 10px;
    width: 100%;
    float: left;
    margin-top: -39px;
}
.InfoLabel{
    border: none;
    background: #0ca78b;
    color: #fff;
    padding: 10px;
    width: 100%;
    float: left;
    margin-top: -39px;
}*/
/*
.tree-menu .Highlighted  > a {
  background: #fff!important;
  color: #008ba4 !important;
  font-weight: bold;
  text-decoration: none;
}
*/
/*.tree-menu .closed > a,
.tree-menu .opened > a {
  background-position: 4px 8px;
  background-repeat: no-repeat;
}*/

.level1{
    /*margin-bottom: -10px !important;*/
    margin-top: -90px !important;
}
.level1 li:last-child{
    /*border-bottom: 1px dashed #43b8cd;*/
}

.form-horizontal .form-group {
     margin-right: 0px !important; 
     margin-left: 0px !important; 
}
.form-group {
    margin-bottom: 5px!important;
}

.CaptchaTable tr{
    background-color:transparent !important
}

.uploader-delete{
    margin: 5px !important;
    padding: 5px !important;
    min-width: 35px!important;
}

.totalItems2{
        top: 7px;
    position: relative;
    margin-right: 16px;
}

.totalItems3{
    top: 6px;
    position: relative;
    margin-right: 5px;
}

.radio tr{
    background-color:transparent !important;
}

.required-mark{
    color:red;
}

.header .search .searchbox{
    width: 168px !important;
}

.MyProfile{
    color:gray !important;
}

.MyProfile .caret{
        background: transparent url('/App_Themes/SAR_English/images/icons.png') no-repeat -287px -15px !important;
}



.form-control-text2{
    font: normal 14px fontreg,tahoma;
    color: #444;
    border-color: #bdbdbd;
    border-radius: 0;
        display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.sideNav ul ul{
    display:block ;
}


#menuElem li ul{
	display:none ;
}
.hardShow
{
	display:block !important;
}


.newsListItem {
    background: #fff;
    min-height: 190px;
    width: 100%;
    padding: 30px 15px;
    margin-bottom: 10px;
    border-bottom: solid 1px #B5B5B5;
    /*-moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;*/
}

.newsListItem img {
    /*float: left;*/
    width: 170px;
    height: 170px;
    
}

.newsListItem a {
    /*display: block;*/
    margin-bottom: 10px;
}
.newsListItem .artclDate {
    margin-top: 0;
}
.newsListItem h2 {
    color: #008BA4;
    font: normal 26px fontreg,arial;
}

.newsListItem p {
    color: #666;
    font: normal 16px/30px fontreg,tahoma;
}


/************ photo gallery *******************/

.photoAlbumsListing a {
    display: block;
    background: #F3F3F3;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}
.photoAlbumsListing a .photoAlbumsListingItemInner {
    position: relative;
}
.photoAlbumsListing a .photoAlbumsListingItemInner img {
    width: 100%;
    height: 195px;
    margin: 0 0;
}
.photoAlbumsListing a .photoAlbumsListingItemInner .photosCounter {
    display: inline-block;
    padding: 5px 10px;
    font: normal 12px fontreg;
    color: #fff;
    /*background: #b59378;*/
    background: #008ba4;
    position: absolute;
    left: 0px;
    bottom: 12px;
}
.photoAlbumsListing a .photoAlbumsListingItemInner .photosCounter span:first-child {
    display: inline-block;
    width: 19px;
    height: 16px;
    background: transparent url('/App_Themes/SAR_English/images/icons.png') -252px -112px no-repeat;
    margin-left: 5px;
    vertical-align: middle;
}
.photoAlbumsListing a h2 {
    font: normal 14px fontbold,arial;
    color: #333;
    color: #666;
    text-align: center;
    padding: 17px 0;
}


/******************** video gallery ***************************/

.videosListingWrapper .videosListing a {
    display: block;
    background: #F3F3F3;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}
.videosListingWrapper .videosListing a .videosListingItemInner {
    position: relative;
    max-height: 195px;
}
.videosListingWrapper .videosListing a .videosListingItemInner img {
    width: 100%;
    height: 195px;
    margin: 0 0;
}
.videosListingWrapper .videosListing a .videosListingItemInner > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5) url('/App_Themes/SAR_English/images/videosMark.png') center center no-repeat;
}
.videosListingWrapper .videosListing a .videosListingItemInner .videosCounter {
    display: inline-block;
    padding: 5px 10px;
    font: normal 12px fontreg;
    color: #fff;
    /*background: #b59378;*/
    background: #008ba4;
    position: absolute;
    left: 0px;
    bottom: 12px;
}
.videosListing a .videosListingItemInner .videosCounter span:first-child {
    display: inline-block;
    width: 19px;
    height: 16px;
    background: transparent url('/App_Themes/SAR_English/images/icons.png') -222px -112px no-repeat;
    margin-left: 5px;
    vertical-align: middle;
}

.videosListingWrapper .videosListing a h2 {
    font: normal 14px fontbold,arial;
    color: #333;
    color: #7d5740;
    text-align: center;
    padding: 10px 10px;
}


.downloadBtn {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: transparent url('/App_Themes/SAR_English/images/icons.png') -189px -140px no-repeat;
}

.printedFiles td{
    text-align:center;
}

.slider1Img{
    width:100% !important;
    height:400px !important;
}
.slider2Img{
    width:100px !important;
    height:100px !important;
}

.newsListItem:first-child{
    padding-top:0px;
}

.newsListItem.selected{
    border-bottom:0px !important; 
}
.photoAlbumsInside img{
    width:100%;
}
.sliver{
    background-color:#f2f2f2;
}
.dropdown.hdrLinks {
    margin-left: 0!important;
}
.header .HdrToolsWrapper .dropdown.MyProfile button{margin-left: 8px;}


.mainCat * ,.subCat *{
    COLOR: #fff;
}



.gototop {
    display: none;
    cursor: pointer;
    position: fixed;
    width: 50px;
    height: 50px;
    background: url('/App_Themes/SAR_English/images/sperit.png') no-repeat -549px -147px;
    bottom: 50px;
    right: 50px;
    z-index: 2000;
}

.logon-panel{
    margin-bottom:15px;
}


/*.whole_calendar {
    height: 158px;
}*/

.newsListItem h2,.photoAlbumsListing a h2,.videosListingWrapper .videosListing a h2{margin-top:0;}

.cusLabel{padding: 10px 0;}

label.EditingFormLabel{    font: normal 15px fontreg,tahoma!important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 5px; margin-right: 5px;
}
.checkbox label, .radio label{padding-left:25px;}
.form-horizontal .control-label,.control-label{margin-bottom:5px!important;}
.zoneLeft {
    background: #f2f2f2;
    padding: 30px 0;
}
.zoneRight {
    background: #f2f2f2;
    padding: 30px 0;
	float:right!important;
}

.password-strength-text span{
    color:#df7a00;
}

.error-label{
	display: inline-table;
	color:red;
}
.logon-password-retrieval-result{
display: inline-table;
color:green;
}
.table td.FieldLabel {
    width: 40%;
}
.logon-password-retrieval-button{
	    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.our-projects-wrapper .tenders img {
    height: 167px !important;
}
.lastesNewsImgWrapper img{
    height:168px !important;
}
.our-projects-wrapper .ourprojects p,.our-projects-wrapper .ourtrains p{margin-bottom:0!important;}
.our-projects-wrapper .ourprojects h2,.our-projects-wrapper .ourtrains h2{margin-top: 0!important;}


.MobileApps{    margin-top: 60px;}
.MobileApps a{display:block;margin-bottom:20px;text-align: center;}
.MobileApps a img{max-width:100%;}


@media (max-width:767px){
	
.MobileApps{    margin-top: 20px;}
	.newsListItem img {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0px 10px 0px;
	}
	.newsListItem{padding: 30px 0px;}
	.tree-menu:after{transform: skewY(-5deg)!important;}
	.tree-menu{margin-bottom: 100px;}
	.header .HdrToolsWrapper .hdrLinks.MyProfile{padding-top: 18px;}
	.localTimeWrapper span, .localTimeWrapper div {float: none!important;display: inline-block;}
	.swiper-container .swiper-slide .swiper-slide-inner-wrapper{height: 320px!important;}
	.swiper-container{height: 460px!important;}
	.swiper-container .swiper-slide .swiper-slide-inner{width: 70%!important;min-height: 180px!important;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{margin-top: -135px!important;}
	.swiper-container .swiper-slide h2{font:normal 22px fontbold,tahoma!important;    display: block!important;}
	.impact-wrapper{min-height: 578px!important;}/*550*/
	.footer .footerSocial{text-align: left;}
	.footer .footerSocial a{margin-right: 7px!important;}
	.sendPrintFavRate .sendPrintFav a {color: #008ba4;font: normal 10px fontreg;border-left: 1px solid #b9b9b9;padding: 0 5px;}
	.sendPrintFavRate .sendPrintFav {padding-top: 20px;    text-align: center;float: none;}
	.sendPrintFavRate .share{    float: none;text-align: center;}
	.breadCrumb .breadCrumbInner{    padding-top: 15px;}
	.breadCrumb h1{font: normal 26px/42px fontreg,tahoma;}
	.contentsWrapper img{max-width:100%; }
	
	/*.swiper-slide:nth-of-type(1){background-position-x: -550px !important;}
	.swiper-slide:nth-of-type(2){background-position-x: 550px !important;}
	.swiper-slide:nth-of-type(3){background-position-x: -550px !important;}*/
	
	.swiper-slide {
    height: 200px;
    background-size: contain !important;
    
}
.swiper-wrapper{
	height: 342px;
}
.latest-news-wrapper {
    margin-top: -113px!important;
   
}
/*.swiper-container{height: 343px!important;}*/
	.swiper-container {
    height: 338px!important;
}

}


.importance-facts-wrapper .importance-wrapper p{
    text-align:center !important; /* test */
}

.InfoLabel{
        font-size: 19px;
}



.swiper-container .swiper-slide {
    
    background-size: contain !important;
	background-position: top center !important;
    
}

.swiper-slide2:before {
    content: '';
    display: block;
    position: absolute;
    top: -64px;
    left: 50%;
    margin-left: -50%;
    min-width: 1940px;
    width: 100%;
    height: 417px;
    background: #fafafa;
    -moz-transform: skew(0deg,1deg);
    -ms-transform: skew(0deg,1deg);
    -o-transform: skew(0deg,1deg);
    -webkit-transform: skew(0deg,1deg);
    transform: skew(0deg,-4deg);
    z-index: -5;
}


.swiper-container2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 8px;
    left: 50%;
    margin-left: -50%;
    /* min-width: 1940px; */
    width: 100%;
    height: 153px;
    background: #fff;
    z-index: 1;
    -moz-transform: skew(0deg,-2deg);
    -ms-transform: skew(0deg,-2deg);
    -o-transform: skew(0deg,-2deg);
    -webkit-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg);
}

.swiper-container {
    
    height: 650px;
   
}