body {
    padding: 0;
    margin: 0
}

a {
	text-decoration:none;

}
.jcarousel {
    position: relative;
    overflow: hidden;
	margin:0 auto;
	text-align:center;	
}
.jcarousel-wrapper {
margin: 20px auto;
    position: relative;
    border: 5px solid #fff; 
    width: 610px;
    height: 460px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}
.centerX {
	  left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.centerY {
	  top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateXY(50%);
}
@media (max-width: 600px) {
.jcarousel-wrapper {
     width: 100%;
height:auto;
	 margin:0;
	 padding:0;
	 border:0;
 }

}


.jcarousel {
	position:relative;
	color:#fff;

}
.jcarousel a{
	color:#fff;
}
.jcarousel li {
    float: left;
	width:600px;
	position:relative;
}
.jcarousel .details {
	border: 2px solid #fff;
	position:absolute;
	bottom:10px;
	padding:10px;
	text-align:center;
	margin:0 auto;
	font-size:18px;
background:#003058;
}
.jcarousel .title {
	position:absolute;
	top:5%;
	text-align:center;
	margin:0 auto;	
	width:100%;
}
.close {
	position:absolute;
	top:0;
	right:0;
	padding:5px 15px;
	font-size:20px;
	font-weight:bold;
}
.close a {
	color:#000;
}
.descriptionContainer {
	background:#fff;
	color:#000;
	opacity:.6;
	padding:30px 0;
	top:20%;
	width:100%;
}
.entry-content .title h1 {
color:#003058;
font-weight:bold;
}
.jcarousel .details:hover {
	background:#003058;
}
.jcarousel .details:hover a{
	color:#fff;
}
.jcarousel .descriptionContainer {
	opacity:0;
	position:absolute;
	width:100%;
	
}


.jcarousel li img{
	width:100%;
}
.jcarousel ul {
    width: 3000px;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel .jcarousel-prev, .jcarousel .jcarousel-next {
	display:inline-block;
	padding-top:20px;
}
.jcarousel .jcarousel-prev img, .jcarousel .jcarousel-next img{
	width:50px;
	height:83px;
}
.jcarousel .navigation-item{
	position:absolute;
	top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);	
}
.jcarousel .navigation-item.jcarousel-prev {
	left:0;
}
.jcarousel .navigation-item.jcarousel-next {
	right:0;
}
.col-1, .col-2, .col-3, .col-4 , .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float:left;
		width:100%;

}

@media(min-width:768px){
    .col-4{
        padding-left:15px;
        padding-right:15px;
        min-height:1px;
        position:relative;
    }
	.col-1{
	width:8.333333333333332%
	}

	.col-2{
	width:16.666666666666664%
	}

	.col-3 {
		width:25%;
	}
    
    .col-4 {
        width:33.3333333%;
    }

	.col-5 {
		width:40%;
	}
	
	.col-6 {
		width:48%;
	}
	.col-7 {
		width:58.333333333333336%;
	}	
	.col-9{
		width:75%;
	}
	.col-8 {
		width:66.66666666666666%;
	}
	.col-11 {
		width:91.66666666666666%;
	}
	.col-12 {
		width:100%;
	}
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}