﻿/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

@font-face {
    font-family:"myMainFont";
    src: url('/Style%20Library/Fonts/DINNextLTArabic-Regular.eot');
    src: url('/Style%20Library/Fonts/DINNextLTArabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Style%20Library/Fonts/DINNextLTArabic-Regular.svg#DIN Next LT Arabic') format('svg'),
        url('/Style%20Library/Fonts/DINNextLTArabic-Regular.woff') format('woff'),
        url('/Style%20Library/Fonts/DINNextLTArabic-Regular.ttf') format('truetype');
}

@font-face {
    font-family:"myMainFont";
    src: url('/Style%20Library/Fonts/DINNextLTArabic-Bold.eot.eot');
    src: url('/Style%20Library/Fonts/DINNextLTArabic-Bold.eot?#iefix') format('embedded-opentype'),
        url('/Style%20Library/Fonts/DINNextLTArabic-Bold.svg#DIN Next Arabic Heavy') format('svg'),
        url('/Style%20Library/Fonts/DINNextLTArabic-Bold.woff') format('woff'),
        url('/Style%20Library/Fonts/DINNextLTArabic-Bold.ttf') format('truetype');
    font-weight: 700;
}

::selection{
	background: #2879af;
	color:#fff;
}

::-mox-selection{
	background: #2879af;
	color:#fff;
}

a,a:hover{
	text-decoration:none;
}

h1 , h2 , h3 , h4, h5 , h6{
	font-family:myMainFont;
}

#s4-bodyContainer{
	padding-bottom:0 !important;
}

.homeContent{
	display:none;
}

.mediaCenter .leftBlock{
	padding:0;
}

body{
	background-color:#f9f9f9;
	font-family:myMainFont !important;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}

/*********************************************** Header style ***********************************************/

#layout header{
    width: 100%;
	top:0;
	/*z-index: 2;*/
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 100% 100%;
	height:165px;
}

.internalContent{
	padding-bottom: 50px;
}
#layout .logo{
	background-color:#ebf0f2;
	height:80px;
	position: relative;
}

#layout .logo a{
	display: block;
    float: left;
    padding-top: 20px;
	width:85%;
	text-align: center;
}

#layout .logo:after{
	left: -54px;
    content: "";
    display: inline-block;
    position: absolute;
    width:54px;
    height: 80px;
	background: url("/Style%20Library/Images/bg-logo.png") no-repeat left;
}

#layout .slider  figure img{
	width:100%;
	height: 460px;
}

.login ,.searchBox{
	display:none;
}


#layout .slider  figure figcaption a{
    height: 100px;
    background-color: rgba(0,0,0,.5);
    border-radius: 0 0 6px 6px;
    color: #fff;
    font-size: 24px;
    line-height:75px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.slider .owl-carousel .owl-item img,.slider .owl-carousel{
	margin-top: 0;
}

#layout .slider .owl-dots{
    bottom: 10px;
    text-align: center;
    position: absolute;
    width: 100%;
}

#layout .slider .owl-nav{
	display: none;
}

#layout .slider .carousel-indicators {
    bottom:5px;
}

#layout .slider .carousel-indicators li{
	width:15px;
    height:15px;
	margin:0 0 0 10px;
}

.side-intro{
    position: absolute;
    left: 0px;
    top: 210px;
    z-index: 2;
    overflow: hidden;
}

.intro-icon:nth-child(2),.intro-icon:nth-child(3){
    display:none;
}

.intro-icon{
    max-width: 60px;
    height: 60px;
    float: left;
    clear: both;
    border-radius: 0px 10px 10px 0;
    white-space: nowrap;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	position: relative;
	margin-bottom: 10px;
	color: #fff;
}

.intro-icon span{
	color: #fff;
	font-size: 16px;
	width: 95px;
	display: inline-block;
	white-space: normal;
	vertical-align: middle;
	margin:0 0 0 10px;
}
.intro-icon img{
    margin: 8px auto;
    padding-right: 15px;
    display: inline-block;
    margin-left: 10px;
    padding-top: 4px;
}

#layout  .intro-icon:hover {
    max-width: 200px;
}

#layout .transition{
	-webkit-transition: all 2s; /* Safari */
    transition: all 1s;
}

#layout .jop span,#layout .earth span{
    font-size: 16px;
    color:#fff;
    display: none;
    margin-top: 5px;
}

#layout  .jop:hover span,#layout .earth:hover span{
    display: block;
}

#layout  .jop a,#layout  .earth a{
    display:block;
	width:135px;
}

#layout .menu{
	margin-top: 15px;
	padding-left: 0;
	padding-right: 35px;
}

#layout .temperture{
	padding-right:30px;
}

#layout .temperture span{
	font-size: 14px;
	color: #fff;
}

#layout .temperture select{
	background-color: transparent;
    color: #fff;
    font-size: 14px;
	background: url("/Style%20Library/Images/selectRow.png") no-repeat left 12px;
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	border:0;
    margin-left: 20px;
	padding:0 10px;
}

#layout .temperture select::-ms-expand {
    display: none;   /* IE only */
}

#layout .temperture select > option{
	color: #29754d;
}

#layout .temperture .slahTime,#layout .temperture .day{
	margin-left: 20px;
}

#layout .temperture .degree{
	margin-top:-3px;
}

#layout .day{
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
}

#layout .language{
	height:35px;
}

#layout .language ul{
	float:left;
}

#layout .language .dropdown-menu{
	left:10px;
	right: auto;
}

#layout .language ul.dropdown-menu li{
	float:none;
	margin-left:0px;
}

#layout .language ul li{
	float:left;
	margin-left:20px;
}

li.user button{
	/* display:none; */
	min-width: 0;
}

#layout .language div.login-form{
	/* left:70px; */
	/* top:100%; */
	border-radius: 10px;
    text-align: center;
    font-weight: bold;
    background-color: #eff1f3;
	/* position:absolute; */
	z-index:1;
	width:100%;
	/* display:none; */
	padding:10px 0;
}

.captchaForm img{
	width: 240px !important;
    height: 50px;
    float: right;
    padding-right: 45px;
}

.captchaForm input{
    height:30px !important;
}

a.captchaRefresh {
    background: url("/Style%20Library/Images/refresh-page-option.png") no-repeat center;
    display: inline-block;
    width: 20px;
    background-size: contain;
    height: 30px;
    margin: 10px;
	float:right;
}

.modal-backdrop{
	position:inherit !important;
}

#layout .language ul li.login button{
	background-color:transparent;
	min-width: auto;
    padding: 0;
    border: 0;
}

#layout .language ul li.login .modal-content{
	background-color:transparent;
	border:none;
	box-shadow:none;
}

#layout .language ul li.login .login-form input {
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #36637e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width:85%;
    font-size: 15px;
	text-indent:10px;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}

#layout .language ul li.login .login-form input:focus{
	border-bottom: 1px solid #29754d;
    box-shadow: 0 1px 0 0 #29754d;
}

#layout .language ul li.login .login-form input[type="submit"]{
    background-color:#36637e;
	color:#fff;
	border-radius:20px;
	text-indent:0px;
}

#layout .language ul li.login .login-form input[type="submit"]:hover{
    background-color:#29754d;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}

#layout .language ul li .searchIcon{
	float:left;
}

#layout .searchBox input{
    font-size:16px;
    color: #ccc;
    padding-top:3px;
    background-color: #fff;
    z-index:1;
	border: 1px solid rgba(32, 95, 128, 0.33);
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.428571429;
    background-color: #fff;
    background-image: none;
    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, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#layout .searchBox input:focus{
    color: #007548;
}

.ms-srch-sb-border,.ms-srch-sb-border:hover,.ms-srch-sb-border:focus{
	border:none;
}


.ms-srch-sb{
	display:block;
}

#layout .searchBox button{
	background-color:transparent;
	border: 0;
    padding: 0;
    min-width: 0;
}

div.search{
	left:35px;
	top: 100%;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	background-color: #eff1f3;
	position: absolute;
	display: none;
	z-index: 2;
	width: 50%;
	height: 67px;
}

.ms-srch-sb-searchLink{
	display:none;
}

#layout .language ul li.lang a{
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
}

#layout .language .user .btn-primary {
    background-color: transparent;
    border-color: transparent;
	border:0;
	padding:0;
	vertical-align: inherit;
}

#layout .menuRow{
	padding-left:0;
}

#layout .menuList{
	background-color: rgba(239, 241, 243, 0.8);
	min-height: 65px;
	line-height: 55px;
	margin-bottom:15px;
}

#layout .menuList:before{
	content: "";
	display: inline-block;
	position: absolute;
	width:45px;
	height: 65px;
	right: -15px;
	background: url("/Style%20Library/Images/bg-menu.png") no-repeat right;
}

#layout .menuList li{
	float:right;
	margin-right:25px;
	border-radius:25px;
	height: 50px;
	padding: 0px 10px;
	margin-top: 8px;
	line-height: 42px;
}

#layout .menuList li.active{
	font-weight: bold;
}

#layout .menuList li a.home{
    display: block;
    width: 28px;
    background-position: center;
    height:45px;
}

#layout .menuList .dropdown-menu li{
	width: 94%;
	margin: auto;
	float: none;
	height: auto;
	padding: 0;
	margin-top: 0;
	line-height: inherit;
	border-bottom: 0;
}

#layout .menuList li a{
	font-size:18px;
	color: #000;
	text-shadow: 0 0 0 #000;
	text-decoration: none;
}

#layout .menuList li a.home span{
	opacity:0;
	display:none;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

#layout header.fixed{
    position: fixed;
    width: 100%;
	height:auto;
    left: 0px;
    top: 0px;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px 0px;
}

#layout .fixed .temperture, #layout .fixed .language, #layout .fixed .menuList:before, #layout .fixed .logo:after{
	display: none;
}

#layout .fixed .menu{
	padding-top: 0px;
}

#layout .fixed .logo a{
	padding-top: 30px;
}

#layout .menu li.hideOption{
	display: none;
}

#layout .fixed .menu li.hideOption{
	display: block;
	position:absolute;
	left:2%;
	cursor:pointer;
}



/*********************************************** jobDetails style ***********************************************/

.experinceTitle{
	font-size:16px;
	color:#333;
	font-weight:bold;
}

.experince li{
	font-size:16px;
	color:#404040;
	margin-bottom:10px;
}

.experince li:before{
	content: "";
    border-right: 6px solid #333;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    display: inline-block;
    margin-left: 5px;
}

.applyJop{
	width: 300px;
    height: 50px;
    border-radius: 5px;
    background-color: #1c6f92;
    color: #fff;
    display: block;
    margin: 40px auto;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
	clear: both;
}

.jopDetails .paragraph {
	margin-bottom:40px;
}

.jopDetails .otherInfo{
	background: #15698c url(../images/bg-info.png) no-repeat;
    padding: 20px 30px;
    background-size: cover;
}

.jopDetails .otherInfo h3{
	color:#fff;
	font-size: 20px;
    margin-bottom: 20px;
}

.jopDetails .otherInfo span{
	color:rgba(255,255,255,.75);
	font-size:13px;
	display:block;
	margin-bottom: 20px
}

.jopDetails .otherInfo span.address{
	padding-right: 20px;
}

.jopDetails .otherInfo span.location{
	background: url(../images/location.png) no-repeat right;
    padding-right: 20px;
	margin-bottom: 10px;
}

.jopDetails .otherInfo span.calender{
	background: url(../images/calender.png) no-repeat right;
    padding-right: 20px;
}

.jopDetails .otherInfo .applyJop{
    background-color: #fff;
    color: #1c6f92;
	font-weight:bold;
	margin-bottom:0;
	font-size:16px;
	padding:0;
	margin-left:auto;
}

/*********************************************** jobDetails style ***********************************************/

.jopSearch.jopDetails .otherInfo{
	background: #fff url(../images/bg-info.png) no-repeat;
	border:1px solid #ddd;
	margin-bottom:25px;
	display:block;
	padding: 0px 15px 40px;
	cursor: default;
	
}
.otherInfo  a {
	cursor: default;
}

.jopSearch.jopDetails .otherInfo:hover,.jopSearch.jopDetails .otherInfo:active{
	background: #15698c url(../images/bg-info.png) no-repeat;
}

.jopSearch.jopDetails .otherInfo span{
	color:#282828;
}

.jopSearch.jopDetails .otherInfo .applyJop{
    background-color:transparent;
	border:1px solid #ddd;
    color:#282828;
	font-size:14px;
	font-weight:normal;
	height: 35px;
    line-height: 19px;
	width: 85%;
	margin-left: auto;
}

.jopSearch.jopDetails .otherInfo:hover .applyJop{
    color:#23548d;
	background-color:#fff;
	font-size: 13px;
}

.jopSearch.jopDetails .otherInfo:hover  span{
    color:rgba(255,255,255,.7);
}

.jopSearch.jopDetails .otherInfo span.location{
	background: url(../images/current-location.png) no-repeat right;
    padding-right: 20px;
	margin-bottom: 10px;
}

.jopSearch.jopDetails .otherInfo span.calender{
	background: url(../images/current-calender.png) no-repeat right;
    padding-right: 20px;
}

.jopSearch.jopDetails .otherInfo:hover  span.location{
	background: url(../images/location.png) no-repeat right;
    padding-right: 20px;
	margin-bottom: 10px;
}

.jopSearch.jopDetails .otherInfo:hover  span.calender{
	background: url(../images/calender.png) no-repeat right;
    padding-right: 20px;
}

.jopSearch.jopDetails .otherInfo h3{
	color:#020202;
	font-weight: bold;
}
.jopSearch.jopDetails .otherInfo:hover h3{
	color:#fff;
}

/*********************************************** Apply Jop style ***********************************************/

.addButton{
	background-color: #f6f6f6;
	width: 100%;
	height: 75px;
	border: 1px solid #c6c6c6;
	display: block;
	text-align: center;
	color: #306e8f;
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;
	box-shadow: 1px 1px 1px #ddd;
	margin-bottom:28px;
	clear:both;
}

.attachment{
	min-height: 257px;
	background-color: #fff;
	padding-top: 30px;
	margin-top: 47%;
	width: calc(100% - 30px) !important;
    width: -moz-calc(100% - 30px) !important;
    width: -webkit-calc(100% - 30px) !important;
	margin-right:auto;
	margin-left:auto;
}

.attachment .formRow.fullRow{
	padding: 0 !important;
	margin-top: 25px;
}

.attachment .formRow{
	display:inline-block;
	float:none !important;
}

.attachment .formRow span:first-child{
	display:block !important;
	text-align:right;
}


.attachment .formRow span.Label{
	display:inline-block !important;
	font-size: 13px;
}

#uploadedFiles div{
	background-color: rgba(230, 226, 226, 0.86) !important;
	border:0 !important;
	width: 100% !important;
}


#profiles h5{
	color: #404040;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 15px;
}

.attachmentUpload{
	background-color: #f6f6f6;
	padding: 35px 0 15px;
	height: 100px;
}

.attachment input[type="file"]{
	display:none;
}

.addButton svg{
	fill:#306e8f;
}

.AddAttachmentsectionTD{
	padding-top:15px;
}


.addButton span{
	vertical-align: super;
	margin-right: 5px;
}

.attachFile{
	color: #306e8f;
	font-weight: bold;
	/* font-size:18px; */
	cursor: pointer;
	background: url(../images/attachment.png) no-repeat right 100%;
	padding-right: 35px;
}

.attachNote,.cvRequestAttachments{
	color:red !important;
	font-size:13px !important;
	/*display: block !important;*/
	margin-top: 8px;
	 text-align: center !important;
}

.applyJopGrid{
	background-color: #fff;
	/*min-height: 600px;*/
}

 .titleGrid{
    background-color: #f6f6f6;
    width: 100%;
    height: 45px;
    border: 1px solid #c6c6c6;
    display: block;
    font-weight: bold;
    box-shadow: 1px 1px 1px #ddd;
}

.titleGrid h1{
  color: #020202;
  font-size: 20px;
  font-weight: bold;
  margin:0;
  text-indent: 15px;
	padding: 6px 30px 16px 0;
	cursor: pointer;
}

.titleGrid h1::before{
	  content: "";
    background: url(../images/close.png) no-repeat;
		width: 24px;
		height: 24px;
    display: block;
    position: absolute;
    right: 10px;
    background-position: center;
    top: 8px;
}

