@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,700');
/*font-family: 'Roboto Condensed', sans-serif;*/
/*font-family: 'Roboto', sans-serif;*/
html{
	width:100%;
	height:100%;
	float:left;
}

body{
	width:100%;
	height:100%;
	float:left;
	font-size:12px;
	font-family:'Roboto', sans-serif;
	color:#8a8a8c;
	overflow-x: hidden;
	background-color:#FFFFFF;
}

*{
	margin:0;
	padding:0;
	border:none;
	outline: none;
}

.span{ float:left; width:100% }
.span2{ float:left; width:50% }
.span3{ float:left; width:33.333%; }
.span4{ float:left; width:25%; }
.span5{ float:left; width:23%; padding:0 1%; }
.span6{ float:left; width:66.666%; }
.span7{ float:left; width:73%; padding:0 1%; }
.span7_1{ float:left; width:75%; }
.span9{ float:left; width:95%; }
.column1{ width:10%; float:left; }
.column2{ width:20%; float:left; }
.column3{ width:30%; float:left; }
.column4{ width:40%; float:left; }
.column5{ width:50%; float:left; }
.column6{ width:60%; float:left; }
.column7{ width:70%; float:left; }
.column8{ width:80%; float:left; }
.column9{ width:90%; float:left; }
.column10{ width:100%; float:left; }
.fl{ float:left !important; }
.fr{ float:right !important; }
.cur{ cursor:pointer; }
.uppercase{ text-transform:uppercase; }
.capitalize{ text-transform:capitalize; }
.lowercase{ text-transform:lowercase; }
a{ color:#0d2e4c; text-decoration:none; }
a:hover, a.active{ color:#0d2e4c; text-decoration:underline; }
.align_center{ text-align:center; }
.align_left{ text-align:left; }
.align_right{ text-align:right; }
.justify{ text-align:justify; }
.relative{ position:relative; top:0px; left:0px; float:left; }
.absolute{ position:absolute; top:0px; left:0px; float:left; }
.absolute-right{ position:absolute; top:0px; right:0px; float:right; }
.block{ display:block; }
.display_none{ display:none; }
.border-box{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.centered{
	//width:1155px;
	width:1155px;
	margin:0 auto;
}
ul.vert_inner_menu.blogcat li a.active {
    display: block !important;
}

ul.vert_inner_menu.blogcat li a {
    display: none !important;
}
ul.footer_ul li.Appointments,ul.vert_inner_menu li.Appointments {
    
    display: none !important;
}
.top-title h1.active {
    display: block;
}
.top-title h1 {
    display: none;
}
#main{ width:100%; font:left; }
#content{ width:100%; min-height:400px; font:left; }
.logo{ margin:10px 0px; float:left; }
label{
	width:CALC(100% - 30px); 
	background-color:#1A89C9;
	//background-color:#0d2e4c;
	padding:12px;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:15px;
	border:1px solid #1A89C9;
	position:relative;
}
label:after {
 content: "\00a0";
 height: 50px;
 width: 1px;
 position:absolute;
 bottom:-2px;
 right:-15px;
 display: inline-block;
 background:#c9c9c9;
 background-image: linear-gradient(top, #c9c9c9 4%, #c9c9c9 5%, #c9c9c9 100%);
}

label.no-border::after{ background:none; }
.border-left{ border-left:1px solid #c9c9c9; }
.no-bottom-border{ border-bottom:none !important; }
input,select{
	background-color:#FFFFFF;
	color:#58585a;
	border:1px solid #c9c9c9;
	font-size:15px;
	font-family:'Roboto', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px 20px;
	width:100%;
	margin-bottom:15px;
}
textarea{ 
	background-color:#FFFFFF;
	color:#58585a;
	font-size:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px 20px;
	width:100%;
	height:85px;
	margin-bottom:15px;
	border:1px solid #d7d7d7;
	font-family:'Roboto', sans-serif;
	font-weight:400;
}
.imgarea {
    position: relative;
}
input.dob{ background:#FFFFFF url('https://www.julphar.net/intranet-system/images/icons/dob-icon.png') no-repeat 95% center; }

textarea.bigger{ height:130px; }
input.submit{
	width:111px;
	padding:12px 15px;
	text-align:center;
	background-color:#1A89C9;
	color:#FFFFFF;
	font-size:18px;
	cursor:pointer;
	border-radius:0;
	margin:0 auto;
	font-weight:700; font-family:'Roboto Condensed', sans-serif;
}

input.save{ background:#1A89C9 url('https://www.julphar.net/intranet-system/images/icons/save-icon.png') no-repeat 20px center; padding-left:55px }
/* */
.alert-box {
    color:#555 !important;
    border-radius:10px;
    font-family:'Lato', sans-serif;
	font-size:11px;
    padding:10px 10px 10px 36px;
	text-align:left;
    /*margin:10px 0px;*/
	margin-bottom:10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}

.alert-box p,#controllers_error .alert-box p{ font-size:11px; color:#555 !important; font-family:'Lato', sans-serif; float:none; }
.error {
    background:#ffecec url('https://www.julphar.net/intranet-system/images/icons/error.png') no-repeat 10px 10px;
    border:1px solid #f5aca6
}
.success {
    background:#e9ffd9 url('https://www.julphar.net/intranet-system/images/icons/success.png') no-repeat 10px 10px;
    border:1px solid #a6ca8a
}
.warning {
    background:#fff8c4 url('https://www.julphar.net/intranet-system/images/icons/warning.png') no-repeat 10px 10px;
    border:1px solid #f2c779
}
.notice {
    background:#e3f7fc url('https://www.julphar.net/intranet-system/images/icons/notice.png') no-repeat 10px 10px;
    border:1px solid #8ed9f6
}
/* */
#header{
    width: 100%;
    float: left;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
		
}
#footer{
	width:100%;
	float:left;
	background-color:#dfdfdf;
	border-top:3px solid #c2c2c2;
	padding:20px 0px;
	margin-top:100px;
}
.footer1{ width:300px; float:left; margin-right:25px; }
.footer2{ width:190px; float:left; margin-right:25px; }
.footer3{ width:210px; float:left; margin-right:25px; }
.footer4{ width:150px; float:left; margin-right:25px; }
.footer5{ width:150px; float:left; }
#footer h3{
	color:#19486d; font-size:17.5px; font-weight:400; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase;
	padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #8b8b8b;	
}
ul.footer_ul{
	width:100%;
	float:left;
	margin:10px 0px;
	min-height:200px;
}
ul.footer_ul li{
 display:block; border-right:none; width:50%; min-height:auto; margin-bottom:10px; float:left;
 font-weight:400; font-family:'Roboto Condensed', sans-serif; 
}
ul.footer_ul.quart li{width:33.333%;}
ul.footer_ul.full li{ width:100%; }
ul.footer_ul li a{ float:left; font-size:14px; color:#535353; font-weight:300; margin-bottom:0px; background:url('https://www.julphar.net/intranet-system/images/footer-blue-arrow.png') no-repeat 5px center; padding-left:15px }
ul.footer_ul li a.big{ 
float:left; font-size:17.5px; color:#19486d;font-weight:400; margin-top:5px; margin-bottom:0px; padding-left:0px; background:none; text-transform:uppercase; }
ul.footer_ul li a.no-arrow{
	background:none; font-size:14.5px;
}

ul.header_list{
	list-style:none; float:right; margin-top:25px;	
}
ul.header_list li{ display:inline; float:left; font-size:18px; font-weight:400; font-family:'Roboto Condensed', sans-serif; margin-right:15px; text-align:center; }
ul.header_list li:last-child{ margin-right:0px; padding:5px 0px; }
ul.header_list li:nth-of-type(2) { margin-right:5px; }
ul.header_list li a{ display:inline-block; color:#5b5b5b;  }
input.search-input{
	width:170px;
	border-radius:25px;
	padding:7.5px 15px;
	background-color:#f9f9f9;
	font-size:16px; 
	font-weight:400; 
	font-family:'Roboto Condensed', sans-serif;
	color:#5b5b5b;
	float:left;
	height:30px;
	position:relative; 
	top:0px; 
	left:0px;
	margin-bottom:0px;
	z-index:2;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	border:1px solid #c5c5c5;
}
input.search-input:focus {
	width: 230px;
}
input.search_submit{
	background:#1A89C9 url('https://www.julphar.net/intranet-system/images/search-icon1.png') no-repeat 17px center;
	display:block; 
	float:left; 
	width:45px; 
	height:30px; 
	cursor:pointer;
	border-radius:0 25px 25px 0px; 
	padding:0px; 
	position:relative; 
	top:0px; 
	left:-12px; 
	z-index:1;
	margin-bottom:0px	
}
ul.social_menu{
	list-style:none;
	float:right;
}
ul.social_menu li{
display:inline-block; background:url('https://www.julphar.net/intranet-system/images/sprite.jpg') no-repeat; width:31px; height:30px; margin-right:5px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out
}
ul.social_menu li:last-child{ margin-right:0px; }
ul.social_menu li:hover{
    position: relative;
    top: -5px;
    /*padding-top: 5px;*/
}

ul.social_menu li:last-child{ margin-left:0px; }
ul.social_menu li a{ text-decoration:none; display:block; width:100%; height:100%; }
ul.social_menu li.facebook{ background-position:0px 0px; }
ul.social_menu li.twitter{ background-position:-40px 0px; }
ul.social_menu li.linkedin{ background-position:-79px 0px; }
ul.social_menu li.instagram{ background-position:-118px 0px; }
ul.social_menu li.youtube{ background-position:-156px 0px; }
ul.social_menu li.flickr{ background-position:-196px 0px; }
ul.social_menu li.snap{ background-position:-234px 0px; }


h1{
	color:#0d2e4c; font-size:22px; font-weight:700; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase;
	padding-bottom:9px; border-bottom:1px solid #c9c9c9; margin:20px 0px; float:left; width:100%;	
}
h1 a{ color:#0d2e4c; }
h1 span{ color:#0d2e4c; }

h2{
	color:#0d2e4c; font-size:22px; font-weight:700; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase;
	padding-bottom:9px; border-bottom:1px solid #c9c9c9; margin:20px 0px; float:left; width:100%;	
}

h3{
	color:#0d2e4c; font-size:16px; font-weight:300; font-family:'Roboto Condensed', sans-serif; text-transform:uppercase;
	margin:0px; float:left; width:100%;	
}

#left_block{
	width:770px;
	//	width:865px;
	float:left;	
}
#right_block{
	//width:295px;
	width:330px;
	float:right;
}
.gray-box{
	width:100%;
	float:left;
	padding:15px;
	background-color:#f0f0f0;
	margin-top:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gray-box h2{
	font-size:22px;
	color:#0d2e4c;
	font-weight:700; 
	font-family:'Roboto Condensed', sans-serif;
	padding-bottom:12px;
	margin-bottom:15px;
	border-bottom:1px solid #1A89C9;
	text-transform:uppercase;
	text-align:center;
}
.gray-box figure{  width:100%; float:left; text-align:center; margin-bottom:15px; }
.gray-box figure img{ max-width:100%; }
.gray-box p{ color:#0c0c0c; font-size:15px; width:94%; float:left; margin-bottom:40px; text-align:left; margin-left:3%; }
.gray-box p a{ color:#0d2e4c; }
.gray-box p a:hover{ color:#0d2e4c; }
.gray-box ul.list-of-links{ width:100%; float:left; }
.gray-box ul.list-of-links li{ 
display:block; width:100%; float:left; border-bottom:1px solid #d7d7d7; padding-bottom:15px; margin-bottom:15px; 
color:#0d2e4c; font-size:17px; font-weight:400; text-transform:uppercase;
}
.gray-box ul.list-of-links li a{ color:#0d2e4c; font-size:17px; font-weight:400; text-transform:uppercase; }
.violate-box{
	width:100%;
	float:left;
	padding:15px;
	background-color:#1A89C9;
	margin-top:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.violate-box-with-top-white{ background:#1A89C9 url('https://www.julphar.net/intranet-system/images/white-bg.jpg') repeat-x left top !important; padding-top:0px }

.violate-box h2{
	font-size:22px;
	color:#FFFFFF;
	font-weight:700; 
	font-family:'Roboto Condensed', sans-serif;
	padding-bottom:12px;
	margin-bottom:15px;
	border-bottom:1px solid #FFFFFF;
	text-transform:uppercase;
	text-align:center;
}

.violate-box figure{  width:100%; float:left; text-align:center; margin-bottom:15px; }
.violate-box figure img{ max-width:100%; }
.violate-box div.description{ color:#FFFFFF; }
/*.violate-box div.quote_of_week::before { 
content: "";
background:url(../images/top_quote.png) no-repeat center center;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
position:absolute;
top:-32px;
left:0px;
display:block;
width:100%;
height:32px;
}*/

.violate-box div.quote_of_week{
width: 100%;
padding: 0px;
text-align: center;
color: #0c0c0c;
font-size: 15px;
float:left;
background:url('https://www.julphar.net/intranet-system/images/quote_of_week_bg_full.png') no-repeat center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.quote_of_week_content{ 
display:block; float:left; padding:50px 20px; width:CALC(100% - 40px); 
}
.violate-box div.did_you_know{
width: 100%;
padding: 0px;
text-align: center;
color: #0c0c0c;
font-size: 15px;
float:left;
background:#FFFFFF url('https://www.julphar.net/intranet-system/images/bulb_blue.png') no-repeat center 5px;

border:1px solid #1A89C9;
border-radius: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.did_you_know_content{ 
display:block; float:left; padding:60px 20px 20px 20px; width:CALC(100% - 40px); 
}
/*.violate-box div.quote_of_week::after {
content: "";
background:url(../images/bottom_quote.png) no-repeat center center;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
position:absolute;
bottom:32px;
left:0px;
display:block;
width:100%;
height:40px;
}*/



.violate-box p{ color:#FFFFFF; font-size:15px; width:100%; float:left; margin-bottom:30px; }
.violate-box p a{ color:#0d2e4c; }
.organization-block-wrapper{
	width:242px;
	height:182px;
	float:left;
	padding-bottom:25px;
	padding-right:18px;
	margin-bottom:25px;
	border-bottom:1px solid #d0d0d0;
	position:relative;
	left:0px;
	top:0px;
}
.organization-block-wrapper:nth-of-type(3n+3) {
	padding-right:0px;
}
.organization-block{
	width:242px;
	/*height:182px;*/
	height:auto;
	float:left;
	position:relative;
	left:0px;
	top:0px;
}
.organization-block figure{
	width:100%;
	height:100%;
	float:left;
	position:relative;
}
.organization-block figure img{ max-width:100%; max-height:100%; float:left; }
.organization-block div.black-layer{
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	//background:url('../../../wamp64/www/intranet-system/images/block-black-shadow.png') repeat-x left bottom;
	z-index:1
}
.organization-block h2{
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:700;
	z-index:1;
	position:absolute;
	bottom:20px;
	left:0px;
	width:100%;
	margin:0px; padding:0px; border:none; text-transform:capitalize;	
}
.organization-block h2 a{ color:#FFFFFF; }
.organization-full{ width:100%; float:left; }
.organization-full figure{
	width:auto;
	/*
	width:100%;
	height:100%;
	*/
	float:left;
	position:relative;
	margin-bottom:20px;
	margin-right:20px;
}
.organization-full figure img{ max-width:100%; }
.organization-full div.description{
	font-size:16px;
	color:#0c0c0c;
	margin-bottom:60px;
	display:block;
	width:100%;
	/*float:left;*/
	text-align:justify;
}
.organization-full div.description img{ max-width:100%; }
.head_of_department{ width:50%; float:left; font-size:14px; }
.head_of_department figure{
	width:175px;
	height:180px;
	float:left;
	margin-right:30px;
	text-align:center;
}
.head_of_department figure img{ max-width:100%; max-height:100%; }
.head_of_department h3{ font-size:18px; color:#0d2e4c; font-weight:700; text-transform:capitalize; display:block; margin-bottom:10px; width: 100%; float:left; }
/*.head_of_department h3{ font-size:18px; color:#0d2e4c; font-weight:700; text-transform:capitalize; display:block; margin-bottom:10px; width: calc(100% - 250px); float:left; }*/
.head_of_department p{ display:block; margin-bottom:5px; }
.head_of_department p b{ font-size:15px; color:#0d2e4c; font-weight:400; }

/* Horizantal Menu */ 
ul.horz_inner_menu{
	width:100%; float:left; padding-bottom:12px; border-bottom: 1px solid #d0d0d0; margin-bottom:20px;	
}
ul.horz_inner_menu li{
	display:block;
	margin-right:1.5%;
	float:left;
	width:32.33%;
	margin-bottom:5px;
}
ul.horz_inner_menu li.hr_portal_li{ width:18.8%; }
ul.horz_inner_menu li.hr_portal_li a{ height:40px; font-size:16px; }
ul.horz_inner_menu li.blogs_li{ width:23.8%; }
ul.horz_inner_menu li.blogs_li a{ font-size:16px; }
ul.horz_inner_menu li:last-child{ margin-right:0px; }
ul.horz_inner_menu li a{
	display:block;
	background-color:#1A89C9;
	width:CALC(100% - 50px);
	height:100%;
	color:#FFFFFF;
	padding:10px 25px;
	text-align:center;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	float:left;		
	line-height: 40px;
}
ul.horz_inner_menu li a span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
ul.horz_inner_menu li a:hover,ul.horz_inner_menu li a.active{ background-color:#1A89C9; }
/* Vertical Menu */
ul.vert_inner_menu{
	width:100%; float:left; margin-bottom:20px;	
}
ul.vert_inner_menu li{
	display:block;
	float:left;
	width:100%;
/*	margin-bottom:10px; */
}
ul.vert_inner_menu li:last-child{ margin-bottom:0px; }
ul.vert_inner_menu li a{
	
	background-color:#1A89C9;
	width:CALC(100% - 30px);
	height:100%;
	color:#FFFFFF;margin-bottom: 10px;
	padding:10px 15px;
	text-align:left;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	float:left; 
}
ul.vert_inner_menu li a{}
ul.vert_inner_menu li a.active{display:block;}
ul.vert_inner_menu li a:hover,ul.vert_inner_menu li a.active{ background-color:#0d2e4c; }
ul.vert_inner_menu li ul.sub{ display:block; }
ul.vert_inner_menu li ul.sub li{ margin-bottom:0px; }
ul.vert_inner_menu li ul.sub li a{ background-color:#dfdfdf; color:#1A89C9; font-size:14px; }
ul.vert_inner_menu li ul.sub li a:hover,ul.vert_inner_menu li ul.sub li a.active{ background-color:#0d2e4c; color:#FFFFFF; }
/* */
.news-row{
	width:100%; float:left; border-bottom:1px solid #d0d0d0; padding-bottom:20px; margin-bottom:20px;
}
.news-row-border{ border:1px solid #1A89C9; border-radius:10px; } 
.news-row figure{ overflow:hidden; }
.news-row figure img{ max-width:100%; }
.news-row.none-border{ border-bottom:none; }
.news-left-box{ width:33%; float:left; text-align:center;  }
.news-right-box{ width:67%; float:left; text-align:left; }







.image-effect {
	position: relative;
	display: block;
	vertical-align: top;
	max-width: 100%;		
	text-align: center;
}



.image-effect:before,
.image-effect:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .3);
	z-index: 6;
	-webkit-transition: transform .5s, opacity .2s ease-in-out 0s;
	-o-transition: transform .5s, opacity .2s ease-in-out 0s;
	transition: transform .5s, opacity .2s ease-in-out 0s;
	opacity: 0;
	filter: alpha(opacity=0);
}

.effect-item:hover .image-effect:before {
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	opacity: 1;
	filter: alpha(opacity=100);
}

.effect-item:hover .image-effect:after {
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	opacity: 1;
	filter: alpha(opacity=100);
}


/*
-------------------------------
IN The Loop home page part
-------------------------------
*/

.services-item {
	border: 1px solid #f5f5f5;
	margin-top: 30px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	
}




.services-item figure{
		//margin-bottom: 20px;
	margin-top: 0px;

}





.services-item:hover {
	box-shadow: 0 9px 20px rgba(0, 0, 0, 0.2);
}

.services-photo {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 196px;
	
}

.services-text {
	background: #f5f5f5;
	padding: 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	//height: 350px;
	
}

.services-item:hover .services-text {
	background: #f9f9f9;
}


.services-text h2 {
	font-size:18px;
	color:#0d2e4c;
	border-bottom:none;
	margin:0px;
}

.services-text h2 a {
	font-size:18px;
	color:#0d2e4c;
	text-decoration:none;
   // font-weight: 700;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: uppercase;
}


.services-text .button-bn a{
	font-size: 15px;
	font-weight: 700;
	
}

.services-text a:hover {
	color:#0d2e4c; 
}



.services-text p,.news-row div.details{
	font-size:14px;
	color:#0c0c0c;	
	text-align:justify;
	width:100%;
	float:left;
	margin-bottom: 10px;
}



.services-text  a{
	margin-bottom: 10px;
	color:#0d2e4c;
	
}

.services-text time{
	font-size:14px;
	color:#9c9c9c;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:700;
	margin-bottom:10px;
	
}

.announcements-left-box{ width:33%; float:left; text-align:left; display:block; }
.announcements-right-box{ width:67%; float:left; text-align:left; display:block; }


.announcements-left-box2{ width:100%; text-align:center; display:block; margin-left: 34%;}
.announcements-right-box2{ width:100%; text-align:center; display:block; }




.announcements-left-box3 { width:33%; float:left; text-align:left; display:none; }
.announcements-right-box3{ width:67%; float:left; text-align:left; display:none; }

@media screen and (max-width: 600px) { 
.announcements-left-box3  { width:100%;  text-align:center; display:block; margin-left: 34%;}
}

@media screen and (max-width: 600px) { 
.announcements-right-box3  { width:100%; text-align:center; display:block; }
}




.announcements-full-box{ width:100%; float:left; text-align:left; }

.announcements-more-btn{
	font-weight:400;
	color:#FFFFFF;
	font-size:16px;
	padding:5px 15px;
	background-color:#1A89C9;
	margin-top:20px;
	margin-right:30%;
	margin-left:30%;
	text-align:center;
}


.announcements-more-btn:hover{
	background-color:#1A89C9;
	color:#FFFFFF;
	text-decoration:none;
}
.violate-box .announcements-more-btn{ background-color:#FFFFFF; color:#0d2e4c; }
.violate-box .announcements-more-btn:hover{ background-color:#0d2e4c; color:#FFFFFF; }





.news-row h2{
	font-size:18px;
	color:#0d2e4c;
	border-bottom:none;
	margin:0px;
}

.news-row h2 a{ color:#0d2e4c; text-decoration:none; }
.news-row h2 a:hover{ color:#0d2e4c; }
.violate-box .news-row h2{ text-align:left; margin-top:20px; }
.violate-box .news-row h2 a,.violate-box .news-row p{ color:#FFFFFF; margin-bottom:20px; }
.violate-box .news-row h2 a:hover{ color:#FFFFFF; }
.news-row time{
	font-size:14px;
	color:#9c9c9c;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:700;
	margin-bottom:10px;
	
}






.news-row time.home-circle-date{ display:block; width:95px; height:90px; border:2px solid #1A89C9; border-radius:50%; color:#0d2e4c; font-size:15px; text-align:center;    margin-top:30px; 
padding-top:15px; line-height:20px; background-color:#FFFFFF;
 }

.news-row time.home-circle-date span{ font-size:39.5px; font-weight:700;} 



.news-row time.circle-date{ 
display:block; width:95px; height:90px; border:2px solid #1A89C9; border-radius:50%; color:#0d2e4c; font-size:15px; text-align:center;    margin-top:5px;  margin-left:28%;
padding-top:15px;  line-height:20px; background-color:#FFFFFF; }

.news-row time.circle-date span{ font-size:39.5px; font-weight:700; } 









.news-row p,.news-row div.details{
	font-size:14px;
	color:#0c0c0c;	
	text-align:justify;
	width:100%;
	float:left;
}



.news-row .button-bn a{
	font-size: 15px;
	font-weight: 700;
}





.appointments_row p,.news-row div.details{ float:none; line-height:24px; }
.news-row p a{ color:#0d2e4c; }
.news-row p a:hover{ color:#0d2e4c; }
.gallery_slick{ width:100%; float:left; margin-bottom:20px !important; position:relative; }



.gallery_balck_layer{
position:absolute; top:0px; left:0px; width:100%; height:100%; 
//background:url('../../../wamp64/www/intranet-system/images/gallery-black-shadow.png') repeat-x left bottom;
float:left; display:block; z-index:2 
}


.back-btn{
	font-family:'Roboto Condensed', sans-serif;
	font-weight:400;
	color:#FFFFFF;
	font-size:18px;
	padding:5px 12px;
	background-color:#1A89C9;
}
.back-btn:hover{
	background-color:#1A89C9 ;
	color:#FFFFFF;
	text-decoration:none;
}


.more-btn{
	font-weight:400;
	color:#FFFFFF;
	font-size:16px;
	padding:5px 15px;
	background-color:#1A89C9;
	float:left;
	margin-top:20px;
}
.more-btn:hover{
	background-color:#1A89C9;
	color:#FFFFFF;
	text-decoration:none;
}
.violate-box .more-btn{ background-color:#FFFFFF; color:#0d2e4c; }
.violate-box .more-btn:hover{ background-color:#0d2e4c; color:#FFFFFF; }

.violate-box .news-row{
	border-bottom: medium none;
	margin-bottom: 10px;
    padding-bottom: 0;
    position: relative;
    top: 0px;
}
/* Documents Page */
.documents-list{
	//width:CALC(100% - 37px);
	width:CALC(100% - 0px);
	min-height:250px;
	float:left; 
	border-left:1px solid #d0d0d0; 
	padding-left:25px; 
	margin-left:12px;
}
.document-box{ 
width:215px;
min-height:350px;
float:left;
margin:0px 60px 25px 0px;
}
.document-box:nth-of-type(3n+3) {
	margin-right:0px;
}
.document-box figure{
width:215px;
height:245px; 
float:left;
background-color:#fde690;
margin-bottom:10px;	
}
.document-box figure img{ max-width:100%; max-height:100%; }
.document-box h2{
	font-size:15px;
	color:#0d2e4c;
	border-bottom:none;
	margin:0px;
}
.document-box h2 span{ font-size:16px; color:#0d2e4c; font-family:'Roboto Condensed', sans-serif; font-weight:400; }
.document-box h2 a{ color:#0d2e4c; text-decoration:none; }
.document-box div.download-box{ position:relative; top:0px; left:0px; width:100%; float:left; }
a.document-view{ 
display:block; position:absolute; top:0px; left:0px; width:55px; height:25px; z-index:1;
border:1px solid #d9dae0; border-radius:50px 0px 0px 50px; background:#1A89C9 url('https://www.julphar.net/intranet-system/images/icons/view-icon.png') no-repeat 7px center;
}
span.document-ext{
display:block; position:absolute; top:0px; left:30px; width:55px; height:25px; text-align:center; 
border:1px solid #d9dae0; border-radius:50px; background:#FFFFFF; z-index:2; color:#0d2e4c; line-height:25px;
font-size:15px; text-transform:uppercase; font-family:'Roboto Condensed', sans-serif; font-weight:700; 
}
a.document-download{ 
display:block; position:absolute; top:0px; left:55px; width:55px; height:25px; z-index:1;
border:1px solid #d9dae0; border-radius:0px 50px 50px 0px; background:#1A89C9 url('https://www.julphar.net/intranet-system/images/icons/download-icon.png') no-repeat 37px center;
}
.blocks_slick{ width:100%; float:left; }
.like-comment-block{ color:#0d2e4c; font-size:13px; font-weight:300; margin-top:10px; margin-bottom:10px; }
.like-comment-block a.likes{ width:13px; height:13px; display:block; background:url('https://www.julphar.net/intranet-system/images/icons/like-icon.png') no-repeat left center; padding-left:0px; color:#0d2e4c}
.like-comment-block a.none-likes{ width:13px; height:13px; display:block; background:url('https://www.julphar.net/intranet-system/images/icons/none-like-icon.png') no-repeat left center; padding-left:0px; color:#0d2e4c}



.like-comment-block a.views{ width:19px; height:13px; display:block; background:url('https://www.julphar.net/intranet-system/images/icons/dob-icon.png') no-repeat left center; padding-left:0px; padding-right:0px; color:#0d2e4c}
.like-comment-block a.none-views{  width:19px; height:13px; display:block; background:url('https://www.julphar.net/intranet-system/images/icons/dob-icon2.png') no-repeat left center; padding-left:0px; padding-right:0px; color:#0d2e4c}




ul.controllers_list{ list-style:none; }
ul.controllers_list li{ display:inline-block; margin-right:5px; }
ul.controllers_list li:last-child{ margin-right:10px;  margin-left:15px; } 
.like-comment-block a.comments{ background:url('https://www.julphar.net/intranet-system/images/icons/comment-icon.png') no-repeat left center; padding-left:20px; color:#0d2e4c} 

.comment-box{ width:100%; float:left; margin-bottom:40px; }
.comment-box label{ 
color:#0c0c0c; font-size:22px; font-family:'Roboto Condensed', sans-serif; font-weight:400; margin-bottom:10px; padding:0px; background:none; border:none;  }
.comment-box label::after{ background:none; }
.comment-box input.submit{ padding:5px 15px; font-weight:400; } 

.fileUpload {
    overflow: hidden;
    position: relative;
	width:CALC(100% - 30px);
	height:284px;
	float:left;
	background:url('https://www.julphar.net/intranet-system/images/avatar.png') no-repeat center;
	margin-top:10px;
	margin-bottom:10px
}
.fileUpload input.upload {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
	width:100%;
	height:100%;
	float:left;
}
.profile_view figure{
    overflow: hidden;
    position: relative;
	width:CALC(100% - 30px);
	height:auto;
	float:left;
	background:#1A89C9;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
.profile_view figure img{ max-width:100%; display:block; margin:0 auto; }
.gray-block{ width:CALC(100% - 40px); float:left; background:#f0f0f0; padding:20px; }
.readonly{
	border-bottom:1px solid #d7d7d7;
	color:#535353;
	font-size:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px 0px;
	width:96%;
	margin-bottom:15px;
	float:left;
}
.meet_the_staff{ width:100%;  float:left; }
.meet_the_staff div.figure-wrapper{ position:relative; width:100%; height:395px; top:0px; left:0px; } 
.meet_the_staff figure{ width:100%; height:395px; float:left; text-align:center; position:absolute; top:0px; left:0px; z-index:1; }
.meet_the_staff figure img{ max-width:100%; }
.meet_the_staff div.figure-wrapper h2{
font-size:25px; color:#FFFFFF; font-weight:700; position:absolute; left:25px; bottom:35px; z-index:2; border-bottom:none;text-align:left; }
.meet_the_staff div.figure-wrapper time{ 
font-size:14px; color:#0d2e4c; font-weight:700; position:absolute; left:25px; bottom:20px; z-index:2; text-align:left; margin-bottom:0px; }
.meet_the_staff h2{ 
font-size:25px; color:#0c0c0c; font-weight:700; text-align:left;
border-bottom:none; margin:10px 0px; padding-bottom:0px; }
.meet_the_staff time{ font-size:14px; color:#0d2e4c; font-weight:700; text-align:left; margin-bottom:25px; width:100%; display:block; }
.meet_the_staff div.discription{ font-size:15px; color:#0c0c0c; font-weight:400; margin:25px 0px; text-align:left; }
.meet_the_staff div.discription h4{ font-weight:700; color:#0d2e4c; }
.avatar-block a.remove-icon{
  width:58px;
  height:58px;
  position:absolute;
  bottom:6%;
  left:70px;
  float:right;
  background:url('https://www.julphar.net/intranet-system/images/video-remove-icon.png') no-repeat center;
  z-index:4;
  visibility:hidden;
  cursor:pointer;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear	
}
.avatar-block:hover a.remove-icon{ visibility:visible; opacity: 1; }
.avatar-block div.edit-icon{
  width:58px;
  height:58px;
  position:absolute;
  bottom:6%;
  left:5px;
  float:right;
  background:url('https://www.julphar.net/intranet-system/images/edit-icon.png') no-repeat center;
  z-index:4;
  visibility:hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  overflow:hidden	
}
.avatar-block:hover div.edit-icon{ visibility:visible; opacity: 1; }
div.edit-icon input.upload {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
	width:100%;
	height:100%;
	float:left;
}
.profile_view div.span7_1{ padding-left:30px; }

.contact-data{ 
font-size:17px; color:#0c0c0c; font-weight:400;
}
.contact-data h3{
font-size:17px; color:#0d2e4c; font-weight:400; 
}
.appointments_row{ width:100%; float:left; }
.appointments_row h2{ width:calc(100% - 285px); float:left; }
.appointments_row time{ width:calc(100% - 285px); float:left; }
.appointments_row div.details{ width:auto; /*width:calc(100% - 285px); float:left;*/ }
.appointments_row div.details img{ max-width:100%; }
.clear{ clear:both; }

/* =================for desktop */

.gallery_slick_wrapper{ overflow:hidden; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d0d0d0; }
.gallery_slick_wrapper div.gallery_slick{ margin-bottom:0px !important; }
.gallery_slick figure{ position:relative;width:100%; top:0px; left:0px; }
.gallery_slick figure img{ max-width:100%; height:395px; }
.gallery_slick figure video{ max-width:100%; height:395px; }
.gallery_slick figcaption{ font-size:18px; font-family:'Roboto Condensed', sans-serif; font-weight:800; 
position:absolute; left:20px; right: 0px; bottom:0px; top:0px; z-index:2; width:100%; height;100%; text-align:url('../../../wamp64/www/intranet-system/images/gallery-black-shadow.png') repeat-x left bottom;

// background:url(../images/gallery-black-shadow.png) repeat-x left bottom;

 height:100%; padding-left:25px;
// width:CALC(100% - 25px); height:100%; padding-left:25px;

/*  display: table-cell;
  vertical-align: bottom;*/
	display: inline-block
}
.gallery_slick figure  figcaption span{ position:relative; right:30px; top:75%; float:left; } 
.gallery_slick figcaption span a{ color:#FFFFFF; text-decoration:none;  text-shadow: 1px 3px 7px rgba(0, 0, 0, 1),0px 1px 10px rgba(44, 21, 50, 1),-3px 0px 7px rgba(49, 101, 104, 1);}
    
.gallery_slick figcaption span time{ color:#FFFFFF; font-size:14.5px; margin-top:5px; text-shadow: 5px 5px 5px black; text-shadow: 1px 3px 7px rgba(0, 0, 0, 1),0px 1px 10px rgba(44, 21, 50, 1),-3px 0px 7px rgba(49, 101, 104, 1);  }

/* =================end desktop ================================ */

/* =================for mobile ========================== */




/* ================= end for mobile ========================== */



#list_events{ width:100%; float:left; padding-top:30px; border-top:1px solid #ddd; }
#MenuResponsive{ display:none; }
.comment-row{ width:100%; float:left; /*padding-bottom:15px; margin-bottom:15px;*/ border-bottom:1px solid #c9c9c9; }
.comment-row:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none; }
.comment-row figure{ width:80px; float:left; margin:10px; border-radius:50%; }
.comment-row figure img{ max-width:100%; border-radius:50px; }
.comment-row h3{ color:#0d2e4c; font-size:18px; font-family:'Roboto Condensed', sans-serif; font-weight:400; float:left; width:auto; margin-top:15px; }
.comment-row p{ color:#0c0c0c; font-size:14px; font-weight:400; float:left; width:auto; }
.comment-row.mine{ background-color:#f9f9f9 ; }
#pagination_block{ 
width:100%; text-align:center; float:left; margin:0px; font-family:'Roboto Condensed', sans-serif; 
font-weight:400; color:#0d2e4c; font-size:14px; background-color:#f0f0f0; padding:10px 0px;
}
#controllers_error{ margin-top:10px; }
.birthday_block figure{ margin:10px 0px; }
.birthday_block h3{ 
width:100%; text-align:center; background-color:#1A89C9; color:#FFFFFF; padding:10px 0px; margin-bottom:10px; float:left;
font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:20px; }
.live_chat{
	position:fixed;
	right:5px;
	bottom:0px;
	float:right;
	z-index:100;
	cursor:pointer;
}
.live_chat img{ max-width:100%; }
p.upgrade_hint{ margin-top:10px; font-size:16px; color:#8a6d3b; }
ul#organizations_team{ width:100%; float:left; }
ul#organizations_team li{ position:block; float:left; margin-right:4%; width:22%; margin-bottom:30px;}
ul#organizations_team li:nth-of-type(4n + 4){ margin-right:0px; }
ul#organizations_team li h3{ font-size:18px; color:#0d2e4c; text-align:center; font-weight:700; margin-bottom:3px; }
ul#organizations_team li h4{ font-size:15px; color:#0d2e4c; text-align:center; font-weight:400; margin-bottom:8px;  }
ul#organizations_team li figure{ 
width:100%; 
float:left;
background:#f0f0f0;
margin-bottom:15px;
display:block;
text-align:center;
position:relative;
overflow:hidden;
}
ul#organizations_team li figure img{ max-width:100%; float:left }
ul#organizations_team li p{ margin-bottom:5px;  }
ul#organizations_team li a.employee_linkedin{ 
width:CALC(100% - 35px);
font-size:14px; color:#FFFFFF; background:#1A89C9 url('https://www.julphar.net/intranet-system/images/linkedin-icon.png') no-repeat 5px center; padding-left: 35px; font-weight:300; 
text-decoration:none; padding-right:0px; padding-top:10px; padding-bottom:10px 
}
.suppliers_register{ margin:10px 0px; }
.div-with-border{ 
 	border-left: 1px solid #d0d0d0;
    float: left;
    margin-left: 1%;
    min-height: 250px;
    padding-left: 2%;
    width: 93%;
}
.delete_icon{
 float: right;
 position: relative;
 right: 10px;
 top: 10px;
 cursor:pointer;
}
a.profile-status{width:10px; height:10px; display:block; float:left; margin:10px; margin-bottom:0px; border:thin solid #7fba00; border-radius:50%;}
.online{ background-color:#7fba00; }
.offline{ background-color:#FFFFFF; }
h3.label{ width:96%; margin-bottom:5px; }
a.download-link{
display:block; float:left; margin:10px 0px; font-size:16px; color:#4e4e50;
background:url('https://www.julphar.net/intranet-system/images/icons/cloud_download.png') no-repeat left center;; padding-left:30px; padding-right:0; padding-top:5px; padding-bottom:5px}
.no-bottom-padding-margin{ padding-bottom:0px; margin-bottom:0px; }
.margin-top-zero{ margin-top:0px; }
.video-block{ width:100%; height:100%; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:thin solid #1A89C9; }






#desktopmenu {  display: block;}
#mobilemenu {  display: none;}

@media screen and (max-width: 600px) {

#desktopmenu {  display: none;}
#mobilemenu {
display:block; 
z-index: -1;
}
}



.dropbtn {

  background-color: #0D2F4C;  
  padding: 16px ;
  color: white;  
  font-size: 16px;
  border: none;
  cursor: pointer;
  margin-bottom: 20px;
   
}






.dropdown {

width:90%; 
  position: relative;
  display: inline-block;
}








.dropdown-content {
right: 0;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;    }

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #0d2e4c;
}














/* post manner   */







.post_left_box {display: block; color: inherit; box-sizing: border-box; width: 20%;height:50px; 
 float: Left; overflow: hidden; text-align: left; margin: 0px auto; padding-left:
  5px; background: #F0F0F0; }
  
.gallery_slick3 { color: inherit; box-sizing: border-box; width: 80%; height:50px;  overflow: hidden;  margin: 0px auto; padding-left:35px; padding-right:35px; padding-top: 15px; padding-bottom: 0px;  vertical-align: middle ; background:#0B304F; float: RIGHT; font-weight: 500; font-size: 18px; margin: 0px; 

}

.gallery_slick3 div p {text-align: left; }



@media screen and (max-width: 600px) {


.post_left_box {display: none;}

.gallery_slick3 {color: inherit; box-sizing: border-box; width: 100%; height:70px;  overflow: hidden; 
       margin: 0px auto; padding-left: 33px; padding-right: 33px; padding-top: 15px; padding-bottom: 0px;  background:#0B304F; 
       float: RIGHT; font-weight: 500; font-size: 18px; margin: 0px;  
       }
       
.gallery_slick3 div p {text-align: center; }




}










.post_left_box h2 {

font-weight: 700; font-size: 16px; margin: 0px; 

}

.post_left_box a
{
color: #0D2F4C; box-sizing: border-box; text-decoration: none; 
 vertical-align: middle;  

}

.post_left_box .date {

color:#1A89C9 ; 
padding-left: 5px

}




.gallery_slick3 a{ color:#ffffff; }
.gallery_slick3 a:hover{ color:#D7D7D7; }







/*
-------------------------------
Blog   - new joiner home page design -
-------------------------------
*/
.blog-item {
	border: 1px solid #f5f5f5;
	margin-top: 20px;
    margin-bottom: 10px;
}


.blog-item p{
	margin-top: 15px;
	margin-bottom: 5px;

}

.blog-image {
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 196px;
}

.blog-item time{
	font-size:16px;
	color:#9c9c9c;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:700;
	margin-bottom:10px;	
}


time.blog-circle-date{ text-decoration: none; display:block; width:165px; height:170px; border:2px solid #0B304F; border-radius:50%; color:#0d2e4c; font-size:15px; text-align:center;    margin-top:0px; margin-left:30px;
padding-top:15px; line-height:40px; background-color:#1A89C9; }

 time.blog-circle-date span{  color: #ffffff ; font-size:30.5px; font-weight:700; text-decoration: none;} 







.blog-text {
	background: #f5f5f5;
	padding: 15px;
	height: 400px;
	overflow: auto;
}

.blog-item h2 a {
	font-size:18px;
	color:#0d2e4c;
	//font-weight: 700;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.blog-item h2 a:hover {
	color:#0d2e4c;
}



.blog-item span{
	font-size:14px;
	color:  #9c9c9c;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:700;
	margin-bottom:10px;
	
}




.blog-item span i {
	margin-right: 5px;
	color: #1A89C9 ;
}





.blog-text p{
	font-size:14px;
	color:#0c0c0c;	
	text-align:justify;
	width:100%;
	margin-bottom: 10px;

}
.blog-author {
	overflow: hidden;
	background:#e6e6e6 ;
}

.blog-author ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

.blog-author li {
	display: inline-block;
}

.blog-author li a {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 15px 10px;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.blog-author li a i {
	margin-right: 5px;
	color: #1A89C9;
}

.blog-author li a:hover {
	color: #0B304F;
}

.blog-author li.blog-button {
	background: #1A89C9;
	float: right;
}

.blog-author li.blog-button a {
	background: #1A89C9;
	padding: 15px 30px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.blog-author li.blog-button i {
	color: #fff;
	margin: 0;
}

.blog-author li.blog-button a:hover {
	background: #0B304F;
}





.blog-carousel .owl-nav .owl-prev,
.blog-carousel .owl-nav .owl-next {
	
	text-align: center;
	font-size: 16px;
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 38px;
	top: 0;
	margin-top: -20px;
	background: #1A89C9;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.blog-carousel .owl-nav .owl-prev {
	right: 0;
	margin-right: 40px;
}

.blog-carousel .owl-nav .owl-next {
	right: 0;
	margin-right: 0px;
}

.blog-carousel .owl-nav .owl-prev:hover,
.blog-carousel .owl-nav .owl-next:hover {
	color: #fff;
	background: #0B304F;
}

.blog-one-item {
	margin-top: 30px;
}

.blog-one-item img {
	width: 100%!important;
}

.blog-one-text {
	margin-top: 20px;
}

.blog-one-text ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-one-text ul li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 5px;
}

.blog-one-text ul li:last-child {
	margin-right: 0;
}

.blog-one-text ul li a {
    font-family: 'Work Sans', sans-serif;
	text-decoration: none;
}

.blog-one-text ul li i {
	color: #3367c1;
	margin-right: 5px;
}
.blog-one-text h3{
    margin-bottom: 15px;
}
.blog-one-text h3 a {
	font-size: 28px;
	font-weight: 700;
	text-decoration: none;
    display: inline-block;
	margin-top: 15px;
}

.blog-one-text h3 a:hover {
	color: #3367c1;
}

.blog-one-text p {
	margin-bottom: 20px;
}

/*