/*------------------------------------------------------------------
Slider
-------------------------------------------------------------------*/
/*use overlay on light background*/
.tp-overlay {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	/* required for IE */

	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}


.tp-overlay.purple-overlay {
	background-color: rgba(47, 30, 52, 0.75);
}

.rev-heading-intro {
	font: normal 42px 'Raleway', sans-serif;
}

.rev-heading {
	font: normal 60px 'Raleway', sans-serif;
}

.rev-subheading {
	font: normal 16px/1.5 'Raleway', sans-serif;
}


.rev-btn .btn {
	height: auto;
}

/*Landing Pages*/
.btn-download.app-download {
	color: #03a9f4;
	background-color: #fff;
	height: auto;
}

.btn-download.app-download:focus,
.btn-download.app-download:hover {
	color: #fff;
	background-color: #03a9f4;
}

.btn-download.book-download {
	color: #F44336;
	background: #fff;
	height: auto;
}

.btn-download.book-download:focus,
.btn-download.book-download:hover {
	color: #fff;
	background: #F44336;
}

.btn-download.app-download i,
.btn-download.book-download i {
	position: relative;
	top: -5px;
	line-height: 35px;
}

.btn-download.app-download span,
.btn-download.book-download span {
	display: inline-block !important;
}


/*Blog Hompage*/
.tp-caption.Newspaper-Title,
.Newspaper-Title,
.tp-caption.Newspaper-Subtitle,
.Newspaper-Subtitle,
.erinyen .tp-tab-desc,
.erinyen .tp-tab-title {
	font-family: 'Raleway', sans-serif !important;
}

.erinyen .tp-tab-title {
	color: #03a9f4 !important;
}

.banner-home {
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
}

.slider-subttitle {
	font-size: ;
}

.banner-img-rectangulo {

	width: 450px;
	height: 750px;
	border-radius: 30px;

	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);

	background: #FFF200;
	background: -moz-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
	background: -webkit-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
	background: linear-gradient(to bottom, #FFF200 0%, #FF8B00 100%);
	z-index: 1 !important;
}

/*Banner-Index-Oficcial------------------------------------------------------------------------------ ---------------------------------------------------------*/
/*Banner-Index-sm------------------------------------------------------------------------------ */
.bg-banner-index-sm .container .row {
	margin-right: 0px;
	margin-left: 0px;
}

