#slides {
	position: relative;
	margin: 0px auto;
	display: none;
	overflow: visible !important;
}
.slide {
	position: relative;
}
#slides, #slides .slide {
	height: 740px;
}
.slidesjs-next::after, .slidesjs-previous::after {
	font-family: FontAwesome;
    content: "\f100";
    font-size: 70px;
    color: #ff6600;
    position: absolute;
    display: block;
    z-index: 101;
    top: 50%;
    left: 25px;
    margin-top: -35px;
}
.slidesjs-next::after {
	left: auto;
	right: 25px;
	content: "\f101";
}
/* when pagination is under slider */
.slidesjs-pagination {
    position: relative;
    z-index: 1000;
    text-align: center;
	margin-top: 10px;
}
/* when pagination is over slider */
.slidesjs-pagination {
    position: absolute !important;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	margin-top: 0px;
}
.slidesjs-pagination li {
	display: inline-block;
	margin: 0px 10px 0px 0px;
	list-style:none;
	vertical-align: middle;
}
.slidesjs-pagination li:last-child {
	margin: 0px;
}

.slidesjs-pagination li a {
	display: block;
    width: 15px;
    height: 15px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    background-color: #636363;
}

.slidesjs-pagination li a.active {
	background-color: #3bbce1;
}

.slide .container {
    height: 100%;
}

@media only screen and (max-height: 768px) {
#slides, #slides .slide {
    height: calc(100vh - 110px) !important;
}
}

@media only screen and (min-width: 1440px) {
#slides, #slides .slide {
	/* [disabled]height: 1115px !important; */
}
}

@media only screen and (max-width: 992px) {
#slides, #slides .slide {
    height: 490px !important;
}
}

@media only screen and (max-width: 600px) {
#slides, #slides .slide {
    height: 308px !important;
}
.slidesjs-pagination {
	bottom: 15px;
}
}

@media only screen and (max-width: 768px) {
.slidesjs-navigation {
	display: none;
}
}