.titleGrid h1.collapsed::before{
		background: url(../images/close.png) no-repeat;
		-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
    transform: rotate(180deg);

}

.titleGrid a{
	position: absolute;
	left: 0;
	top:0;
}

.titleGrid .add{
	background-color: #005e85;
    height: 45px;
    color: #fff;
    display: inline-block;
    float: left;
    width: 165px;
    font-size: 18px;
    text-align: center;
    padding-top:6px;
}

 .titleGrid .add svg{
	fill:#fff;
	vertical-align: middle;
	margin-left: 7px
}

.applyJopGrid{
	background-color: #fff;
	overflow:hidden;
	margin-bottom: 35px;
	box-shadow:1px 15px 15px 1px #eee;
	position: relative;
}

.applyJopGrid .jopInfo{
	overflow:hidden;
	height: 0;
	margin: 0;
}

.applyJopGrid .jopInfo li{
	margin-bottom:20px;
	margin-top: 20px;
	overflow: hidden;
}

.showMore:before,.less:before{
	content: "";
    background: url(../images/more.png) no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-left: 10px;
}

#qualifications,#Skills,#experiences,#courses{
	width: calc(100% - 30px) !important;
    width: -moz-calc(100% - 30px) !important;
    width: -webkit-calc(100% - 30px) !important;
	margin-right:auto;
	margin-left:auto;
}

.less:before{
	background:url(../images/less.png) no-repeat;
}

.imgCloseAttachment{
	width: 13px;
    height: 13px;
    top: 12px !important;
    left: 10px !important;
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translatey(50px);
        -ms-transform: translatey(50px);
        -webkit-transform: translatey(50px)
    }
    100% {
        opacity: 1;
        transform: translatey(50px);
        -ms-transform: translatey(50px);
        -webkit-transform: translatey(50px)
    }
}
.applyJopGrid .jopInfo li:after{
	content: "";
    display: block;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    width: 92%;
    margin: auto;
    padding-top: 15px;
}

.applyJopGrid .jopInfo li:last-child:after{
	content:none;
}

.applyJopGrid .jopInfo li .info h1{
	color:#404040;
	font-size:20px;
	font-weight:bold;
	margin-bottom: 15px;
	margin-top:0;
}

.applyJopGrid .jopInfo li .info span{
	color:#404040;
	font-size:16px;
	margin-left: 5px
}

.applyJopGrid .jopInfo li .info span.country{
	display:block;
	margin-top: 5px;
}

.applyJopGrid .jopInfo li .info p{
	color:#404040;
	font-size:16px;
	margin-top:15px;
	line-height:25px;
	text-align:justify;
	height: 80px;
	overflow: hidden;
}

.applyJopGrid .jopInfo .options{
	text-align:left;
	float:left;
}

.applyJopGrid .jopInfo .options input[type="image"],.applyJopGrid .jopInfo .options img{
	margin-left:15px;
}

.showMore,.less{
	color:#282828;
	font-size: 17px;
	text-align:center;
	display:block;
	border:1px solid #c6c6c6;
	height:60px;
	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	padding-top: 13px;
	text-shadow: 0 0 0;
	cursor:pointer;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.showMore:before,.less:before{
	content: "";
    background: url(../images/more.png) no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-left: 10px;
}

.less:before{
	background:url(../images/less.png) no-repeat;
}

.jopForm{
	margin-top:15px;
	font-size:16px;
	color:#404040;
}

.jopForm label{
	font-size:20px;
	color:#404040;
}

.jopForm > div{
	padding-right:0;
	margin-bottom: 10px;
}


.none{
	display:none;
}


/****************************************** Search page *************************************************/

#ResultFooter{
	display:none;
}

#UserPersonaContainer{
	display:none;
}

.ms-srch-people-item , .ms-srch-hover-outerContainer , .ms-srch-people-outerContainer{
	width:100% !important;
}

.ms-srch-people-item #UserInfoContainer{
	float:none;
}

.ms-srch-item-body div{
	width:100%;
}

.ms-srch-item {
 width: 100%; /*width should be defined according to resolution - responsive*/
}

.ms-srch-item-icon{
	 display: none !important;
}
.ms-srch-item-icon img {
	display: none !important;
}

.ms-srch-ellipsis{
	 margin: 0 0 0 0 !important;
	 padding: 0 10px 0 0  !important;
	 color: #191852;
	 font-weight: bold;
	 background: url(../images/RCLArrow.png) no-repeat right 1px !important;
	 font-size:15px;
	 overflow: visible;
}

.ms-srch-ellipsis .ms-srch-item-link,.ms-srch-ellipsis .ms-srch-item-link:visited{
	 color: #191852;
}

.ms-srch-item-highlightedText{
	color:#333 !important;
	font-weight:bold !important;
}

.ms-promlink-button{
	border-width:0 !important;
	border-style:none !important;
	padding:0 !important;
}

.ms-srch-item-icon , .ms-srch-hover-outerContainer{
	 display: none !important;
}
.ms-srch-item-icon img {
	display: none !important;
}

.ms-srch-item:hover{
	background:rgba(243, 243, 243, 0.85);
}

.ms-srch-sbLarge>input{
	border:1px solid #ddd;
	padding: 0px 10px;
}


/*********************************************** internalContent style ***********************************************/

.leftBlock .header-title{
    font-size: 22px;
    margin: 0 0 20px;
    clear: both;
}


/*********************************************** Breadcrumb style ***********************************************/

#layout .internalContent .breadcrumb{
	background-color: transparent;
    position: relative;
    margin-bottom: 0;
}

#layout .internalContent .breadcrumb .ancor,#layout .internalContent .breadcrumb .ancor li{
	float:right;
}

#layout .internalContent .breadcrumb  span{
	transition: all 1s ease;
    padding: 0 10px 0 6px;
	display:inline-block;
	margin-left:10px;
}

#layout .internalContent .breadcrumb  span a{
	color: #404040;
    transition: all 1s ease;
  	display:inline-block;
	font-weight:bold;
	font-size: 15px;
}


#layout .internalContent .breadcrumb  span:after{
	content:"";
    display:inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-right:5px solid #9f9f9f;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
	top:15px;
	margin-right:10px;
}

#layout .internalContent .breadcrumb  span:last-of-type:after{
	content:none;
}

#layout .internalContent .breadcrumb   span.home{
	font-weight:normal;
}

#layout .internalContent .breadcrumb  span:hover{
	color:#36637e;
}

#layout  .internalContent  .siteIcon{
	float:left;
}

#layout  .internalContent .siteIcon  li{
	margin-left:10px;
	float:right;
}

#layout  .internalContent  .siteIcon  li img{
	margin: 3px auto;
    display: block;
}

.share-form{
	top: 80%;
	border-radius: 10px;
    text-align: center;
    font-weight: bold;
    background-color: #eff1f3;
    position: absolute;
    z-index: 1;
    width: 5%;
    height: 50px;
    padding: 0 10px;
    border: 1px solid #ddd;
}

.share-form img{
	float: right;
    padding-top: 11px;
    padding-right: 8px;
}

/***********************************************newsBlock style ***********************************************/


#layout .internalContent .leftBlock{
	width:100%;
	/* float:left; */
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	/*padding-bottom: 100px;*/
	min-height: 604px;
}

#layout .internalContent .leftBlock .headerTitle{
	font-size:24px;
	font-weight:bold;
	float:right;
	margin-top:0;
	margin-bottom: 15px;
}

#layout .internalContent .leftBlock  .more{
	font-size:16px;
	color:#404040;
	float:left;
	position: relative;
    margin-left:30px;
	text-shadow:0 0 0;
}

#layout .internalContent .leftBlock  .more:after{
	content:"?";
	position:absolute;
	-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	margin-right:5px
}

#layout .internalContent .leftBlock .eNews .owl-dots{
	display: none !important;
}

#layout .internalContent .leftBlock .box{
	border-radius:10px;
	min-height:225px;
	overflow:hidden;
	clear:both;
	background-color:#f6f6f6;
}

#layout .internalContent .leftBlock  .newsBlock  .box{
	margin-bottom:10px;
	min-height: 347px;
	background-color: #f1f1f1;   /****new****/
}

#layout .internalContent .leftBlock  .newsBlock .newsContent span{
	font-size:16px;
	color:#195e83;
	margin-top: 10px;
    display: block;
}

#layout .internalContent .leftBlock  .newsBlock .newsContent h4{
	display:block;
	font-size:19px;
	color:#404040;
	font-weight: bold;
	line-height:25px;
	margin-top:0;
}

#layout .internalContent .leftBlock  .newsBlock .newsContent p{
	font-size:16px;
	color:#404040;
	line-height:21px;
	height: 45px;
	overflow: hidden;
	margin-bottom: 18px;
}

#layout .internalContent .leftBlock  .newsBlock  .moreRead{
	float: right;
	margin-right: 15px;
	margin-bottom: 10px;
}

#layout .internalContent .leftBlock  .newsBlock .companyProcess{
	background: url("/Style%20Library/Images//bg-company.png") no-repeat #3a865e;
	min-height:115px;
	display: block;
	padding: 18px 0;
}

#layout .internalContent .leftBlock  .newsBlock .companyProcess div{
	display:inline-block;
}

#layout .internalContent .leftBlock  .newsBlock .companyProcess img{
	width:72px;
	height:72px;
}

#layout .internalContent .leftBlock  .newsBlock .companyProcess span{
	font-size:28px;
	color:#fff;
	font-weight:bold;
}

/***********************************************eventBlock style ***********************************************/

#layout .internalContent .leftBlock .eventBlock .box{   /****new****/
	padding:5px 15px;
	/* height: 347px; */
	background-color: #f1f1f1;
}
	/***************calendar style ****************/

.calendar .weekdays{
	background-color: #4b8c6a;
}

.calendar .weekdays td{
	color:#fff;
	font-weight:bold;
	border: 0;
}

.calendar .weekdays td:first-child{
	border-radius: 0px 10px 10px 0px;
}

.calendar .weekdays td:last-child{
	border-radius: 10px 0px 0px 10px;
}

.calendar table{
    width: 100%;
    text-align: center;
    margin: auto;
}
.other-month{
    opacity: .5;
}
.month th {
    color: #404040;
    font-size: 18px;
    padding: 15px 11px 20px;
}

.days td:last-child{
    border-left: 0px solid #e1e1e1;
}
.days td{
	border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

.days.last td{
	border-bottom: 0px solid #e1e1e1;
}

.weekdays td {
}
.weekdays td:first-child{
}
.weekdays td>span{
    height: 27px;
    font-size: 17px;
    display: block;
}
.days td{
    list-style-type: none;
    text-align: center;
    font-size: 18px;
    color: #404040;
    padding: 8px 17px;
}
.days td.event{
    background: #195e83;
    color: white !important;
}
.month th.next span,.month th.prev span{
   display: block;
   position: absolute;
   top: 3px;
}
.month th.prev,.month th.next{
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 60px;
	left: 80px;
}

.month th.prev{
	left: 37px;
}

.tooltip-inner {
	color: #404040;
    text-shadow: 0 0 0;
    min-height: 40px;
    background: url(../images/tooltip.png) no-repeat right center #fff;
    font-size: 14px;
    padding: 9px 55px 5px 10px;
    border-radius: 15px;
    border: 1px solid #ddd;
    box-shadow: 1px 3px 12px 1px #8e8e8e;
    max-width:350px;
}

.tooltip::before{
    content: "";
    background: url(../images/calArrow.png);
    position:absolute;
    width:35px;
    height:29px;
    bottom:-23px;
    right:30%;
}


.tooltip-arrow{
	border:0 !important;
}

/***********************************************owl-carousel style ***********************************************/

.owl-carousel .item{height:auto;}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1;} 100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{display:none;width: 100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;margin:5px auto 0;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{height: 213px;margin-top: 7px;border-radius:10px;}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item img{transform-style:preserve-3d;}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
.owl-theme .owl-controls{margin-top:10px;text-align:left;-webkit-tap-highlight-color:transparent;right: 274px;}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#075641;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;}
.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;border: 1px solid #fff;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fff}
.owl-next{background:url("/Style%20Library/Images//next.png") no-repeat !important;width:30px;height:29px;position:absolute;left: 9%;bottom: 3px;}
.owl-prev{background:url("/Style%20Library/Images//prev.png") no-repeat !important;width:30px;height:29px;position:absolute;left: 3%;bottom: 3px;}

/*********************************************** gallary style ***********************************************/

#layout .internalContent .leftBlock .gallary{   /*********NEW************/
	margin-top: 35px;
    background: url("/Style%20Library/Images//bg-news.png") #f3f3f3;
    height: 470px;
    padding: 30px
}

#layout .internalContent .leftBlock .gallaryBlock .block{
	clear:both;
	margin-bottom:0;
}

.view > img,.modal img{
	width:100%;
}

/*********NEW************/
#layout .internalContent .leftBlock .gallaryBlock .box{
	border: 0;
    border-radius: 0;
    min-height: auto;
    overflow: inherit;
    clear: both;
    background-color: transparent;
}

.view .zoomin{
	margin-top:0 !important;
	height:auto !important;
}

#layout .internalContent .leftBlock .gallaryBlock .owl-prev{
	right:auto;
	left:10px;
	bottom: -35px;
}

#layout .internalContent .leftBlock .gallaryBlock .owl-next{
	right:auto;
	left:45px;
	bottom: -35px;
}

.imgModal{
	display:none;
	position:fixed;
	z-index:9999;
	background-color:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	top:0;
}

.imgModal .modal-content{
	width:40%;
    margin: 10% auto;
}

.imgModal .modal-content .modal-body img{
	width: 100%;
}


/*********NEW************/


.view > img{
	height: 174px;
	border-radius: 10px;
}

.view-second .content img {
   -webkit-transition: all 0s;
   -moz-transition: all 0s;
   -o-transition: all 0s;
   -ms-transition: all 0s;
   transition: all 0s;
   display: inline-block;
   position: relative;
}

.view-second .modal img {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.modal {
    background-color: rgba(0,0,0,0.7);
	overflow: auto;
}

.modal-open {
    overflow: auto;
}

.modal-content{
	border-radius:25px;
}

.modal-footer {
    padding: 0;
    margin-top: 0;
    text-align: left;
    border-top: 0px solid #e5e5e5;
}

.close {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -4px;
    right:-8px;
    background: #fff !important;
    border-radius: 100%;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    color: #404040;
    opacity: 1;
    padding: 0;
    cursor: pointer;
    min-width: auto;
}

.view button{
	background-color: transparent;
    border: 0;
    min-width:auto;
}

.modal-body {
	padding:10px;
}

.view button:hover,.view button:focus,.view button.active{
	background-color: transparent;
    border-color: transparent;
	box-shadow: none;
    outline: 0;
}

#layout .internalContent .leftBlock .gallaryBlock .more{
	margin-left:35px;
}

.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   padding-right: 0;
   padding-left: 15px;
   margin-bottom: 10px;
   height:148px;  /*****new******/
}

.view .mask,.view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   padding-top:17px;  /*****new******/
   left: 15px;
   right: 0;
}

.view img {
   display: block;
   position: relative;
}

.view p {
   font-size: 18px;
   position: relative;
   color: #fff;
   width: 90%;
   margin: auto;
   font-weight: bold;
}

.view-second img {
   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   transition: all 0.1s ease-in;
}

