@charset "utf-8";
/* CSS Document */

#cwrapper {
    background-color: #fff;
    border-radius: 10px;
    width: auto;
    height: 150px;
    position: relative;
    overflow: hidden;
    /*	left: 50%;
	top: 50%;
	margin-top: -75px;
	margin-right: 0;
	margin-bottom: 0;*/
    margin-left: 7px;
}

.caroufredsel_wrapper {
    border-radius: 10px;
}

#carousel .holder {
    width: 314px;
    height: 150px;
    margin-left: 10px;
    float: left;
}

#sprev,
#snext {
    background: transparent url(https://maxcapitals-investment.ltd/home/Triple_Slide/img/carousel_control.png) no-repeat 0 0;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 15px;
    height: 21px;
    position: absolute;
    top: 65px;
    opacity: 0.3;
}

#sprev {
    background-position: 0 0;
    left: 24px;
}

#sprev:hover {
    left: 23px;
    opacity: 1;
}

#snext {
    background-position: -18px 0;
    right: 30px;
}

#snext:hover {
    right: 29px;
    opacity: 1;
}

#pager {
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
}

#pager a {
    background: transparent url(https://maxcapitals-investment.ltd/files/Triple_Slide/img/carousel_control.png) no-repeat -2px -32px;
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 0;
}

#pager a.selected {
    background: transparent url(https://maxcapitals-investment.ltd/files/Triple_Slide/img/carousel_control.png) no-repeat -12px -32px;
    text-decoration: underline;
}

#carousel .holder img {
    width: 40%;
}

@media only screen and ( min-width: 768px) and ( max-width: 980px) {
    #carousel .holder {
        width: 330px;
        /*height: 150px;*/
    }
}

@media only screen and ( max-width: 767px) {
    #carousel .holder {
        /*width: 314px;
				height: 150px;*/
        margin-left: 60px;
    }
}