@charset "utf-8";
/* Ant-carousel v.1.2 */

/* User styles */
div.document1 {
	position: relative;
	width: 100%;
	max-width:1120px;
	min-width:300px;
	margin:0 auto 40px;
	height:30em;
}
.carousel1 {
	width: 100%;
	max-width:1100px;
	margin:-15px auto auto;
}
.carousel1-element {
	width:16.1em;
	margin: 0.6em;
	padding: 25px 10px;
	background-color:white;
	-webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.03);
	-moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.03);
	box-shadow: 1px 3px 4px rgba(0,0,0,0.03);
	text-align:center;
}
.carousel1-element div{
	font-size: 0.9em;
	padding: 0 0.6em; 
	text-align: left;
	height: 15em;
}
.carousel1-element a{
	position: absolute;
	bottom: 2.5em;
	right: 2em;
	line-height: 1px;
	color:#275f96;
	text-decoration: underline;
	font-size:0.8em;
	font-weight:600;
}
/* General styles */
.carousel1{
	width:auto;
	position:relative;
}
.carousel1-hider {
	overflow:hidden;
}
.carousel1-list {
	width:auto;
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	justify-content:flex-start;
}
.carousel1-element {
	position:relative;
	display:block;
	flex: 0 0 auto;
}
 
/* Navigation item styles */
div.carousel1-arrow-left, div.carousel1-arrow-right {
    width:17px;
	height:26px;
	position:absolute;
	cursor:pointer;
	opacity:0.8;
	z-index:32;
}
div.carousel1-arrow-left {
    left:-3.5%;
	top:40%;
	display:block;
    background:url("../images/service/angle-left.svg") no-repeat;
}
div.carousel1-arrow-right {
    right:-3.5%;
	top:40%;
	display:block;
    background:url("../images/service/angle-right.svg") no-repeat;
}
div.carousel1-arrow-left:hover {
	opacity:1.0;
}
div.carousel1-arrow-right:hover {
	opacity:1.0;
}
div.carousel1-dots {
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	bottom:-30px;
	z-index:30;
	text-align:center;
}
span.dot {
	width:10px;
	height:10px;
	margin:5px 7px;
	padding:0;
	display:inline-block;
	background-color:#BBB;
	border-radius:5px;
	cursor:pointer;
}

@media screen and (max-width: 1160px) {
	div.document1{
		max-width: 1000px;
	}
	.carousel1 {	
		max-width: 1000px;
    }
	.carousel1-element {
	width:14.435em;
	padding: 15px 5px;
	}
	.carousel1-element img{
	width:12.174em;
	}
    .carousel1-element div{
	height: 16.1em;
}
}
@media screen and (max-width: 1050px) {
	div.document1{
		max-width: 950px;
	}
	.carousel1 {	
		max-width: 950px;
    }
	.carousel1-element {
	width:13.71em;
	}
	.carousel1-element img{
	width:11.57em;
	}
}
@media screen and (max-width: 997px) {
	div.document1{
		max-width: 860px;
	}
	.carousel1 {	
		max-width: 850px;
    }
	.carousel1-element {
	width:12.3em;
	margin: 9px;
	padding: 15px 5px;

	}
	.carousel1-element img{
	width:10.6em;
	}
    .carousel1-element div{
	height: 18.5em;
}
}
@media screen and (max-width: 905px) {
	div.document1{
		max-width: 750px;
	}
	.carousel1 {	
		max-width: 750px;
    }
	.carousel1-element {
	width:14.6em;
	}
	.carousel1-element img{
	width:12.31em;
	}
    .carousel1-element div{
	height: 16.1em;
}
}
@media screen and (max-width: 768px) {
	div.document1{
		max-width: 580px;
	}
	.carousel1 {	
		max-width: 580px;
    }
	.carousel1-element {
	width:17.1em;
	margin: 0.6em;
	padding: 25px 10px;
	}
	.carousel1-element img{
	width:14.42em;
	height: auto;
	}
    .carousel1-element div{
	height: 13em;
}
}
@media screen and (max-width: 660px) {
	div.document1{
	   max-width: 550px;
	}
    .carousel1 {	
		max-width: 490px;
    }
	.carousel1-element {
	width:14.1em;
	margin: 0.6em;
	padding: 15px 10px;
	}
	.carousel1-element img{
	width:12.0em;
	height: auto;
	}
    .carousel1-element div{
	height: 16.5em;
}
}
@media screen and (max-width: 520px) {
	div.document1{
		max-width: 290px;
	}
	.carousel1 {	
		max-width: 290px;
    }
	.carousel1-element {
	width:16.4em;
	padding: 25px 10px;
	}
	.carousel1-element img{
	width:14.0em;
	height: auto;
	}
    .carousel1-element div{
	height: 14.5em;
}
div.carousel1-arrow-left {
    left:-13.5%;
}
div.carousel1-arrow-right {
    right:-13.5%;
}
}
@media screen and (max-width: 400px) {
	div.document1{
		max-width: 290px;
	}
	.carousel1 {	
		max-width: 290px;
    }
}


/* CSS Document */