.view-second .mask {
   background-color: rgba(0,0,0, 0.5);
   width: calc(100% - 15px);
   padding: 60px;
   height:100%;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(265px, 145px) rotate(45deg);
   -moz-transform: translate(265px, 145px) rotate(45deg);
   -o-transform: translate(265px, 145px) rotate(45deg);
   -ms-transform: translate(265px, 145px) rotate(45deg);
   transform: translate(265px, 145px) rotate(45deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   border-radius: 10px;
   overflow: hidden;
}

.view-second img {
   -webkit-transform: translate(200px, -200px);
   -moz-transform: translate(200px, -200px);
   -o-transform: translate(200px, -200px);
   -ms-transform: translate(200px, -200px);
   transform: translate(200px, -200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.view-second p {
   -webkit-transform: translate(-200px, 200px);
   -moz-transform: translate(-200px, 200px);
   -o-transform: translate(-200px, 200px);
   -ms-transform: translate(-200px, 200px);
   transform: translate(-200px, 200px);
   -webkit-transition: all 0s ease-in-out;
   -moz-transition: all 0s ease-in-out;
   -o-transition: all 0s ease-in-out;
   -ms-transition: all 0s ease-in-out;
   transition: all 0s ease-in-out;
}

.view-second:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate(0px, 0px) rotate(0deg);
   -moz-transform: translate(0px, 0px) rotate(0deg);
   -o-transform: translate(0px, 0px) rotate(0deg);
   -ms-transform: translate(0px, 0px) rotate(0deg);
   transform: translate(0px, 0px) rotate(0deg);
}

.view-second:hover img {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.view-second:hover p {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.view-second > img {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
   height: 145px !important;  /*****new******/
   margin-top: 0 !important;   /*****new******/
}

/*********************************************** vedio style ***********************************************/

#layout .internalContent .leftBlock .videoBlock .box{

	 /*****new******/
	  /*****new******/
	background-color: transparent;
	padding: 0px 12px;
	height: auto;
	border: 0;
	overflow: inherit;
}

#layout  .internalContent .leftBlock .videoBlock .owl-dots {
    display: none !important;
}


#layout .internalContent .leftBlock .videoBlock .box iframe {
    height: 302px;
    width:100%;
    border-radius: 10px;
}

#layout .internalContent .leftBlock .videoBlock .box  .owl-next {
    background: url("/Style%20Library/Images//next.png") no-repeat !important;
    left: 30px;
    bottom: -45px;
    right: auto;
}

#layout .internalContent .leftBlock .videoBlock .box  .owl-prev {
    background: url("/Style%20Library/Images//prev.png") no-repeat !important;
    left: -5px;
    bottom: -45px;
    right: auto;
}

/******************** gallery style *********************/


#layout .internalContent .leftBlock .gallery .photoGa li{
	margin-bottom:25px;
}

#layout .internalContent .leftBlock .gallery .photoGa li.col-md-offset-2{
	margin-right: 12.666666666666664%;
}

#layout .internalContent .leftBlock .gallery .photoGa li img{
	width:100%;
	height:150px;
	margin-bottom: 0;
}

.impLinks .photoGa li img{
	margin:auto;
}

#layout .internalContent .leftBlock .impLinks figure figcaption{
    color: #fff !important;
    padding:12px 0 !important;
    border-radius:0 !important;
    height: 40px;
    text-align: center;
}

#layout .internalContent .leftBlock .gallery figure , #layout .internalContent .leftBlock .gallery a{
	box-shadow:0 0 10px #ddd;
	display:block;
}

#layout .internalContent .leftBlock .gallery figure figcaption , #layout .internalContent .leftBlock .gallery div{
	font-size: 13px;
    color: #333;
    /* background: rgba(0,0,0,.12); */
    padding: 7px 5px;
    /* border-radius: 0 0 10px 10px; */
    min-height: 90px;
    max-height: 100px;
    line-height: 20px;
    font-weight: bold;
    background-color: rgba(239, 241, 243, 0.8);
    text-align: center;}

#layout .internalContent .leftBlock .gallery figure figcaption span, #layout .internalContent .leftBlock .gallery div span{
	font-size: 13px;
	/* text-align: center; */
	color: #333;
	font-weight: normal;
	/* background-color: #15698d; */
	padding: 3px 5px 7px;
	position: absolute;
	bottom: 0;
	/* margin: 0 auto; */
	left: 15px;
	right: 15px;
	text-shadow: 0 0 0;
}

/*********************************************** adv style ***********************************************/

#layout .internalContent .leftBlock  .adv{   /****new*****/
    background: url("/Style%20Library/Images//bg-news.png") #f3f3f3;
    padding: 30px 0 50px;
}

#layout .internalContent .leftBlock  .adv .advList{
	clear:both;
}

#layout .internalContent .leftBlock .adv  .more{
	margin-left:40px;
}

#layout .internalContent .leftBlock .adv .advList li{
	padding-right:0;
}

#layout .internalContent .leftBlock  .adv .advList li a{
	display:block;
	/* width: 100%; */
	/* overflow: hidden; */
	/* height: 313px; */
}

#layout .internalContent .leftBlock .adv .advList li a img{
	height: 295px;
	width:100%;
	border-radius: 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#layout .internalContent .leftBlock .adv .advList li:hover img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

#layout .internalContent .leftBlock  .adv .advList li .advDetails{
	position: absolute;
    padding: 0 25px 0 41px;
    top: 58%;
    width:100%;
}

#layout .internalContent .leftBlock  .adv .advList li .advDetails p{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	max-height: 60px;
    overflow: hidden;
}

#layout .internalContent .leftBlock  .adv .advList li .advDetails .date{
	font-size:14px;
	color:#fff;
}

#layout .internalContent .leftBlock .moreRead{
	font-size:16px;
	color:#fff;
	float:left;
	margin-top:0px;
	text-decoration:underline;
}


/*********************************************** Right menu style ***********************************************/


#layout .internalContent .rightBlock{
    padding-right: 0;
    padding-left: 0;
	transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    width: 0px;
}

#layout .internalContent .rightBlock.opened {
    width: 17%;
}

#layout .internalContent .leftBlock.opened {
    width:95%;
}

.mainMenu{
	margin-bottom:20px;
	overflow:hidden;
}

.mainMenu ul li{
	border-bottom:1px solid #15526b;
	margin:0px;
	padding:13px 0;
	text-indent:20px;
	width:100%;
}

.mainMenu ul li:last-child{
	margin-bottom:90px !important;
}

.mainMenu ul li:last-child:after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 75px;
	background: url(../images/bg-aside.png) no-repeat left bottom;
	height: 65px;
	left:0;
	bottom: -91px;
}

.mainMenu .sidemenu-toggle{
    position: absolute;
    display: inline-block;
	width:58px;
	background: url(../images/activeMenu.png) no-repeat left;
	height:52px;
	left:-55px;
	cursor: pointer;
	z-index:2;
}

.mainMenu ul li a{
    color: #fff;
	font-size:15px;
	font-weight:bold;
	min-width: 200px;
    display: block;
}

.mainMenu ul li a:after{
	content: "?";
	position: absolute;
	left:30px;
}

.mainMenu ul li.mainPage{
	padding: 0px 0 15px;
    margin-top:10px;
}

.mainMenu ul li.mainPage:hover{
	background-color:transparent;
}

.mainMenu ul li.mainPage a:after{
    content:none;
}

.mainMenu ul li.mainPage a{
    color: #fff;
	font-size:17px;
}

.opened .side-menu{
    opacity: 1;
}

#layout .internalContent .rightBlock .mainMenu a[href="#zz1_CurrentNav_SkipLink"]{
	display:none !important;
}

#layout .internalContent .rightBlock .level1{
	float:none !important;
	padding: 0;
	/* margin: 15px 0 3px 0; */
	overflow: hidden;
}

#layout .internalContent .rightBlock #zz1_CurrentNav{
	float:none !important;
}

#layout .internalContent .rightBlock .level1 li.static{
	margin:0px 0 0 0px;
	background-image:url(../images/row.png);
	background-position:94% 4px;
	background-repeat:no-repeat;
	padding:0 30px 10px 0;
	border-bottom: 1px solid #15526b;
	margin: 0px;
	padding: 20px 0;
	text-indent: 20px;
	width: 100%;
}

#layout .internalContent .rightBlock .level1 li.static:hover {
}

#layout .internalContent .rightBlock .level1 li.static:last-child{
	border-bottom: 1px solid #15526b;
	margin: 0px;
	padding: 13px 0;
	text-indent: 20px;
	width: 100%;
}

#layout .internalContent .rightBlock .level1 .static a{
	color: #fff;
	font-size: 14px;
}

#layout .internalContent .rightBlock .level1 li.static:hover a {
	/* color: #47a350; */
}

#layout .internalContent .rightBlock .list-group .list-group-item:hover{
	/* background-color:#fccd23 !important;	 */
}

#layout .internalContent .rightBlock .list-group .list-group-item a{
	color:#444;
}

#layout .rightBlock .fontIcon{
	font-size: 8px;
}

/*********************************************** Newslist style ***********************************************/

#layout .internalContent .leftBlock .pageTitle{
	font-size:36px;
	font-weight:bold;
	margin:0 0 30px;
	line-height: 1.1;
}

#layout .internalContent .leftBlock .rightTit > h1{
	color:#404040;
	font-size:24px;
	font-weight:bold;
	margin:0 0 15px;
}

#layout .internalContent .leftBlock .rightTit   span{
	color:#404040;
	font-size:16px;
	margin-bottom:10px;
	display:block;
	font-weight: bold;
}

#layout .internalContent .leftBlock .pageTitle:before,#layout .internalContent .leftBlock .pageTitle:after{
	content: "";
	/* position: absolute; */
	display: block;
	width: 195px;
	height: 2px;
	top: 20px;
	background: url("/Style%20Library/Images//line.png") no-repeat;
}

#layout .internalContent .leftBlock .pageTitle:before{
    /* background-position: right; */
    /* right:22%; */
    display: inline-block;
    margin-left: 50px;
}

#layout .internalContent .leftBlock .pageTitle:after{
	/* background-position: left; */
	/* left:22%; */
	margin-right: 50px;
	display: inline-block;
}

#layout .internalContent .leftBlock .newsList .mediaList{
	overflow:hidden;
    margin: auto;
}

#layout .internalContent .leftBlock .newsList .mediaList.opened li {

}

#layout .internalContent .leftBlock .newsList .mediaList li{
	margin:0 0 25px 0;
	position:relative;
	cursor:pointer;
}

#layout .internalContent .leftBlock .newsList .mediaList li a{
	width:100%;
	height:100%;
	display:block;
}

#layout .internalContent .leftBlock .newsList .mediaList li img{
	height:280px;
	width:100%;
}

#layout .internalContent .leftBlock .newsList .mediaList .details{
	position: absolute;
    color: #fff;
    right: 30px;
    bottom: 12px;
	left: 30px;
	z-index:2;
	transition:all .3s linear;
    -ms-transition:all .3s linear;
    -webkit-transition:all .3s linear;
}

#layout .internalContent .leftBlock .newsList .mediaList li:hover .details{
	right:50px;
	bottom: 30px;
    left: 48px;
	transition:all .3s linear;
    -ms-transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -webkit-transition:all .3s linear;
}

#layout .internalContent .leftBlock .newsList .mediaList .details h3{
	font-size:18px;
	font-weight:bold;
	line-height: 25px;
	margin-top: 5px
}

#layout .internalContent .leftBlock .newsList .mediaList .details > span{
	font-size:14px;
}

#layout .internalContent .leftBlock .newsList .mediaList .details .moreRead{
	text-decoration:none;
	font-size:16px;
}

#layout .internalContent .leftBlock .newsList .mediaList .details .moreRead:before{
    content: "";
    position: absolute;
    display: inline;
    width: 295px;
    height: 2px;
    bottom: 5px;
    background:rgba(255,255,255,.25);
    left: 65px;
}

#layout .internalContent .leftBlock .newsList .mediaList li:hover .moreRead:before{
    width: 260px;
}

#layout .internalContent .leftBlock.opened  .newsList .mediaList .details .moreRead:before{
	width:230px;
}

#layout .internalContent .leftBlock .newsList .mediaList li .shape{
	border: 4px solid #fff;
    height:calc(100% - 31px);
    position: absolute;
    width:calc(100% - 60px);
    overflow: hidden;
    z-index: 2;
    bottom:15px;
    right: 30px;
	display:none;
	transition: .3s linear;
    -ms-transition: .3s linear;
    -webkit-transition: .3s linear;
}

#layout .internalContent .leftBlock .newsList .mediaList li .bg{
    /* display: none; */
    position: absolute;
    width: calc(100% - 30px);
    height: 100%;
    z-index: 1;
    top: 0;
    left: 15px;
	box-shadow: 0px 0 5px 0px #0000008c;
	background:#005e85; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000000a1,#005e8526 ,#566b8a85); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000000a1,#005e8526 ,#566b8a85); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000000a1,#005e8526 ,#566b8a85); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#566b8a85,#005e8526 ,#000000cf);
	transition:all .7s ease-in-out;
    -ms-transition:all .7s ease-in-out;
    -webkit-transition:all .73s ease-in-out;
}

#layout .internalContent .leftBlock .newsList .mediaList li:hover .shape{
	display:block;
}

#layout .internalContent .leftBlock .newsList .mediaList li:hover .bg{
	display:block;
}


#layout .internalContent .leftBlock .newsList .mediaList li:hover .bg{
	/*background: url(/Style%20Library/Images//newsHover.png) no-repeat;*/
	background-position:center 35%;
	background-color: rgba(29, 117, 159, 0.3);
	box-shadow: 0px 0 5px 0px #0000008c;
}

/*********************************************** NewsDetails style ***********************************************/

#layout .internalContent .leftBlock  .newsListDetails > img{
	width:100%;
	height:260px;
	margin-bottom:15px;
}

#layout .internalContent .leftBlock  .newsListDetails .details .paragraph{
	padding-right:0;
}

#layout .internalContent .leftBlock  .newsListDetails .details .paragraph p{
	color: #404040;
    font-size:16px;
    margin: 0 0 35px;
	line-height:32px;
	text-align: justify;
	width: 95%;
}

#layout .internalContent .leftBlock  .newsListDetails .details .paragraph p strong{
	font-weight:normal;
}


#layout .internalContent .leftBlock  .newsListDetails .details p:last-of-type{
    margin: 0 0 15px;
}

#layout .internalContent .newsListDetails  .siteIcon {
    float: right;
	border-top:2px solid #eff0f3;
	padding-top:15px;
	width:100%;
}

#layout .internalContent .leftBlock  .newsListDetails .newsTitle {
	font-size:19px;
	font-weight:bold;
	background-color: #f3f3f3;
    margin-bottom: 0;
    padding: 15px 20px;
    margin-top:0;
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews{
	padding-left:0;
	background-color:#f3f3f3;
	padding-right: 0;
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews li{
	padding:20px 30px;
	cursor:pointer;
	transition:all .3s linear;
    -ms-transition:all .3s linear;
    -webkit-transition:all .3s linear;
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews li a{
	border-bottom:1px solid #ddd;
	display:block;
	width:100%;
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews li:last-child a,#layout .internalContent .leftBlock  .newsListDetails .latestNews li:hover a{
	border-bottom:0;
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews li:hover{
	/* background-color:#005e85; */
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews li:hover h4,#layout .internalContent .leftBlock  .newsListDetails .latestNews li:hover .date,#layout .internalContent .leftBlock  .newsListDetails .latestNews li:hover p{
	color:#fff;
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews  h3{
	font-size:19px;
	font-weight:bold;
	padding-right: 30px;
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews li .date,#layout .internalContent .leftBlock  .newsListDetails .latestNews li p{
	font-size:14px;
	color:#404040;
	line-height: 25px
}

#layout .internalContent .leftBlock  .newsListDetails .latestNews li h4{
	font-size:15px;
	color:#404040;
	font-weight:bold;
	line-height: 25px;
}

/*********************************************** Products style ***********************************************/

#layout .internalContent .leftBlock  .midParagraph{
	font-size: 19px;
    color: #404040;
    line-height: 30px;
    width: 90%;
    margin: auto;
}

#layout .internalContent .leftBlock  .products{
	margin: 50px 0;
}

#layout .internalContent .leftBlock  .products li{
	min-height:221px;
	margin-bottom: 50px;
}

#layout .internalContent .leftBlock  .products li:nth-child(odd){
	-webkit-box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
	-moz-box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
	box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
}

#layout .internalContent .leftBlock  .products li:nth-child(odd) .details{
	box-shadow:none;
	background:transparent;
	transition: all .3s linear;
}

#layout .internalContent .leftBlock .products li:nth-child(odd):hover .details {
    -webkit-box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
	-moz-box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
	box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
	background:#005e85;
}

#layout .internalContent .leftBlock  .products li a{
	width: 100%;
    display: block;
}

#layout .internalContent .leftBlock  .products li a .imgBlock{
	padding-right:0;
	padding-left:0;
	z-index: 1;
	 transition:all .3s linear;
    -ms-transition:all .3s linear;
    -webkit-transition:all .3s linear;
}

