.wrap-container-g {
				position: relative;
				width: 100%;
				height: 318px;
				margin: 45px 0;
				z-index: 3;
			}

			.wrap-phrase {
				position: relative;
				width: 100%;
				height: 145px;
				z-index: 3;
				margin: 0 auto;
				text-align: center;
				margin-bottom: 30px;
			}

			.wrap-phrase p {
				font-style: italic;
				color: #7b7b7b;
				margin-top: 10px;
			}

			.tittle-ex {
				font-family: 'OpenSansLight' !important;
				font-size: 31px;
				text-align: center;
				color: #7b7b7b;
			}

			.sub-tittle-g {
				position: relative;
				float: left;
				width: auto;
				height: auto;
				clear: both;
				margin-top: 30px;
			}

			.sub-tittle-g div {float: left; margin-right: 20px; width: 55%; line-height: 25px;}

			.sub-tittle-g img {
				float: left;
				margin-top: 5px;
			}

			.sub-tittle-g p {
				font-family: 'OpenSansLight';
				font-size: 15px;
				color: #a2a2a2;
			}

			.wrap-grafismo {
				position: absolute;
				top: 95px;
				right: 15px;
				float: right;
				width: 375px;
				height: 217px;
				background-image: url("../images/grafism-gamification.png");
				background-repeat: no-repeat;
			}

			.content-g {
				position: relative;
				width: 100%;
				height: 1485px;
				z-index: 2;
				margin:0 auto;
				overflow: hidden;
				background-image: url("../images/bg-gamification-grey.png");
				background-position: top center;
				background-repeat: no-repeat;
			}

			.content-wrap-g {
				position: relative;
				width: 80%;
				height: auto;
				margin:0 auto;
			}

			.tittle-comp-g {
				position: relative;
				margin:0 auto;
				width: 100%;
				height: 75px;
				font-family: 'OpenSansLight' !important;
				font-size: 42px;
				color: #ffffff;
				font-weight: lighter;
				text-align: center;
				-webkit-transition-property: background;
  				-webkit-transition-duration: 0.3s;
  				-webkit-transition-timing-function: ease;
  				-webkit-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
				-moz-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
				text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
			}
			.tittle-com-g p {
				margin:0;
				font-family: 'OpenSansLight' !important;
			}

			.wrap-tittle-g {
				position: relative;
				margin:0 auto;
				width: 55%;
				height: auto;
				margin-top: 85px;
				text-align: center;
				line-height: normal;
			}

			.wrap-tittle-g span {
				font-size: 14px;
				color: #fff;
				font-family: 'OpenSansLight' !important;
				font-weight: lighter;
				-webkit-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
				-moz-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
				text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
			}

			.wrap-central {
				position: relative;
				width: 855px;
				height: 1030px;
				margin: 0 auto;
				
				margin-top:  65px;
			}

			.wrap-left-bullets {
				position: relative;
				width: 395px;
				float: left;
				height: auto;
				margin-top: 70px;
			}

			.wrap-right-bullets {
				position: relative;
				width: 395px;
				float: right;
				height: auto;
				
			}

  			.txt-ch-left {
				position: relative;
				width: 100%;
				height: auto;
				text-align: center;
			}

			.txt-ch-left h3 {
				font-family: 'OpenSansLight';
				font-size: 28px;
				color: #ffef3f;
				font-weight: 200 !important;
				-webkit-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.25);
				-moz-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.25);
				text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.25);

			}

			.txt-ch-left p {
				font-family: 'OpenSansLight';
				font-size: 14px;
				color: #fff;
				margin-top: 20px;
				line-height: normal;
				-webkit-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
				-moz-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
				text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
			}

			.txt-ch-right {
				position: relative;
				width: 100%;
				height: auto;
				text-align: center;
			}

			.txt-ch-right h3 {
				font-family: 'OpenSansLight' !important;
				font-size: 28px;
				color: #8addff;
				font-weight: lighter !important;
				-webkit-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.25);
				-moz-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.25);
				text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.25);

			}

			.txt-ch-right p {
				font-family: 'OpenSansLight' !important;
				font-size: 14px;
				color: #fff;
				margin-top: 20px;
				line-height: normal;.bg-right p
				-webkit-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
				-moz-text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
				text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.35);
			}

			.white-arrow {
				position: relative;
				width: 35px;
				height: 41px;
				margin: 0 auto;
				background-image: url('../images/white-arrow.png');
				background-position: top center;
				background-repeat: no-repeat; 
				margin-top: 40px;
			}

			.wrap-bullet-left {
				position: relative;
				float: left;
				width: 100%;
				height: 115px;
				margin-top: 30px;
				z-index: 98;
				
			}

			.bg-left {
				position: relative;
				float: left;
				width: 88%;
				height: 110px;
				z-index: 99;
				background-color: #939393;
				margin-top: 2px;
				border: 1px solid #878787;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				-webkit-box-shadow: inset 1px 1px 2px 0px #afafaf;
				box-shadow: inset 1px 1px 2px 0px #afafaf;
			}

			.ball-left {
				position: absolute;
				right: 1px;
				top:1px;
				width: 112px;
				height: 112px;
				border: 3px solid #fff;
				-webkit-border-radius: 112px;
				-moz-border-radius: 112px;
				border-radius: 112px;
				z-index: 100;
				-webkit-box-shadow: inset 1px 1px 8px 0px #999;
				box-shadow: inset 1px 1px 8px 0px #999;

			}

			.wrap-bullet-left > .ball-left:hover {
				background-color: #ffef3f;
				background-image: url('../images/play-icon.png');
				background-position: center;
				background-repeat: no-repeat;
				-webkit-transition-property: background;
  				-webkit-transition-duration: 0.3s;
  				-webkit-transition-timing-function: ease;
			}

			.bg-left span {
				position: relative;
				float: right;
				font-family: 'OpenSansLight' !important;
				font-size:28px !important;
				color: #ffef3f;
				margin-top: 15px !important;
				margin-right: 75px;
			}

			.bg-left p {
				position: relative;
				width: 256px;
				float: right;
				font-family: 'OpenSansLight' !important;
				font-size:14px !important;
				color: #fff;
				margin-top: 5px !important;
				margin-right: 75px;
				text-align: right;
			}

			.wrap-bullet-left:hover .bg-left {
				background-color: #acacac;
				-webkit-transition-property: background;
  				-webkit-transition-duration: 0.5s;
  				-webkit-transition-timing-function: ease;
			}

			.wrap-bullet-left:hover .bg-left span{ color: #fff;
			-webkit-transition-property: background;
  				-webkit-transition-duration: 0.5s;
  				-webkit-transition-timing-function: ease;}
			.wrap-bullet-left:hover .bg-left p{ text-shadow:none !important;
			-webkit-transition-property: background;
  				-webkit-transition-duration: 0.5s;
  				-webkit-transition-timing-function: ease;}

			.bg-01-left {
				background-image: url('../images/bull-01-left.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-02-left {
				background-image: url('../images/bull-02-left.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-03-left {
				background-image: url('../images/bull-03-left.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-04-left {
				background-image: url('../images/bull-04-left.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-05-left {
				background-image: url('../images/bull-05-left.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-06-left {
				background-image: url('../images/bull-06-left.png'); 
				background-repeat: no-repeat; background-position: center;}
			.bg-07-left {
				background-image: url('../images/bull-07-right.png'); 
				background-repeat: no-repeat; background-position: center;}				


			.wrap-bullet-right {
				position: relative;
				float: right;
				width: 100%;
				height: 115px;
				margin-top: 30px;
				z-index: 98;
				
			}

			.wrap-bullet-right > .ball-right:hover {
				background-color: #8addff;
				background-image: url('../images/play-icon.png');
				background-position: center;
				background-repeat: no-repeat;
				-webkit-transition-property: background;
  				-webkit-transition-duration: 0.3s;
  				-webkit-transition-timing-function: ease;
			}

			.bg-right {
				position: relative;
				float: right;
				width: 88%;
				height: 110px;
				z-index: 99;
				background-color: #939393;
				margin-top: 2px;
				border: 1px solid #878787;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				-webkit-box-shadow: inset 1px 1px 2px 0px #afafaf;
				box-shadow: inset 1px 1px 2px 0px #afafaf;
			}

			.ball-right {
				position: absolute;
				left: 1px;
				top:1px;
				width: 112px;
				height: 112px;
				border: 3px solid #fff;
				-webkit-border-radius: 112px;
				-moz-border-radius: 112px;
				border-radius: 112px;
				z-index: 100;
				-webkit-box-shadow: inset 1px 1px 8px 0px #999;
				box-shadow: inset 1px 1px 8px 0px #999;

			}

			.bg-right span {
				position: relative;
				float: left;
				font-family: 'OpenSansLight' !important;
				font-size:28px !important;
				color: #8addff;
				margin-top: 6px !important;
				margin-left: 75px;
				margin-bottom: 5px;
			}

			.bg-right p {
				position: relative;
				width: 256px;
				float: left;
				font-family: 'OpenSansLight' !important;
				font-size:14px !important;
				color: #fff;
				margin-top: 2px !important;
				margin-left: 75px;
				text-align: left;

			}

			.bg-right i {
				font-style: italic !important;

			}			

			.wrap-bullet-right:hover .bg-right {
				background-color: #acacac;
				-webkit-transition-property: background;
  				-webkit-transition-duration: 0.5s;
  				-webkit-transition-timing-function: ease;
			}

			.wrap-bullet-right:hover .bg-right span{ color: #daf5ff;
			-webkit-transition-property: background;
  				-webkit-transition-duration: 0.5s;
  				-webkit-transition-timing-function: ease;}
			.wrap-bullet-right:hover .bg-right p{ text-shadow:none !important;
			-webkit-transition-property: background;
  				-webkit-transition-duration: 0.5s;
  				-webkit-transition-timing-function: ease;}

			.bg-01-right {
				background-image: url('../images/bull-01-right.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-02-right {
				background-image: url('../images/bull-02-right.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-03-right {
				background-image: url('../images/bull-03-right.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-04-right {
				background-image: url('../images/bull-04-right.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-05-right {
				background-image: url('../images/bull-05-right.png'); 
				background-repeat: no-repeat; background-position: center;}	
			.bg-06-right {
				background-image: url('../images/bull-06-right.png'); 
				background-repeat: no-repeat; background-position: center;}												

			.top-ex {
				margin-top: 50px;
				text-shadow: none !important;
				overflow: visible;
			}

			.top-link {
				font-size: 20px;
				color: #d9eb8a !important;
				font-family: 'OpenSansLight' !important;
			}

			.top-link:hover {color: #fff !important; font-family: 'OpenSansLight' !important;}

			/* Conceito session */

			.top {
				margin-top: 25px;
			}

			.top strong {
				font-family: 'OpenSansBold' !important;
			}

			.content-c {
				position: relative;
				width: 80%;
				height: 800px;
				z-index: 2;
				margin:0 auto;
				overflow: hidden;
			}

			.content-f {
				position: relative;
				width: 80%;
				height: 775px;
				z-index: 2;
				margin:0 auto;
				overflow: visible;
			}

			.content-wrap-c {
				position: relative;
				width: 100%;
				height: 810px;
				margin:0 0 0 0;
			}

			.content-wrap-c-2 {
				position: relative;
				width: 100%;
				height: auto;
				margin:25px 0 0 0;
			}

			.concept-1 {
				position: relative;
				width: 49%;
				height: auto;
				overflow: visible;
				float: left;
			}
			
			.concept-2 {
				position: relative;
				width: 49%;
				height: auto;
				overflow: visible;
				float: right;
			}

			.img-c-right {
				position: relative;
				float: right;
				width: 50%; 
				height: auto;
				overflow: visible;
				margin-top: 60px;
			}

			.img-c-left {
				position: relative;
				float: left;
				width: 50%; 
				height: auto;
				overflow: visible;
			}

			.img-c-right img {float: right; margin-top: 70px !important;}

			.img-c-left img {float: left; margin-top: 125px;}

			.concept-1 .tittle h1 span, .concept-2 .tittle h1 span {
				font-style:italic;
			}

			.concept-1 .sub-tittle-g p, .concept-2 .sub-tittle-g p {
				width: 100%;
				line-height: 25px;
			}

			.content-table {
				position: relative;
				width: 80%;
				height: auto;
				z-index: 2;
				margin:0 auto;
				overflow: visible;
				margin-top: 100px;
			}

			.content-table-mob {
				position: relative;
				width: 100%;
				height: auto;
				z-index: 2;
				margin:0 auto;
				overflow: visible;
				margin-top: 15px;
				display: hidden;
			}

			.content-wrap-table {
				position: relative;
				width: 100%;
				height: auto;
				margin:0px 0px 0px 0px;
				overflow: visible;
			}

			.content-wrap-table-mobile {
				position: relative;
				width: 100%;
				height: auto;
				margin:0px 0px 0px 0px;
				overflow: visible;
				display: hidden;
				text-align: center;
			}			

			.content-cases {
				position: relative;
				width: 80%;
				height: auto;
				z-index: 2;
				margin:0 auto;
				overflow: visible;
			}

			/* cases */

			.div-wrap {
				position: relative;
				width: 80%;
				height: 230px;
				margin: 0 auto;
			} 

			.case1 { background-image: url('../images/game-1.jpg'); background-position: center; background-repeat: no-repeat; }
			.case2 { background-image: url('../images/game-2.jpg'); background-position: center; background-repeat: no-repeat; }
			.case3 { background-image: url('../images/game-3.jpg'); background-position: center; background-repeat: no-repeat; }



			.bg-white-right {
				position: relative;
				float: right;
				width: 95%;
				height: 100%;
				z-index: 99;
				background-color: #ffffff;
				margin-top: 7px;
				border: 1px solid #f0f0f0;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				-webkit-box-shadow: inset 1px 1px 2px 0px #afafaf;
				box-shadow: inset 1px 1px 2px 0px #afafaf;
			}

			.t1 {
				position: relative;
				width: 100%;
				font-family: 'OpenSansLight';
				font-size: 28px;
				color: #585858 !important;
				padding: 35px 0px 0px 90px;
			}

			.p1 {
				position: relative;
				width: 100%;
				color: #848484 !important;
				padding: 15px 40px 0px 90px;
				font-family: 'OpenSansRegular';
				font-size: 14px;
				line-height: 20px;
			}

			.p1 strong {color: #585858 !important; font-family: 'OpenSansBold';}
			.p1 a {color: #1371e3; text-decoration: none;}

			.top35 {margin-top: 35px;}

			.content-a {
				position: relative;
				width: 80%;
				height: 740px;
				z-index: 2;
				margin:55px auto;
				overflow: hidden;
				margin-bottom: 40px;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;				
			}

			.content-wrap-a {
				position: relative;
				width: 80%;
				height: 565px;
				margin:0 auto;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;				
			}

			.wrap-left {
				position: relative;
				width: 48%;
				height: 100%;
				float: left;
				text-align: left;
				overflow: scroll;
				background-color: #ffffff;
				padding: 20px;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				-webkit-box-shadow: inset 1px 1px 2px 0px #afafaf;
				box-shadow: inset 1px 1px 2px 0px #afafaf;
			}

			.wrap-right {
				position: relative;
				width: 48%;
				height: 100%;
				float: right;
				text-align: left;
				overflow: scroll;
				background-color: #ffffff;
				padding: 20px;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				-webkit-box-shadow: inset 1px 1px 2px 0px #afafaf;
				box-shadow: inset 1px 1px 2px 0px #afafaf;
			}

			.wrap-left .tittle, .wrap-right .tittle {
				width: 100%;
				margin-bottom: 10px;
			}

			.wrap-right span, .wrap-left span {
				font-style: italic;
				color: #7b7b7b;
				margin-top: 10px;
			}

			.links {
				position: relative;
				width: 100%;
				height: auto;
				overflow: visible;
				margin-top: 30px;
			}

			.links-sub {
				font-family: 'OpenSansRegular';
				font-size: 13px;
				color: #a2a2a2;
				margin-top: 5px;
			}

			.bot {
				margin-bottom: 50px;
			}

			.bot2 {
				margin-bottom: 150px;
			}

			.link-g {
				text-decoration: none;
				color: #1371e3;
			}

			.div-top-g-2 {
				margin-top: 90px;
				margin-left: 10px;
				float: left;
			}

			.cat01 {
				font-family: 'OpenSansLight';
				font-size: 22px;
				color: #1371e3;
			}

			.cat01-link a{
				font-family: 'OpenSansLight';
				font-size: 16px;
				color: #1371e3;
				text-decoration: none; 
				width: 100%;
				line-height: normal;
			}

			.cat01-link a:hover {opacity: 0.50; -moz-opacity: 0.50; -webkit-opacity: 0.50;}

			.cat02 {
				font-family: 'OpenSansLight';
				font-size: 22px;
				color: #78b40e;
			}

			.cat02-link a{
				font-family: 'OpenSansLight';
				font-size: 16px;
				color: #78b40e;
				text-decoration: none; 
				width: 100%;
				line-height: normal;
			}

			.cat02-link a:hover {opacity: 0.50; -moz-opacity: 0.50; -webkit-opacity: 0.50;}

			.cat03 {
				font-family: 'OpenSansLight';
				font-size: 22px;
				color: #f08537;
			}

			.cat03-link a{
				font-family: 'OpenSansLight';
				font-size: 16px;
				color: #f08537;
				text-decoration: none; 
				width: 100%;
				line-height: normal;
			}

			.cat03-link a:hover {opacity: 0.50; -moz-opacity: 0.50; -webkit-opacity: 0.50;}

			.cat04 {
				font-family: 'OpenSansLight';
				font-size: 22px;
				color: #b655f3;
			}

			.cat04-link a{
				font-family: 'OpenSansLight';
				font-size: 16px;
				color: #b655f3;
				text-decoration: none; 
				width: 100%;
				line-height: normal;
			}

			.cat04-link a:hover {opacity: 0.50; -moz-opacity: 0.50; -webkit-opacity: 0.50;} 

			.arrow-area {
				position: absolute;
				bottom: 0px;
				left: 1px;
				top: 700px;
				width: 48%;
				height: 40px;
				opacity: 0.5;
				z-index: 10000;
				-webkit-border-bottom-right-radius: 20px;
				-webkit-border-bottom-left-radius: 20px;
				-moz-border-radius-bottomright: 20px;
				-moz-border-radius-bottomleft: 20px;
				border-bottom-right-radius: 20px;
				border-bottom-left-radius: 20px;
				background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 27%, #c9c9c9 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#ffffff), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 27%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 27%,#c9c9c9 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 27%,#c9c9c9 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 27%,#c9c9c9 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */

			}	

			.arrow-area2 {
				position: absolute;
				bottom: 0px;
				right: 1px;
				top:700px;
				width: 47.5%;
				height: 40px;
				opacity: 0.5;
				z-index: 10000;
				-webkit-border-bottom-right-radius: 20px;
				-webkit-border-bottom-left-radius: 20px;
				-moz-border-radius-bottomright: 20px;
				-moz-border-radius-bottomleft: 20px;
				border-bottom-right-radius: 20px;
				border-bottom-left-radius: 20px;
				background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 27%, #c9c9c9 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#ffffff), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 27%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 27%,#c9c9c9 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 27%,#c9c9c9 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 27%,#c9c9c9 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
			}

			.tit-box h1{
				font-family: 'OpenSansLight' !important;
				font-size: 28px !important;
				color: #000 !important;
				text-decoration: none !important; 
				width: 100% !important;
				line-height: normal !important;
				padding: 25px 25px 0px 25px !important;
				text-align: center;
				line-height: normal;
			}

			.box-video {
				position: relative;
				width: 100%;
				height:auto;
				padding: 10px;
				text-align: center;
			}

			.box-video img {
				margin-bottom: 40px;
				width: 100%;
			}

			.box-video iframe {width: 100%;}

			.text-frame {
				position: relative;
				width: 100%;
				height: auto;
				line-height: normal;

				color: #848484 !important;
				padding: 15px 5px 40px 5px;
				font-family: 'OpenSansRegular';
				font-size: 14px;
				text-align: center;
			}

			.line {
				position: relative;
				width: 80%;
				margin:30px auto;				
			}

			.line hr{outline-style: dotted; color: #ccc;}

			.italic {
				font-style: italic !important;
			}

			.para {
				font-size: 18px;
				width: 100%;
				text-align: center;
				height: 175px;
				padding:25px;
				line-height: normal;
				color: #a2a2a2;
				font-style: italic;
				font-family: 'OpenSansLight';
			}

			.saiba {
				position: relative;
				width: auto;
				height: auto;
				margin-top: 55px;
				cursor: pointer;
				text-align: center !important;
			}

			.saiba:hover a{
				text-decoration: underline;
			}

			.saiba a {
				font-family: 'OpenSansLight';
				font-size: 14px;
				color: #006bec;
				text-decoration: none;
			}

			.btn-saiba{
				width: 100%;
				height: auto;
				line-height: 20px;
				width: auto;
				text-align: center !important;
			}

			.div-a {
				position: relative;
				width: 100%;
				height: auto;
				text-align: center !important;
			}			

			.bg-left i {
				position: relative;
				float: right;
				font-family: 'OpenSansLight' !important;
				font-size: 28px !important;
				color: #ffef3f;
				margin-top: 8px !important;
				margin-right: 75px;
			}

			.top-a {
				margin-top: 80px !important;
			}

			.top-b {
				margin-top: 40px !important;
			}

			.btnactive {
				float: left;
				width: auto;
				height: 136px;
				cursor: pointer;
				font-family: 'OpenSansRegular';
				font-size: 16px;
				color: #a2a2a2;
				padding: 92px 0;
				text-align: center;
				-webkit-transition-property: background-position;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease;
				background: url("../images/btn-top.png") top center no-repeat;
				color: #1371e3;
			}

			.wrap-flags {
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				height: 50px;
				z-index: 99999;
			}

			.wrap-flags:hover {
				right: 0px;
				-webkit-transition-property: right;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease;
			}

		
			.wrap-flags {
				position: absolute;
				right: -30px;
				top: 18px;
				width: 50px;
				height: 100px;
				z-index: 99999;
			}

			.br-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/br-flag.png');
				background-repeat: no-repeat;
				background-position: center;
			}

			.en-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/en-flag.png');
				background-repeat: no-repeat;
				background-position: center;
				margin-top: 3px;
			}		

			.br-flag:hover, .en-flag:hover {
				opacity: 0.75;
			}					





@media only screen and (min-width:320px) and (max-width:767px) {

	.wrap-container-g { height: 620px;}
	.wrap-content-g {width: 100%}

	.wrap-grafismo {
		position: relative;	width: 95%; top: 35px; background-size: 100%; background-position: center;}

	.div-top-g-2 {margin-top: 30px; margin-left: 0px !important; width: 100%; margin:0 auto;}

	.sub-tittle-g {width: 100%; text-align: center;}
	.sub-tittle-g div {float: none; margin-right: 0px; width: 68%; margin:0 auto;}

	.wrap-tittle-g {width: 80%;}

	.tittle-comp-g {font-size: 35px;}

	.wrap-tittle-g span {font-size: 12px !important;}

	.content-g {width: 100%; height: 2945px; background-image:url("../images/bg-2.png"); background-size: 905%;}

	.wrap-central {width: 100%; margin-top: 0px;}

	.wrap-left-bullets {width: 100%;}
	.wrap-right-bullets {width: 100%; margin-top: 41px;}

	.top-a {margin-top: 0px !important;}
	.img-c-right {display: none;}

	.content-c {width: 95%; height: 1400px;}

	.para {width: 100%; height: auto; padding-bottom: 45px;}

	.concept-1 {width: 100%;}

	.concept-2 {width: 100%;}

	.top650 {margin-top:725px;}
	.top75 {margin-top: 75px;}
	.content-cases {width: 95%;}

	.ball-right {top: -38px; left: -20px;}
	.t1 {padding: 75px 0px 0px 38px;}
	.p1 {padding: 15px 40px 0px 40px;}

	.div-wrap {width: 85%; height: 570px;}

	.content-a {width: 100%; height: auto;}
	.wrap-left { width: 100%;}
	.wrap-right  { width: 100%; margin-top: 22px;}

	.arrow-area {width: 99%;}
	.arrow-area2 {top: 1286px; width: 98.5%;}

	.ball-left {right: -15px; top: -10px; width: 81px; height: 81px;}

	.wrap-bullet-left {height: 160px;}

	.bg-left {width: 95%; height: 140px;}

	.bg-left span {font-size: 20px !important;}

	.bg-left p {font-size: 12px !important; width: 140px;}

	.txt-ch-right h3 {color: #8addff;}

	.txt-ch-right p {color: #ffffff; text-shadow:none !important;}

	.wrap-bullet-right {height: 160px;}

	.ball-right {width: 81px; height: 81px;}

	.bg-right {height: 140px;}

	.bg-right span {margin-left: 35px !important; font-size: 20px !important;}

	.bg-right p {width: 155px; margin-left: 35px; font-size: 12px !important; color:#ffffff; }

	.content-table {display: none;}

	.img-c-left {display: none;}

	.concept-1 {margin-top: 30px;}
	.sub-tittle-g {padding: 0px 25px 25px 25px;}

	.content-f {height:1025px; margin-top: -70px;}

	.bg-left-new-h {height: 126px !important;}
	.bg-left-new-t {height: 111px !important;}
	.bg-left-new-s {height: 125px !important; margin-top: 12px;}
	.new-top {margin-top: 15px !important;}

	.bg-right-i {height: 113px !important;}

	.text-frame {padding: 15px 5px 40px 5px;}

	.content-wrap-table-mobile {display: visible;}
	.content-table-mob {display: visible !important;}

	.saiba a {font-size: 15px;}

			.wrap-flags {
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				height: 50px;
				z-index: 99999;
			}

			.wrap-flags:hover {
				right: 0px;
				-webkit-transition-property: right;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease;
			}

		
			.wrap-flags {
				position: absolute;
				right: -30px;
				top: 18px;
				width: 50px;
				height: 100px;
				z-index: 99999;
			}

			.br-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/br-flag.png');
				background-repeat: no-repeat;
				background-position: center;
			}

			.en-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/en-flag.png');
				background-repeat: no-repeat;
				background-position: center;
				margin-top: 3px;
			}		

			.br-flag:hover, .en-flag:hover {
				opacity: 0.75;
			}		

@media only screen and (min-width:480px) and (max-width:767px) {

	.wrap-grafismo {background-size: 65% !important; background-position: center;}
	.wrap-container-g {height: 440px;}

	.bg-left {height: 110px;}
	.bg-left p {width: 265px;}
	.ball-right {top: -38px; left: 1px;}
	.bg-right p {width: 265px;}
	.bg-right {height: 105px;}
	.bg-right span {margin-top: 13px !important;}

	.content-g {height: 2805px;}
	.content-c {height: 880px;}
	.content-table {display: none;}

	.top650 {margin-top: 205px;}
	.concept-1 {margin-top: 110px;}
			.wrap-flags {
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				height: 50px;
				z-index: 99999;
			}

			.wrap-flags:hover {
				right: 0px;
				-webkit-transition-property: right;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease;
			}

		
			.wrap-flags {
				position: absolute;
				right: -30px;
				top: 18px;
				width: 50px;
				height: 100px;
				z-index: 99999;
			}

			.br-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/br-flag.png');
				background-repeat: no-repeat;
				background-position: center;
			}

			.en-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/en-flag.png');
				background-repeat: no-repeat;
				background-position: center;
				margin-top: 3px;
			}		

			.br-flag:hover, .en-flag:hover {
				opacity: 0.75;
			}		

}

@media only screen and (min-width:520px) and (max-width:767px) {

	.wrap-right-bullets {margin-top: 75px;}

	.bg-right p {width:280px;}

	.content-c {height:885px;}

	.content-f {height: 641px;}

	.bg-white-right {height: 67%;}

	.div-wrap {height: 530px;}

	.top75 {margin-top: -66px;}
	.top650 {margin-top: 375px;}
	.content-g {background-size: 536%;}
			.wrap-flags {
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				height: 50px;
				z-index: 99999;
			}

			.wrap-flags:hover {
				right: 0px;
				-webkit-transition-property: right;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease;
			}

		
			.wrap-flags {
				position: absolute;
				right: -30px;
				top: 18px;
				width: 50px;
				height: 100px;
				z-index: 99999;
			}

			.br-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/br-flag.png');
				background-repeat: no-repeat;
				background-position: center;
			}

			.en-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/en-flag.png');
				background-repeat: no-repeat;
				background-position: center;
				margin-top: 3px;
			}		

			.br-flag:hover, .en-flag:hover {
				opacity: 0.75;
			}		

}

@media only screen and (min-width:768px) and (max-width: 1024px) {

	.div-top-g-2 {width: 85%;}
	.wrap-central {margin-top: 55px;}
	.wrap-tittle-g {margin-top: 65px; width: 75%;}

	.content-c {height: 920px; width: 90%;}
	.content-table {width: 100%; margin-top: 5px;}
	.content-f {width: 90%;}

	.top35 {margin-top: 130px;}

	.content-cases {width: 100%}

	.content-a {width: 100%;}
	.wrap-central {width: 100%;}
	
	.wrap-grafismo {right: -20px;}

	.content-wrap-g {width: 90% !important;}
	.wrap-left-bullets {width: 320px !important;}
	.wrap-right-bullets {float: right; margin-left: 0px !important; width: 320px !important;}

	.bg-left p, .bg-right p{width: 195px !important; margin-right: 65px;}
	.bg-left span, .bg-right span {margin-right: 65px;}

	.bg-left, .bg-right {height: 125px;}

	.ball-left, .ball-right {height:92px; width: 92px;}

	.img-c-right img, .img-c-left img {width: 90%;}
	.content-wrap-table img {width: 95% !important; text-align: center;}


	.content-c {height: 1100px;}
	.content-f {height: 990px;}

	.div-wrap {height: 270px;}

	.bg-right p, .bg-left p {font-size: 13px !important;}
			.wrap-flags {
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				height: 50px;
				z-index: 99999;
			}

			.wrap-flags:hover {
				right: 0px;
				-webkit-transition-property: right;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease;
			}

		
			.wrap-flags {
				position: absolute;
				right: -30px;
				top: 18px;
				width: 50px;
				height: 100px;
				z-index: 99999;
			}

			.br-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/br-flag.png');
				background-repeat: no-repeat;
				background-position: center;
			}

			.en-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/en-flag.png');
				background-repeat: no-repeat;
				background-position: center;
				margin-top: 3px;
			}		

			.br-flag:hover, .en-flag:hover {
				opacity: 0.75;
			}		
}

@media only screen and (min-width:1024px) {
		.wrap-right-bullets {float: right; margin-right: 0px;}
		.content-c {height: 890px;}
		.content-f {height: 825px;}
}

@media only screen and (min-width:1500px) and (max-width: 1920px) {

	.content-c {
		width: 60%;
	}

	.content-f {
		width: 60%;
	}

	.content-table {
		width: 53%;
		margin: 0 auto;
	}


	.content-wrap-table {
		width: 100%;
		margin: 0 auto;
		padding-top: 80px;
		text-align: center !important;
	}

			.wrap-flags {
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				height: 50px;
				z-index: 99999;
			}

			.wrap-flags:hover {
				right: 0px;
				-webkit-transition-property: right;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease;
			}

		
			.wrap-flags {
				position: absolute;
				right: -30px;
				top: 18px;
				width: 50px;
				height: 100px;
				z-index: 99999;
			}

			.br-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/br-flag.png');
				background-repeat: no-repeat;
				background-position: center;
			}

			.en-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/en-flag.png');
				background-repeat: no-repeat;
				background-position: center;
				margin-top: 3px;
			}		

			.br-flag:hover, .en-flag:hover {
				opacity: 0.75;
			}			
}

@media only screen and (min-width:767px) and (max-width: 3920px) {
	.content-wrap-table-mobile, .content-table-mob {display: none !important;}
				.wrap-flags {
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
				height: 50px;
				z-index: 99999;
			}

			.wrap-flags:hover {
				right: 0px;
				-webkit-transition-property: right;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: ease;
			}

		
			.wrap-flags {
				position: absolute;
				right: -30px;
				top: 18px;
				width: 50px;
				height: 100px;
				z-index: 99999;
			}

			.br-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/br-flag.png');
				background-repeat: no-repeat;
				background-position: center;
			}

			.en-flag {
				position: relative;
				float: left;
				width: 44px;
				height: 44px;
				background-image: url('../images/en-flag.png');
				background-repeat: no-repeat;
				background-position: center;
				margin-top: 3px;
			}		

			.br-flag:hover, .en-flag:hover {
				opacity: 0.75;
			}		
}