/* session */
.re-captcha:hover { cursor: pointer; }

/* oauth */
.blog-topbar { background: #111; color: #fff; height: 40px; font-size: 14px; }
.topbar-time { padding: 12px 12px 7px 0; font-size: 12px; text-transform: uppercase; }
.f-right { float: right;}
.f-left { float: left; }
.m-l-15 { margin-left: -15px; }
.m-l-40 { margin-left: 40px; }

.m-t-10 { margin-top: -10%; }
.m-t-20 { margin-top: 20px; }
.m-t-185 { margin-top: 185px; }
.m-t-160 { margin-top: 160px;  }
.m-t-18 { margin-top: 18%; }
.m-t-17 { margin-top: 17%; }
.p-r-2 { padding-right:2px; }
.p-l-2 { padding-left:2px;  }

.m-logo { margin: 30px 0 0 0px; }
.f-s-30 { font-size: 30px; }
.link-white { color: #fff; }
.link-white:hover { color: #d6d6d6; }
.bg-login { background: url('/assets/share/img/services/d3_bg_session.jpg') repeat-x; margin: 20px 0 0; height: 471px; }

.font-login { color: #fff; font-weight: bold;}
.f-s-3 { font-size: 3em; }
.f-s-4 { font-size: 4em; }

/*Block Headline*/
.headline {
	display: block;
	margin: 10px 0 25px 0;
	border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
	font-size: 22px;
}

.headline h2,
.headline h3,
.headline h4 {
	margin: 0 0 -2px 0;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 2px solid #3384CC;
}

/*Thumbnails
------------------------------------*/
.thumbnail {
	border-radius: 0;
}

.thumbnail-style {
	padding: 7px;
	margin-bottom: 20px;
}
.thumbnail-style:hover {
	box-shadow: 0 0 8px #ddd;
  transition: box-shadow 0.2s ease-in-out;
}

.thumbnail h3,
.thumbnail-style h3 {
	margin: 6px 0 8px 0;
}

.thumbnail h3 a,
.thumbnail-style h3 a {
	color: #585f69;
	font-size: 18px;
}

.thumbnail h3 a:hover,
.thumbnail-style h3 a:hover {
	color: #3384CC;
	text-decoration: none;
}

.thumbnail-style .thumbnail-img {
	position: relative;
	margin-bottom: 11px;
}

.thumbnail-style a.btn-more {
	right: -10px;
	bottom: 10px;
	color: #fff;
	padding: 1px 6px;
	position: absolute;
	background: #3384CC;
	display: inline-block;
}
.thumbnail-style a.btn-more:hover {
	text-decoration: none;
	box-shadow: 0 0 0 2px #3384CC;
}
.thumbnail-style:hover a.btn-more {
	right: 10px;
}

.thumbnail-kenburn img {
	left: 10px;
	margin-left: -10px;
	position: relative;
	transition: all 0.8s ease-in-out;
}

.thumbnail-kenburn:hover img {
	transform: scale(1.2) rotate(2deg);
}

/*--------------------------------------------------
	[12. Thumbnail]
----------------------------------------------------*/
/*Thumbnail v1
------------------------------------*/
.thumbnails-v1 .thumbnail-img {
  margin-bottom: 12px;
}

.thumbnails-v1 h3 {
  margin-bottom: 5px;
}

.thumbnails-v1 h3 a {
  color: #555;
  font-size: 15px;
  text-transform: uppercase;
}

.thumbnails-v1 .read-more {
  color: #72c02c;
  font-size: 12px;
  text-transform: uppercase;
}

/* Recent Work
------------------------------------*/
.recent-work a {
	text-align: center;
	background: #fcfcfc;
	display: inline-block;
}

.recent-work a:hover {
	text-decoration: none;
}

.recent-work a:hover strong {
	color: #555;
}

.recent-work em.overflow-hidden {
	display: block;
}

.recent-work a span {
	display: block;
	padding: 10px;
	border-bottom: solid 2px #eee;
}

.recent-work a strong {
	color: #555;
	display: block;
}

.recent-work a i {
	color: #777;
}

.recent-work a img {
 transition: all 0.8s ease-in-out;
}

.recent-work a:hover img {
	opacity: 0.8;
 	transform: scale(1.2) rotate(3deg);
}

.recent-work a:hover span {
	border-bottom: solid 2px #72c02c;
  transition: all 0.3s ease-in-out;
}

/*Recent Works (Owl Carousel)
------------------------------------*/
.owl-work-v1 .owl-navigation {
  top: 3px;
  position: relative;
}

.owl-work-v1 .owl-navigation {
  margin-bottom: 10px;
}

.owl-work-v1 .item a {
  text-align: center;
}

.owl-work-v1 .item a:hover {
  text-decoration: none;
}

.owl-work-v1 .item a:hover strong {
  color: #555;
}

.owl-work-v1 .item em.overflow-hidden {
  display: block;
}

.owl-work-v1 .item a span {
  display: block;
  padding: 10px;
  border-bottom: solid 2px #eee;
}

.owl-work-v1 .item a strong {
  color: #555;
  display: block;
}

.owl-work-v1 .item a i {
  color: #777;
}

.owl-work-v1 .item a img {
	transition: all 0.8s ease-in-out;
}

.owl-work-v1 .item a:hover img {
	opacity: 0.8;
	transform: scale(1.2) rotate(3deg);
}

.owl-work-v1 .item a:hover span {
	border-bottom: solid 2px #72c02c;
	transition: all 0.3s ease-in-out;
}

/*CSS3 Hover Effects*/
.hover-effect {
 transition: all 0.4s ease-in-out;
}

.hover-effect-kenburn {
 left:10px;
 margin-left:-10px;
 position:relative;
 transition: all 0.8s ease-in-out;
}

.hover-effect-kenburn:hover {
 transform: scale(2) rotate(5deg);
}

/*Others
------------------------------------*/
.overflow-h { overflow: hidden;}
.overflow-a { overflow: auto;}
.overflow-hidden { overflow: hidden;}

.cookieconsent { left: 0; right: 0; bottom: 0; position: fixed; }
.m-t--5 { margin-top: -5px; }

/* Hover and Focus login button */
.btn-session-login:hover, .btn-session-login:focus  { background-color: #449d44 !important; border-color: #398439 !important; }