.all-around .content-circles-landing.secondary {
    background-image: url(../images/video/all-around-pleca.svg);
    background-color: #8863ae;
    background-size: auto 120px;
}
.ultra-confort .content-circles-landing.video-content {
    background-color: #00b5ea;
    background-image: url(../images/video/ultra-confort-pleca.svg);
    background-position: bottom !important;
    background-size: contain;
}
.pull-ups .content-circles-landing.video-content {
    background-color: #87699D;
    background-image: url(../images/video/pullups-pleca.svg);
    background-position: bottom !important;
    background-size: cover;
}
.little-swimmers .content-circles-landing.video-content {
    background-color: #AACF65;
    background-image: url(../images/littleswimmers-pleca.svg);
    background-position: bottom !important;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}
.supreme-intern .sb-bg {
    background-color: #E6E6E5;
    background-image: url(../images/video/pleca-supreme-2.svg);
}
.title-video {
    position: relative;
    width: 100%;
    text-align: center;
    color: white;
    top: 25px;
    font-size: 30px;
}
.content-video{
    position: relative;
}
.sb-platino{
    background:#e6e6e5;
    height: 227px;
}
.sb-bg{
    background:#EBE2C2;
}
.sb{
    background:#EBE2C2;
    height: 227px;
}
.sb-platino-brown{
    display: block;
    width: 100%;
    background:#81163A;
    height: 100px;
}
.supreme-intern .supremebox h2 {
    color: #81163a;
    padding:20px 0;
}
.content-video .video {
    max-width: 576px;
    width: 100%;
    height: 324px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    z-index: 1;
}
.content-video .video  iframe{
    width: 100%;
    height: 324px;
}
.supreme-intern .content-circles-landing {
    margin-top: 300px;
    margin-bottom: 300px;
}
.supreme-intern .content-circles-landing .hs-bg {
    background-color: #f7f6f3 !important;
	background-image: url(/media/12702/bg-etapas.jpg);
	margin-top: 0px;
}
.supreme-intern .content-circles-landing .video {
    width: 560px;
    height: 309px;
    bottom: -260px;
}
.hs-vids{
	height:30vh !important;
	margin-top: 205px !important;
	background-color: #f7f6f3;
}
.supreme-intern .content-circles-landing .hs-video-dos{
	bottom: 0px !important;
	width: 560px;
    height: 324px;
	margin-bottom: 100px;
}
.supreme-intern .content-circles-landing .hs-video {
    bottom: 0px !important;
	top: -20px;
	position: absolute;
}
.supreme-intern .content-circles-landing .hs-video iframe{
    width: 560px !important;
	height: 315px !important;
}
.supreme-intern .content-circles-landing .video-content{
	height: 25vh !important;
	background-color: #f7f6f3 !important;
}
@media (max-width: 1350px) {
.supreme-intern .content-circles-landing {
	height: 68vh;
}
.supreme-intern .content-circles-landing .hs-video {
    bottom: -80px !important;
}
.supreme-intern .content-circles-landing .hs-video {
	width: 450px !important;
    height: 300px !important;
}
}
@media (max-width: 1200px) {
.supreme-intern .content-circles-landing .video-content{
	height: 10vh;
}
.supreme-intern .content-circles-landing {
	height: 0vh;
}
.supreme-intern .content-circles-landing .hs-video-dos{
	bottom: -100px !important;
}
.supreme-intern .content-circles-landing .hs-video {
	width: 410px !important;
    height: 300px !important;
}
}

@media (max-width: 800px) {
.supreme-intern .content-circles-landing .video-content{
	height: 1vh;
}
.supreme-intern .content-circles-landing {
	height: 20vh !important;
	margin-top: 150px !important;
}
.supreme-intern .content-circles-landing .hs-video {
	width: 600px !important;
    height: 300px !important;
}
.supreme-intern .content-circles-landing .hs-video-dos{
	bottom: 15px !important;
}
}

@media (max-width: 450px) {
.supreme-intern .content-circles-landing .video-content{
	height: 35vh;
}
.supreme-intern .content-circles-landing .hs-video-dos {
    bottom: -150px !important;
}
.supreme-intern .content-circles-landing .hs-video {
	max-width:100%;
	/*max-width: 350px !important;*/
	left: -20px !important;
	bottom: 0px !important;
}
.supreme-intern .content-circles-landing {
	height: 25vh !important;
}
.hs-video {
	width: 325px;
	height:300px;
    margin: auto;
}
	.supreme-intern .content-circles-landing {
    margin-top:0px !important;
}
	.supreme-intern .content-circles-landing .hs-video iframe{
    width: 100% !important;
	height: 100% !important;
}
	.supreme-intern .content-circles-landing .video{
    margin-top:100px !important;
}
	.hs-vids{
	height:20vh !important;
	margin-top: -55px !important;
}
}


.supreme-intern .content-circles-landing {
    /*background-color: transparent;
    background-image: url(/media/12735/bg-etapas.png);*/
	padding-top:50px;
	padding-bottom:50px;
	margin-top:0px;
	margin-bottom:0px;
}

.content-circles-landing .hs-video-dos{
	bottom: 220px !important;
}

.hs-video-dos {
    background-color: transparent !important;
	bottom: -90px !important;
    top: -150px !important;
}

@media (max-width: 530px) {
	
	/*.content-circles-landing .hs-video-dos{
		bottom: -220px !important;
	}*/
	
}

@media screen and (min-width: 768px) {
.hs-video-dos {
    background-color: transparent !important;
	bottom: -90px !important;
    top: 0px !important;
}
}

.ultra-confort h2{
    color:#065280;
}
.title-video{
    top:0;
    margin-top:0;
}
.blue-lines{
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

.blue-lines img{
    max-width: 400px;
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
}
@media (max-width: 767.98px) {

    .all-around .content-circles-landing.video-content {
        background-image: url(../images/video/all-around-pleca-mobile.svg);
        background-size: cover;
        background-position-y: 340px!important;
    }
    .ultra-confort .content-circles-landing.video-content {
        background-image: url(../images/video/ultra-confort-pleca-mobile.svg);
        background-size: cover;
        background-position-y: 340px!important;
    }
    .little-swimmers .content-circles-landing.video-content {
        /*background-image: url(../images/video/littleswimmers-pleca-mobile.svg);*/
        background-size: cover;
        background-position-y: 100px!important;
    }
    .pull-ups .content-circles-landing.video-content {
        background-color: none;
        background-image: url(../images/video/pullups-pleca-mobile.svg);
        background-size: cover;
    }
    .supreme-intern .title-video {
        margin-top: 60px;
    }
    .supreme-intern .content-circles-landing .video, .supreme-intern .content-video .video{
        width: 90%;

    }
    .blue-lines img{
        width: 90%;
    }
}