#layout .internalContent .leftBlock  .products li a .imgBlock.left{
	float:left;
}


#layout .internalContent .leftBlock  .products li a .imgBlock img{
	height:221px;
	width:100%;
}

#layout .internalContent .leftBlock  .products li a .details{
	min-height: 221px;
	padding-right: 25px;
	background: #fff;
	bottom: 0px;
	top: 0px;
}

#layout .internalContent .leftBlock  .products li:nth-child(even) .details{
	box-shadow:none;
	background:transparent;
	transition: all .3s linear;
}

#layout .internalContent .leftBlock .products li:nth-child(even):hover .details {
    -webkit-box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
	-moz-box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
	box-shadow: 0px 0px 15px 3px rgba(221,221,221,1);
	background:#005e85;
}

#layout .internalContent .leftBlock  .products li a .details h3{
	font-size:24px;
	color:#404040;
	font-weight:bold;

}

#layout .internalContent .leftBlock  .products li:hover a .details h3{
	color:#fff;
}

#layout .internalContent .leftBlock  .products li a .details p{
	font-size: 18px;
    color: #404040;
    line-height: 25px;
    text-shadow: 0 0 0 #ddd;
}

#layout .internalContent .leftBlock  .products li:hover a .details p{
    color: #fff;
}

#layout .internalContent .leftBlock  .products li a .details .more{
    float: right;
	font-size: 18px;
}

#layout .internalContent .leftBlock  .products li:hover a .details .more{
	color: #fff;
}

#layout .internalContent .leftBlock  .products li a .details .more:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

#layout .internalContent .leftBlock .more:after {
    -webkit-transition: all 10ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

#layout .internalContent .leftBlock .products li .imgBlock .shape{
	border: 4px solid #fff;
    height: calc(100% - 29px);
    position: absolute;
    width: calc(100% - 45px);
    overflow: hidden;
    z-index: 2;
    bottom: 15px;
    right: 23px;
    display: none;
    transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}

#layout .internalContent .leftBlock .products li .imgBlock .bg{
    display: none;
}

#layout .internalContent .leftBlock .products li:hover .imgBlock .shape{
	/* display:block; */   /***new***/
}

#layout .internalContent .leftBlock .products li:hover .imgBlock .bg{
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    /* background: url(/Style%20Library/Images//newsHover.png) no-repeat; */    /***new***/
    /* background-position: center 50%; */
	/*background-color: rgba(29, 117, 159, 0.39);*/   /***new***/
	transition:all .7s ease-in-out;
    -ms-transition:all .7s ease-in-out;
    -webkit-transition:all .73s ease-in-out;
}

#layout .internalContent .leftBlock .products .imgBlock .moreRead{
	display: none;
    position: absolute;
    color: #fff;
    float: left;
    bottom: 35px;
    z-index: 1;
    text-decoration: none;
    left: 40px;
	font-weight:bold;
}

/* #layout .internalContent .leftBlock .products .imgBlock:hover .moreRead{
	display:block;
}

#layout .internalContent .leftBlock .products .imgBlock .moreRead:before{
	content: "";
    position: absolute;
    display: inline;
    width: 560px;
    height: 2px;
    bottom: 6px;
    background: rgba(255,255,255,.25);
    left: 80px;
} */

/*********************************************** Two icons style ***********************************************/

.dfwp-list li{
	clear:none;
	float:right;
	list-style-type:none !important;
	margin:2px 0 0 0 !important;
}

.level-header{
	width: 250px;
    margin: 5px 10px;
    border-radius: 5px;
    min-height: 138px;
    float: right;
}

.toc-layout-main .dfwp-list .level-section .dfwp-list .level-section{
}

.level-description{
	background-color: #fff;
    min-height: 75px;
    width: 95%;
    font-size: 12px;
    margin: 0px auto;
    text-align: center;
    padding: 5% 1% 0;
    line-height: 20px;
    text-shadow: 0 0 0 #E9EFEB;
}

.level-header:hover{
	/* background-color:#B2771E; */
}

.level-header span a:visited{
	color:#fff;
}

.level-header span a{
	background-image: url("/Style%20Library/Images//back.png");
    background-position: 5% 10px;
    background-repeat: no-repeat;
    font-size: 14px !important;
    /* color: #E9EFEB; */
    text-shadow: 0 0 0 #E9EFEB;
    line-height: 45px;
    text-indent: 15px;
    margin: 0 0 0;
    cursor: pointer;
	font-weight:normal !important;
	display:block;
	text-overflow: ellipsis;
    overflow: hidden;
    height: 45px;
    white-space: nowrap;
    padding-left: 45px;
}

.level-header:hover a{
	color:#fff;
	text-decoration:none;
}

.level-section>ul>li>.level-header{
	/*background-color:#215b2a ;*/
}

.level-section>ul>li>.level-header:hover{
	/*background: #202658;*/
}

.level-bullet{
	background:none;
}

.level-item-pos{
	margin:0;
	padding:0;
}

.media-body-cont .imgBreif{
	display:block;
	font-size: 16px;
    margin: 15px 0;
    color: #CB861E;
}


/*********************************************** General pages style ***********************************************/

.level-band{
	display:none;
}

.ms-rteFontSize-3{
	/* color: #18814E; */
}


#layout .internalContent .leftBlock .newsBlock  .newsDetails .lastEdit{
	font-size: 12px;
    float: left;
    padding: 0 27px 0 2%;
    background-image: url("/Style%20Library/Images//lastEdit.png");
    background-position: right -1px;
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    line-height: 23px;
	clear:both;
}

.newsBlock  .owl-carousel .owl-item img{
	height:194px;
	width:100%;
}


/*********************************************** E-library style ***********************************************/

#layout .internalContent .leftBlock .AlbumList{
	overflow:hidden;
	padding: 0;
}

#layout .internalContent .leftBlock .AlbumList .AlbumListItem{
	float: right;
	margin: 1%;
	text-align: center;
	width: 23%;
	min-height:170px;
}

#layout .internalContent .leftBlock .AlbumList .AlbumListItem a , #layout .internalContent .leftBlock .AlbumList .AlbumListItem a:visited{
	/* color:#13614c; */
}

#layout .internalContent .leftBlock .AlbumList .AlbumListItem img{
	width:150px;
	height:130px;
	margin: 0 auto 10px auto;
	border:1px solid #ddd;
}

#layout .internalContent .leftBlock .AlbumList .AlbumListItem a p{
	/* color:#13614c; */
	font-size:11px;
	text-align: center;
	margin: 10px 0 0;
}


/*********************************************** DocsList style ***********************************************/

.docsList{
	width:100%;
	margin:10px 0;
	padding:0;
}

.docsList li{
	display:inline-block;
	width: 47%;
	color:#fff;
	list-style:square;
	margin:0 -10px 10px 30px;
	padding:8px 10px;
	cursor:pointer;
}

.docsList li:hover{
	color:#fff;
}

.docsList li a{
	color:#fff;
	margin:0 5px;

}

.docsList li a:visited{
	color:#fff;
}

/*********************************************** Files downlaod style ***********************************************/

.ms-webpart-titleText{
	font-family:myMainFont !important;
	padding: 0 10px 0 0;
}

.fileName{
	width:50%;
	float: right;
	padding: 0 15px 0 0;
	margin: 0 1% 15px 0;
	line-height:30px;
	height:30px;
	color: #fff !important;
	font-size:15px !important;
	display: block;
	clear:none !important;
}

.dLoad{
	width: 48%;
	float: left;
	text-align: left;
	padding: 0 0 0 15px;
	margin: 0 0 15px 1%;
	line-height:30px;
	height:30px;
	color: #fff !important;
	font-size:15px !important;
	display: block;
	clear:none !important;
}

.library li a , .library li a:visited{
	color:#4a4a4a;
	/*font-size:15px;*/
}

.library li a img{
	margin:0 0 0 5px;
}

.dLoadImg{
	float:left;
}

.fileSize{
	font-size:12px;
    margin: 0 10px 0 0;
	color:#555;
	display: inline !important;
}



/*********************************************** Forms ***********************************************/

.formTable{
	vertical-align:top;
	margin:5px auto;
	padding:0 10px 0 0px;
	width:100%;
}

.formTable tr td{
	padding:10px 0 0 5px;
	vertical-align: top;
}

.formLabelTitle{
	width:25%;
	font-weight:bold;
}

.table-bordered tr:first-child > th{
	text-align:center;
	font-weight: normal;
	color: #fff;
}

.table-bordered tr:first-child{
    /*background: #986037;*/
    /*color: #fff;*/
    font-size: 13px;
}

.formTable tr td.formLabelValue{
	width:80%;
}

.formTable tr td.formLabelSpanValue{
	width:203px;
	padding:0 !important;
}

.formTable tr .formInput{
	width:203px;
	position:relative;
}

.formTable tr .formInput>input[type="text"], .formInput>input[type="password"]{
	border:1px solid #a2bfa6 ;
	width:250px;
	height:30px;
	outline:0;
}

.formTable tr .formInput input[type="checkbox"]+label {
	margin:5px;
	vertical-align: baseline;
}

.formTable tr .formInput>select{
	width:250px;
	border:1px solid #91bf98;
	height:30px;
}

.formTable tr .formInput>label{
	/* color:#4a3c0b; */
}

.formTable tr .formInput textarea{
	width: 250px;
	min-height:100px;
	border:1px solid #a2bfa6;
	outline:0;
}

.formButton{
	float: left;
    padding: 15px;
    clear: both;
    width: 100%;
    text-align: left;
}

.formTable tr .formInput input[type="radio"] {
	margin:5px;
	vertical-align:baseline;
}

.formTable tr .formInput ol li {
	float:right;
	margin:0;
}

.formTable tr td.formButton{
	float:left;
	margin:17px 5px;
}

.formTable tr td.formButton input[type="submit"]{
	margin:2px 4px;
}

.formBtn div{
	display:inline-block;
}

.formBtn a{
	background: #986037;
    border: none;
    min-width: 80px;
    padding: 5px 10px;
    color: #fff;
    margin: 0 0 0 0;
    font-family: myMainFont;
    font-size: 13px;
	text-align:center;
	display:inline-block;
}

.formBtn a:hover{
	text-decoration:none;
}

.formBtn a:visited{
	color:#fff;
}

.form_title_sub{
	color:#A44613;
	margin-top:10px;
}
.DevHelperRequiredMark{
	color:red;
	margin:0 5px;
}

.DevHelperValCtrl{
    /* margin: 5px 0 0; */
    font-size: 12px;
    /* position: absolute; */
    color:red;
}

.captchaImage{
	width: 40% !important;
	margin: 5px 0 0 0;
	float: left;
	height: 40px;
}

.refresh_captcha{
	margin: 6px 0 0 4px !important;
	width:auto !important;
	float: left;
}

.login_txtbox{
    width: 50% !important;
    height: 30px;
    display: inline-block !important;
 }

.login .login_txtbox{
    width:75% !important;
}


.newsLetterBtn{
	/*margin:2px 40px !important;*/
	float:none !important;
	height:30px !important;
	/*position:relative;
	left:45px;*/
	display:block;
}

.newsLetterList{
	height:170px !important;
	padding:5px;
}

.MeetingToolBarStyle table{
	float:left;
}


/*********************************************** col-2-form-vertical ***********************************************/

.addNewItem {
    background-image: url("../../images/addNewItem.png");
    background-position: right 10px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0px 0 12px;
    padding: 0 25px;
    font-size: 20px;
}

.col-2-form-ver .formRow {
	width: 33.3333%;
	float: right;
	padding: 7px 15px !important;
	vertical-align: top;
	height: 90px;
}

.capatchaRow .formRow{
	width: 100% !important;
	padding: 0 !important;
}

.hasCalendarsPicker{
	 background: url(../images/calendarIcon.png) no-repeat left 10px center;}

.calendars-trigger{
	display:none;
}

fieldset {
    border: 1px solid #c0c0c0 !important;
    margin: 0 auto 15px !important;
    padding: 0.35em 0.625em 0.75em !important;
    width: calc(100% - 30px) !important;
    width: -moz-calc(100% - 30px) !important;
    width: -webkit-calc(100% - 30px) !important;
}

legend {
    display: block !important;
    width: auto !important;
    padding:0 10px !important;
    margin-bottom:0 !important;
    font-size: 20px !important;
    line-height: inherit !important;
    color: #333 !important;
    border: 0 !important;
    border-bottom:0 !important;
}


.calRow .formRow{
	width:100% !important;
	padding: 0px !important;
}

.worldCalContainer span.formLabel,.worldCalContainer{
	 display: inline !important;
}

.rowReset .formRow{
	height:auto;
}

.rowReset .formRow span:first-child{
	display:block !important;
}

.col-2-form-ver .formRowBtn{
	position:relative;
}

.col-2-form-ver .DevHelperValCtrl{
	/* margin:3px 0 0 0; */
}

.col-2-form-ver .formRowBtn input[type="submit"]{
	background: #986037;
    border: none;
    width: 30%;
    padding: 5px 10px;
    color: #fff;
    margin: 0;
    font-family: myMainFont;
    font-size: 13px;
	position:absolute;
	left: 8%;
    margin: -30px 0 0 0;
}

.col-2-form-ver .formRowBtn input[type="text"] ,.col-2-form-ver .formRowBtn select , .col-2-form-ver .formRowBtn input[type="file"]{
	border:1px solid #dcdcdc ;
	width:60% !important;
	height:30px;
	outline:0;
	display:block;
}

.capatcha .formWrapper .formRow{
	width:100%;
	padding:0 !important;
}

.capatcha .formWrapper .formRow .formLabel{
	display:inline;
}


.formRow input{
	border:1px solid #dcdcdc;
	width: 100%;
	height: 40px;
	outline:0;
	color: #333;
	display:block;
	text-indent: 10px;
	font-size: 17px;
}

.checkboxList{
	margin-bottom:25px;
}

.formRow input[type="checkbox"]{
	width:auto;
	height: auto;
	display:inline;
}

.formRow span table tr td select{
	width:95% !important;
	display:block;
}

.formRow input[type="image"]{
	border:0 !important;
	width:auto;
	height:auto;
	outline:0;
}

.formRow input[type="radio"]{
	width: auto;
    height: auto;
    margin-right: 20px;
    margin-bottom:7px;
    display: inline;
	outline: none !important;
	background-color: transparent;
	border:0;
}

.formRow label,.formRow span:first-child{
	color: #404040;
	margin-right: 0px;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
}

.fullRow{
	width:100% !important;
}

.fullRow .formRow{
	float:none !important;
}

.col-2-form-ver .formRow .formLabel{
	color: #404040;
    margin-right: 0px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    display: block;
}

.col-2-form-ver .formRow .formLabel label{
	color: #333;
	font-size: 16px;
	margin-bottom: 3px;
}

.col-2-form-ver .formRow .formValue{
	width:100%;
	display:block;
	text-indent:10px;
}

.MainDiv{
	padding-right:0px;
	padding-left:0px;
}

.subTitle{
	font-size:16px;
	clear:both;
    border-right: 5px solid #cb861e;
    padding: 5px;
}

#peoplePickerDiv .sp-peoplepicker-topLevel{
	border:1px solid #dcdcdc ;
	width:93% !important;
	height:30px;
	outline:0;
	color: #9D8248;
}

input[type=password]:hover, input[type=text]:hover, input[type=file]:hover, textarea:hover, .sp-peoplepicker-topLevel:hover, .ms-inputBox:hover{
	border-color:#dcdcdc !important;
}

.col-2-form-ver .formRow .formLabel label{
	/*font-weight: normal !important;*/
}

.col-2-form-ver .formRow  select{
	width: 100%;
	display: block;
	color: #333;
	border: 1px solid #dcdcdc;
	height: 40px;
	/*margin-top: 3px;*/
	font-size: 17px;
	text-indent: 10px;
}

.col-2-form-ver .formRow .radioList ,.col-2-form-ver .formRow .checkboxList{
	width: 100%;
	padding:0;
}

.col-2-form-ver .formRow .radioList li , .col-2-form-ver .formRow .checkboxList li{
	/*width: 32%;*/
}

.col-2-form-ver .formRow .radioList li label ,.col-2-form-ver .formRow .checkboxList li label {
	display:inline;
}

