.anim-slide-this {

	z-index: 1;

}



.anim-slider {

	background: #fff;

	font-family: 'Raleway', sans-serif;

}



.anim-slide img#image-one,

.anim-slide img#image-two,

.anim-slide img#image-three,

.anim-slide img#image-four {


    left: 10%;

}



.anim-slide h2#title-one,

.anim-slide h2#title-two,

.anim-slide h2#title-three,

.anim-slide h2#title-four {

    color: #5b5c5d;

    font-size: 45px;

    font-weight: 100;

    right: 1%;

    top: 3%;

    text-transform: uppercase;

    font-family: 'Raleway';

    text-rendering: optimizeLegibility;

}



.anim-slide p#text-one,

.anim-slide p#text-two,

.anim-slide p#text-three,

.anim-slide p#text-four {

	    color: #000000;

    font-size: 15px;

	font-family: 'poppins', sans-serif;

    line-height: 24px;

    max-width: 30%;

    right: 2%;

    font-weight: 500;

    text-align: right;

    text-rendering: optimizeLegibility;

    top: 37%;

}



.anim-slide a#btn-one,

.anim-slide a#btn-two,

.anim-slide a#btn-three,

.anim-slide a#btn-four {

	/*top: 68%;

	right: 2%;

	color: #fff;

	display: block;

	font-size: 16px;

	font-weight: 700;

	letter-spacing: 3px;

	padding: 15px 0px;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	width: 250px;

	-webkit-transition: all 0.3s ease-in-out;

	   -moz-transition: all 0.3s ease-in-out;

	        transition: all 0.3s ease-in-out;*/

			    top: 68%;

    right: 2%;

    color: #fff;

    display: block;

    font-size: 16px;

    font-weight: 100;

    margin-left: 0;

    letter-spacing: 3px;

    padding: 15px 0px 15px 33px !important;

    /* text-align: right; */

    /* margin-left: -16px; */

    text-decoration: none;

    text-transform: uppercase;

    width: 214px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.anim-slide a#btn-one:hover,

.anim-slide a#btn-two:hover,

.anim-slide a#btn-three:hover,

.anim-slide a#btn-four:hover {

	background: #000;

	color: #fff;

}



.anim-dots {

	height: 140%;

	left: -2px;

	padding-top: 35px;

	top: 35%;

	-webkit-transform: skewY(50deg);

	-ms-transform: skewY(50deg);

	transform: skewY(50deg);

	width: 41%;

	z-index: 500;

}



.anim-dots span {

	cursor: pointer;

	display: inline-block;

	height: 80px;

	margin: 5px;

	position: relative;

	-webkit-transform: skewX(-40deg);

	-ms-transform: skewX(-40deg);

	transform: skewX(-40deg);

	width: 60px;

}



.anim-dots span.anim-dots-this:after {

	background: rgb(16, 99, 175);

	content: '';

	height: 80px;

	left: 0;

	position: absolute;

	top: 0;

	width: 60px;

}



.hide-slider-button {

	visibility: hidden;

}



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

	.anim-dots {

		height: 160%;

		left: -5%;

		padding-top: 35px;

		top: 35%;

		width: 60%;

	}

}



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



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

	.anim-dots {

		background: none !important;

		height: 20%;

		left: 0%;

		padding-top: 35px;

		padding-top: 35px;

		top: 80%;

		-webkit-transform: skewY(0deg);

		    -ms-transform: skewY(0deg);

		        transform: skewY(0deg);

		width: 100%;

		z-index: 2;

	}

	.anim-dots span {

		background: #e9be4b !important;

		box-shadow: none;

		cursor: pointer;

		display: inline-block;

		height: 14px;

		margin: 5px;

		position: relative;

		-webkit-transform: skewY(0deg);

		-ms-transform: skewY(0deg);

		transform: skewY(0deg);

		width: 14px;

	}

	.anim-dots span.anim-dots-this:after {

		background: #f5f5f5;

		content: '';

		height: 14px;

		left: 0;

		position: absolute;

		top: 0;

		width: 14px;

	}

	.anim-slide img#image-one,

	.anim-slide img#image-two,

	.anim-slide img#image-three,

	.anim-slide img#image-four {

		left: -0%;

	}

	.anim-slide h2#title-one,

	.anim-slide h2#title-two,

	.anim-slide h2#title-three,

	.anim-slide h2#title-four {

		font-size: 30px;

		right: 10%;

		top: 15%;

	}

	.anim-slide p#text-one,

	.anim-slide p#text-two,

	.anim-slide p#text-three,

	.anim-slide p#text-four {

		right: 10%;

		top: 30%;

	}

}



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

	.anim-slide img#image-one,

	.anim-slide img#image-two,

	.anim-slide img#image-three,

	.anim-slide img#image-four {

		left: 0px !important;

	}

	.anim-slide h2#title-one,

	.anim-slide h2#title-two,

	.anim-slide h2#title-three,

	.anim-slide h2#title-four {

		left: 10%;

		width: 88%;

	}

	.anim-slide p#text-one,

	.anim-slide p#text-two,

	.anim-slide p#text-three,

	.anim-slide p#text-four {

		left: 10%;

		max-width: 80%;

		text-align: center;

		top: 30%;

	}

	.anim-slide a#btn-one,

	.anim-slide a#btn-two,

	.anim-slide a#btn-three,

	.anim-slide a#btn-four {

		left: 10%;

		text-align: center;

	/*	top: 65%;*/

	top: 54%;

		width: 80%;

	}

}