/*
Theme Name: Flumotion
Theme URI: http://www.flumotion.com
Author: Jordi Cuenca Martín
Author URI: http://jcestudio.com/
Description: Plantilla desarrollada en exclusiva para Flumotion. Esta plantilla es completamente responive y está realizada en HTML5, CSS3 y utiliza como base de maquetación Bootstrap (v.3.2).
Version: 1.0
*/

/* @group Globals ========================================= */
/* @group Tipography -------------------------------------- */

	@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

	@font-face {
	    font-family: 'GothamBold';
	    src: url('fonts/gotham-bold-webfont.eot');
	    src: url('fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/gotham-bold-webfont.woff') format('woff'),
	         url('fonts/gotham-bold-webfont.ttf') format('truetype'),
	         url('fonts/gotham-bold-webfont.svg#GothamBold') format('svg');
	    font-weight: normal;
	    font-style: normal }
	
	@font-face {
	    font-family: 'GothamMedium';
	    src: url('fonts/gotham-medium-webfont.eot');
	    src: url('fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/gotham-medium-webfont.woff') format('woff'),
	         url('fonts/gotham-medium-webfont.ttf') format('truetype'),
	         url('fonts/gotham-medium-webfont.svg#GothamMedium') format('svg');
	    font-weight: normal;
	    font-style: normal }
	
	@font-face {
	    font-family: 'GothamBook';
	    src: url('fonts/gotham-book-webfont.eot');
	    src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/gotham-book-webfont.woff') format('woff'),
	         url('fonts/gotham-book-webfont.ttf') format('truetype'),
	         url('fonts/gotham-book-webfont.svg#GothamBook') format('svg');
	    font-weight: normal;
	    font-style: normal }
	
	@font-face {
	    font-family: 'GothamLight';
	    src: url('fonts/gotham-light-webfont.eot');
	    src: url('fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('fonts/gotham-light-webfont.woff') format('woff'),
	         url('fonts/gotham-light-webfont.ttf') format('truetype'),
	         url('fonts/gotham-light-webfont.svg#GothamLight') format('svg');
	    font-weight: normal;
	    font-style: normal }
        
    
/* @end */


/* @group Layout ------------------------------------------ */
	
	* {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale }
	
	html, body {
		width: 100%;
		padding: 0;
		margin: 0;
		color: #000;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; }
	
	body {
		overflow-x: hidden;
		width: 100%;
		height: 100%;
		background-color: #fff }
	
	strong {
		font-weight: normal;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.container-fluid {
		margin: 0 auto;
		max-width: 1200px }
	
	.container-back {
		padding: 0 0 60px 0;
		text-align: center }
	
	.inbound-cta-container {
		display: block!important } /* CTA Bug */
	
	a,button {
		color: #000;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	a:hover {
		color: #000 }
	
	a:active {
		text-decoration: none;
		color: #000 }
	
	img.responsive {
		max-width: 100%;
		height: auto!important }
	
	a:hover, 
	a:active,
	a:checked {
		text-decoration: none }
	
	.text-green  { color: #1e9bab }
	.text-blue 	 { color: #2072b6 }
	.text-purple { color: #931f80 }
	.text-pink 	 { color: #e21c73 }
	.text-yellow { color: #f6b141 }
	.text-orange { color: #fd4d00 }
	
	.button {
		margin: 10px auto 20px;
		max-width: 1200px;
		float: left;
		padding: 5px 10px;
		border: 2px solid #ccc;
		border-radius: 3px;
		background-color: #fff;
		font-size: 12px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.button:hover,
	.button:focus,
	.button:active,
	.button:after {
		text-decoration: none;
		background-color: #ccc }
	
	.button.pink {
		color: #e21c73 }
		
	.button.green {
		color: #1e9bab }
	
	.button.white {
		color: #fff;
		background-color: rgba(255, 255, 255, .15) }
	
	.button.gray {
		background-color: rgba(0, 0, 0, .15) }
	
	.button.white:hover {
		color: #882386;
		border-color: #fff;
		background-color: #fff }
	
	.button.pink:hover {
		color: #fff;
		border-color: #e21c73;
		background-color: #e21c73 }

	.button.green:hover {
		color: #fff;
		border-color: #1e9bab;
		background-color: #1e9bab }
	
	.button.big {
		letter-spacing: -1px;
		font-size: 18px;
		padding: 12px 20px;
		text-shadow: none;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.button.big.arrow {
		padding-right: 75px;
		background-repeat: no-repeat;
		background-position: top right;
		background-image: url('img/arrow_white-green.png') }

	.button.big.arrow:hover {
		background-position: bottom right }
	
	
	.button.big.green {
		color: #1e9bab;
		background-color: #fff;
		background-position: right bottom;
		border-color: #1e9bab }
	
	.button.big.green:hover {
		color: #fff;
		background-color: #1e9bab;
		background-position: right top }
	
	table {
		margin: 60px 0;
		width: 100%; }
	
	table h4 {
		margin: 0;
	}
	
	table tr td {
		padding: 1px;
		min-width: 150px;
	}
        
        .clear{clear:both;}
	
	@media (min-width: 769px)
	{
		body {
			position: relative!important;
			left: 0!important }
	}
	
	@media (max-width: 768px) 
	{
		body {
			margin-top: 16px; }
		
	}
	
/* @end */
/* @group Header ------------------------------------------ */

	header.global_header {
		width: 100%;
		padding: 20px 0;
		background-color: #000 }
	
	header.global_header .logotype {
		float: left }
	
	header.global_header .logotype img {
		width: 170px;
		height: 18px }
        
        .menu-selector-de-idioma-container, 
        .menu-language-selector-container{ 
            max-width: 30%; float:right; margin: 0 10px 0 0
        }
        
        .telef{ max-width: 30%; float:right; color:#c1c1c1;}
	
	@media (max-width: 768px)
	{
		header.global_header {
			position: fixed;
			z-index: 9999;
			width: 100%;
			top: 0
 		}	
	}
	
/* @end */
/* @group Graphics ---------------------------------------- */
	
	.products-graphic {
		margin: 60px auto 0 auto;
		width: 1020px }
	
	.products-graphic .block-circle {
		float: left;
		margin: 78px 0;
		width: 160px;
		height: 80px;
		border: 5px solid #000;
		-webkit-border-radius: 200px;
		-moz-border-radius: 200px;
		border-radius: 200px }
	
	.products-graphic .block {
		float: left;
		padding: 16px 0;
		margin: 78px 0;
		width: 200px;
		height: 80px;
		border: 5px solid #000 }

	.products-graphic .block-separator {
		float: left;
		margin: 0 3px 0 0;
		width: 22px;
		height: 240px;
		background: url('img/graphic-separator.png') no-repeat center }

	.products-graphic .block-separator.yellow {
		background-image: url('img/graphic-separator-yellow.png') }

	.products-graphic .block-separator.green {
		background-image: url('img/graphic-separator-green.png') }

	.products-graphic .block-separator.pink {
		background-image: url('img/graphic-separator-pink.png') }

	.products-graphic .block-text {
		text-transform: uppercase;		
		font-family: "GothamMedium","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif }
	
	.products-graphic #block-1 {
		background: url('img/graphic-satelit.png') no-repeat 25px 15px }
	
	.products-graphic #block-1 .block-text {
		text-align: center;
		line-height: 100%;
		margin: 14px 0 0 45px }
	
	.products-graphic #block-2 {
		color: #f6b141;
		border-color: #f6b141 }
	
	.products-graphic #block-2:hover {
		color: #fff;
		background-color: #f6b141 }

	.products-graphic #block-3 {
		margin: 0;
		height: 240px;
		color: #1e9bab;
		border-color: #1e9bab }

	.products-graphic #block-3 ul {
		padding: 0;
		margin: 10px 0 0 0;
		list-style: none;
		color: #000;
		font-size: 12px }

	.products-graphic #block-3:hover {
		color: #fff;
		background-color: #1e9bab }
		
	.products-graphic #block-3 ul li {
		margin-bottom: 2px }
	
	.products-graphic #block-4 {
		color: #e21c73;
		border-color: #e21c73 }
		
	.products-graphic #block-4:hover {
		color: #fff;
		background-color: #e21c73 }

	.products-graphic #block-5 {
		background: url('img/graphic-display.png') no-repeat center }

	@media (max-width: 768px) 
	{	
		.products-graphic { 
			display: none!important }
	}

/* @end */
/* @group Bug ============================================= */

	#bug-content {
		position: absolute;
		z-index: 10;
		right: 0;
		top: 620px;
		width: 150px }
	
	#bug-content > div {
		margin-bottom: 1px }
		
	#bug-content .bug-link {
		display: block;
		margin: 0 10px ;
		padding: 5px 0;
		text-align: center;
		color: #fff;
		background: url('img/info-tag-separator.png') repeat-x top }
	
	#bug-content .bug-blog .bug-link {
		background: none }
	
	#bug-content .bug-info {
		padding: 10px 0 0 0;
		background: url('img/bug-blue-background.png') }

	#bug-content .bug-blog {
		background: url('img/bug-pink-background.png') }
	
	#bug-content .bug-info ul {
		display: block!important;
		margin: 0 10px 10px 10px;
		padding: 0;
		height: 26px;
		text-align: center }
	
	#bug-content .bug-info ul li {
		display: inline-block;
		margin: 0 0 0 2px }
	
	#bug-content .bug-info ul li a {
		display: block;
		width: 26px;
		height: 26px;
		overflow: hidden;
		text-align: left;
		text-indent: -9999px;
		background: url('http://cdn2.hubspot.net/hub/313203/file-801401795-png/Layout/images/info-tag-icons.png') }
	
	#bug-content a:hover {
		color: rgba(255, 255, 255, .5)!important }
	
	#bug-content .bug-info ul li.facebook a 			{ background-position: 0px 0px }
	#bug-content .bug-info ul li.twitter a 			{ background-position: -26px 0px }
	#bug-content .bug-info ul li.linkedin a 			{ background-position: -52px 0px }
	#bug-content .bug-info ul li.facebook a:hover 	{ background-position: 0px -26px }
	#bug-content .bug-info ul li.twitter a:hover 	{ background-position: -26px -26px }
	#bug-content .bug-info ul li.linkedin a:hover 	{ background-position: -52px -26px }
	
	@media (max-width: 768px) 
	{
		#bug-content { 
			display: none!important }
	}
	
	
/* @end */

/* @group Bug Footer ============================================= */

	
	footer .bug-info ul {
		display: block!important;
		margin:20px 0 0 0 !important;
		padding: 0;
		height: 26px;
		text-align: left; }
	
	footer .bug-info ul li {
		display: inline-block;
		margin: 0 0 0 2px }
	
	footer .bug-info ul li a {
		display: block;
		width: 26px;
		height: 26px;
		overflow: hidden;
		text-align: left;
		text-indent: -9999px;
		background: url('http://cdn2.hubspot.net/hub/313203/file-801401795-png/Layout/images/info-tag-icons.png') }
	
	footert a:hover {
		color: rgba(255, 255, 255, .5)!important }
	
	footer .bug-info ul li.facebook a 			{ background-position: 0px 0px }
	footer .bug-info ul li.twitter a 			{ background-position: -26px 0px }
	footer .bug-info ul li.linkedin a 			{ background-position: -52px 0px }
	footer .bug-info ul li.facebook a:hover 	{ background-position: 0px -26px }
	footer .bug-info ul li.twitter a:hover 	{ background-position: -26px -26px }
	footer .bug-info ul li.linkedin a:hover 	{ background-position: -52px -26px }
	
	
	
/* @end */



/* @end */
/* @group Menus =========================================== */
/* @group Languages --------------------------------------- */
	
	nav.menu-language {
		padding: 5px 0;
		text-align: right;
		background-color: #222 }
	
	nav.menu-language ul {
		padding: 0;
		margin: 0 }
	
	nav.menu-language ul li {
		display: inline-block;
		margin: 0 0 0 10px;
		list-style: none }
	
	nav.menu-language ul li a {
		color: #666;
		font-size: 12px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	nav.menu-language ul li a:hover {
		color: #fff }
	
/* @end */
/* @group Navegation -------------------------------------- */
	
	nav.menu-navegation {
		float: right }

	nav.menu-navegation ul {
		padding: 1px 0 0 0;
		margin: 0 }

	nav.menu-navegation ul li {
		list-style: none }
	
	nav.menu-navegation ul li a {
		font-size: 15px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	nav.menu-navegation ul li a:hover {
		color: #666 }
	
	nav.menu-navegation > div > ul > li {
		display: inline-block;
		margin-left: 10px }
	
	nav.menu-navegation > div > ul > li > a {
		color: #fff }
	
	nav.menu-navegation li.current_page_item > a,
	nav.menu-navegation li.current_page_parent > a,
	nav.menu-navegation li.current-page-ancestor > a {
		color: #e21c73!important }
	
	nav.menu-navegation > div > ul > li > ul {
		position: absolute;
		z-index: 999;
		display: none }
	
	nav.menu-navegation > div > ul > li > ul > li {
		margin-bottom: 1px }
	
	nav.menu-navegation > div > ul > li > ul > li > a {
		display: block;
		padding: 8px 32px 8px 8px;
		color: #fff;
		font-size: 14px;
		background-color: rgba(0,0,0,.8);
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }

/* @end */
/* @group Free Trial -------------------------------------- */

	nav.free-trial {
		float: right }
	
	nav.free-trial ul {
		padding: 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #333 }
	
	nav.free-trial ul li {
		padding: 0 20px 0 0;
		margin: 0;
		list-style: none }
	
	nav.free-trial ul li a {
		display: block;
		padding: 2px 6px;
		color: #fff;
		font-size: 12px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		border: 1px solid #333;
		border-radius: 2px }
	
	nav.free-trial ul li a:hover {
		color: #1e9bab;
		background-color: #fff;
		border-color: #fff }
	
	@media (max-width: 768px) 
	{
		nav.free-trial ul {
			border: none }
		
		nav.free-trial ul li {
			padding-right: 10px }
	}
	
	@media (max-width: 380px) 
	{
		nav.free-trial {
			display: none }
	}
	
/* @end */
/* @group Mobile Navegation ------------------------------- */

	button.mobile-navegation-toggle {
		float: right;
		padding: 0;
		margin: 0;
		width: 22px;
		height: 22px;
		border: none;
		background: none; }
		
	button.mobile-navegation-toggle span {
		display: block;
		margin: 5px 0;
		width: 100%;
		height: 2px;
		background-color: #fff }
	
	button.mobile-navegation-toggle span.first {
		margin-top: 0 }
	
	button.mobile-navegation-toggle span.last {
		margin-bottom: 0 }

	nav.mobile-navegation {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		z-index: -1;
		height: 100%;
		width: 250px;
		overflow-y: auto;
		box-shadow: inset 2px 0 10px #111;
		background-color: #2a2a2a }
	
	nav.mobile-navegation ul {
		padding: 0;
		margin: 0 }
	
	nav.mobile-navegation ul li {
		padding: 0;
		margin: 0;
		list-style: none;
		border-top: 1px solid rgba(255,255,255,0.10) }
	
	nav.mobile-navegation ul li a {
		display: block;
		padding: 10px 0 10px 15px;
		color: #fff;
		font-size: 14px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	nav.mobile-navegation ul li a:hover,
	nav.mobile-navegation ul li a:active,
	nav.mobile-navegation ul li a:focus {
		background-color: rgba(255,255,255,0.05) }

	nav.mobile-navegation ul li a:after {
		background-color: none }
	
	nav.mobile-navegation ul li ul {
		display: none }
	
	nav.mobile-navegation ul li ul li a {
		color: #999 }
		
	nav.mobile-navegation .menu-navegation {
		border-bottom: 1px solid rgba(255,255,255,0.10) }
	
	nav.mobile-navegation .menu-language ul {
		position: fixed;
		bottom: 0;
		width: 250px }
	
	nav.mobile-navegation .menu-language ul li a {
		padding: 5px 10px;
		font-size: 12px;
		color: #888 }
	
	nav.mobile-navegation .logotype {
		display: block;
		overflow: hidden;
		width: 37px;
		margin: 21px 0 21px 15px }	

/* @end */
/* @group Responsive displays ----------------------------- */

	@media (min-width: 769px) 
	{	
		nav.mobile-navegation,
		button.mobile-navegation-toggle {
			display: none!important }
	}
	
	@media (max-width: 768px) 
	{
		nav.menu-language,
		nav.menu-navegation {
			display: none!important }
	}

/* @end */
/* @end */
/* @group Homepage ======================================== */
/* @group Carousel ---------------------------------------- */
	
	.carousel-inner {
		height: 320px;
		overflow: hidden }
	
	.carousel-inner > .item > img, 
	.carousel-inner > .item > a > img {
		height: auto;
		min-height: 500px;
		width: 100%;
		min-width: 1400px!important;
		margin: auto }

	.carousel-caption {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center !important;
	 }
	
	.carousel-caption h3 {

		margin-top: 10px;
		margin-bottom: 20px;
		letter-spacing: -3px;
		text-shadow: none;
		font-size: 50px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		text-align: left;
		max-width: 850px;
		 }
		
	
	.carousel-caption p {
		bottom: 100px;
		margin: 0 auto;
		max-width: 1200px;
		text-shadow: none;
		letter-spacing: -1px;
		font-size: 22px;
		text-align: left; }
	
	.carousel-caption .button {
		margin-top: 30px;text-align: left; }

        .carousel-indicators {
                    bottom: 0 !important;
          }
  	.carousel-inner {
	    width: 100%;
	    overflow: hidden;
	    position: absolute;
	    top: 55px;
	}
                 
	@media (max-width: 768px) 
	{	
		.carousel-inner {
			height: 500px; top: 40px; }
		
		.carousel-caption {
			padding-left: 20px;
			padding-right: 20px }
		
		.carousel-caption h3 {
			letter-spacing: -1px;
			font-size: 20px }
		
		.carousel-caption p {
			letter-spacing: 0;
			font-size: 16px }
		
		.carousel-caption .button {
			margin-top: 30px }
		
                
	}
	
	@media (max-width:375px) 
	{	
	.carousel-inner {
			height: 500px; top: 30px; }
	
	}
	
/* @end */
/* @group Sections ---------------------------------------- */

	.content-home section {
		padding: 40px 0 60px 0;
		text-align: center;
		border-bottom: 1px solid #ddd;
		background-color: #fff;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover }
	
	.content-home section h2 {
		margin: 0 auto 40px auto;
		width: 60%;
		color: #1e9bab;
		font-size: 36px;
		letter-spacing: -3px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-home section h3 {
		margin: 30px 0;
		color: #666;
		letter-spacing: -1px;
		font-weight: 200 }
	
	.content-home section h4 {
		margin: 0 auto;
		color: #666;
		font-size: 22px;
		max-width: 940px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-home section .image-grill a {
		display: block }
		
	.content-home section .image-grill a:hover {
		opacity: 0.6 }
	
	.content-home section .image-grill img {
		display: block;
		max-width: 100%;
		margin: 0 auto 20px auto }
        
        
        /* Section 1 ------------------------------------------- */

            .content-home .section-1 .image-grill{
               max-width:700px;
               margin:0 auto;
            }
        
            .content-home .section-1 .image-grill-item {
                  margin:10px 0;
                  width: 25%;
                  
            }

            .content-home .section-1 .image-grill-item img {
		width: 100%;
              
                    
            }
            
            .content-home .section-1 a h5 {
		font-size: 16px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
            
        
        
	/* Section 2 ------------------------------------------- */
		
	.content-home .section-2 .image-grill img {
		width: 80% }
	
	.content-home .section-2 a h5 {
		font-size: 16px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-home .section-2 .item-1 a h5 { color: #1e9bab }
	.content-home .section-2 .item-2 a h5 { color: #2072b6 }
	.content-home .section-2 .item-3 a h5 { color: #931f80 }
	.content-home .section-2 .item-4 a h5 { color: #f6b141 }
	.content-home .section-2 .item-5 a h5 { color: #e21c73 }
	.content-home .section-2 .item-6 a h5 { color: #fd4d00 }
	
	.content-home .section-1 { 
/*		background-image: url('img/section-2-background.jpg') ;*/
                background-color: #ffffff;
        }
        
        @media (max-width: 768px) 
        {
            .content-home .section-1 .image-grill-item {
                  margin:10px auto 25px auto;                
                  width: 60%;
                  
            }
            
        }

        
	/* Section 3 ------------------------------------------- */
        
        .content-home .section-2{
            background-color: #f1f1f1;
        }
	
	.content-home .section-3 h2 {
		margin-bottom: 20px }
	
	.content-home .section-3 h3 {
		color: #fff }
	
	.content-home .section-3 h4 {
		color: #999;
		padding-top: 10px;
		margin-bottom: 30px;
		background: url('img/block-section-separator-white.png') top center no-repeat }

	.content-home .section-3 a h5 {
		font-size: 20px;
		letter-spacing: -1px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }

	.content-home .section-3 .item-1 a h5 { color: #1e9bab }
	.content-home .section-3 .item-2 a h5 { color: #2072b6 }
	.content-home .section-3 .item-3 a h5 { color: #931f80 }
	.content-home .section-3 .item-4 a h5 { color: #e21c73 }
	.content-home .section-3 .item-5 a h5 { color: #f6b141 }

	.content-home .section-3 .image-grill-item {
		width: 20%;
		margin: 0;
		border-left: 1px solid rgba(255, 255, 255, .2) }
	
	.content-home .section-3 .item-1 {
		border-left: none }

	.content-home .section-3 .image-description {
		color: rgba(255, 255, 255, .75);
		font-weight: 400;
		font-size: 13px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-home .section-3 { 
		/*background-image: url('img/section-3-background.jpg');*/
                background-color: #ffffff;
        }
	
	/* Section 4 ------------------------------------------- */
	
	.content-home .section-4 {
		background-color: #f1f1f1 }
	
	.content-home .section-4 img {
		max-width: 80%!important }

	@media (max-width: 768px) 
	{		
		.content-home section {
			padding: 40px 20px }
		
		.content-home section h2 {
			width: 100%;
			margin-bottom: 30px;
			letter-spacing: -2px;
			font-size: 36px }
		
		.content-home section h4 {
			font-size: 18px }
		
		.content-home .section-2 .image-grill-item {
			width: 50%;
			float: left;
			margin-bottom: 30px }
			
		.content-home .section-2 .image-grill-item h5 {
			display: none }
		
		.content-home .section-2 .image-grill img {
			width: auto!important }
		
		.content-home .section-3 .image-grill-item {
			padding: 30px 0;
			border-top: 1px solid rgba(255, 255, 255, .2)!important;
			width: 100%;
			height: auto!important;
			border: none }
		
		.content-home .section-3 .image-grill-item .image-description {
			display: none }
		
		.content-home .section-4 .image-grill-item {
			width: 50%;
			float: left }
	}
	
/* @end */
/* @group Section blog ------------------------------------ */
	
	.content-home .section-blog {
		padding: 0;
		margin-bottom: -1px;
                background-color: #000000 !important;
        }
        
        .content-home .section-blog h2{
            padding: 20px 0;
            margin: 0 auto 0 auto;
            color:#ffffff;
        }
		
	.content-home .section-blog .container-fluid {
		max-width: 100% }
	
	.content-home .section-blog article {
		float: left;
		width: 33.3333333%;
		height: 350px;
		overflow: hidden!important;
		background-color: #000 }
	
	.content-home .section-blog article h1 {
		margin: 0;
		color: #fff;
		line-height: 130%;
		letter-spacing: -2px;
		font-size: 26px }
	
	.content-home .section-blog article a {
		position: absolute;
		z-index: 1;
		display: block;
		height: 350px;
		width: 33.3% }
	
	.content-home .section-blog article .frame {
		display: block;
		padding: 30px;
		margin: 30px;
		height: 290px;
		border: 10px solid #fff }
		
	.content-home .section-blog article img {
		width: auto;
		min-width: 100%;
		height: 350px;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease;
		opacity: 0.2 }

	.content-home .section-blog article:hover img {
		opacity: 0.6 }

	@media (max-width: 768px)
	{
		.content-home .section-blog article {
			width: 100% }
		
		.content-home .section-blog article a {
			width: 100% }
		
		.content-home .section-blog article h1 {
			font-size: 22px;
			letter-spacing: -1px }
	}
	
/* @end */
/* @end */
/* @group Content ========================================= */
/* @group Layout ------------------------------------------ */

	.content .heading {
		padding: 40px 20px 20px 20px;
		text-align: center;
		background-color: #f1f1f1 }
	
	.content .heading h1, .content .heading .heading_h1 {
		margin: 0 0 60px 0;
		letter-spacing: -4px;
		font-size: 60px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content .heading h2 {
		margin: 0 auto;
		max-width: 860px;
		color: #666;
		letter-spacing: -1px;
		line-height: 130%;
		font-size: 26px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content {
		background-color: #fff;
	}

	@media (max-width: 768px)
	{	
		.content .heading {
			padding: 30px 20px!important }
	
		.content .heading h1, .content .heading .heading_h1  {
			font-size: 38px;
			letter-spacing: -3px;
			margin-bottom: 30px }
	
		.content .heading h2 {
			font-size: 20px }
	}

/* @end */
/* @end */
/* @group Templates ======================================= */
/* @group Products ---------------------------------------- */

	.content-products .container-fluid {
		max-width: 960px }

	.content-products .content-body h2 {
		margin: 0 0 60px 0;
		padding: 40px 0;
		color: #fff;
		text-align: center;
		letter-spacing: -2px;
		font-size: 42px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-products .content-body h3 {
		padding: 50px 0 0 0;
		margin: 0 0 60px 0;
		letter-spacing: -1px;
		text-align: center;
		border-top: 1px solid #ddd;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-products .content-body .children-1 h3 {
		border: none;
		padding: 0 }
	
	.content-products .content-body img {
		max-width: 100%;
		height: auto;
		margin-bottom: 60px }
	
	.content-products .content-body section {
		margin-bottom: 60px }
	
	.content-products .content-body .section-1 h2 { background-color: #f6b141 }
	.content-products .content-body .section-2 h2 { background-color: #1e9bab }
	.content-products .content-body .section-3 h2 { background-color: #e21c73 }
	.content-products .content-body .section-1 h3 { color: #f6b141 }
	.content-products .content-body .section-2 h3 { color: #1e9bab }
	.content-products .content-body .section-3 h3 { color: #e21c73 }
	
	/* Section 1 */
	
	.content-products .content-body .section-1 p {
		margin: 0 0 20px 0;
		color: #666;
		letter-spacing: -1px;
		text-align: center;
		font-size: 20px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-products .content-body .section-1 .section-content-parent {
		text-align: center }
	
	.content-products .content-body .section-1 .section-content-parent h4 {
		margin: 30px 0 0 0;
		padding: 30px 0 30px 0;
		border-top: 1px solid #ddd;
		color: #f6b141;
		font-size: 14px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-products .content-body .section-1 .section-content-parent ul {
		padding: 0 }
	
	.content-products .content-body .section-1 .section-content-parent ul li {
		margin: 0 0 4px 0;
		padding: 4px 8px;
		display: inline-block;
		list-style: none;
		background-color: #f1f1f1;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		border: 1px solid #ddd;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px }
	
	/* Section 2 */
	
	.content-products .content-body .section-2 .children-1 ul {
		padding: 0;
		float: left;
		width: 100%;
		margin-bottom: 60px }
	
	.content-products .content-body .section-2 .children-1 ul li {
		float: left;
		padding: 0 15px;
		width: 25%;
		list-style: none;
		color: #666;
		line-height: 140%;
		text-align: center;
		font-size: 14px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-products .content-body .section-2 .children-2 .children-content ul,
	.content-products .content-body .section-2 .children-3 .children-content ul {
		float: left;
		margin: 0 0 60px 0;
		padding: 0;
		width: 33%;
		text-align: center }
	
	.content-products .content-body .section-2 .children-2 .children-content ul li,
	.content-products .content-body .section-2 .children-3 .children-content ul li {
		padding: 0 15px;
		list-style: none;
		font-size: 14px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-products .content-body .section-2 .children-2 .children-content ul li img,
	.content-products .content-body .section-2 .children-3 .children-content ul li img {
		margin-bottom: 30px }
	
	.content-products .content-body .section-2 .children-4 ul {
		float: left;
		padding: 0;
		width: 100%;
		margin-bottom: 60px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
		
	.content-products .content-body .section-2 .children-4 ul li {
		float: left;
		padding: 0 15px 0;
		list-style: none;
		width: 33%;
		text-align: center }
	
	.content-products .content-body .section-2 .children-5 p,
	.content-products .content-body .section-2 .children-6 p {
		text-align: center;
		margin-bottom: 60px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-products .content-body .section-2 .children-5 img,
	.content-products .content-body .section-2 .children-6 img {
		margin-bottom: 0!important }
	
	/* Section 3 */
	
	.content-products .content-body .section-3 ul li {
		float: left;
		padding: 0 15px;
		list-style: none;
		width: 25%;
		text-align: center;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }


	@media (max-width: 768px)
	{	
		.content-products .content-body h2 {
			padding: 20px;
			font-size: 26px }
		
		.content-products ul,
		.content-products ul li {
			padding: 0!important;
			float: none!important;
			width: 100%!important;
			margin-bottom: 30px }
	}

/* @end */
/* @group Solutions --------------------------------------- */
	
	.content-solutions {
		margin-bottom: 0 }

.content-solutions section article {
		padding: 60px 0;
		border-top: 1px solid #ddd  }
	
	.content-solutions section article h2 {
		margin: 0 0 20px 0;
		letter-spacing: -2px;
		font-size: 32px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-solutions section article a {
		float: left;
		margin: 20px 0 0 0;
		padding: 6px 12px;
		border: 2px solid #333;
		border-radius: 4px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-solutions section article .article-content {
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-solutions section article .container-fluid {
		max-width: 800px;
		min-height: 160px;
		padding: 0 0 0 20%;
		background-repeat: no-repeat;
		background-position: left top }
	
	.content-solutions section .article-1 .container-fluid { background-image: url('img/solution-icon-live.png') }
	.content-solutions section .article-2 .container-fluid { background-image: url('img/solution-icon-medios.png') }
	.content-solutions section .article-3 .container-fluid { background-image: url('img/solution-icon-corporate.png') }
	.content-solutions section .article-4 .container-fluid { background-image: url('img/solution-icon-marketing.png') }
	.content-solutions section .article-5 .container-fluid { background-image: url('img/solution-icon-audio.png') }
	.content-solutions section .article-6 .container-fluid { background-image: url('img/solution-icon-elearning.png') }
	
	.content-solutions section .article-1 h2 { color: #1e9bab }
	.content-solutions section .article-2 h2 { color: #2072b6 }
	.content-solutions section .article-3 h2 { color: #931f80 }
	.content-solutions section .article-4 h2 { color: #f6b141 }
	.content-solutions section .article-5 h2 { color: #e21c73 }
	.content-solutions section .article-6 h2 { color: #fd4d00 }

	.content-solutions section .article-1 a { color: #1e9bab; border-color: #1e9bab }
	.content-solutions section .article-2 a { color: #2072b6; border-color: #2072b6 }
	.content-solutions section .article-3 a { color: #931f80; border-color: #931f80 }
	.content-solutions section .article-4 a { color: #f6b141; border-color: #f6b141 }
	.content-solutions section .article-5 a { color: #e21c73; border-color: #e21c73 }
	.content-solutions section .article-6 a { color: #fd4d00; border-color: #fd4d00 }

	.content-solutions section .article-1 a:hover { color: #fff; background-color: #1e9bab }
	.content-solutions section .article-2 a:hover { color: #fff; background-color: #2072b6 }
	.content-solutions section .article-3 a:hover { color: #fff; background-color: #931f80 }
	.content-solutions section .article-4 a:hover { color: #fff; background-color: #f6b141 }
	.content-solutions section .article-5 a:hover { color: #fff; background-color: #e21c73 }
	.content-solutions section .article-6 a:hover { color: #fff; background-color: #fd4d00 }

	@media (max-width: 768px)
	{	
		.content-solutions section article .container-fluid {
			background: none!important;
			text-align: center;
			padding: 0 20px;
		}
	}

	/* Children */
	
	.content-solutions-children#content_38 .heading,
	.content-solutions-children#content_50 .heading,       
	{ background-image: url('img/head_eventos-en-vivo.jpg') }
	.content-solutions-children#content_40 .heading,
	.content-solutions-children#content_52 .heading
	{ background-image: url('img/head_medios.jpg') }
	.content-solutions-children#content_42 .heading,
	.content-solutions-children#content_53 .heading 
	{ background-image: url('img/head_video-corporativo.jpg') }
	.content-solutions-children#content_44 .heading,
	.content-solutions-children#content_54 .heading 
	{ background-image: url('img/head_marketing.jpg') }
	.content-solutions-children#content_46 .heading,
	.content-solutions-children#content_55 .heading
	{ background-image: url('img/head_radio-online.jpg') }
	.content-solutions-children#content_48 .heading,
	.content-solutions-children#content_56 .heading 
	{ background-image: url('img/head_elearning.jpg') }
	
	.content-solutions-children .heading {
		padding: 60px 0 0 0 ;
		height: 360px;
		background-position: top center;
		background-attachment: fixed }
	
	.content-solutions-children .heading h1 {
		margin: 0 auto;
		font-size: 80px;
		color: #fff }
	
	.content-solutions-children .heading h2 {
		margin: 30px auto 0 auto;
		font-size: 32px;
		color: #fff }
	
	.content-solutions-children .page-container {
		padding-bottom: 40px }
	
	.content-solutions-children .page-container .multiline-title {
		margin: 60px auto 70px auto;
		text-align: center;
		color: #000  }
	
	.content-solutions-children .page-container .multiline-title h2 {
		margin: 0 auto;
		max-width: 960px;
		line-height: 130%;
		letter-spacing: -2px;
		font-size: 32px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
        
        
        .content-solutions-children .page-container .multiline-title span {
              margin: 20px auto 0 auto;
              max-width: 960px;
              font-size: 16px;
              display: block;
        }
        
	.content-solutions-children .page-container h2 p {
		margin: 0 }
	
	.content-solutions-children section.related {
		text-align: center }
	
	.content-solutions-children section.related article {
		padding: 20px 10px;
		margin-bottom: 26px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 4px;
		border-radius: 10px;
		border: 3px solid #eee;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease;
		background: #fff;
		overflow: hidden; }
		
	.content-solutions-children section.related article:hover {
		box-shadow: 0px 0 12px #ddd;
		border-color: #ddd }
	
	.content-solutions-children section.related article img {
		width: 80px;
		height: 80px }
	
	.content-solutions-children section.related article h3 {
		font-size: 16px;
		color: #1e9bab;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-solutions-children section.related article p {
		color: #666;
		font-size: 12px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-solutions-children section.related .article-link {
		position: absolute;
		bottom: 50px;
		width: 100%;
		margin-left: -10% }
	
	@media (max-width: 768px)
	{	
		.content-solutions-children .heading {
			padding: 60px 0 0 0;
			height: 220px;
			background-position: center; }
		
		.content-solutions-children .heading h1 {
			margin-top: 20px;
			font-size: 36px }
		
		.content-solutions-children .heading h2 {
			margin:16px auto 0 auto;
			font-size: 18px }
		
		.content-solutions-children .page-container .multiline-title {
			margin: 40px 0 }
		
		.content-solutions-children .page-container .multiline-title h2 {
			font-size: 20px;
			padding: 0 20px;
			letter-spacing: -1px }
	
		.content-solutions-children section.related article {
			height: auto!important;
			margin-bottom: 18px }

		.content-solutions-children section.related .article-link {
			position: relative;
			width: auto;
			bottom: 0;
			margin: 0 }
	}
	
	/* Side Our Clients */
	
	.content-solutions-children .side-our-clients {
		padding: 20px ;
		margin-bottom: 26px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 4px;
		border-radius: 10px;
		background-color: #f1f1f1; }
	
	.content-solutions-children .side-our-clients h4 {
		color: #e21c73;
		padding: 0 0 20px 0;
		text-align: center;
		border-bottom: 1px solid #ccc;
		letter-spacing: -1px;
		font-size: 14px;
		text-transform: uppercase;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	
	.content-solutions-children .side-our-clients h4 p {
		margin: 0 }
	
	.content-solutions-children .side-our-clients .clients-logos {
		padding: 0 10px }
	
	.content-solutions-children .side-our-clients .clients-logos a {
		float: left;
		text-align: center;
		width: 50%;
		padding: 10px }
	
	.content-solutions-children .side-our-clients .clients-logos img {
		width: 80% }
        
        .content-solutions-children .side-our-clients .logoS img{
            max-width:108px;
            margin:10px 20px;
        }

	/* Side CTA */
	
	.content-solutions-children .side-cta {
		margin: 30px 0 0 0 }
	
	.content-solutions-children .side-cta .wp_cta_content {
		margin: 20px 0 0 0!important }
	
	.content-solutions-children .side-cta .wp_cta_content img {
		max-width: 100%;
		height: auto }
	
	/* Hire */
	
	.content-solutions-children .hire {
		margin: 60px 0 0 0;
		padding: 60px 0;
		text-align: center;
		color: #fff;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif ;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-image: url('img/hire-background.jpg') }
	
	.content-solutions-children .hire p {
		margin: 0 }
	
	.content-solutions-children .hire h3 {
		letter-spacing: -2px;
		font-size: 42px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-solutions-children .hire strong {
		line-height: 100%;
		letter-spacing: -4px;
		font-size: 54px }

	.content-solutions-children .hire a {		
		display: inline-block;
		margin-top: 30px;
		padding: 10px 75px 10px 25px;
		border: 1px solid rgba(255, 255, 255,0.30);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #fff;
		font-size: 24px;
		letter-spacing: -1px;
		background-color: rgba(255,255,255,0.15);
		background-repeat: no-repeat;
		background-position: top right;
		background-image: url('img/arrow_white-green.png') }
	
	.content-solutions-children .hire a:hover {
		color: #1e9bab;
		background-color: #fff;
		background-position: bottom right }

	@media (max-width: 768px)
	{
		.content-solutions-children .hire {
			margin-top: 10px;
			padding: 30px 0;
			background-position: center }
		
		.content-solutions-children .hire h3 {
			font-size: 22px;
			letter-spacing: -1px }
		
		.content-solutions-children .hire strong {
			font-size: 42px }
	}

/* @end */
/* @group Services ---------------------------------------- */

	.content-services section {
		padding: 0;
		border-top: 2px solid #ddd }
		
	.content-services section .container-fluid {
		margin: 35px auto }
	
	.content-services section img {
		margin: 0 0 30px 0 }
	
	.content-services section h2 {
		margin: 0 0 60px 0;
		letter-spacing: -2px;
		font-size: 42px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
        
        
        .content-services .image-grill {
            margin: 40px auto 0 auto;
            width: 80%;
        }
        
       .content-services .image-grill img {		
                
       }
		
	.content-services .image-grill a {
		display: block }
		
	.content-services .image-grill a:hover {
		opacity: 0.6 }
	
	.content-services  .image-grill img {
		display: block;
		max-width: 100%;
		margin: 0 auto 20px auto }
        
        
        
	.content-services section p {
		margin: 0 auto 20px auto;
		max-width: 780px;
		font-size: 16px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-services section article {
		margin: 60px 0 0 0;
		padding: 60px 0 0 0;
		border-top: 1px solid #ddd }
	
	.content-services section article h3 {
		margin: 0 0 60px 0;
		letter-spacing: -1px;
		font-size: 20px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-services .section-4 article ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none }
	
	.content-services .section-4 article ul strong {
		display: block;
		margin-bottom: 15px }
	
	.content-services .section-4 article ul {
		width: 33.3% }
		
	.content-services .section-5 article ul {
		max-width: 780px;
		margin: 0 auto;
		padding: 0;
		list-style: none }
	
	.content-services .section-5 article ul li {
		padding: 30px 0;
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-services .section-1 h2,
	.content-services .section-1 h3 { color: #1e9bab }
	.content-services .section-2 h2,
	.content-services .section-1 h3 { color: #2072b6 }
	.content-services .section-3 h2,
	.content-services .section-3 h3 { color: #931f80 }
	.content-services .section-4 h2,
	.content-services .section-4 h3 { color: #e21c73 }
	.content-services .section-5 h2,
	.content-services .section-5 h3 { color: #f6b141 }

/* @end */
/* @group Clients ----------------------------------------- */

	.content-clients {
		padding-bottom: 60px;
		background-color: #ffffff }
	
	.content-clients .heading {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 1px solid #ddd }
	
	.content-clients section h2 {
		margin: 0 0 30px 0;
		color: #1e9bab;
		text-align: center;
		letter-spacing: -1px;
		font-size: 22px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-clients .section-1 {
		padding-right: 30px }
	
	.content-clients .section-2 {
		padding-left: 30px;
		border-left: 1px solid #ddd }
	
	.content-clients section article {
		padding: 20px;
		text-align: center }
	
	.content-clients section article img {
		max-width: 80% }

	/** Children */	
	
	.content-clients-children .heading {	
		padding-bottom: 59px;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-image: url('img/bg-funcinlatilites-video.png') }
	
	.content-clients-children .heading.without-video {
		padding-bottom: 90px;
		background-image: none }
	
	.content-clients-children .heading h1 {
		max-width: 680px;
		margin: 0 auto }

	.content-clients-children .heading .container-fluid {
		padding: 0 }

	.content-clients-children .heading iframe {
		margin-top: 60px }

	.content-clients-children .content-body .container-fluid {
		padding: 60px 20px;
		max-width: 680px }
	
	.content-clients-children .content-body .container-fluid ul {
		padding: 0;
		margin: 20px 0;
		list-style: none }

	.content-clients-children .content-body .container-fluid ul li {
		padding: 10px;
		margin-bottom: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border: 5px solid #eee;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	.content-clients-children .content-body .container-fluid ul li:hover {
		border-color: #ddd }
	
	.content-clients-children .content-body .container-fluid ul li p {
		margin: 0 }
	
	.content-clients-children .container-fluid p {
		margin-bottom: 20px }
        
        .content-clients h3{ color:#1E9BA8; margin:40px 0 10px 0;}
        
        .content-clients .img_clientes img{
            max-width:180px;
            max-height:108px;
            margin:5px 10px 5px 0;
            border: 1px solid #f1f1f1;
            
        }
        .content-clients .img_clientes a{
            position:relative;            
            display:inline-block;
        }
        
        .content-clients .img_clientes a:hover img{
            box-shadow: 2px 2px 4px #666666;
        }
        
        .content-clients .img_clientes a::before { 
              content: "+";
                position: absolute;
                right: 10px;
                bottom: 5px;
                padding: 1px 8px;
                color: #ffffff;
                font-size: 14px;
                font-weight: bold;
                background: #3F3F3F;
                border:1px solid #f2f2f2;
            
        }

	@media (max-width: 768px)
	{		
		.content-clients {
			padding-bottom: 0 }

		.content-clients section {
			padding: 0 20px!important }
		
		.content-clients .section-2 {
			padding-top: 60px!important;
			border-left: none;
			border-top: 1px solid #ddd }

		.content-clients section .row {
			margin-bottom: 60px }
	
		.content-clients section article {
			width: 50%;
			float: left }
		
		.content-clients section article h2 {
			padding: 0 20px }
			
		.content-clients-children .heading iframe {
			width: 100%;
			height: 260px;
			margin: 0 }
		
		.content-clients-children .heading {
			background: none }
		
		.content-clients-children .content-body .container-fluid {
			padding: 20px }
	}

/* @end */
/* @group Partners ---------------------------------------- */

	.content-partners .heading img {
		margin-bottom: 40px }
	
	.content-partners .heading p {
		max-width: 800px;
		margin: 20px auto 0 auto;
		font-size: 16px;
		color: #666 }
	
	.content-partners .heading .button {
		margin-top: 30px }
	
	.content-partners .content-body section {
		padding: 60px 0;
		text-align: center } 
	
	.content-partners .content-body section .container-fluid {
		max-width: 860px }
	
	.content-partners .content-body section h2 {
		margin: 0 0 60px 0;
		color: #1e9bab;
		letter-spacing: -2px;
		font-size: 42px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-partners .content-body section p {
		font-size: 16px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-partners .content-body .section-2 {
		background-color: #f1f1f1 }
	
	.content-partners .content-body .section-2 h2 {
		margin-bottom: 30px }
	
	.content-partners .content-body .section-2 ul {
		padding: 0;
		margin: 0;
		list-style: none }
	
	.content-partners .content-body .section-2 ul li {
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-partners .content-body .section-2 ul li strong {
		display: block;
		margin: 30px 0 0 0;
		padding: 30px;
		border-top: 1px solid #ccc;
		letter-spacing: -1px;
		font-size: 26px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-partners .content-body .section-3 .container-fluid {
		max-width: 1200px }
		
	.content-partners .content-body .section-3 article {
		float: left;
		width: 30.7%;
		margin: 30px 1.3%;
		padding: 20px;
		border: 5px solid #eee;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		letter-spacing
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	.content-partners .content-body .section-3 article:hover {
		border-color: #ccc }
	
	.content-partners .content-body .section-3 article h3 {
		margin: 0;
		letter-spacing: -1px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }

	.content-partners .content-body .section-3 article h4 {
		margin: 20px 0 0 0;
		padding: 20px 0 8px 0;
		color: #000;
		border-top: 1px solid #ddd;
		text-align: center;
		font-size: 18px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-partners .content-body .section-3 article ul {
		padding: 0;
		list-style: none }
	
	.content-partners .content-body .section-3 article ul li,
	.content-partners .content-body .section-3 article ul li p {
		margin-bottom: 12px;
		color: #666;
		text-align: left;
		font-size: 12px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-partners .content-body .section-3 article.children-1 h3 { color: #1e9bab }
	.content-partners .content-body .section-3 article.children-2 h3 { color: #e21c73 }
	.content-partners .content-body .section-3 article.children-3 h3 { color: #f6b141 }
	

	@media (max-width: 768px)
	{	
		.content-partners .heading img {
			max-width: 100% }
		
		.content-partners .content-body .section-3 article {
			float: none;
			width: 100% }
	}

/* @end */
/* @group Nuestros partners ------------------------------- */

	.content-our-partners .heading h1 {
		margin: 0 }
	
	.content-our-partners .section-wrapper article {
		padding: 60px 0;
		border-top: 1px solid #ddd;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-our-partners .section-wrapper article h2 {
		margin: 0 0 30px 0;
		color: #1e9bab;
		letter-spacing: -1px }
	
	.content-our-partners .section-wrapper article .read-more {
		margin-top: 20px }

	@media (max-width: 768px)
	{	
		.content-our-partners .section-wrapper article {
			padding: 30px 0 }
		
		.content-our-partners .section-wrapper article h2 {
			display: none }
		
		.content-our-partners .section-wrapper article .read-more-content {
			text-align: center }
	}

/* @end */
/* @group Company ----------------------------------------- */

	.content-company .heading img {
		margin: 60px 0 0 0 }
	
	.content-company .content-body section {
		padding: 60px 0;
		text-align: center;
		font-size: 16px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-company .content-body section h2 {
		margin: 0 0 60px 0;
		color: #1e9bab;
		letter-spacing: -2px;
		font-size: 42px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-company .content-body section img {
		margin: 60px 0 0 0 }

	.content-company .content-body .section-1 {
		margin: 0 auto;
		max-width: 680px }
	
	.content-company .content-body .section-2 {
		background-color: #f1f1f1 }

	.content-company .content-body .section-2 .section-content-parent {
		margin: 0 auto;
		max-width: 960px;
		font-size: 14px;
		text-align: left;
		-webkit-column-count: 2;
	   -moz-column-count: 2;
	   column-count: 2 }
	
	.content-company .content-body .section-2 .section-content-parent p {
		margin: 10px 0 }

	.content-company .content-body .section-3 {
		margin: 0 auto;
		max-width: 900px }
		
	.content-company .content-body .section-3 .image-wrapper {
		float: left;
		width: 33% }
	
	.content-company .content-body .section-3 .image-wrapper img {
		margin: 0 0 30px 0 }

	@media (max-width: 768px)
	{	
		.content-company .heading img,
		.content-company .content-body section img {
			max-width: 100%;
			height: auto;
			margin: 0 }		
		
		.content-company .content-body .section-2 .section-content-parent {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1 }
	}

/* @end */
/* @group Jobs -------------------------------------------- */

	.content-jobs .heading h1 {
		margin: 0 }
	
	.content-jobs .content-body {
		margin-bottom: 60px }
	
	.content-jobs .content-body h2 {
		border-bottom: solid 1px #ddd;
		margin: 60px 0;
		padding-bottom: 60px;
		color: #1e9bab;
		font-size: 40px;
		letter-spacing: -2px;
		text-align: center;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-jobs .content-body h3 {
		margin: 0 0 30px 0;
		color: #1e9bab;
		font-size: 28px;
		letter-spacing: -2px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-jobs .content-body {
		font-size: 13px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-jobs .content-body strong {
		font-weight: normal!important;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-jobs .content-body a {
		color: #e21c73 }
	
	.content-jobs .content-body a:hover {
		text-decoration: underline }
		
	.content-jobs .aside .block {
		padding: 20px;
		border: 5px solid #eee;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	.content-jobs .aside .block:hover {
		border-color: #ccc }
	
	.content-jobs .aside .block .block-content {
		font-size: 16px;
		margin: 36px 0 }
	
	.content-jobs .aside .block .block-content p {
		margin: 0 }
	
	.content-jobs .aside .block .block-content a {
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }

	@media (max-width: 768px)
	{	
		.content-jobs .content-body h2 {
			margin: 30px 0;
			padding: 0 0 30px;
			font-size: 32px }
		
		.content-jobs .content-body h3 {
			margin-bottom: 15px;
			font-size: 24px }
		
		.content-jobs .aside .block {
			text-align: center;
			margin-top: 30px }
		
		.content-jobs .aside .block .block-content {
			margin: 15px 0 0 0 }
	}

/* @end */
/* @group Funcionalities ---------------------------------- */

	.content-functionalities .heading {	
		padding-bottom: 59px;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-image: url('img/bg-funcinlatilites-video.png') }
	
	.content-functionalities .heading.without-video {
		padding-bottom: 19px;
		background-image: none }
        
        
	
	.content-functionalities .heading h1 {
		max-width: 800px;
		margin: 0 auto }
        
        .content-functionalities .heading .img-destacada {
            margin-top:25px;
        }

	.content-functionalities .heading .container-fluid {
		padding: 0 }

	.content-functionalities .heading iframe {
		margin-top: 30px }

	.content-functionalities .content-body .container-fluid {
		padding: 60px 20px;
		max-width: 680px }
	
	.content-functionalities .content-body .container-fluid ul {
		padding: 0;
		margin: 20px 0;
		list-style: none }

	.content-functionalities .content-body .container-fluid ul li {
		padding: 10px;
		margin-bottom: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border: 5px solid #eee;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	.content-functionalities .content-body .container-fluid ul li:hover {
		border-color: #ddd }
	
/* @end */
/* @group Blog -------------------------------------------- */

	.content-blog .content-body {
		padding: 60px 0 }
	
	.content-blog .heading {
		background-position: top center;
		background-attachment: fixed;
		background-image: url('img/blog-heading.jpg') }
	
	.content-blog .heading h1, .content-blog .heading .heading_h1 {
		margin: 0 auto;
		font-size: 60px;
		color: #fff;
        padding: 40px 0;
        display: block;
    }
		
	/* Post listing */
	
	.content-blog .post-listing article {

		padding: 20px ;
		margin-bottom: 30px;
		border-top: 1px solid #ddd;
		color: #666;
		border: 5px solid #eee;
		border-radius: 10px;
		letter-spacing
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	.content-blog .post-listing article:hover {
		border-color: #ccc }
	
	.content-blog .post-listing article h1 {
		margin: 0 0 30px 0;
		line-height: 80% }
	
	.content-blog .post-listing article h1 a {
		line-height: 100%;
		color: #1e9bab;
		letter-spacing: -2px;
		font-size: 36px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-listing article h1 a:hover {
		color: #2072b6 }

	.content-blog .post-listing article .post-thumbnail img {
		display: block;
		max-width: 100%;
		box-shadow: 0px 2px 4px #aaa;
		border-radius: 4px }
	
	.content-blog .post-listing article .post-options {
		margin: 0 0 20px 0;
		color: #999;
		font-size: 12px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-listing article .post-options time,
	.content-blog .post-listing article .post-options .post-categories,
	.content-blog .post-listing article .post-options .post-comments-number {
		float: left;
		padding-right: 10px;
		margin-right: 10px;
		border-right: 1px solid #ccc }
	
	.content-blog .post-listing article .post-options .post-comments-number {
		border: none }
	
	.content-blog .post-listing article .post-options a {
		color: #999 }

	.content-blog .post-single article .post-options a:hover {
		color: #999 }
		
	.content-blog .post-listing article .post-options a:hover {
		text-decoration: underline }
	
	.content-blog .post-listing article .post-exceprt {
		line-height: 150%;
		margin: 0 0 50px 0;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-listing article .read-more {
		margin: -31px 0 0 0 }
	
	.content-blog .post-listing .empty-content {
		padding: 60px 0;
		text-align: center;
		letter-spacing: -1px; }
	
	/* Post single */
	
	.content-blog .post-single .back-post-list {
		margin-bottom: 30px }
	
	.content-blog .post-single .back-post-list a span {
		margin-right: 6px }
	
	.content-blog .post-single .post-body h1 {
		margin: 0 0 30px 0;
		line-height: 80%;
		line-height: 100%;
		color: #1e9bab;
		letter-spacing: -4px;
		font-size: 60px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-single .post-body .post-options {
		border-top: 1px solid #ddd;
		padding: 30px 0 40px 0;
		color: #999;
		font-size: 12px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-single article .post-options time,
	.content-blog .post-single article .post-options .post-categories {
		float: left;
		padding-right: 10px;
		margin-right: 10px;
		border-right: 1px solid #ccc }
	
	.content-blog .post-single article .post-options .post-categories {
		border: none }
	
	.content-blog .post-single article .post-options .post-comments-number {
		float: right;
		border: none }
	
	.content-blog .post-single article .post-options a {
		color: #999 }
	
	.content-blog .post-single article .post-options a:hover {
		color: #222 }
	
	.content-blog .post-single .post-body .post-content {
		line-height: 140%;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-single .post-body .post-content p {
		margin: 0 0 15px 0 }
	
	.content-blog .post-single .post-body .post-content a {
		color: #2072b6;
		text-decoration: underline }
	
	.content-blog .post-single .post-body .post-content a:hover {
		text-decoration: none }
	
	.content-blog .post-single .post-body .post-content img {
		margin: 30px }

	.content-blog .post-single .post-body .post-content .alignleft {
		float: left;
		margin: 0 30px 30px 0 }
	
	.content-blog .post-single .post-body .post-content .alignright {
		float: right;
		margin: 0 0 30px 30px }
	
	.content-blog .post-single .post-body #blank-cta-template {
		padding: 60px 0;
		text-align: center }
	
	.content-blog .post-single .post-body #blank-cta-template img {
		margin: 0 }
	
	/* Social */

	.content-blog .post-content > .ssba {
		position: fixed;
		left: 0 }

	.content-blog .post-content > .ssba img {
		margin: 0!important }
		
	@media ( min-width:990px ) {

		.content-blog .post-content > .ssba {
			top: 470px;
			width: 32px } }
		
	@media ( max-width:990px ) {

		.content-blog .post-content > .ssba {
			bottom: 0px;
			background-color: rgba(0,0,0,0.9);
			width: 100% } }
	
	/* Comments */

	.content-blog .post-single .post-comments {
		margin: 60px 0 0 0;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-single .post-comments h2 {
		padding: 0 0 30px 0;
		margin: 0;
		color: #1e9bab;
		letter-spacing: -2px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-single .post-comments .no-comments {
		text-align: center }
	
	.content-blog .post-single .post-comments label small {
		display: block;
		margin: 5px 0 0 0;
		font-weight: normal;
		font-style: normal;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .post-single .post-comments #commentlist {
		list-style: none;
		padding: 0;
		margin: 0 }
	
	.content-blog .post-single .post-comments .no-comments,
	.content-blog .post-single .post-comments #commentlist li {
		padding: 20px ;
		margin-bottom: 30px;
		border-top: 1px solid #ddd;
		color: #666;
		border: 5px solid #eee;
		border-radius: 10px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	.content-blog .post-single .post-comments #commentlist li:hover {
		border-color: #ccc }
	
	.content-blog .post-single .post-comments #commentlist li cite {
		display: block;
		margin: 20px 0 0 0;
		color: #222;
		font-size: 12px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
		
	/* Aside */
	
	.content-blog aside {
		border: 5px solid #eee;
		border-radius: 10px;
		letter-spacing
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease	}
	
	.content-blog aside:hover {
		border-color: #ccc }
	
	.content-blog aside ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog aside > ul > li {
		padding: 20px;
		border-bottom: 1px solid #eee;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	.content-blog aside:hover > ul > li {
		border-color: #ccc }
	
	.content-blog aside > ul > li ul li {
		padding: 4px 0;
		border-top: 1px solid #ddd }
	
	.content-blog aside ul li h2 {
		margin: 0 0 15px 0;
		letter-spacing: -1px;
		color: #e21c73;
		font-size: 20px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-blog .blog-pagination {
		padding: 0;
		margin: 0 }

/* @end */
/* @group Landing pages ----------------------------------- */

	.content-landing .heading .container-fluid {
		max-width: 900px }

	.content-landing .heading h1 {
		margin-bottom: 0 }
	
/*	.content-landing .heading h2 {
		margin-bottom: 30px }*/

	.content-landing .content-body .container-fluid {
		max-width: 1080px;
		padding-top: 60px;
		padding-bottom: 60px }
		
        .content-casestudy .container-fluid{
            padding-top:20px !important;
        }
        
        .content-casestudy .sobre{
            padding-top:20px;
            padding-left: 25px;
            border-left: 1px solid #f2f2f2;
            font-size:12px;
            margin: 20px 0 0 0;
        }
        
        .content-casestudy .sobre h2{ margin-top: 0;}
        
        
	.content-landing.one-column .content-body .container-fluid,
	.content-landing-3 .content-body .container-fluid {
		max-width: 900px }
			
	.content-landing .content-body {
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
		
	.content-landing .content-body .alignleft {
		float: left;
		margin: 0 30px 30px 0 }

	.content-landing .content-body .alignright {
		float: right;
		margin: 0 0 30px 30px }
	
	.content-landing aside {
		padding: 20px 20px 0 20px;
		border: 5px solid #eee;
		border-radius: 10px;
		letter-spacing
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease	}
	
	.content-landing aside:hover {
		border-color: #ccc }
	
	.content-landing-1 .heading {
  	background-size: 100%;
		background-position: top center;
		background-attachment: fixed;
		background-image: url('img/landing-heading-1.jpg') }
	
	.content-landing-1 .heading h1,
	.content-landing-1 .heading h2 {
		color: #fff }
	
	.content-landing-3 aside {
		margin-top: 60px }
	
	.content-landing-5 ul {
		padding: 0 10px;
		border: 2px solid #e21c73;
		list-style: none }
	
	.content-landing-5 ul li {
		margin: 10px 0 }
		
	.content-landing-5 ul ul {
		border: none;
		padding: 0 }
	
	.content-landing-5 ul ul li {
		margin: 0 }
		
	.content-landing-5 ul h3 {
		text-align: center;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #ccc }
	
/* @end */
/* @group Legal ------------------------------------------- */

	.content-legal .heading h1 {
		margin-bottom: 0 }
	
	.content-legal .content-body {
		padding: 60px 0 }
	
	.content-legal .content-body h1 {
		padding: 20px 0;
		margin: 30px 0 0 0;
		border-top: 2px solid #ddd;
		font-size: 24px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-legal .content-body h3 {
		padding: 20px 0;
		margin: 0;
		border-top: 1px solid #ddd;
		font-size: 18px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-legal .content-body blockquote {
		font-size: 14px;
		color: #666 }
	
	.content-legal .content-body ul,
	.content-legal .content-body ol {
		padding: 10px 40px;
		margin: 0 0 20px;
		border-left: 5px solid #eee }

	.content-legal .content-body ul li,
	.content-legal .content-body ol li {
		margin-bottom: 10px }

/* @end */
/* @group Contacto ---------------------------------------- */
	
	.content-contact .heading h1 {
		margin-bottom: 0 }
	
	.content-contact .content-body {
		padding: 60px 0 }
	
	.content-contact .content-body .contact-address {
		padding: 20px;
		border: 5px solid #eee;
		border-radius: 10px;
		letter-spacing
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease	}
	
	.content-contact .content-body .contact-address:hover {
		border-color: #ccc }
		
	.content-contact .content-body .contact-address p {
		margin: 0 }
		
	.content-contact .content-body .contact-address ul {
		margin: 20px 0;
		padding: 0;
		list-style: none;
		border-bottom: 1px solid #ddd }
	
	.content-contact .content-body .contact-address ul li {
		padding: 5px 0;
		border-top: 1px solid #ddd }
	
	.content-contact .content-map iframe {
		margin-bottom: -5px!important }

/* @end */
/* @group Formularios ------------------------------------- */
	
	.content-forms .heading .container-fluid {
		max-width: 900px }
	
	.content-forms .heading h1 {
		margin: 0 }
	
	.content-forms .content-body {
		padding: 60px 0 }
	
	.content-forms .content-body .container-fluid {
		max-width: 800px }

	.content-forms .content-body h2 {
		margin: 0 0 30px 0;
		letter-spacing: -1px;
		font-size: 26px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }

	.content-forms .content-body h3 {
		margin: 0 0 30px 0;
		font-size: 18px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }

	.content-forms .content-body .formwrapper {
		margin-top: 60px }
	
	.preview_part {
		display: none!important }
	
	form .formwrapper input[type="text"],
	form .formwrapper input[type="email"],
	form .formwrapper input[type="password"],
	form .formwrapper textarea,
	form .formwrapper select {
		display: block;
		width: 100%;
		padding: 10px;
		border: 2px solid #ddd;
		border-radius: 4px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		outline: none;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	form .formwrapper select {
		height: 40px }
	
	form .formwrapper input[type="text"]:hover,
	form .formwrapper input[type="email"]:hover,
	form .formwrapper input[type="password"]:hover,
	form .formwrapper textarea:hover,
	form .formwrapper select:hover {
		border-color: #aaa }

	form .formwrapper input[type="text"]:focus,
	form .formwrapper input[type="email"]:focus,
	form .formwrapper input[type="password"]:focus,
	form .formwrapper textarea:focus,
	form .formwrapper select:focus {
		border-color: #e21c73 }

	form .formwrapper ._type_header {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd }
	
	aside form .formwrapper ._type_header {
		margin-bottom: 20px;
		padding-bottom: 20px;
		text-align: center }
	
	form .formwrapper ._type_header ._label {
		color: #e21c73;
		letter-spacing: -1px;
		font-size: 26px;
		font-family: GothamLight, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	form .formwrapper ._type_input ._label,
	form .formwrapper ._type_checkbox ._label,
	form .formwrapper ._type_dropdown ._label,
	form .formwrapper ._type_textarea ._label {
		display: block;
		margin: 0 0 6px 0;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }

	form .formwrapper ._type_input,
	form .formwrapper ._type_checkbox,
	form .formwrapper ._type_dropdown,
	form .formwrapper ._type_textarea {
		margin-bottom: 20px }

	form .formwrapper ._type_checkbox label {
		font-weight: normal!important;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
		
	form .formwrapper  a {
		color: #e21c73 }
	
	form .formwrapper  a:hover {
		text-decoration: underline }

	form .formwrapper input[type="submit"],
	input#submit.btn.btn-default {
		display: block;
		margin: 60px auto 0 auto;
		padding: 10px 80px;
		color: #e21c73;
		border: 2px solid #e21c73;
		border-radius: 4px;
		background-color: #fff;
		font-size: 16px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }

	aside form .formwrapper input[type="submit"] {
		margin-top: 30px; }
	
	form .formwrapper input[type="submit"]:hover,
	input#submit.btn.btn-default:hover {
		color: #fff;
		background-color: #e21c73 }
	
	.form-control {
		width: 100%;
		border: 2px solid #ddd;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important }

	.form-control:hover {
		border-color: #aaa }

	.form-control:focus  {
		border-color: #e21c73 }
	
	.input-group-btn .btn-default {
		padding-top: 6px;
		padding-bottom:4px;
		border: 2px solid #ddd;
		border-left: none;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease }
	
	.input-group-btn .btn-default:hover {
		border: 2px solid #ddd;
		border-left: none!important;
		background: transparent!important;
		color: #e21c73 }
		
/* @end */
/* @group Thank You --------------------------------------- */
	
	.content-thank-you {
		padding: 180px 0;
		text-align: center }
	
	.content-thank-you h1 {
		margin: 30px 0 20px 0;
		letter-spacing: -4px;
		font-size: 72px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-thank-you p {
		margin: 0;
		font-size: 16px;
		color: #999 }
	
/* @end */
/* @group Form error -------------------------------------- */
	
	.content-form-error {
		padding: 180px 0;
		text-align: center }
	
	.content-form-error h1 {
		margin: 30px 0 20px 0;
		letter-spacing: -4px;
		font-size: 72px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-form-error p {
		margin: 0;
		font-size: 16px;
		color: #999 }

	.content-form-error .button {
		margin-top: 60px }	
	
/* @end */
/* @group 404 --------------------------------------------- */
	
	.content-404 {
		padding: 180px 0;
		text-align: center }
	
	.content-404 h1 {
		margin: 30px 0 20px 0;
		letter-spacing: -4px;
		font-size: 72px;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	.content-404 p {
		margin: 0;
		font-size: 16px;
		color: #999 }
	
/* @end */
/* @end */
/* @group Footer ========================================== */
/* @group Layout ------------------------------------------ */

	footer {
		padding: 60px 0;
		color: #666;
		font-size: 13px;
		font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		background-color: #000 }
	
	footer strong {
		font-weight: normal;
		font-family: GothamBold, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }
	
	footer .footer-row .footer-col {
		float: left;
		width: 20%;
		padding: 0 30px;
		border-left: 1px solid #333 }
	
	footer .footer-row .col-1 {
		border: none;
		padding-left: 0 }
	
	footer .footer-row .col-2 strong {
		color: #fff }
	
	footer a {
		color: #fff }
	
	footer a:hover {
		color: #e21c73 }
	
	footer .footer-row ul {
		padding: 0;
		margin: 0 }
	
	footer .footer-row ul li {
		list-style: none;
		margin-bottom: 5px }
	
	footer .footer-row ul ul {
		display: none }
		
	footer .logo-enisa {
		float: right;
		margin-top: 30px }
		
	footer .footer-cookies {
		padding: 60px 0 0 0;
		text-align: center;
		color: #444;
		font-size: 11px }
	
	footer .footer-cookies p {
		margin: 0 0 2px 0 }

	@media (max-width: 768px) 
	{	
		footer {
			padding: 30px 0 }

		footer .footer-col {
			padding: 0 0 15px 0 !important;
			margin-bottom: 15px;
			height: auto!important;
			width: 100%!important;
			float: none;
			border: none!important;
			border-bottom: 1px solid #333!important;
			text-align: center }
		
		footer .col-1,
		footer .col-3,
		footer .col-4 {
			display: none }

		footer .footer-col ul li {
			display: inline;
			margin: 0 5px }
		
		footer .logo-enisa {
			float: none;
			margin: 0 0 15px 0;
			text-align: center; }
		
		footer .footer-cookies {
			padding: 0 }
	}

/* @end */
/* @end */

/* @group Plataforma HOME ----------------------------------------- */
    

    .new-platform-graphic-btn a{
        padding:15px 25px;
        color: #ffffff;
        background:#428BC1;
        

    }
    
    
    .new-platform-graphic-btn a:active, .new-platform-graphic-btn a:hover{
        background:#868686;
    }

    .new-platform-graphic{ 
        position:relative;
        text-align:center;
        margin: 0 auto;
        width:100%;
    }
    .new-platform-graphic h4{
        color:#1e9bab !important;
        font-family: GothamMedium, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
        font-size: 20px !important;
    }
    
     .new-platform-graphic .bloq{ float:left; margin-left:5px;}
     .new-platform-graphic .bloq#beneficios { margin-left:0;}
        
    #necesidades, #beneficios{   
        width:280px;
    }
    
     #resultado { width:140px;}
     #resultado ul li img{ max-width:120px;}
     #resultado ul li a{ text-align:center !important; width:100% !important; margin: 4px 0;}
     .resultado-box{ margin-top:170px !important;}

    .new-platform-graphic  ul{
        list-style:none;
        margin: 0;
        padding: 0;
    }

    .new-platform-graphic  ul li{

    }



    .new-platform-graphic  ul li a{
        text-align: right;
        font-size:14px;
        color: #313131;
        float:left;
        display: inline-block;
        width: 75%;
        line-height:16px;
        padding-top:7px;
        clear:both;
    }

    .new-platform-graphic #beneficios  ul li a{
        float:right;
        text-align: left;
    }

    .new-platform-graphic  ul li img{
        max-width: 47px;
        float:left;
        margin-left: 10px;
    }
    #live{
        width:110px;
        height:550px;
        background:url('./img/plataforma/icons/live2.png') no-repeat;
    }
    .flecha{
        width:15px;
        height: 550px;
        background:url('./img/plataforma/icons/flecha2.png') no-repeat;
        margin:0 5px;
    }
    #flumotion {
          width: 280px;
          height: 269px;
          background: url('./img/plataforma/icons/flumotion.png') no-repeat;
          position:relative;
            margin-top: 155px;
    }
    .flumotion-box {
          width: 255px;
            height: 220px;
            position: absolute;
            top: 80px;
            left: 13px;
          
    }
    #flumotion .sol {
          padding: 8px 15px;
          color: #ffffff;
          font-family: GothamLight;
          font-size: 17px;
          display: block;
          margin-bottom:3px;
    }
    #flumotion .sol:hover {
        background:#313131;
    }
    
    #flumotion .s1{ background: #1D70B7; }
    #flumotion .s2{ background: #951B81; }
    #flumotion .s3{ background: #009BAC; }
    #flumotion .s4{ background: #F9B233; }
    
    
    #flumotion2 {
          width: 600px;
          height: 280px;
          background: url('./img/plataforma/icons/flumotion2.png') no-repeat;
          position:relative;
            margin: 0 auto;
            text-align:center;
    }
    .flumotion2-box {
          width: 250px;
            height: 220px;
            position: absolute;
            top: 70px;
            left: 175px;
          
    }
    
    #flumotion2.bloq{ float:none; }
    #flumotion2 .sol {
          padding: 8px 15px;
          color: #ffffff;
          font-family: GothamLight;
          font-size: 16px;
          display: block;
          margin-bottom:8px;
          font-weight: bold;
    }
    #flumotion2 .sol:hover {
        background:#313131;
    }
    
    #flumotion2 .s1{ border:2px solid #1D70B7; color: #1D70B7;}
    #flumotion2 .s1:hover{background: #1D70B7; color:#ffffff; }
    
    #flumotion2 .s2{ border:2px solid #951B81; color:#951B81 ; }
    #flumotion2 .s2:hover{background: #951B81; color:#ffffff; }
    
    #flumotion2 .s3{ border:2px solid #009BAC; color:#009BAC ; }
    #flumotion2 .s3:hover{background: #009BAC; color:#ffffff; }
    
    #flumotion2 .s4{ border:2px solid #F9B233; color:#F9B233 ; }
    #flumotion2 .s4:hover{background: #F9B233; color:#ffffff; }

/* @end */

/* @group Plataforma ----------------------------------------- */


    .content-plataforma .heading{
        background:#ffffff;
        border-bottom: 1px solid #f1f1f1;
    }

    .pnav{
        margin:40px auto 10px auto;
        width: 100%;
        position: relative;
        padding: 0;    
        text-align: center;        
    }
    
    .pnav ul{ 
        list-style: none; 
        width:980px; 
        text-align: center;
        margin: 0 auto;
        padding: 0;
    
    
    }
    
    .pnav ul.firts li{ float:left;}
    
    .pnav ul.firts li a{
        font-size: 18px;
        padding:15px 24px;
        display:block;
        color: white;
        opacity:1;
        margin: 0 3px 0 0;
        
    }
    .pnav ul.firts li a.last{
       
        margin: 0 0 0 2px;        
    }
    
    .pnav ul.firts li a#op1{ color:#1D70B7; border:3px solid #1D70B7;}
      .pnav ul.firts li a#op1:hover, .pnav ul.firts li a#op1.current{ color:#ffffff; background:#1D70B7; border-bottom:5px solid #1D70B7; }
   
    .pnav ul.firts li a#op2{ color:#951B81; border:3px solid #951B81;}
        .pnav ul.firts li a#op2:hover,  .pnav ul.firts li a#op2.current{ color:#ffffff; background:#951B81; border-bottom:5px solid #951B81;}
        
    .pnav ul.firts li a#op3{ color:#009BAC; border:3px solid #009BAC;}
        .pnav ul.firts li a#op3:hover, .pnav ul.firts li a#op3.current{ color:#ffffff; background:#009BAC; border-bottom:5px solid #009BAC;}
    
    .pnav ul.firts li a#op4{ color:#F9B233; border:3px solid #F9B233;}
        .pnav ul.firts li a#op4:hover, .pnav ul.firts li a#op4.current{ color:#ffffff; background:#F9B233; border-bottom:5px solid #F9B233;}
    
    
    
    
    .hiden{
     display:none;   
    }
    
    .subnav-box{
        width:980px; 
        text-align: center;
        margin: 0 auto;
        padding: 0;        
        min-height:89px;
        background-color:#ffffff;
    }
    .subnav{
        width:100%;
        background-color:#ffffff;
    }
    
    .subnav#s-bloq1{ border: 3px solid #1D70B7;}
    .subnav#s-bloq2{ border: 3px solid #951B81;}
    .subnav#s-bloq3{ border: 3px solid #009BAC;}
    .subnav#s-bloq4{ border: 3px solid #F9B233;}
    
    .subnav li a{
        display:inline-block;
        width:20%;
        padding:15px 8px;
        color: #919191;
        float: left;
    }
     .subnav li a span{
      display: block;
      margin-top: 5px;
     }
      
     .subnav li a.destacar{
         font-weight: 700;
         color: #313131;
     }
    
    .isStuck ul li a.current{
/*        padding-bottom: 18px;
        box-shadow: 0px 2px 3px #000000*/
    }
    
    .isStuck  > ul.firts li a:not(.current){
        opacity:0.4 !important;
    }
        
    .isStuck {
                
                position: fixed;
                top: 62px;  
                margin:0 auto;
                z-index: 999;
                padding: 0 !important;
                background-color:#ffffff !important;
                
    }
    
    .isStuck ul{
        margin: 0 auto 4px auto;
    }
    .content-plataforma .heading{
        padding:40px 0 0 0;        
    }
   
    
    .content-plataforma .content-body{
        width: 980px;
        margin:10px auto 20px auto;
        padding: 0 10px;
    }
    
        @media (max-width: 768px) 
        {
            .content-plataforma .content-body{
                width: 100%;
                
            }
        }
    
    .content-plataforma h1{ margin: 30px 0;}
    
     .content-plataforma .bloque {
      margin: 30px 0 40px 0;
      width: 100%;
      padding-bottom:15px;
      border-bottom: 1px solid #F0F0EF;
    }
    
    .content-plataforma .bloque h2{
        padding: 30px 15px 0 15px;
        margin: 0;
        font-size:40px;
        width:100%;
    }
    
     .content-plataforma .bloque h3{        
        font-size:25px;
        margin: 0 0 10px 0;
    }
    
    .content-plataforma .bloque .text{
        padding-top:40px;
    }
    
/* Versió 2 */

.carousel-mb{background: url('img/home/flumotion-image-home.jpg') no-repeat; background-size:cover; width: 100%; height: 400px;}
.separador{margin:90px 0;}
.plataforma h1{	Color: #33333 !important;font-size:50px;font-family: 'GothamBold';	padding: 80px 0 30px 0; text-align:center;}
.plataforma h2{	font-size: 42px;font-family: "GothamBold";padding: 0 0 100px 0px;text-align: center;max-width: 750px;margin: 0 auto; Color: #33333 !important;}
.plataforma h3{	Color: #33333 !important;font-size:34px;font-family: 'GothamBold';	font-family: 'GothamLight'; padding-bottom:15px;}
.plataforma h4{	Color: #882386;	font-size:22px;	font-family: 'GothamBold'; font-family: 'GothamLight';padding-bottom:15px; margin:0px;}
.plataforma p{font-family: 'GothamLight';font-size: 16px;color: #999999;}
.section-h1 p{max-width: 790px; margin:0 auto; text-align: center;}
.section-h1 h1{max-width: 790px; margin:0 auto; text-align: center;}
.section-h1{position: relative; background: url('img/home/fons.png') no-repeat; background-position: bottom;}
.section-h1 img{ margin: 0 auto; padding-top: 80px;}
 .s2,.s4{
	text-align: right !important;
}
.tel{
	font-size: GothamBook; font-size: 14px !important;  Color: #999999; float:left; padding:5px 0; margin:0;
}
.s1{padding-right: 70px !important; padding-top: 70px !important;	text-align: right !important;}
.s3{padding-right: 70px !important;	text-align: right !important;}
.streaming h2{ color:#333; font-family: 'GothamLight';font-size: 24px; text-align: center; }
.clientes h2{ color:#999; font-family: 'GothamLight';font-size: 24px; text-align: center; }
.clientes{padding-top: 100px;}

.streaming {padding:50px 0;}
.streaming .row{padding:50px 0 0 0; 	text-align:center;}
.streaming img{margin: 0 auto; padding-bottom: 10px;}
.streaming .text{ color: #33333; font-family: 'GothamLight';}
.streaming{background: #f2f2f2;}
.contacta{background: url('img/home/contacto.jpg') no-repeat fixed 0% 0% / cover; margin-bottom: 100px;}

.contacta h2{color:#fff; padding: 80px 0 30px 0;}
.contacta h4{color:#fff !important; padding: 0 0 60px 0; text-align: center; }
.animated{ animation-fill-mode: both; animation-duration: 1s;}
.contacta .wpcf7-text, .contacta .wpcf7-email{
	background: transparent !important;
	border: 0px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.div.wpcf7-mail-sent-ok{
	display: none !important;
}
.wpcf7-response-output{
	display: none !important;
}

.wpcf7-submit:hover {
    color: #882386;
    border-color: #FFF;
    background-color: #FFF !important;
}

.button.black {
    color: #333;
    background-color: rgba(255, 255, 255, 0.15);
    float: none;
}

.button.black:hover {
	color: #333;
	border-color: #882386;
	background-color: #882386 }

.button.big2 {
	letter-spacing: -1px;
	font-size: 18px;
	padding: 12px 20px;
	text-shadow: none;
	font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif }

.button.big2.arrow {
	padding-right: 75px;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url('img/arrow-black.png') }

.button.big2.arrow:hover {
	background-position: bottom right }


.button.big2.black {
	color: #333;
	background-color: #fff;
	background-position: right top;
	border-color: #333 }

.button.big2.black:hover {
	color: #882386;
	background-color: #fff;

	background-position: right bottom }

.divboto {
    margin-top: 50px !important;
    text-align: center;
}


input[placeholder], [placeholder], *[placeholder] {
   color: #fff !important;
}
*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #fff;
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #fff;
}
*::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #fff;
}
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #fff;
}
.cespai{max-width:545px;margin: 0 auto;text-align: center; padding-bottom: 60px;}
.section-4{ margin-bottom: 100px;}
#vimeo { width: 100%; background: rgba(0,0,0, 0.1);}
/* .sombra{position: absolute;width: 100%;background: url('img/home/indice.png'), rgba(0, 0, 0, 0.55);z-index: 2; height: 1040px;}*/

#carousel{overflow: hidden;max-height: 440px;}

input[type="submit"]{	
		background-repeat: no-repeat;
		background-position: top right;
		background-image: url('img/arrow_white-green.png');
		background-color:transparent;
		letter-spacing: -1px;
		font-size: 18px;
		padding: 12px 20px;
		text-shadow: none;
		font-family: GothamBook, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;		
}


input[type="submit"]:hover{
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		transition: all 400ms ease;
		background-position: bottom right !important; 
}
		
.buttoncontanct{
	padding-right: 75px !important;
	background-color: transparent !important;
	border: 1px solid #fff !important;
}		
.wpcf7-form-control{ color: #fff; font-size: 18px;}

.clearout {
height:20px;
clear:both;
}

#flexiselDemo3{
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
	padding-top: 20px;
    overflow:hidden;
    float:left;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:150px;
    max-height:83px;
}

/* efecte menu principal */


.cl-effect-5 {
overflow: hidden;   min-height: 190px !important;
}

.cl-effect-5 span{color: #333 !important;}

.cl-effect-5 a {
    color: #333 !important;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	font-weight: 600;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	left: 0px;
	content: attr(data-hover);
	color:#333;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}
.ocultar{
	    overflow: hidden;
}



 .col-lg-15,.col-md-15,.col-xs-15,.col-sm-15 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}


.col-xs-15 {
  float: left;
}
.col-xs-15{
 width: 33%; 
}



@media (max-width: 992px) {
 .s2,.s4{text-align: left !important;  padding-bottom: 40px;}
.s1{padding-right: 0px !important; padding-top: 0px !important;	text-align: left !important; padding-bottom: 40px;}
.s3{padding-right: 0px !important;	text-align: left !important; padding-bottom: 40px;}
.separador{margin:40px 0;}
.section-h1{ background: none;}
.plataforma h2 {
    font-size: 42px;
    font-family: "GothamBold";
    padding: 0px 0px 30px;
}

.section-h1 img {
    margin: 0px auto;
    padding-top: 30px;
}
.clientes {
    padding-top: 30px;
}

}

@media (max-width: 416px) {
.plataforma h1{	Color: #33333; font-size:32px;}
.plataforma h2{	Color: #33333; font-size:26px;}
.plataforma h3{	Color: #33333;font-size:22px;}
.plataforma h4{	Color: #882386;	font-size:17px;}

.cl-effect-5 a span{ font-size: 10px !important;}
.col-sm-15 { padding-left: 7px;  padding-right: 7px;}
.cl-effect-5{min-height: 140px !important;}
}
@media (min-width: 768px) {
  .col-sm-15 {
    float: left;
  }
  .col-sm-15{
  	width:25%;
  }

}
@media (min-width: 992px) {
	.col-md-15 {
	float: left;
	}
	.col-md-15{
	 width: 12.5%;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
	float: left;
	}
	.col-lg-15{
	 width: 12.5%;
	}
}

.article-link > .button{
	float: none !important;
}