.col-2-form-ver .formRow textarea{
	width: 100%;
	display:block;
	min-height:100px;
	max-height:100px;
	max-width: 100%;
}

.col-2-form-ver .formRow .labelValue{
	width: 95%;
    background: #f4f4f4;
    padding: 5px 5px;
}

.col-2-form-ver .radioListValue, .col-2-form-ver .checkboxListValue{
	width:95%;
	background: #f4f4f4;
    padding: 5px 5px;
}

.col-2-form-ver .radioListValue li, .col-2-form-ver .checkboxListValue li{
	width:32%;
}

.formDateInput table tr td{
	width:25%;
}

.formDateInput table tr td select + span {
    color:#f03;
}

.formDateInput table tr td input {
    display: inline;
    margin: 0 2px 0 0;
}

.formBtn{
	float:left;
	padding: 15px;
	clear:both;
	width:100%;
	text-align:left;
}

.formBtn input[type="submit"],.formBtn a,.formButton input[type="submit"],.formBtn input[type="button"]{
	background: #005e85;
	border:none;
	min-width: 100px;
	width:auto;
	padding: 5px 30px 9px;
	color:#fff;
	margin:4px 12px 5px 0;
	font-family:myMainFont;
	font-size: 17px;
}

.formBtn input[type="submit"]:hover,.formBtn a:hover,.formButton input[type="submit"]:hover,.formBtn input[type="button"]:hover{
	background: #003d57;
}

.meetingToolbar{
	height:60px;
	line-height:55px;
	margin:0 auto;
	clear:both;
	width:80%;
	float:left;
}

.meetingToolbar table{
	float:left;
}

.meetingToolbar table tr td{
	padding:0 3px;
}

.activBtn{
	background:#a44613 !important;
}
.deActive{
	background:#bfbfbf !important;
}


/*********************************************** Grid style ***********************************************/

.table-striped{
	margin: 10px auto;
	text-align:center;
	width: calc(100% - 30px) !important;
	width: -moz-calc(100% - 30px) !important;
	width: -webkit-calc(100% - 30px) !important;

}

.grd_odd .media-object, .grd_even .media-object , .footable>tbody img{
	display: inline-block;
}

.table-striped thead{
	color:#fff;
	font-size:14.5px;
}
.table-striped tr td {
/*border:1px solid #dcdcdc !important; */
}

.table-striped tr td a{
	color:#404040;
}

.table-striped tr td a:visited{
	color:#404040;
}

.table-striped tr td ul {
	width:60%;
	margin:0 auto;
}

.table-striped tr:nth-child(even) {
    background: #f6f6f6;
	text-align: center;
}

.table-striped tr:nth-child(odd) {
	text-align: center;
}

.table-hover > tbody > tr:hover > td{
	background:#f6f6f6 !important;
	text-align: center;
}

.table-hover .LinkText{
	font-size:13px;
	font-family:verdana;
}

tbody tr td .nav li a span {
	background-image:url("/Style%20Library/Images//table-icons.png");
	background-repeat:no-repeat;
	position:absolute;
	top:3px;
	left:4px;
	width:16px;
	height:16px;
}

.table-first-icon {
	background-position:-142px 0px;
}

.table-second-icon {
	background-position:-118px 0px;
}

.table-third-icon {
	background-position:-95px 0px;
}

.table-4th-icon {
	background-position:-71px 0px;
}

.table-5th-icon {
	background-position:-47px 0px;
}

.table-6th-icon {
	background-position:-24px 0px;
}

.table-7th-icon {
	background-position:0px 0px;
}

tbody tr td .nav li a {
	padding-left:6px;
	opacity:0.6;
}

tbody tr td .nav li a:hover,tbody tr td .nav li a:focus {
	opacity:1;
}

.SearchCount{
	clear:both;
	padding-right: 15px;
}

.gridTitle{
	clear:both;
	padding:0 0 8px 0;
	height:20px;
}


/*********************************************** Messages style ***********************************************/

.alert{
	padding:0 15px !important;
	margin-bottom: 13px !important;
    border-radius:0 !important;
	height:38px;
	line-height:38px;

}
.alert-success{
	background:#47a350 !important;
	border:0 !important;
	color:#fff !important;
}

.alert-success .messText{
	background:url("/Style%20Library/Images//messageSc.png") no-repeat right;
	border:0 !important;
	color:#fff !important;
	height: 38px;
    display: block;
    padding: 0 35px 0 0;
}

.alert-info{
	background:#109fd5 !important;
	border:0 !important;
	color:#fff !important;
}

.alert-info .messText{
	background:url("/Style%20Library/Images//messageI.png") no-repeat right;
	border:0 !important;
	color:#fff !important;
	height: 38px;
    display: block;
    padding: 0 35px 0 0;
}

.alert-danger{
	background:#bc4301 !important;
	border:0 !important;
	color:#fff !important;
}

.alert-danger .messText{
	background:url("/Style%20Library/Images//messageE.png") no-repeat right;
	border:0 !important;
	color:#fff !important;
	height: 38px;
    display: block;
    padding: 0 35px 0 0;
}

/******************************** Message Style *****************************************/

.messageSuccess{
	background-color: #4caf50e6;
	height: 40px;
	width: 100%;
	margin: 0 auto 15px auto;
}

.messageSuccess .msg_text{
	color:#fff !important;
}

.messageError{
	background-color: #c82f12c7;
	height: 40px;
	width: 100%;
	margin: 0 auto 15px auto;
}

.messageError .msg_text{
	color:#ff0 !important;
}

.messageInfo{
	background-color: #38729C;
	height: 41px;
	width: 100%;
	margin: 0 auto 15px auto;
}

.messageInfo .msg_text{
	color: #fff;
}

.msg_icon{
	float:right;
	margin: 7px 10px 0 10px;
}

.msg_text{
	/*color: #3c2313; */
	line-height: 21px;
	float:right;
	/*width:585px;*/
	margin: 8px 0;
	font-size: 15px;
}

.msg_x{
	float:left;
	margin: 8px 10px;
}
	
.msgViewer{
	display:inline-block;
	margin:5px 65px;
	padding:4px 0;
	width:80%;
	background:#005350;
	color:#dbdbdb;
	text-align:center;
}

.gridMsgs{
	clear:both;
}

/*********************************************** Paging style ***********************************************/

.PagerContainerTable{
	margin: 0px auto;
    overflow: hidden;
}

.PagerOtherPageCells{
	padding: 0px 5px;
	display: inline-block;
	border-radius: 15px;
	border: #1f1f1f 1px solid;
	color: #1f1f1f;
	font-size: 15px;
	margin: 0 5px;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	text-align: center;
}

.PagerSSCCells{
	display:none !important;
}

.PagerOtherPageCells a{
	display:block;
	min-width:20px;
	height:30px;
	line-height:29px;
	text-align:center;
	padding:0 8px;
	color: #1f1f1f !important;
}

.PagerOtherPageCells:hover{

}

.PagerOtherPageCells:hover a{
}

.PagerInfoCell{
	display:inline-block;
	padding: 0px 15px 3px;
	 border-radius: 15px;
	border: #1f1f1f 1px solid;
	color: #1f1f1f;
	line-height: 28px;
	font-size: 15px;
	margin: 0 5px;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	text-align: center;
}

.PagerInfoCell:hover{
	color:#fff;
}

.PagerSSCCells{
	display:inline-block;
	padding:4px 7px;
	color:#f2ca2a;
	text-decoration:none;
	margin:0 2px;
	border:1px solid #b0afae;
}

.PagerSSCCells a{
	color:#f2ca2a;
}

.PagerCurrentPageCell{
	line-height: 28px;
	display: inline-block;
	padding: 0px 15px 2px;
	border-radius: 15px;
	border: #1f1f1f 1px solid;
	color: #fff;
	font-size: 15px;
	margin: 0 4px;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	text-align: center;
	background: #29754d;
}

.PagerCurrentPageCell strong{
	font-weight:normal;
}

.PagerContainerTable{
	clear:both;
}

.PagerContainerTable a:link, .PagerContainerTable a:visited{
	color: #000;
	text-decoration: none;
}

.PagerContainerTable a:hover{
	color: #fff !important;
	text-decoration: none;
}

/*********************************************** Site map style ***********************************************/

.mainSiteMap .dfwp-list{
	width: 635px;
	margin:0 20px;
}

.mainSiteMap .dfwp-list li{
	clear:none;
}

.mainSiteMap .level-header{
	width: 300px;
	margin: -7px 10px;
	font-size:22px;
	background-color:transparent;
}

.mainSiteMap  .level-header {
	background-image:url("/Style%20Library/Images//list_arrow.png");
	background-position:right center;
	background-repeat:no-repeat;
	min-height: inherit;
}

.mainSiteMap .level-header li:hover{
	color: #f00 !important;
}

.mainSiteMap .level-header span a:visited{
	color:#444 !important;
}

.mainSiteMap .level-description {
    display:none;
}

.mainSiteMap .level-header span a{
	display:block;
	text-decoration:none;
	text-align: right;
	color:#4e4e4e !important;
	margin:0 8px 0 0;
	padding:5px 10px 6px 8px;
	background:none !important;
	font-size: 15px !important;
}

.mainSiteMap .level-section .level-header span a{
	pointer-events: none;
	cursor:pointer;
}

.mainSiteMap .level-header + .dfwp-list span a, .mainSiteMap .level-item .level-header span a{
	pointer-events: inherit;
}

.mainSiteMap .level-header:hover a{
	color:#fff;
}

.mainSiteMap .level-section> ul> li> .level-header{
	background-color:transparent;
	color: #4e4e4e;
	font-weight:bold !important;
	background-image:url("/Style%20Library/Images//list_arrow.png");
	background-position:right center;
	background-repeat:no-repeat;
}

.mainSiteMap .level-section > ul > li > .level-header:hover{

}

.mainSiteMap .level-bullet{
	background:none;
}

/***********************************************InvestorsRelations style ***********************************************/

.InInvestorsRelations{

	min-height:300px;
}

.InInvestorsRelations h1{
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.InInvestorsRelations p{
	    font-size: 14.5px;
    color: #404040;
    text-align: right;
    font-weight: 900;
    padding: 10px 15px;
    margin: 0;
    line-height: 23px;
}

.InInvestorsRelations .Investors{
	width: 100%;
	margin: auto;
	text-align: center;
	position: relative;
}

.InInvestorsRelations .Investors li{
	width:50%;
	display:inline-block;
	float: right;
}

.InInvestorsRelations .Investors li a{
	background-color: #003d57;
	width: 90px;
    transition: all 1s linear;
	height: 90px;
	border-radius: 50%;
	padding-top: 23px;
	margin: 0 auto 10px;
	position: relative;
	display: block;
}

.InInvestorsRelations .Investors li:hover :after{
	-ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
    transform: rotate(135deg);
}

.InInvestorsRelations .Investors li:nth-child(2):hover :after{
	-ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg);
}

.InInvestorsRelations .Investors li a:before, .InInvestorsRelations .Investors li a:after{
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-radius: 100%;
}

.InInvestorsRelations .Investors li a:before{
	border-width: 1px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	left: -10px;
}

.InInvestorsRelations .Investors li:hover:before{
}

.InInvestorsRelations .Investors li a:after{
	border-width: 10px;
	top: -15px;
	right: -15px;
	bottom: -15px;
	left: -15px;
	transition:1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
}

.InInvestorsRelations .Investors li div{
	    box-sizing: border-box;
    margin: auto;
    box-shadow: inset 0 0 #fff;
    position: relative;
    background-color: #fff;
    border: solid 1px #e9e9e9;
    vertical-align: middle;
    height: 270px;
    margin: 0 10px;
    padding: 15px 0;
    border-radius: 20px;
}

.InInvestorsRelations .Investors li a img{
	height: 45px;
	margin:  auto;
	width:auto;
}

.InInvestorsRelations .Investors li:hover a img{
    -webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

.InInvestorsRelations .Investors li:hover a {}

.InInvestorsRelations .Investors li  span {
	font-size:18.6px;
	color:#404040;
	text-align:center;
	display: block;
	margin: 10px 0 15px;
	white-space: pre-wrap;
	font-weight:900;
    height: 50px;
    width: 100%;
	text-shadow: 0 0 0;
    transition: all 1s;
}
.InInvestorsRelations .Investors li:hover span, .InInvestorsRelations .Investors li:hover span{
}


/****************************** Customers Style **********************************/

.InInvestorsRelations.customers .Investors li {
    width: 65%;
    display: inline-block;
    float: none;
	margin:0 0 30px;
}

.InInvestorsRelations.customers .Investors li p {
    text-align: center;
    margin-top: 15px;
}

.InInvestorsRelations.customers p {
    font-size: 14.5px;
    color: #404040;
    text-align: right;
    font-weight: 900;
    padding: 10px 15px;
    width: 100%;
    line-height: 23px;
}


/*=============--------- Pagination ---------=============*/

.pagin {
  text-align: center;
  margin: 0 0 75px; }
  .pagin ul li a {
    padding: 0px;
    width: 50px;
    height: 28px;
    border-radius: 15px;
    border: #1f1f1f 1px solid;
    color: #1f1f1f;
    line-height: 25px;
    font-size: 15px;
    margin: 0 4px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    }
    @media screen and (max-width: 667px) {
      .pagin ul li a {
        width: 38px;
        margin: 0; } }
    .pagin ul li a:hover {
      color: #fff;
      }
    .pagin ul li a svg {
      height: 13px; }
  .pagin ul li:first-of-type a, .pagin ul li:last-of-type a {
    border-radius: 15px 15px 15px 15px; }
    .pagin ul li:first-of-type a:hover svg, .pagin ul li:last-of-type a:hover svg {
      fill: #fff; }
  .pagin ul li:first-of-type a {
    margin-left: 15px; }
  .pagin ul li:last-of-type a {
    margin-right: 15px; }


/*********************************************** up style ***********************************************/

.cd-top {
  display: inline-block;
  height: 45px;
  width: 45px;
  position: fixed;
  bottom: 40px;
  left:25px;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);*/
  /* image replacement properties */
  /* overflow: hidden; */
  text-indent: 100%;
  white-space: nowrap;
  /* background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%; */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:3;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  background:url(../images/up.png) no-repeat;
  width: 60px;
  height: 60px;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  /* background-color: #e86256; */
  opacity: 1;
}


@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}


/*********************************************** footer ***********************************************/

footer{
	background: url("/Style%20Library/Images/footer.png") no-repeat #404040 100% 100%;
	height: 100px;
}

footer .footerLinks{
	/* min-height: 200px; */
	text-align: center;
	padding: 20px 30px 0px;
	display:table;
}

.subscribe {
	/* border-bottom: 2px solid #6f6f6f; */
	/* border-top: 2px solid #6f6f6f; */
	padding: 20px 0 0;
}

footer .footerLinks li{
	width: 18%;
	text-align: right;
	display: inline-block;
	float:right;
	margin: 0 2% 7px 0;
}

footer .footerLinks li a{
	color:#fff;
	font-size:13px;
	position: relative;
	outline: none;
	letter-spacing: 1px;
	padding: 0 0px 7px 0;
}

footer .footerLinks li a > span {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}

footer .footerLinks li a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

footer .footerLinks li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #1d8ec7;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

footer .footerLinks li a:hover::before,
footer .footerLinks li a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

footer .footerLinks li a:hover::after,
footer .footerLinks li a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

footer .iso {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 4px 0 0;
}

.subscribe .subscribeInput{
	height: 35px;
	background: #fff;
	border: 0;
	color: #404040;
	font-size: 16px;
	margin: 10px 0 0 0px;
	width: 100%;
	border-radius: 10px;
	padding-right: 10px;
	direction:rtl !important;
}

.subscribe .subscribeBtn{
	background-color: #404040;
	min-width: 80px;
	height: 31px;
	line-height: 14px;
	float: left;
	color: #fff;
	position: absolute;
	left: 20px;
	top;
	top: 34px;
	font-size: 14px;
	border-radius: 7px;
	border:0;
}

.subscribe .subscribeBtn:hover{
}

.subscribeForm  label{
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 0px;
}

.DevHelperValCtrl,.DevHelperRequiredMark{
	color: red;
}

.subscribe > a{
	margin-top:15px;
}

.subscribe  ul{
	margin-top: 5px;
	float: left;
	text-align: left;
	width:auto;
}

