@import url('http://fonts.googleapis.com/css?family=Exo+2:400,700|Oswald:400,700');


/** page structure **/
#w {
  display: block;
  min-width: 285px;
  margin: 0 auto;
  position:relative;
  height:300px;
}

/** posts slider widget **/
.crsl-items {
  display: block;
  height:325px;
}
.crsl-thumb{
	padding:0;
	max-width:370px;
	margin:0 15px !important;
	min-height:329px;
	text-align:center;
}
/*.crsl-item {
	background: #fff;
	padding: 20px;
	max-width:370px;
	background-color:#f5f5f5;
	margin:0 11px 0 11px !important;
}*/

.crsl-item .thumbnail {
	display:inline-block;
  	position: relative;
  	margin-bottom:0;
  	background-color:#f5f5f5;
  	border:3px solid #FFF;
  	height: 200px;
  	width: 200px;
	overflow:hidden;
  	border-radius:50%;
  	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
}
.crsl-item .thumbnail img { 
  	display: block;
  	margin-bottom:30px;  
  	border-radius:50%;
  	height: auto;
  	width: 100%;
  	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}
.crsl-item .thumbnail .date{
	background: rgb(3,118,218); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(3,118,218) 0%, rgb(0,75,141) 100%, rgb(125,185,232) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(3,118,218)), color-stop(100%,rgb(0,75,141)), color-stop(100%,rgb(125,185,232))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(3,118,218) 0%,rgb(0,75,141) 100%,rgb(125,185,232) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(3,118,218) 0%,rgb(0,75,141) 100%,rgb(125,185,232) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(3,118,218) 0%,rgb(0,75,141) 100%,rgb(125,185,232) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(3,118,218) 0%,rgb(0,75,141) 100%,rgb(125,185,232) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0376da', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	width:65px;
	height:65px;
	position: absolute;
  	top: -7px;
  	left: 9px;
	color:#FFF;
	text-align:center;
	padding:13px 0 0 0;
}
.crsl-item .thumbnail .date hr{
	margin:0 auto;
  	border: 0;
  	border-top: 1px solid #eee;
  	width: 48px;
}
.crsl-item .thumbnail .date:before{
	content: "";
 	width: 0;
  	height: 0;
  	border-top: 11px solid transparent;
  	border-bottom: 0px solid transparent;
  	border-right: 5px solid #004b8c;
 	position: absolute;
  	top: 0px;
  	left: -5px;
}
.crsl-item a{
	text-decoration:none !important;
	color:#004b8c !important;
}
.crsl-item h3 {
  	font-size: 24px;
  	color:#323232;
  	margin: 40px 0 10px 0 !important;
  	text-align:center;
	font-weight:300;
}
.crsl-item h5{
	font-size:14px;
	color:#1f1a17;
}
.crsl-item p {
  font-size: 16px;;
  color:#1f1a17;
}

/** posts slider nav **/
.slidernav {
  display: table;
  left: -11px;
  margin: 30px 0 0 0;
}
.slidernav ul{
	list-style:none;
}
.slidernav ul li{
	display: inline-block;
  	height: 34px;
  	width: 34px;
  	border-radius: 65px;
  	border: 2px solid #004b8c;
  	background-color: white;
	text-align:center;
	line-height:27px;
}
.slidernav ul li img{
	display:inline;
	width:auto;
}
.slidernav a {
  display: inline;
  color:#004b8c !important;
}
.slidernav li:hover {
  background-color:#004b8c;
  height: 34px;
  width: 34px;
  border-radius: 65px;
  border: 2px solid #004b8c;
  color:#FFF;
}

/** media queries **/
@media only screen and (max-width : 526px) {
.crsl-thumb{
	margin:0 50px !important;
}
@media screen and (max-width: 660px) {
h1{ 
	font-size: 2.4em; 
	line-height: 1.2em; 
}  
.crsl-item h3{ 
	font-size: 1.65em; 
}
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }