#top-bar{
	background: #5c4c97 !important;
	color: white !important;
}

#top-bar a {
	color: white !important;
}

#top-bar .menu > li > a, #top-bar .menu > li.parent:after {
	color: white !important;
}

.sticky-wrapper {
	background: rgb(118,102,198);
	background: linear-gradient(0deg, rgba(118,102,198,1) 0%, rgba(92,76,151,1) 100%);
}

nav .menu > li.menu-item > a, #menubar-controls a, nav.search-nav .menu>li>a {
	color: white;
	font-weight: bold;
}

#footer {
	background: rgb(118,102,198);
	background: linear-gradient(180deg, rgba(118,102,198,1) 0%, rgba(92,76,151,1) 100%);
}

.sf-button.standard.gold.sf-icon-reveal {
	background: rgb(118,102,198);
	background: linear-gradient(0deg, rgba(118,102,198,1) 0%, rgba(92,76,151,1) 100%);
	border-radius: 10px;
}

body{
	font-family: 'Open Sans', sans-serif !important;
}

.seccionrosa h2 {
	color: #5c4c97;
	font-weight: 800;
	font-size: 44px;
	text-transform: uppercase;
	/*border-bottom: 2px solid #5c4c97;*/
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
	line-height: 1em;
}

.seccionrosa {
	background-color: transparent;
	height: auto;
}

.marca{
	padding: 10px;
}

.video{
	aspect-ratio: 16 / 9;
	display: inline-block;
}

.video1{
	width: 39%;
	margin-right: 5%;
	margin-left: 5%; 
}

.video3{
	width: 39%;
	margin-left: 10%;
}

.video_center{
	width: 100%;
	position: absolute;
	top: -30px;
	margin: auto;
}

.video2{
	width: 50%;
	margin: auto;
	position: relative;
	display: inherit;
}

.container-videos{
	margin-top: 50px;
	margin-bottom: 100px;
}

.mobile-menu-show{
	color: white;
}

.mega-menu-responsive {
	background: #5c4c97;
}


ul.social-icons2 li:not(.sf-love) a {
	display: inline-block;
	padding: 10px;
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
	overflow: hidden;
	position: relative;
	text-align: center;
	transition: all 0.35s;
}

ul.social-icons2 li a:hover i {
	top: -61px;
}

.scroll-contact{
	width: 100%;
	height: 150px;
	overflow: auto;
	border: 1px solid #efefef;
	border-radius: 10px;
	padding: 10px;
}

.list-footer li{
	display: inline-block;
	margin-right: 10px
}

@media (max-width: 640px) {
	
	.video1, .video3{
		display: none
	}
	
	.video_center{
		position: relative;	
	}
	
	.video2{
		width: 80%;
	}
	
	.container-videos{
		margin-bottom: 0;	
	}
	
}