.subscribe  ul li{
	display:inline-block;
	margin-right:10px;
}

.subscribe  ul li a{
	display: block;
	border-radius: 15px;
	width: 53px;
	height: 53px;
	/* box-shadow: 0 0 2px #fff; */
}

/*.subscribe  ul li a.rss:hover{
	background:url(/Style%20Library/Images/rssH.png) no-repeat center 10px #fff;
}

.subscribe  ul li a.linked:hover{
	background:url(/Style%20Library/Images/linkedInH.png) no-repeat 10px 10px #fff;
}

.subscribe  ul li a.youtupe:hover{
	background:url(/Style%20Library/Images/youtubeH.png) no-repeat 10px 10px #fff;
}

.subscribe  ul li a.twitter:hover{
	background:url(/Style%20Library/Images/twitterH.png) no-repeat 7px 10px #fff;
}*/

/* .subscribe  ul li a:hover img{ */
	/* display:none; */
/* } */

.subscribe  ul li a img{
	margin:auto;
	padding-top: 10px;
	height:35px;
}

#layout footer .copyRights{
	/* text-align: center; */
	padding: 15px 0 0px;
	clear: both;
	display: inline-block;
}

#layout footer .copyRights .footerNav {
    text-align: left;
}

#layout footer .copyRights p{
	display:inline-block;
	color:#fcfcfc;
	font-size:16px;
}

#layout footer .copyRights .footerNav a{
	display: inline-block;
    color: #fcfcfc;
    font-size: 13px;
    margin-left: 10px;
	position:relative;
    padding-bottom:6px;
}

#layout footer .copyRights .footerNav a:before{
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

#layout footer .copyRights .footerNav a:after{
	content: '';
	position: absolute;
	left:0;
	bottom: 0;
	width:100%;
	height: 2px;
	background: #1d8ec7;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

#layout footer .copyRights .footerNav a:hover::before,
#layout footer .copyRights .footerNav a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

#layout footer .copyRights .footerNav a:hover::after,
#layout footer .copyRights .footerNav a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

#layout footer .copyRights .rightUl{
	padding:0;
	text-align:right;
}

#layout footer .copyRights .leftUl{
	float: left;
	text-align: left;
}

#layout footer .copyRights ul li{
	display:inline-block;
	margin-right: 5px;
}

#layout footer .copyRights .leftUl li a img{
	width:88px;
	height:31px;
}

/*#layout footer .copyRights .leftUl li.w3wa:hover{
	background:url(/Style%20Library/Images/w3waH.png) no-repeat;
	vertical-align:middle;
	width:88px;
	height:31px;
}

 #layout footer .copyRights .leftUl li.w3html:hover{
	background:url(/Style%20Library/Images/w3htmlH.png) no-repeat;
	vertical-align:middle;
	width:88px;
	height:31px;
}

 #layout footer .copyRights .leftUl li.w3css:hover{
	background:url(/Style%20Library/Images/w3cssH.png) no-repeat;
	vertical-align:middle;
	width:88px;
	height:31px;
}*/

#layout footer .copyRights .leftUl li:hover img{
	display:none;
	width:88px;
	height:31px;
}


/*********************************************** Force Config style ***********************************************/

.form-group{
	margin-bottom:0;
	padding: 15px;
}

#layout .dropdown-menu > li > a{
	font-size: 16px;
	padding: 0 20px 6px;
	color: #404040 !important;
}

#layout .dropdown-menu > li > a:hover,#layout  .dropdown-menu > li > a:focus {
    color: #fff !important;
    border-radius: 20px;
}

.navbar {
	margin-bottom: 0 !important;
}

.navbar-form {
	float:left;
	margin-top:40px !important;
}

.navbar-default {
    background-color: transparent !important;
	border-color: transparent !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color:transparent !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
}

.navbar-toggle {
	float: none;
    /* color: #007548 !important; */
    /* background-color: #ebf0f2 !important; */
    border-radius: 5px;
    width: 100%;
    font-size: 19px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 10px 10px;
}

header.fixed .navbar-toggle {
    color: #eff1f3 !important;
    /* background-color: #005e85 !important; */
}

.dropdown-menu{
	direction: rtl;
	background-color: #eff1f3;
	display: none;
	position: absolute;
	z-index:2;
	margin: 0;
	border-radius: 10px;
}


.navbar-collapse{
	border-top:0;
	padding-left:0;
}

.nav > li >a{
	padding:15px 11px !important;
}

.navbar-nav > li.activeMenu{
	/* background-color:#3297db; */
	height: 41px;
}

.navbar-nav > li.activeMenu a::after{
	content:"sds";
	/* background-image:url("/Style%20Library/Images//rowMenu.png"); */
	background-position:center 128%;
	background-repeat:no-repeat;
	color:transparent;
    position: absolute;
    top: 41px;
    right: 40%;
}

.navbar-nav > li  a:hover{
	color:#fff !important;
}

.navbar-nav > li.activeMenu a{
	color:#fff !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color:#000 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color:#000 !important;
	background-color: #f3f3f3;
}

.navbar-default .navbar-nav > li > a {
	color: #404040;
    font-size: 16px;
	line-height: 12px;
}

.navbar-default{
	padding-right:0 !important;
}

.nav-tabs {
	border-bottom: 0 !important;
    /* background-color: #eb8f2c; */
    color: #fff;
	height:41px;
}

.nav-tabs > li > a {
	color: #fff;
	opacity:.6;
	font-size:14px;
	line-height: 10px !important;
}

.nav-tabs li.more{
	float:left;
	margin: 10px 10px 0;
}

.nav-tabs li.more a {
	opacity:1;
	padding:9px 7px !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color: #fff !important;
    background-color:transparent !important;
    border: transparent !important;
    border-bottom-color:transparent;
	opacity:1;
}

.nav-tabs > li > a:hover{
	border-color:transparent !important;
	background-color:transparent !important;
}

.nav-tabs > li > a:active{
	color:#fff !important;
}

.libraryTab .list-group {
	margin-bottom: 5px !important;
}

.list-group-item {
	background-color: transparent !important;
	border: 1px solid transparent !important;
	border-bottom: 1px solid #e1e1e1 !important;
}

.tabContainer .list-group-item, .servicesTab .list-group-item {
	background-color: transparent !important;
	float: right;
	padding: 5px !important;
	border-bottom: 1px solid transparent !important;
}

.thumbnail {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border:1px solid transparent !important;
	background-color: transparent !important;
}

.caret {
    border-top: 4px solid #000;
}

#layout .menuList li.active .caret{
    border-top: 4px solid #36637e;
}

/*-------------------------------- Cement Statistics -------------------------------------*/


.cementStatistics h2 {
    font-size: 13px;
    color: #404040;
    font-weight: 900;
    margin-bottom: 20px;
    line-height: 40px;
}

.cementStatistics h2 span {
    font-size: 24px;
    font-weight: 900;
}

.cementStatistics h2 select {
    font-size: 24px;
    font-weight: 900;
    border: solid 1px #dddddd;
    padding: 0px 10px 5px;
    width: 140px;
    margin: 0 10px;
    border-radius: 5px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
	font-size: 20px;
    width: 100px;
}

.cementStatistics ul {
    background-color: #fcfcfc;
    /*border: solid 1px #dddddd;*/
    padding: 0 15px;
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.cementStatistics ul li {
    height:37px;   /***new***/
    /*border-bottom: solid 1px #ddd;*/
    position: relative;
}

.cementStatistics ul li .cementStatistics-title {
    color: #404040;
    font-size: 16px;
    font-weight: 900;
	margin-top: 15px   /***new***/
}

.cementStatistics ul li .cementStatistics-date {
    margin: 12px 0;
    font-size: 16px;
    display: block;
	display:none;    /***new***/
}

.cementStatistics ul li .cementStatistics-btn {
    display: block;
    position: absolute;
    left: 0;
    bottom: 25%;
    margin-top: -42px;
    padding: 4px 10px;
    width: 90px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    background-image: url("/Style%20Library/Images//download-icon.png");
    background-position: 6px;
    background-repeat: no-repeat;
    background-size: 25% 62%;
    color: #404040;
    font-size: 14px;
    transition: all 0.2s linear;
}

.cementStatistics ul li .viewStatistics-btn {
    display: block;
    position: absolute;
    left: 100px;
    bottom: 25%;
    margin-top: -42px;
    padding: 4px 10px;
    width: 90px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    background-image: url("/Style%20Library/Images//view.png");
    background-position: 6px;
    background-repeat: no-repeat;
    background-size: 25% 55%;
    color: #404040;
    font-size: 14px;
    transition: all 0.2s linear;
}

.cementStatistics ul li  .viewStatistics-btn:hover {
    color: #fff;
    background-image: url("/Style%20Library/Images//viewH.png");
}



/**********new*************/

.cementStatistics h2 .dropdown {
    float:left;
	transition:all 1s linear;
    -webkit-transition:all 1s linear;
}

.cementStatistics h2 .dropdown .dropdown-menu{
    min-width: 100%;
	padding:0;
	border-radius:0;
	transition:all 1s linear;
    -webkit-transition:all 1s linear;
}

.cementStatistics h2 .dropdown .dropdown-menu  li{
	height:auto;
	padding-bottom: 5px;
    margin-top: 5px;
}

.cementStatistics h2 .dropdown .dropdown-menu  li:last-of-type{
	border-bottom:0;
}

.cementStatistics h2 .dropdown .dropdown-menu  li a{
	background: url("/Style%20Library/Images//dropdown-list-icon.svg") no-repeat;
	background-position: center left 20px;
	transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

.cementStatistics h2 .dropdown .dropdown-menu  li a:hover,.cementStatistics h2 .dropdown .dropdown-menu  li a:focus{
	border-radius:0 !important;
	background-image: url("/Style%20Library/Images//dropdown-list-icon-hover.svg");
}

.cementStatistics h2 .dropdown .dropdown-label{
	cursor: pointer;
    padding: 0px 15px 6px 40px;
    border: #ddd 1px solid;
    background: url("/Style%20Library/Images//sort-icon.png") no-repeat;
    background-position: left 15px center;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.cementStatistics h2 .dropdown .dropdown-label span {
    font-size:16px;
}

.cementStatistics.Investor ul li {
    border-bottom: 0;
}

br{
	display;none;
}

/************** pop up*************************/
.ui-widget-content{
	font-family:"myMainFont" !important;
	height:auto !important;
}

.ui-widget-content .col-2-form-ver .formRow{
	height:auto;
}

.ui-widget-content input,.ui-widget-content select, .ui-widget-content textarea{
	font-family:"myMainFont" !important;
}
.ui-dialog .col-2-form-ver .formRow{
	width:50%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border:0 !important;
    color: #fff !important;
    background: none !important;
    left: 10px !important;
    right: auto !important;
}

.ui-widget-header {
    border: 0 !important;
    background: none !important;
    padding::0 !important;
}

.ui-button-icon-only .ui-icon {
    left: 0 !important;
    margin-left: 0px !important;
}

.ui-dialog .KioskAdmin_tableForm .formLabelTd{
	width:100%;
	 vertical-align: baseline;
}

.ui-dialog .fileupload {
	font-size: 14px;
    text-indent: 0px;
    height: auto;
    outline: 0;
}
/*********************************************** Media Query ***********************************************/


@media (min-width:768px){
	/*.dropdown:hover .dropdown-menu {
    	display: block;
	}*/
}

@media (min-width:1400px){

	#layout .internalContent .leftBlock{
		/* min-height:800px; */
	}
	.container {
		width: 1300px;
	}
	#layout .logo a img{
		height:43px;
	}
}

@media screen and (min-width:1500px) and (max-width: 1700px){
	#layout .internalContent .leftBlock.opened {
		width:86%;
	}
	#layout .internalContent .rightBlock.opened {
		width: 16%;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList .details .moreRead:before{
		width:200px;
	}
}

@media screen and (min-width:1400px) and (max-width: 1500px){
	#layout .internalContent .leftBlock.opened {
		width:80%;
	}
	#layout .internalContent .rightBlock.opened {
		width: 16%;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList .details .moreRead:before{
		width:170px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details h3,#layout .internalContent .leftBlock .newsList .mediaList .details > span{
		font-size:14px;
	}
}

@media screen and (min-width:1220px) and (max-width: 1399px){
	#layout .menuList:before {
		height: 50px;
	}
	#layout .menuList {
		min-height: 50px;
	}
	#layout .menuList li{
		margin-right:15px;
		height: 35px;
		margin-top: 8px;
		line-height: 29px;
	}
	#layout .menuList li a{
		font-size:15px;
	}
	#layout .fixed .menuList li {
		margin-top: 23px;
	}
	#layout .menu {
		padding-top: 10px;
	}
	#layout .menuRow {
		margin-top: 0;
	}
	.view,.view>img{
		height: 145px;
	}
	#layout footer .copyRights .leftUl li a img{
		width:88px;
	}
	#layout .internalContent .leftBlock.opened {
		width:80%;
	}
	#layout .internalContent .rightBlock.opened {
		width:16%;
	}
	#layout .internalContent .leftBlock.opened  .newsList .mediaList .details .moreRead:before{
		width:180px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li:hover .moreRead:before{
		width:220px;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList li:hover .moreRead:before{
		width:140px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details h3,#layout .internalContent .leftBlock .newsList .mediaList .details > span{
		font-size:13px;
	}
	#layout .internalContent .leftBlock .products .imgBlock .moreRead:before{
		width:500px;
	}
	.cementStatistics h2 select {
		font-size: 20px;
		width: 100px;
	}
	footer .footerLinks li a {
		font-size: 13px;
	}
	footer {
		/*min-height:280px;*/
	}
	.subscribe {
		padding: 5px 0;
	}
	.subscribe ul {
		margin-top: 20px;
	}
	.subscribeForm label {
		font-size: 15px;
	}
	.subscribe .subscribeInput {
		height: 35px;
		font-size: 14px;
		border-radius: 7px;
	}
	#layout footer .copyRights {
		text-align:right;
	}
	#layout footer .copyRights .footerNav {
		text-align:left;
	}
	.subscribe .subscribeBtn {
		font-size: 14px;
		top: 34px;
		border-radius: 5px;
	}
	.subscribe ul li a {
		border-radius: 10px;
		width: 45px;
		height: 45px;
	}
	.subscribe ul li a img {
		height: 35px;
	}
	.subscribe ul li a.rss:hover {
		background-size: 27px;
	}
	.subscribe ul li a.linked:hover {
		background-size: 27px;
	}
	.subscribe ul li a.youtupe:hover {
		background-size: 27px;
	}
	.subscribe ul li a.twitter:hover {
		background-size: 32px;
	}
	#layout .internalContent .leftBlock .hugePageTitle:before {
		right: 15%;
	}
	#layout .internalContent .leftBlock .hugePageTitle:after {
		left: 15%;
	}
	#layout .internalContent .breadcrumb{
		margin-bottom:0px;
	}
	#layout .internalContent .breadcrumb ul {
		margin-bottom:5px;
	}
	#layout .internalContent .leftBlock .rightTit h1 {
		margin: 0 0 10px;
		font-size: 19px;
	}
	#layout .internalContent .leftBlock .newsListDetails > img {
		height: 260px;
	}
	#layout .internalContent .leftBlock .products li a .details {
		min-height: 221px;
		top: 0;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details .moreRead:before{
		width:235px;
	}
	footer .iso {
		margin:0;
	}
	#layout .internalContent .leftBlock .pageTitle{
		font-size:30px;
	}
	.newsBlock  .owl-carousel .owl-item img{
		height:175px;
	}
	.formContainer label,.formContainer span{
		font-size:14px !important;
	}
	#layout .menuList li a.home{
		height:30px;
	}
}