.bg-banner-index-sm {
	width: 100%;
	height: 660px;
	background: #0A3756;
	background: -webkit-radial-gradient(center, #0A3756, #002A45);
	background: -moz-radial-gradient(center, #0A3756, #002A45);
	background: radial-gradient(ellipse at center, #0A3756, #002A45);

	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);

}

.bg-banner-index-sm .row {
	width: 100%;
	height: 720px;
}

.bg-banner-index-sm .box-t,
.bg-banner-index-sm .box-st {}

.bg-banner-index-sm h1 {
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif !important;
	padding-bottom: 0px;
	margin-bottom: 7px;
}

.bg-banner-index-sm h3 {
	color: #ffffff;
	font-family: 'Roboto', sans-serif !important;
	font-size: 18px;
	font-weight: lighter;
}

.bg-banner-index-sm .carousel-control-prev {
	left: 0;
}

.bg-banner-index-sm .carousel-control-next {
	right: 0;
}

.bg-banner-index-sm .cuadro {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 170%;
	margin-right: ;
}

.bg-banner-index-sm .rectangulo {
	position: absolute;
	width: 808px;
	height: 908px;
	border-radius: 40px;
	margin-top: 110px;
	margin-left: -145px;

	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(28deg);

	background: #FFF200;
	background: -moz-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
	background: -webkit-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
	background: linear-gradient(to right, #FFF200 0%, #FF8B00 100%);
	z-index: 1;
}

.bg-banner-index-sm .cuadro img {
	position: absolute;
	max-width: 330px;
	max-height: 200px;
	margin-top: 30px;
	margin-left: 0px;
	z-index: 2;
}

.bg-banner-index-sm .content-img {
	position: absolute;
	height: 225px;
	width: 100%;
	margin-left: 5px;
}

.bg-banner-index-sm .carousel-item .cuadro img.cel {
	right: 0px;
	bottom: 0px;
	max-height: 145px;
	margin-right: ;
}

/* Media Querys */
/* Media Querys */
@media only screen and (max-device-width: 540px) and (min-device-width: 480px) {
	.bg-banner-index-sm h1 {
    font-size: 41px;
}
	.bg-banner-index-sm .cuadro img {
    max-width: 370px;
    max-height: 260px;
    margin-top: 20px;
    margin-left: 45px;
}
	.bg-banner-index-sm .carousel-item .cuadro img.cel {
    right: 0px;
    bottom: 0px;
    max-height: 155px;
    margin-right: 40px;
    bottom: -15px;
}
}
/* 411 x 823 */
@media only screen and (max-device-width : 414px) {
	.bg-banner-index-sm .cuadro img {
		position: absolute;
		max-width: 330px;
		max-height: 200px;
		margin-top: 30px;
		margin-left: 6px;
		z-index: 2;
	}

	.bg-banner-index-sm .content-img {
		margin-left: 4px;
	}
}
/* 411 x 823 */
@media only screen and (max-device-width : 411px) {
	.bg-banner-index-sm .cuadro img {
		position: absolute;
		max-width: 330px;
		max-height: 200px;
		margin-top: 30px;
		margin-left: 5px;
		z-index: 2;
	}
}

/* Media Querys */
/* 375 x 812 */
@media only screen and (max-device-width : 375px) and (min-device-width : 321px) {
	.bg-banner-index-sm h3 {
		font-size: 17px;
	}

	.bg-banner-index-sm .box-st h3 {
		font-size: 16px;
	}

	.bg-banner-index-sm .cuadro img {
		position: absolute;
		max-width: 330px;
		max-height: 200px;
		margin-top: 30px;
		margin-left: -15px;
		z-index: 2;
	}

	.bg-banner-index-sm .cuadro img {
		position: absolute;
		max-width: 330px;
		max-height: 200px;
		margin-top: 30px;
		margin-left: px;
		z-index: 2;
	}

	.bg-banner-index-sm .carousel-item .cuadro img.cel {
		right: 0px;
		bottom: 0px;
		max-height: 145px;
		margin-right: -5px;
	}
}

/* Media Querys */
/* 360 x 640 */
@media only screen and (max-device-width : 360px) and (min-device-width : 321px) {
	.bg-banner-index-sm {
		height: 640px;
		background: #0A3756;
		background: -webkit-radial-gradient(center, #0A3756, #002A45);
		background: -moz-radial-gradient(center, #0A3756, #002A45);
		background: radial-gradient(ellipse at center, #0A3756, #002A45);
		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
	}

	.bg-banner-index-sm .row {
		width: 100%;
		height: 700px;
	}

	.bg-banner-index-sm h1 {
		font-size: 38px;
	}

	.bg-banner-index-sm .box-st h3 {
		font-size: 15px;
	}

	.bg-banner-index-sm .rectangulo {
		width: 808px;
		height: 908px;
		border-radius: 40px;
		margin-top: 100px;
		margin-left: -150px;
	}

	.bg-banner-index-sm .cuadro img {
		max-width: 355px;
		max-height: 175px;
		margin-top: 10px;
		margin-left: 0px;

	}

	.bg-banner-index-sm .carousel-item .cuadro img.cel {
		right: 0px;
		bottom: 0px;
		max-height: 130px;
		margin-right: -5px;
		bottom: 40px;
	}
}

/* 320 x 568 */
@media only screen and (max-device-width : 320px) {
	.bg-banner-index-sm {
		height: 568px;
		background: #0A3756;
		background: -webkit-radial-gradient(center, #0A3756, #002A45);
		background: -moz-radial-gradient(center, #0A3756, #002A45);
		background: radial-gradient(ellipse at center, #0A3756, #002A45);
		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
	}

	.bg-banner-index-sm .row {
		width: 100%;
		height: 640px;
	}

	.bg-banner-index-sm h1 {
		margin-top: -20px;
		font-size: 30px;
	}

	.bg-banner-index-sm h3 {
		font-size: 13px;
	}

	.bg-banner-index-sm .rectangulo {
		width: 808px;
		height: 908px;
		border-radius: 40px;
		margin-top: 100px;
		margin-left: -170px;
	}

	.bg-banner-index-sm .cuadro img {
		max-width: 270px;
		max-height: 160px;
		margin-top: 20px;
		margin-left: -6px;
	}

	.bg-banner-index-sm .carousel-item .cuadro img.cel {
		right: 0px;
		bottom: 0px;
		max-height: 115px;
		margin-right: -5px;
		bottom: 48px;
	}
}
/*---------------------------------MAX 280px Galaxt Fold--------------------------------------------*/
@media only screen and (max-device-width: 280px){
    .bg-banner-index-sm h1 {
    font-size:25px;
}
	.bg-banner-index-sm .cuadro img {
    max-width: 270px;
    max-height: 160px;
    margin-top: 20px;
    margin-left: -25px;
}
	.bg-banner-index-sm .carousel-item .cuadro img.cel {
    right: 0px;
    bottom: 0px;
    max-height: 115px;
    margin-right: -15px;
    bottom: 48px;
}
}
/*Banner-Index-Oficcial------------------------------------------------------------------------------ ---------------------------------------------------------*/
/*Banner-Index-smLandscape------------------------------------------------------------------------------ */
/*1024------------------------------------------------------------------------------ */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) and (orientation: landscape) {
	.bg-banner-index-sm {
		display: none;
	}

	#id-banner-dm.bg-banner-index-dm {
		display: none !important;
	}

	#id-banner-sm.bg-banner-index-sm.sm-landscape {
		display: block !important;
	}

	.bg-banner-index-sm.sm-landscape .container .row {
		margin-right: 0px;
		margin-left: 0px;
	}

	.bg-banner-index-sm.sm-landscape {
		width: 100%;
		height: 480px;
		background: #0A3756;
		background: -webkit-radial-gradient(center, #0A3756, #002A45);
		background: -moz-radial-gradient(center, #0A3756, #002A45);
		background: radial-gradient(ellipse at center, #0A3756, #002A45);

		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);

	}

	.bg-banner-index-sm.sm-landscape .row {
		width: 100%;
		height: 500px;
	}

	.bg-banner-index-sm.sm-landscape .box-t,
	.bg-banner-index-sm.sm-landscape .box-st {}

	.bg-banner-index-sm.sm-landscape h1 {
		color: #ffffff;
		font-size: 40px;
		font-weight: bold;
		font-family: 'Roboto', sans-serif !important;
		padding-bottom: 0px;
		margin-bottom: 7px;
	}

	.bg-banner-index-sm.sm-landscape h3 {
		color: #ffffff;
		font-family: 'Roboto', sans-serif !important;
		font-size: 24px;
		font-weight: lighter;
	}

	.bg-banner-index-sm.sm-landscape .carousel-control-prev {
		left: -50px;
	}

	.bg-banner-index-sm .carousel-control-next {
		right: -50px;
	}

	.bg-banner-index-sm.sm-landscape .cuadro {
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 100%;
		height: 70%;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .rectangulo {
		position: absolute;
		width: 608px;
		height: 908px;
		border-radius: 30px;
		margin-top: 80px;
		margin-left: -110px;

		-moz-transform: rotate(40deg);
		-webkit-transform: rotate(40deg);
		-o-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(28deg);

		background: #FFF200;
		background: -moz-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
		background: -webkit-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
		background: linear-gradient(to right, #FFF200 0%, #FF8B00 100%);
		z-index: 1;
	}

	.bg-banner-index-sm.sm-landscape .cuadro img {
		position: absolute;
		max-width: 320px;
		max-height: 180px;
		margin-top: 20px;
		margin-left: 70px;
		z-index: 2;
	}

	.bg-banner-index-sm.sm-landscape .content-img {
		position: absolute;
		height: 255px;
		width: 100%;
		margin-left: 0px;
	}

	.bg-banner-index-sm.sm-landscape .carousel-item .cuadro img.cel {
		right: 80px;
		bottom: 55px;
		max-height: 135px;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon {
		border-color: #212121;
		height: 25px;
		width: 14px;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon .wheel {
		background: #212121;
		width: 2px;
		height: 2px;
		top: 15px;
	}
}

/*823------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 823px) and (orientation: landscape) {
	.bg-banner-index-sm {
		display: none;
	}

	#id-banner-dm.bg-banner-index-dm {
		display: none !important;
	}

	#id-banner-sm.bg-banner-index-sm.sm-landscape {
		display: block !important;
	}

	.bg-banner-index-sm.sm-landscape .container .row {
		margin-right: 0px;
		margin-left: 0px;
	}

	.bg-banner-index-sm.sm-landscape {
		width: 100%;
		height: 411px;
		background: #0A3756;
		background: -webkit-radial-gradient(center, #0A3756, #002A45);
		background: -moz-radial-gradient(center, #0A3756, #002A45);
		background: radial-gradient(ellipse at center, #0A3756, #002A45);

		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);

	}

	.bg-banner-index-sm.sm-landscape .row {
		width: 100%;
		height: 470px;
	}

	.bg-banner-index-sm.sm-landscape .box-t,
	.bg-banner-index-sm.sm-landscape .box-st {}

	.bg-banner-index-sm.sm-landscape h1 {
		color: #ffffff;
		font-size: 30px;
		font-weight: bold;
		font-family: 'Roboto', sans-serif !important;
		padding-bottom: 0px;
		margin-bottom: 7px;
	}

	.bg-banner-index-sm.sm-landscape h3 {
		color: #ffffff;
		font-family: 'Roboto', sans-serif !important;
		font-size: 13px;
		font-weight: lighter;
	}

	.bg-banner-index-sm.sm-landscape .carousel-control-prev {
		left: 0;
	}

	.bg-banner-index-sm .carousel-control-next {
		right: 0;
	}

	.bg-banner-index-sm.sm-landscape .cuadro {
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 100%;
		height: 70%;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .rectangulo {
		position: absolute;
		width: 608px;
		height: 908px;
		border-radius: 30px;
		margin-top: 80px;
		margin-left: -90px;

		-moz-transform: rotate(40deg);
		-webkit-transform: rotate(40deg);
		-o-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
		transform: rotate(28deg);

		background: #FFF200;
		background: -moz-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
		background: -webkit-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
		background: linear-gradient(to right, #FFF200 0%, #FF8B00 100%);
		z-index: 1;
	}

	.bg-banner-index-sm.sm-landscape .cuadro img {
		position: absolute;
		max-width: 280px;
		max-height: 150px;
		margin-top: 20px;
		margin-left: 70px;
		z-index: 2;
	}

	.bg-banner-index-sm.sm-landscape .content-img {
		position: absolute;
		height: 225px;
		width: 100%;
		margin-left: 5px;
	}

	.bg-banner-index-sm.sm-landscape .carousel-item .cuadro img.cel {
		right: 0px;
		bottom: 55px;
		max-height: 115px;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon {
		border-color: #ffffff;
		height: 25px;
		width: 14px;
		bottom: 80px;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon .wheel {
		background: #ffffff;
		width: 2px;
		height: 2px;
		top: 15px;
	}
}

/*823------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 812px) and (orientation: landscape) {
	.bg-banner-index-sm.sm-landscape {
		width: 100%;
		height: 375px;
	}

	.bg-banner-index-sm.sm-landscape .row {
		width: 100%;
		height: 400px;
	}
}

.bg-banner-index-sm.sm-landscape .mouse-icon {
	bottom: 50px;
}

/*736------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
	.bg-banner-index-sm {
		display: none;
	}

	.bg-banner-index-sm.sm-landscape {
		display: block;
	}

	.bg-banner-index-sm.sm-landscape .container .row {
		margin-right: 0px;
		margin-left: 0px;
	}

	.bg-banner-index-sm.sm-landscape {
		width: 100%;
		height: 414px;
		background: #0A3756;
	}

	.bg-banner-index-sm.sm-landscape .row {
		width: 100%;
		height: 480px;
	}

	.bg-banner-index-sm.sm-landscape .box-t,
	.bg-banner-index-sm.sm-landscape .box-st {}

	.bg-banner-index-sm.sm-landscape h1 {
		color: #ffffff;
		font-size: 30px;
		margin-left: -20px;
		font-weight: bold;
		font-family: 'Roboto', sans-serif !important;
		padding-bottom: 0px;
		margin-bottom: 7px;
	}

	.bg-banner-index-sm.sm-landscape h3 {
		margin-left: -20px;
		color: #ffffff;
		font-family: 'Roboto', sans-serif !important;
		font-size: 13px;
		font-weight: lighter;
	}

	.bg-banner-index-sm.sm-landscape .carousel-control-prev {
		left: 0;
	}

	.bg-banner-index-sm .carousel-control-next {
		right: 0;
	}

	.bg-banner-index-sm.sm-landscape .cuadro {
		position: absolute;
		right: 70px;
		bottom: 0px;
		width: 100%;
		height: 70%;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .rectangulo {
		position: absolute;
		width: 608px;
		height: 908px;
		border-radius: 25px;
		margin-top: 80px;
		margin-left: -90px;
	}

	.bg-banner-index-sm.sm-landscape .cuadro img {
		position: absolute;
		max-width: 280px;
		max-height: 150px;
		margin-top: 20px;
		margin-left: 70px;
		z-index: 2;
	}

	.bg-banner-index-sm.sm-landscape .content-img {
		position: absolute;
		height: 225px;
		width: 100%;
		margin-left: 5px;
	}

	.bg-banner-index-sm.sm-landscape .carousel-item .cuadro img.cel {
		right: -70px;
		bottom: 55px;
		max-height: 115px;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon {
		border-color: #212121;
		height: 25px;
		width: 14px;
		bottom: 90px;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon .wheel {
		background: #212121;
		width: 2px;
		height: 2px;
		top: 15px;
	}
}

/*667------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 667px) and (orientation: landscape) {

	.bg-banner-index-sm.sm-landscape {
		width: 100%;
		height: 375px;
		background: #0A3756;
	}

	.bg-banner-index-sm.sm-landscape .row {
		width: 100%;
		height: 420px;
	}

	.bg-banner-index-sm.sm-landscape .cuadro {
		position: absolute;
		right: 40px;
		bottom: 0px;
		width: 100%;
		height: 70%;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .rectangulo {
		position: absolute;
		width: 608px;
		height: 908px;
		border-radius: 25px;
		margin-top: 80px;
		margin-left: -120px;
	}

	.bg-banner-index-sm.sm-landscape .cuadro img {
		position: absolute;
		max-width: 260px;
		max-height: 140px;
		margin-top: 20px;
		margin-left: 50px;
		z-index: 2;
	}

	.bg-banner-index-sm.sm-landscape .content-img {
		position: absolute;
		height: 215px;
		width: 100%;
		margin-left: 0px;
	}

	.bg-banner-index-sm.sm-landscape .carousel-item .cuadro img.cel {
		right: -70px;
		bottom: 55px;
		max-height: 115px;
		right: -50px;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon {
		bottom: 60px;
		border-color: #212121;
		height: 25px;
		width: 14px;
		bottom: 65px;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon .wheel {
		background: #212121;
		width: 2px;
		height: 2px;
		top: 15px;
	}
}

/*640------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 640px) and (orientation: landscape) {

	.bg-banner-index-sm.sm-landscape {
		width: 100%;
		height: 360px;
		background: #0A3756;
	}

	.bg-banner-index-sm.sm-landscape .row {
		width: 100%;
		height: 420px;
	}

	.bg-banner-index-sm.sm-landscape .cuadro {
		position: absolute;
		right: 40px;
		bottom: 0px;
		width: 100%;
		height: 70%;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .rectangulo {
		position: absolute;
		width: 608px;
		height: 908px;
		border-radius: 25px;
		margin-top: 80px;
		margin-left: -120px;
	}

	.bg-banner-index-sm.sm-landscape .cuadro img {
		position: absolute;
		max-width: 260px;
		max-height: 140px;
		margin-top: 20px;
		margin-left: 50px;
		z-index: 2;
	}

	.bg-banner-index-sm.sm-landscape .content-img {
		position: absolute;
		height: 215px;
		width: 100%;
		margin-left: 0px;
	}

	.bg-banner-index-sm.sm-landscape .carousel-item .cuadro img.cel {
		right: -70px;
		bottom: 55px;
		max-height: 115px;
		right: -50px;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon {
		bottom: 78px;
		border-color: #212121;
		height: 25px;
		width: 14px;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon .wheel {
		background: #212121;
		width: 2px;
		height: 2px;
		top: 15px;
	}
}

/*568------------------------------------------------------------------------------ */
@media only screen and (max-device-width: 568px) and (orientation: landscape) {

	.bg-banner-index-sm.sm-landscape {
		width: 100%;
		height: 320px;
		background: #0A3756;
	}

	.bg-banner-index-sm.sm-landscape .row {
		width: 100%;
		height: 380px;
	}

	.bg-banner-index-sm.sm-landscape .cuadro {
		position: absolute;
		right: 40px;
		bottom: 0px;
		width: 100%;
		height: 70%;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .rectangulo {
		position: absolute;
		width: 608px;
		height: 908px;
		border-radius: 25px;
		margin-top: 80px;
		margin-left: -120px;
	}

	.bg-banner-index-sm.sm-landscape .cuadro img {
		position: absolute;
		max-width: 260px;
		max-height: 140px;
		margin-top: 20px;
		margin-left: 50px;
		z-index: 2;
	}

	.bg-banner-index-sm.sm-landscape .content-img {
		position: absolute;
		height: 215px;
		width: 100%;
		margin-left: 0px;
	}

	.bg-banner-index-sm.sm-landscape .carousel-item .cuadro img.cel {
		right: -70px;
		bottom: 55px;
		max-height: 115px;
		right: -50px;
		margin-right: ;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon {
		bottom: 73px;
		border-color: #212121;
		height: 25px;
		width: 14px;
	}

	.bg-banner-index-sm.sm-landscape .mouse-icon .wheel {
		background: #212121;
		width: 2px;
		height: 2px;
		top: 15px;
	}

	.bg-banner-index-sm.sm-landscape .carousel-control-prev {
		left: -20px;
	}

	.bg-banner-index-sm.sm-landscape .carousel-control-next {
		right: -20px;
	}
}

/*Banner-Index-Oficcial------------------------------------------------------------------------------ */
/*Banner-Index-dm------------------------------------------------------------------------------ */
.bg-banner-index-dm .container .row {
	margin-right: 0px;
	margin-left: 0px;
}

.bg-banner-index-dm {
	width: 100%;
	height: 980px;
	background: #0A3756;
	background: -webkit-radial-gradient(center, #0A3756, #002A45);
	background: -moz-radial-gradient(center, #0A3756, #002A45);
	background: radial-gradient(ellipse at center, #0A3756, #002A45);

	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);

}

.bg-banner-index-dm .row {
	width: 100%;
	height: 1024px;
}

.bg-banner-index-dm .box-t,
.bg-banner-index-dm .box-st {}

.bg-banner-index-dm h1 {
	margin-top: 50px;
	color: #ffffff;
	font-size: 50px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif !important;
	padding-bottom: ;
}

.bg-banner-index-dm h3 {
	color: #ffffff;
	font-family: 'Roboto', sans-serif !important;
	font-size: 29px;
	font-weight: lighter;
}

.bg-banner-index-dm .carousel-control-prev {
	left: 0;
}

.bg-banner-index-dm .carousel-control-next {
	right: 0;
}

.bg-banner-index-dm .cuadro {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 170%;
	margin-right: ;
}

.bg-banner-index-dm .rectangulo {
	position: absolute;
	width: 808px;
	height: 908px;
	border-radius: 40px;
	margin-top: 130px;
	margin-left: 0px;

	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(28deg);

	background: #FFF200;
	background: -moz-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
	background: -webkit-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
	background: linear-gradient(to right, #FFF200 0%, #FF8B00 100%);
	z-index: 1;
}

.bg-banner-index-dm .cuadro img {
	position: absolute;
	max-width: 540px;
	max-height: 345px;
	margin-top: 60px;
	margin-left: 83px;
	z-index: 2;

}

.bg-banner-index-dm .content-img {
	position: absolute;
	height: 380px;
	width: 100%;
}

.bg-banner-index-dm .carousel-item .cuadro img.cel {
	right: 0px;
	bottom: 0px;
	max-height: 240px;
	margin-right: 50px;
}

/* 1024 x 1366 */
@media only screen and (min-device-width : 1024px) {

	.bg-banner-index-dm {
		width: 100%;
		height: 1300px;
	}

	.bg-banner-index-dm .row {
		width: 100%;
		height: 1330px;
	}

	.bg-banner-index-dm h1 {
		margin-top: 150px;
		font-size: 70px;
	}

	.bg-banner-index-dm h3 {
		font-size: 40px;
	}

	.bg-banner-index-dm .cuadro {
		right: ;
		bottom: 0px;
		width: 100%;
		height: 170%;
		margin-right: ;
		background-color: ;
	}

	.bg-banner-index-dm .rectangulo {
		width: 1500px;
		height: 1500px;
		border-radius: 50px;
		margin-top: 200px;
		margin-left: -100px;
	}

	.bg-banner-index-dm .cuadro img {
		max-width: 1000px;
		max-height: 1000px;
		margin-top: 50px;
		margin-left: 145px;
	}

	.bg-banner-index-dm .content-img {
		position: absolute;
		height: 435px;
		width: 100%;
	}

	.bg-banner-index-dm .carousel-item .cuadro img.cel {
		right: 0px;
		bottom: 0px;
		max-height: 280px;
		margin-right: 120px;
	}
}

/*Banner-Index-Oficcial------------------------------------------------------------------------------ */
/*Banner-Index-xl------------------------------------------------------------------------------ */
.bg-banner-index-xl {
	width: 100%;
	height: 660px;
	background: #0A3756;
	background: -webkit-radial-gradient(center, #0A3756, #002A45);
	background: -moz-radial-gradient(center, #0A3756, #002A45);
	background: radial-gradient(ellipse at center, #0A3756, #002A45);

	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 94%, 0% 100%);

}

.bg-banner-index-xl .row {
	width: 100%;
	height: 720px;
}

.bg-banner-index-xl h1 {
	color: #ffffff;
	font-family: 'Roboto', sans-serif !important;
	font-size: 50px;
	font-weight: bold;
	padding-bottom: ;
}

.bg-banner-index-xl h3 {
	color: #ffffff;
	font-family: 'Roboto', sans-serif !important;
	font-size: 29px;
	font-weight: lighter;
}

.bg-banner-index-xl .carousel-control-prev {
	left: -4%;
}

.bg-banner-index-xl .carousel-control-next {
	right: -4%;
}

.bg-banner-index-xl .cuadro {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 70%;
	margin-right: ;
}

.bg-banner-index-xl .rectangulo {
	position: absolute;
	width: 808px;
	height: 908px;
	border-radius: 40px;
	margin-top: 110px;
	margin-left: -145px;

	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(35deg);

	background: #FFF200;
	background: -moz-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
	background: -webkit-linear-gradient(top, #FFF200 0%, #FF8B00 100%);
	background: linear-gradient(to right, #FFF200 0%, #FF8B00 100%);
	z-index: 1;
}

.bg-banner-index-xl .cuadro img {
	position: absolute;
	max-width: 425px;
	max-height: 245px;
	margin-top: 20px;
	margin-left: 20px;
	z-index: 2;
}

.bg-banner-index-xl .rec-animate {
	position: absolute;
	height: 100%;
}

.bg-banner-index-xl .content-img {
	position: absolute;
	height: 265px;
	width: 100%;
}

.bg-banner-index-xl .carousel-item .cuadro img.cel {
	right: 0px;
	bottom: 0px;
	max-height: 184px;
}



/* Media Querys */
/* 1440 x 900 */
@media only screen and (min-device-width : 1440px) {
	.bg-banner-index-xl .rectangulo {
		width: 808px;
		height: 908px;
		border-radius: 40px;
		margin-top: 110px;
		margin-left: 0px;
	}

	.bg-banner-index-xl .cuadro img {
		max-width: 425px;
		max-height: 245px;
		margin-top: 20px;
		margin-left: 150px;
	}

	.carousel-item .cuadro img.cel {
		margin-right: -120px;
	}
}

/* 1680 x 970 */
@media only screen and (min-device-width : 1680px) {
	.bg-banner-index-xl .bg-banner-index h1 {
		font-size: 56px;
	}

	.bg-banner-index-xl .bg-banner-index h3 {
		font-size: 33px;
	}

	.bg-banner-index-xl .rectangulo {
		width: 808px;
		height: 908px;
		border-radius: 40px;
		margin-top: 110px;
		margin-left: 0px;
	}

	.bg-banner-index-xl .cuadro img {
		max-width: 475px;
		max-height: 265px;
		margin-top: 20px;
		margin-left: 150px;

	}

	.bg-banner-index-xl .content-img {
		position: absolute;
		height: 285px;
		width: 100%;
	}

	.bg-banner-index-xl .carousel-item .cuadro img.cel {
		margin-right: -150px;
	}

}

/* 1980 x 1080 */
@media only screen and (min-device-width : 1920px) {
	.bg-banner-index-xl .bg-banner-index h1 {
		font-size: 56px;
	}

	.bg-banner-index-xl .bg-banner-index h3 {
		font-size: 33px;
	}

	.bg-banner-index-xl .rectangulo {
		width: 808px;
		height: 908px;
		border-radius: 40px;
		margin-top: 100px;
		margin-left: 0px;
	}

	.bg-banner-index-xl .cuadro img {
		max-width: 475px;
		max-height: 265px;
		margin-top: 20px;
		margin-left: 150px;

	}
}





.bg-banner-index-xl .box-t,
.bg-banner-index-xl .box-st {
	clip-path: ;
}

.cd-headline {
	font-size: 0rem !important;
}

.rectangulo.animate-r {
	animation-name: fade-in;
	animation-duration: 2s;
	animation-timing-function: ease-in;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
}

.img-pc.animate-pc {
	animation-name: fade-inn;
	animation-duration: 4s;
	animation-timing-function: ease-in;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: none;
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade-inn {
	0% {
		opacity: 0;
	}

	30% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.p-animate {}

.rec-animate.animate__animated.animate__slideInUp {
	animation-delay: 1s;
}

.img-pc.animate__animated.animate__fadeInRight {
	animation-delay: 2s;
}