@media screen and (min-width: 992px) and (max-width:1200px){
	#layout .logo a img {
		width: 135px;
		margin-top: 3px;
	}
	#layout header.fixed {
		position: absolute;
	}
	.leftBlock .Investors p{
		font-size: 15px;
	    line-height:22px;
	}
	#layout .temperture .slahTime,#layout .temperture a,.side-intro,.day,#layout .temperture a{
		display:none;
	}
	#layout .slider figure img {
		height: 550px;
	}
	#layout .menuList li {
		margin-right: 0px;
		padding: 0px 5px;
	}
	#layout .menuList li a,#layout .internalContent .leftBlock .voting h4,#layout .internalContent .leftBlock .voting ul li label{
		font-size:15px;
	}
	#layout .internalContent .leftBlock .voting h4 {
		padding: 5px 15px;
		height: 60px;
		line-height: 23px;
	}
	.days td {
		padding: 8px 10px;
	}
	#layout .internalContent .leftBlock  .InvestorsRelations  .container{
		width:auto;
	}
	#layout .internalContent .leftBlock .videoBlock .box .vedio{
		height:auto;
	}
	#importantLinks a.left {
		background: url("/Style%20Library/Images//prev.png") no-repeat !important;
		width: 30px;
		height: 29px;
		position: absolute;
		left: 10%;
		top: 30%;
	}
	#importantLinks a.right {
		background: url("/Style%20Library/Images//next.png") no-repeat !important;
		width: 30px;
		height: 29px;
		position: absolute;
		right: 10%;
		top: 30%;
	}
	#layout .language ul li:first-child{
		margin-left:0;
	}
	#layout .internalContent .leftBlock  .newsBlock .newsContent h4,#layout .internalContent .leftBlock  .products li a .details p{
		font-size:16px;
	}
	#layout .internalContent .leftBlock  .newsBlock .newsContent p{
		font-size:14px;
	}
	.view,.view > img{
		height: 126px;
	}
	.view-second .mask{
		display:none;
	}
	.view-second .content button img{
		display:block;
		margin: 50% 0;
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
	.view-second .content  img[src*="gallary"]{
		display:none;
	}
	.view-second p{
		display:none;
	}
	.owl-prev {
		left: 2%;
		bottom: -6px;
		right:auto;
	}
	.owl-next {
		left: 10%;
		bottom: -7px;
		right:auto;
	}
	.productList span,.subscribe .subscribeInput{
		font-size:18px;
	}
	footer .footerLinks li a {
		font-size: 13px;
	}
	#layout footer .copyRights .leftUl li a img{
		width:60px;
	}
	#layout .internalContent .leftBlock .adv .advList li a img{
		height:auto;
	}
	#layout .internalContent .leftBlock .adv .advList li .advDetails {
		top: 46%;
	}
	#layout .internalContent .rightBlock.opened {
		width: 22%;
	}
	#layout .internalContent .leftBlock.opened {
		width:80%;
		float:right;
	}
	#layout .internalContent .leftBlock.opened .pageTitle:before, #layout .internalContent .leftBlock.opened .pageTitle:after{
		width:100px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li{
		width:50%;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList .details .moreRead:before{
		width:180px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details h3,#layout .internalContent .leftBlock .newsList .mediaList .details > span{
		font-size:14px;
	}
	#layout .internalContent .leftBlock.open .pageTitle:before {
		right: 17%;
	}
	#layout .internalContent .leftBlock.open .pageTitle:after {
		left: 17%;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details .moreRead:before{
		width:330px;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList .details .moreRead:before{
		width:225px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li:hover .moreRead:before{
		width:295px;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList li:hover .moreRead:before{
		width:190px;
	}
	#layout .internalContent .leftBlock .rightTit,#layout .internalContent .leftBlock .newsListDetails{
		padding:0 40px 0 0;
	}
	#layout .internalContent .leftBlock .newsListDetails .latestNews li {
		padding: 20px 15px;
	}
	#layout .internalContent .leftBlock .newsListDetails .latestNews h3 {
		padding-right: 15px;
	}
	#layout .internalContent .leftBlock .pageTitle:before{
		right:20%;
	}
	#layout .internalContent .leftBlock .pageTitle:after{
		left:20%;
	}
	#layout .internalContent .leftBlock .products .imgBlock .moreRead:before{
		width:370px;
	}
	#layout .internalContent .leftBlock .videoBlock .videoBlock-title,#layout .internalContent .leftBlock .videoBlock .vedio{
		width:100%;
	}
	footer .footerLinks li:nth-child(14) {
		display:none;
	}
	.newsBlock .owl-carousel .owl-item img {
	    height: 167px;
	}
	#layout .internalContent .leftBlock .videoBlock .box iframe{
		 height:256px;
	}
	.view-second > img{
		 height:120px !important;
	}
	.view .zoomin{
		margin-top:45% !important;
	}
	.mainMenu .sidemenu-toggle{
		left:-50px;
	}
	.formContainer span{
		font-size: 13px !important;
	}
	.formContainer label{
		width: 45% !important;
		font-size:13px !important;
	}
	#layout .menuList li a.home{
		height:30px;
	}
	.jopDetails .otherInfo .applyJop{
		width:225px;
	}
	.experince li{
		font-size:15px;
	}
}

@media screen and (min-width:767px) and (max-width:991px){
	#layout header.fixed {
		position: absolute;
	}
	#layout .internalContent .leftBlock{
		/*width:95%;*/
	}
	.cementStatistics h2 .dropdown {
		display:none;
	}
	#layout .slider figure img {
		height: 500px;
	}
	#layout .logo a img{
		 width: 145px;
   		 margin-top: 3px
   	}
    .InInvestorsRelations .Investors li {
        width: 100%;
        margin-bottom: 15px;
    }
    .InInvestorsRelations .Investors li p {
        text-align:center;
    }
	#layout .menu .temperture {
		position: absolute;
		top: -50px;
		right: 25.5%
	}
	#layout .temperture .slahTime, #layout .temperture .day,#layout .temperture a{
		display:none;
	}
	#layout .menu .language  {
		position: absolute;
		top: -47px;
		left: 0;
	}
	.navbar-collapse{
		padding-right:65px;
	}
	#layout .menuList:before{
		right:21px;
	}
    .cementStatistics ul li {
        /*height: 90px;*/
    }
	#layout .menuList li {
		margin-right: 0px;
		padding: 0 4px;
	}
	#layout .menuList li a,#layout .internalContent .leftBlock  .newsBlock .newsContent h4,.weekdays td>span,#layout .internalContent .leftBlock  .products li a .details .more,#layout .internalContent .leftBlock .voting ul li label,#layout .internalContent .leftBlock .InvestorsRelations .Investors li  span{
		font-size:15px;
	}
	#layout .internalContent .leftBlock  .newsBlock .newsContent p{
		font-size:13px;
	}
	#layout .menu,#layout .menuRow{
		padding-right: 0;
	}
	#layout .internalContent .leftBlock .products li{
		margin-bottom:20px;
	}
	#layout .internalContent .leftBlock  .InvestorsRelations  .container{
		width:auto;
	}
	#layout .internalContent .leftBlock .InvestorsRelations .Investors{
		width:100%;
	}
	#layout .internalContent .leftBlock .InvestorsRelations .Investors li a {
		width: 105px;
		height: 105px;
	}
	.side-intro{
		top:225px;
	}
	#layout .searchBox input{
		width:90%;
	}
	.newsBlock  .owl-carousel .owl-item img{
		padding-left:15px;
	}
	#layout .internalContent .leftBlock .headerTitle {
		font-size: 20px;
		margin-right: 5px;
	}
	.owl-prev {
		left: 10px;
		bottom: -7px;
		right: auto;
	}
	.owl-next {
		left:45px;
		bottom: -7px;
		right: auto;
	}
	#layout .internalContent .leftBlock  .newsBlock .companyProcess span,#layout .internalContent .leftBlock .voting .voteBtns a,
	#layout .internalContent .leftBlock .voting .voteBtns .voteBtn,.productList span,#layout .internalContent .leftBlock .impLinks select,
	.productList span,.subscribe .subscribeInput{
		font-size:18px;
	}
	#layout .internalContent .leftBlock .eventBlock .box{
		padding:10px;
		min-height:347px;
		height:auto;
	}
	.days td{
		padding: 14px 5px;
	}
	.view-second .mask{
		display:none;
	}
	.view-second .content button img{
		display:block;
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		transform: translate(0px,0px);
	}
	.view-second .content  img[src*="gallary"]{
		display:none;
	}
	.view-second p{
		display:none;
	}
	.owl-carousel .owl-item img{
		height:168px;
	}
	#layout .internalContent .leftBlock .newsBlock .companyProcess {
		min-height: 50px;
		padding: 4px 0;
	}
	#layout .internalContent .leftBlock .newsBlock .companyProcess img {
		width: 45px;
		height: 45px;
	}
	#layout .internalContent .leftBlock .eNews{
		padding:50px 0;
	}
	#layout .internalContent .leftBlock  .box{
		height:auto;
		min-height:190px;
	}
	#layout .internalContent .leftBlock .links .box{
		min-height:250px;
	}
	#layout .internalContent .leftBlock .voting h4 {
		padding: 1px 12px;
		font-size: 12px;
		height: 50px;
		line-height: 22px;
	}
	footer .footerLinks li {
		width: 31%;
	}
	#layout .internalContent .leftBlock .eNews{
		min-height:400px;
	}
	#layout footer .copyRights .leftUl  li {
		margin-left: 0;
		width: 29%;
	}
	.leftUl img{
		margin: 10px 0;
		width:100% !important;
	}
	.leftUl{
		text-align:right !important;
	}
	#layout footer .copyRights p ,#layout .internalContent .leftBlock .rightTit h1{
		font-size: 16px;
	}
	#importantLinks a.left {
		background: url("/Style%20Library/Images//prev.png") no-repeat !important;
		width: 30px;
		height: 29px;
		position: absolute;
		left: 10%;
		top: 30%;
	}
	#importantLinks a.right {
		background: url("/Style%20Library/Images//next.png") no-repeat !important;
		width: 30px;
		height: 29px;
		position: absolute;
		right: 10%;
		top: 30%;
	}
	footer .footerLinks li a,#layout .internalContent .leftBlock  .newsListDetails .latestNews li h4 {
		font-size: 14px;
	}
	.productContent {
		margin: 25px auto 0;
	}
	.productList .prev{
		left:3%;
	}
	.view .mask, .view .content{
		top:20%;
	}
	.view,.view > img{
		/* height:95px; */
	}
	.productList .swiper-slide img {
	    height: 140px;
	}
	.productList .swiper-container{
		padding-top: 25px;
	}
	.productList .swiper-slide span{
		font-size: 18px;
		right:-85px;
	}
	.productList img, #layout .internalContent .leftBlock  .newsListDetails > img{
		height:auto;
	}
	#layout .internalContent .breadcrumb .ancor li:after{
		top:21px;
	}
	#layout .internalContent .leftBlock  .newsBlock  .box{
		min-height:420px;
	}
	#layout .internalContent .leftBlock .adv .advList li a img{
		height:auto;
	}
	#layout .internalContent .leftBlock  .adv .advList li .advDetails{
		top:33%;
	}
	#layout .internalContent .leftBlock .pageTitle:before, #layout .internalContent .leftBlock .pageTitle:after{
		width:100px;
	}
	#layout .internalContent .leftBlock.opened .pageTitle:before, #layout .internalContent .leftBlock.opened .pageTitle:after{
		width:65px;
	}
	#layout .internalContent .leftBlock .pageTitle{
		margin-bottom:20px;
	}

	#layout .internalContent .rightBlock.opened {
		width: 90%;
	}
	#layout .internalContent .leftBlock.opened {
		width: 100%;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li{
		width:95%;
		float: left;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList li{
		width: 100%;
	}

	#layout .internalContent .leftBlock.opened .newsList .mediaList .details .moreRead:before{
		width:180px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details h3,#layout .internalContent .leftBlock .newsList .mediaList .details > span,
	#layout .internalContent .leftBlock  .products li a .details p{
		font-size:14px;
	}
	#layout .internalContent .leftBlock.open .pageTitle:before {
		right: 17%;
	}
	#layout .internalContent .leftBlock.open .pageTitle:after {
		left: 17%;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details .moreRead:before{
		width:530px;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList .details .moreRead:before{
		width:225px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li:hover .moreRead:before{
		width:495px;
	}
	#layout .internalContent .leftBlock.opened .newsList .mediaList li:hover .moreRead:before{
		width:190px;
	}
	#layout .internalContent .leftBlock .rightTit,#layout .internalContent .leftBlock .newsListDetails{
		padding:0 30px 0 0;
	}
	#layout .internalContent .leftBlock  .newsListDetails .latestNews li .date, #layout .internalContent .leftBlock  .newsListDetails .latestNews li p{
		font-size:13px;
	}
	#layout .internalContent .leftBlock  .newsListDetails .latestNews li{
		padding:20px;
	}
	#layout .internalContent .leftBlock .products .imgBlock .moreRead:before{
		width:185px;
	}
	#layout .internalContent .leftBlock  .products li a .details h3{
		font-size:20px;
	}
	#layout .internalContent .leftBlock .pageTitle{
		font-size:30px;
	}
	#layout .internalContent .leftBlock  .products li a .imgBlock img{
		height:185px;
	}
	#layout .internalContent .leftBlock  .products li:nth-child(odd){
		min-height:185px;
	}
	#layout .internalContent .leftBlock  .products li a .details{
		min-height:182px;
	}
	#layout .internalContent .leftBlock  .products li a .details .more{
		bottom:10px;
	}
	#layout .menuList li.active {
		background-color: transparent;
	}
	#layout .menuList li.active > a, #layout .menuList li.active:hover a {
		color: #333;
	}
	#layout .menuList li.active .caret {
		border-top: 4px solid #000;
	}
	#layout .internalContent .leftBlock .videoBlock .videoBlock-title,#layout .internalContent .leftBlock .videoBlock .vedio{
		width:90%;
	}
	footer .footerLinks li:nth-child(14) {
		display:none;
	}
	.fc-scroller {
	    height: 250px !important;
	}
	.fc-unthemed td{
		padding:0;
	}
	#layout .internalContent .breadcrumb span:after{
		top:18px;
	}
	.container{
		width:auto;
	}
	#layout .internalContent .leftBlock .newsListDetails .details .paragraph p,.ms-rtestate-field p, p.ms-rteElement-P{
		width:100% !important;
	}
	.mainMenu .sidemenu-toggle{
		left:-50px;
	}
	.jopSearch.jopDetails .otherInfo .applyJop{
		width:85%;
	}
	.col-2-form-ver .formRow{
		width:50%;
	}
	.attachment{
		min-height: 317px;
		padding-top: 0;
		margin-top: 20px;
	}
}

@media screen and (min-width:110px) and (max-width:765px){
	.table-responsive{
		border:0;
		overflow-x: hidden;
	}
	.internalContent{
	    padding-bottom: 50px;
	}
	#layout .internalContent .leftBlock  .newsBlock  iframe{
		width:100%;
	}
	.login-form .col-2-form-ver .formRow {
		width:100% !important;
	}
	#layout .menuList li a{
		color:#fff;
		font-size: 14px;
	}
	#layout .menuList li a:visited{
		color:#fff;
		font-size: 14px;
	}
	#layout .menuList li a:hover, #layout .menuList li a:focus {
    	color: #fff;
	}
	.login_txtbox{
		/* height: 18px !important; */
		/* margin-right: -18px !important; */
	}
	#layout header {
		/* background-color: #136a8e; */
		height: 129px;
	}
    .InInvestorsRelations .Investors li {
        width: 100%;
        margin-bottom: 15px;
    }
    .InInvestorsRelations .Investors li p {
        text-align:center;
    }
    .cementStatistics ul li {
        height: 90px;
    }
	#layout .internalContent .leftBlock .products li{
		margin-bottom:20px;
	}
	#layout .logo a {
		width: 100%;
	}
	#layout .logo:after,#layout .menuList:before{
		content:none;
	}
	#layout .menu{
		padding-right:0px;
	}
	#layout .dropdown-menu > li > a {
		color: #fff!important;
	}
	#layout .menu .temperture {
		/* margin-bottom:15px; */
		/* padding-left: 0; */
		/* padding-right:6px; */
		display:none;
	}
	#layout .language {
		float: left;
	}
	#layout .temperture .slahTime,#layout .temperture a,.side-intro,.day,#layout .temperture a{
		display:none;
	}
	#layout .language ul li{
		margin-left: 0px;
		margin-right: 15px;
	}
	#layout .menuRow{
		padding-left: 15px;
		margin-top: 0;
	}
	#layout .menuList{
		overflow:hidden;
		line-height: 30px;
		padding: 10px 0;
	}
	#layout .menuList li {
		border-bottom: 1px solid #277697;
		margin: 0px;
		text-indent: 20px;
		width: 100%;
		border-radius: 0;
	}
	#layout .menuList li:last-of-type {
		border-bottom: 0;
	}
	#layout .menuList li {
		border: 0;
		border-bottom: 1px solid #277697;
		border-radius: 0;
		margin: 0px;
		text-indent: 0px;
		width: 100%;
		height: auto;
	}
	#layout .menuList li.open {
		border-bottom: 0;
		height:auto;
		margin: 0px;
		text-indent: 0px;
		width: 100%;
	}
	#layout .menuList li:first-child,.level1.static{
		display:none;
	}
	#layout .menuList .dropdown-menu li:first-child{
		display:block;
	}
	#layout .menuList li a.home{
		opacity:1;
		display: none;
	}
	#layout .menuList li a.home img{
		display:none;
	}
	.navbar-collapse{
		padding-right:0;
	}
	#layout .slider  figure img {
		height: 400px;
	}
	#layout .slider figure figcaption{
		font-size:15px;
	}
	#layout .internalContent .leftBlock .InvestorsRelations{
		padding-top:10px;
		padding-bottom:20px;
		margin-bottom: 20px;
		background-color: #798a9d;
		background-image: none;
	}
	#layout .internalContent .leftBlock .InvestorsRelations h1{
		font-size:30px;
	}
	#layout .internalContent .leftBlock .InvestorsRelations .Investors li{
		width:100%;
		margin-bottom:45px;
		padding-top: 0px;
		position: relative;
	}
	#layout .internalContent .leftBlock .InvestorsRelations .Investors li div{
		display:inline-block;
	}
	#layout .internalContent .leftBlock .InvestorsRelations .Investors li div span{
		font-size:16px;
		padding-top:2px;
		white-space:nowrap;
	}
	#layout .internalContent .leftBlock  .headerTitle{
		font-size:18px;
		margin-right: 7px;
	}
	#layout .internalContent .leftBlock  .box,.view,#layout .internalContent .leftBlock  .newsBlock  .box{
		height:auto;
	}
	#layout .internalContent .leftBlock  .newsBlock  .box{
		min-height:225px;
	}
	#layout .internalContent .leftBlock .gallaryBlock .more {
		margin-left: 20px;
	}
	#layout .internalContent .leftBlock  .products li a .imgBlock img{
		height:inherit;
	}
	#layout .internalContent .leftBlock .gallary {
	    padding: 5px;
	}
	.view-second .mask{
		display:none;
	}
	.view-second .content button img{
		 display: block;
		-webkit-transform: translate(0px,0px);
		-moz-transform: translate(0px,0px);
		-o-transform: translate(0px,0px);
		-ms-transform: translate(0px,0px);
		transform: translate(0px,0px);
		/* width:45px; */
		margin-top: 20px;
		margin-right: 15px;
	}
	.view .mask, .view .content{
		top:30px;
	}
	.view:nth-child(3), .view:nth-child(4) {
	    display: none;
	}
	.imgModal .modal-content {
		width: 90%;
		margin: 50% auto;
	}
	.view-second .content  img[src*="gallary"]{
		display:none;
	}
	.view-second p,#layout .internalContent .breadcrumb{
		display:none;
	}
	#layout .internalContent .leftBlock .videoBlock .box{
		min-height:100px;
		padding:0;
	}
	#layout .internalContent .leftBlock .impLinks .box {
		min-height: 230px;
	}
	#layout .internalContent .leftBlock .eventBlock .box{
		padding:10px;
		min-height:257px;
		height:auto;
	}
	#layout .internalContent .leftBlock .voting h4 {
		padding: 5px 10px;
		font-size: 15px;
		height: 65px;
		line-height: 25px;
	}
	#layout .internalContent .leftBlock .eNews{
		padding: 20px 0;
		margin-bottom:25px;
		display: block;
	}
	.voting, .impLinks, .productList,.gallaryBlock,.videoBlock,.subscribeForm ,.newsBlock,.eventBlock{
		padding-left: 0;
		margin-bottom: 35px;
		padding-right: 0;
	}
	.voting, .impLinks, .productList,.gallaryBlock{
		margin-bottom: 40px;
	}
	.days td {
		padding: 4px 2px;
	}
	footer .footerLinks {
		padding:25px;
	}
	footer .footerLinks li {
		width: 48%;
	}
	footer .cd-top.cd-fade-out {
		display:none;
	}
	.subscribeForm  label,.subscribe .subscribeInput,#layout .internalContent .leftBlock  .newsBlock .companyProcess span,.weekdays td>span,.days td{
		font-size:15px;
	}
	.subscribe .subscribeBtn {
		left: 3px;
		top: 34px;
	}
	.subscribe ul {
		margin-top: 10px;
		text-align: right;
		padding-right: 0;
		padding-left: 0;
		text-align:center;
		width:100%;
	}
	.subscribe ul li {
		margin-right: 6px;
	}
	#layout footer .copyRights .rightUl,#layout footer .copyRights .leftUl{
		text-align:center;
	}
	.subscribe .iso{
		margin:0 auto 15px;
	}
	.owl-prev {
		left: 10px;
		bottom:0px;
		right: auto;
	}
	.owl-next {
		left: 50px;
		bottom:0px;
		right: auto;
	}
	#layout .internalContent .leftBlock .InvestorsRelations p{
		text-align:justify;
		font-size:14px;
		width: 88%;
	}
	.month th.prev {
		left: 10px;
	}
	.month th.next {
		left: 50px;
	}
	.leftUl img{
		margin:10px;
	}
	#layout .internalContent .leftBlock  .newsBlock .newsContent h4,.productList span{
		font-size:16px;
	}
	#layout .internalContent .leftBlock  .newsBlock .newsContent p,footer .footerLinks li a,#layout .internalContent .leftBlock  .midParagraph,#layout .internalContent .leftBlock  .products li a .details p{
		font-size:13px;
	}
	.view {
		padding-left:0;
	}
	.view > img, .modal img{
		margin-bottom:10px;
	}
	#layout .menuList{
		/* background-color:#ebf0f2; */
		background-color: #14688c;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.menuList .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #005e85;
		border: 0;
		box-shadow: none;
		width:100%;
	}
	#layout .language .dropdown-menu li a {
		color: #333;
	}
	#layout .dropdown-menu li a {
		color: #fff !important;
	}
	.productList .swiper-slide span {
	    font-size: 18px;
	    right: -70px;
	}
	#layout .menuList li.active .caret{
		border-top: 4px solid #333;
	}
	#layout .menuList li.active{
		 border:0;
		border-bottom: 1px solid #277697;
	}
	#layout .menuList li.active > a,#layout .menuList li.active:hover a{
		color: #fff;
		font-weight: normal;
	}
	#layout .internalContent .breadcrumb .ancor li:after{
		top:25px;
	}
	#layout .internalContent .leftBlock .adv .advList li {
		padding-left: 0;
	}
	#layout .menuRow{
		margin-bottom:20px;
	}
	#layout .internalContent .leftBlock  .adv .advList li .advDetails{
		top:50% !important;
	}
	.advDetails p {
		font-size: 16px !important;
	}
	#layout .internalContent .leftBlock .adv .advList li a img,#layout .internalContent .leftBlock .videoBlock .vedio,#layout .internalContent .leftBlock  .newsListDetails > img{
		height:auto;
	}
	.videoBlock{
		/*padding-right:15px;
		padding-left:15px;*/
	}
	#layout .internalContent .leftBlock .videoBlock .headerTitle{
		float:right;
	}
	#layout .internalContent .leftBlock .vedioContainer{
		min-height:100px;
	}
	#layout .internalContent .leftBlock.opened,#layout .internalContent .leftBlock .newsList .mediaList li{
		padding-right:0;
		padding-left:0;
	}
	#layout .internalContent .rightBlock{
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	#layout .internalContent .leftBlock{
		padding-right:0px;
		padding-left:0px;
		padding-bottom:0;
	}
	.mainMenu ul li:last-child {
		margin-bottom: 0;
	}
	.mainMenu ul li:last-child:after{
		content:none;
	}
	.mainMenu .sidemenu-toggle{
		display:none;
	}
	#layout .internalContent .leftBlock .pageTitle:before, #layout .internalContent .leftBlock .pageTitle:after{
		width:100px;
		content:none;
	}
	#layout .internalContent .leftBlock .pageTitle{
		margin-bottom:20px;
	}
	#layout .internalContent .leftBlock .pageTitle:before{
		right:0;
	}
	#layout .internalContent .leftBlock .pageTitle:after{
		left:0;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details .moreRead:before{
		width:200px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details h3,#layout .internalContent .leftBlock .newsList .mediaList .details > span{
		font-size:13px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li:hover .bg{
		width:100%;
		left:0;
	}
	#layout .internalContent .leftBlock .newsList .mediaList .details{
		right:15px;
		left:15px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li:hover .details{
		left:25px;
		right:30px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li .shape {
		width: calc(100% - 30px);
		right: 15px;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li:hover .moreRead:before{
		width:170px;
	}
	#layout .internalContent .leftBlock .rightTit h1{
		font-size: 16px;
		line-height: 25px;
	}
	#layout .internalContent .leftBlock .newsListDetails .details .paragraph {
		padding-left: 0;
	}
	#layout .internalContent .leftBlock .newsListDetails .details .paragraph p,.ms-rtestate-field p, p.ms-rteElement-P {
		font-size: 13px !important;
		width: 100% !important;
		margin-bottom:15px !important;
	}
	#layout .internalContent .leftBlock .pageTitle,#layout .internalContent .leftBlock  .products li a .details h3{
		font-size:20px;
	}
	#layout .internalContent .leftBlock .videoBlock .box .vedio {
		height: 150px;
	}
	#layout .internalContent .leftBlock  .products{
		margin:0;
	}
	#layout .internalContent .leftBlock  .products li a .details p{
		text-align:justify;
	}
	#layout .internalContent .leftBlock  .products li a .details h3{
		text-align:center;
	}
	#layout .internalContent .leftBlock  .products li a .details .more{
		float:left;
		bottom:10px;
	}
	#layout .internalContent .leftBlock .products li a .details {
		padding-right: 10px;
		background: #fff !important;
	}
	#layout header.fixed{
		position:inherit;
	}
	#layout .internalContent .leftBlock .products .imgBlock .moreRead:before{
		width:125px;
	}
	.cd-top{
		display:none;
	}
	#layout .internalContent .leftBlock  .products li{
		min-height:330px;
	}
	.newsList {
		margin:0;
	}
	#layout .internalContent .leftBlock .videoBlock .videoBlock-title,#layout .internalContent .leftBlock .videoBlock .vedio{
		width:100%;
	}
	#layout .internalContent .leftBlock .newsList .mediaList li .bg{
		left:0;
		width:100%;
	}
	.eNews .owl-carousel .owl-item img{
		height:150px;
	}
	#layout .internalContent .leftBlock  .more,#layout .internalContent .leftBlock .adv  .more{
		margin-left:25px;
	}
	.cementStatistics h2 select {
		font-size: 18px;
		width: 100px;
	}
	.cementStatistics h2 .dropdown {
		display:none;
	}
	#layout footer .copyRights .footerNav {
		text-align: right;
	}
	#layout footer .copyRights .footerNav a {
		font-size: 10px;
	}
	footer .footerLinks li:nth-child(14) {
		display:none;
	}
	.hideOption,.up,#suiteBarTop{
		display:none !important;
	}
	#layout .internalContent .leftBlock .adv .advList li .advDetails p{
		max-height:auto;
	}
	#layout .internalContent .leftBlock .gallaryBlock .owl-prev{
		left:0;
	}
	#layout .internalContent .leftBlock .gallaryBlock .owl-next{
		left:35px;
	}
	.InInvestorsRelations.customers .Investors li{
		width:100%;
	}
	.dropdown:hover .dropdown-menu {
	    z-index:9999;
	    position: relative;
	}
	#layout .menuList li.lastChild {
		border-bottom: 0;
	}
	.jopDetails .otherInfo .applyJop{
		width:230px;
	}
	.applyJop{
		width:292px;
	}
	.experince li{
		font-size:14px;
	}
	.attachFile{
		font-size:14px;
	}
	.col-2-form-ver .formRow{
		width:100%;
	}
	footer{
		min-height: 152px;
	}
	#layout footer .copyRights{
		text-align: center;
		display: block;
	}
	.formBtn input[type="submit"], .formBtn a, .formButton input[type="submit"], .formBtn input[type="button"]{
		padding: 5px 21px 9px;
		margin: 4px 10px 5px 0;
		font-size: 15px;
		min-width: 80px;
	}
	.footable {
		overflow-x: auto; 
		display: block;
		border:0;
	}	
	.attachment{
		min-height: 317px;
		padding-top: 0;
		margin-top: 20px;
	}
	.ui-widget-content{
		width:94% !important;
		right:0
		left:0 !important;
		margin:auto;
	}
	.ui-dialog .col-2-form-ver .formRow{
		width:100%;
	}
}


@media screen
  and (min-device-width: 1400px)
  and (max-device-width: 1980px)
  and (-webkit-min-device-pixel-ratio: 1) {
	#layout .internalContent .leftBlock .videoBlock .videoBlock-title,#layout .internalContent .leftBlock .videoBlock .vedio{
		width:65%;
	}
}




.cementStatistics ul li .cementStatistics-btn:hover {
    background-color: #005e85;
    color: #fff;
    background-image: url("/Style%20Library/Images//download-icon-H.png");
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}


.ms-rtestate-field img{
	width: 100%;
    height: 260px;
    margin-bottom: 15px;
}

.OrganizationalStructure{
	height:100% !important;
}

.fc-right h2 {
    color: #404040;
    font-size: 18px;
    font-weight: bold;
}

.login-form .col-2-form-ver .formRow{
	width:58%;
}

.ms-rtestate-field p, p.ms-rteElement-P {
    margin: 0px 0px 10px 0px;
    line-height: 1.6;
    color: #404040;
    font-size: 16px;
    margin: 0 0 35px;
    line-height: 32px;
    text-align: justify;
    width: 95%;
}

.DevHelperValCtrl,.DevHelperRequiredMark{
	color: red;
}

.DevHelperValCtrl > br,.DevHelperRequiredMark > br,.DevHelperValCtrl+ br,br{
	display:none;
}

.DevHelperValCtrl + span br{
	display:none;
}


.DevHelperValCtrl + span[id*="Captcha"]{
	color: red;
	clear: both;
}

span.DevHelperValCtrl[style*="inline"]
{
    display:block !Important;
}

.underStructure{
	margin:auto;
}
.ms-webpart-chrome-vertical,.ms-webpart-cell-vertical,.ms-webpart-zone{
	display:block;
}

.formContainer{
	overflow:hidden;
	padding:0 0 15px 0;
}

.formContainer label{
    font-weight: bold;
    color: #404040;
    margin-bottom: 10px;
    font-size: 15px;
    width: 30%;
}

.formContainer label:after{
   content:":";
   margin-right:5px;
}


.formContainer span{
    color: #29754d;
    font-size:15px;
 }

@media screen and (max-width:770px){
	.formContainer label {
	    margin-bottom: 3px;
	    width: 100%;
	}
	.formContainer span {
	    margin-bottom:10px;
	    display:block;
	}
	.leftBlock .header-title{
		font-size:18px;
	}
}

.details iframe{
	width:100%;
}
#colors a:nth-child(1){background-color:#325134}
#colors a:nth-child(2){background-color:#23548d}
#colors a:nth-child(3){background-color:#832d1d}
#colors a:nth-child(4){background-color:#444}

#colors a {
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    margin: 5px 2px 5px;
}

.noData{
	background-color: #dcdcdc !important;
}

.noData td{
	background: url(../images/nodata.png) no-repeat right !important;
    font-weight: bold;
    padding-right: 35px !important;
	display: inline-block;
}

.table-hover > tbody > tr.noData:hover td{
	background:url(../images/nodata.png) no-repeat right #dcdcdc !important;
}


.fileUploadsSection ~ div span{
	font-size: 12px !important;
}

.counter{
	font-size: 14px !important;
	text-align:right;
}
a.home {
    background: url(../images/home.png) no-repeat;
    display: block;
    width: 28px;
    background-position: center;
    height:45px;
}
