/*
  Theme Name: EvoBooks
  Author: Paulo Falaster
  Description: Inspira - Estrutura.
  Version: 1.0
*/

/********Typography Geral********/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  background-color: #fff;
}

h1 {font-family: 'Dosis', sans-serif;}
h1, h2, h3, h4, h5, h6 { color: #333;}
h1 {font-size: 2.6em;	color:#787c57;	font-weight: 400;	margin-bottom:30px;	}
h2 { font-family: "Dosis", sans-serif;    font-size: 2.6em;    font-weight: 900; font-size: 30px;  margin-bottom: 20px; line-height:1.4em;}
h3 {  font-size: 18px; line-height: 1.8; }
h4 {line-height:1.8em;} 
h5 {font-size: 16px; line-height:1.8em; #333;} 

h2 span, h3 span, h4 span {
    backface-visibility: hidden;
    color: #b2b2b2;
    display: block;    
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 12px;
    margin-bottom: 30px;
	text-transform:uppercase;
}

#formacao h2 span, h3 span, h4 span {
    backface-visibility: hidden;
    color: #FFF;
    display: block;    
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 12px;
    margin-bottom: 30px;
	text-transform:uppercase;
}

img { max-width:100%;}

a {
  text-decoration: none;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

a:focus, 
a:hover {
  text-decoration: none;
  outline: none
}


.comentario blockquote {
    color: #000;
    font-size: 28px;
    line-height: 1.4em;
    margin-bottom: 120px;
    padding-right: 105px;
    text-indent: -20px;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
	font-family: 'lato';
}

.comentario figure figcaption span p {
    color: #000;
    font-weight: 700;	
}

.comentario .img-wrapper {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
}

/** Espaçamento **/
.mt10 {	margin-top:10px}
.mt20 {	margin-top:20px}
.mt30 {	margin-top:30px}
.mt40 {	margin-top:40px}
.mt50 {	margin-top:50px}
.mt70 {	margin-top:70px}
.mt85 {	margin-top:85px}
.mt100 {	margin-top:100px}
.mt120 {	margin-top:120px}
.mt130 {	margin-top:130px}
.mt150 {	margin-top:150px}
.mt200 {	margin-top:200px}
.mt300 {	margin-top:300px}


.mb30 {	margin-bottom:30px}
.mb50 {	margin-bottom:50px}
.mb100 {margin-bottom:100px}
.mb150 {margin-bottom:150px}

/** Bg Color **/
.bg_blue_claro { background-color:#ebfdff; } 
.bg_creme { background-color:#f9f7ed; }
.bg_gray {	background-color:#e6e6e6;}
.bg_gray_dark {	background-color:#4a535e; color:#FFF;}
.bg_gray_dark h5 {	color:#FFF; margin-top:20px; margin-bottom:20px;}
.bg_gray_dark h1, .bg_gray_dark h2, .bg_gray_dark h3 {	color:#FFF; }
.bg_green {	background-color: #05af6f;}
.bg_yellow {	background-color: #fec844; }
.bg_white { background-color:#FFF; } 
.bg_triangular {background: rgba(0, 0, 0, 0) linear-gradient(22deg, #fff 0%, #fff 57%, #eef0f0 57.2%, #fff 100%) repeat scroll 0 0;}
.bg_gradiente-roxo {background: #262626 linear-gradient(30deg, #37adf0 0px, #a861e6 100%) repeat scroll 0 0;}
.bg_brancogelo { background-color:#f7ffff; }
.bg_gradiente-verde {	background: #262626 linear-gradient(30deg, #37adf0 0px, #47e971);}
.bg_azul-escuro {	background: #324c64;}

.bg_gradient  {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 33%, rgba(240, 240, 240, 1) 100%) repeat scroll 0 0;
}

.bg_pattern {	
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/bg/bg_pattern.png");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
	background:cover;
	background-color: #ebfdff ;
}


.bg_pattern2 {
	background-image: url("../images/bg/bg_pattern2.jpg");
	height: 1400px;
    left: 35%;
    margin-top: -4%;
    position: absolute;
    right: 0;
    width: 65%;
    z-index: -2;
   
}




.linha_sup_dourada { border-top: 2px solid #ffd539;   box-shadow: 10px 10px 4px -10px rgba(0, 0, 0, 0.39) inset;}

.circulos-sd > .ajuste-img > img {width: 90% !important; }

.img-wraper img{width: 90%;}
.img-responsive {display: block;  height: auto; max-width: 100%;}


/****** Text Color ******/
.fontwhite p {	color:#FFF !important; }
.fontwhite h2 {	color:#FFF !important; }
.fontblue {	color: #0093c7;}
.fontgray {	color: #a2a2a2;}
.text-shadow {text-shadow: 0 0 5px rgba(64, 64, 64, 0.25);}	


/******** Lista Com Checkmark **********/
ul.checkmark {  list-style: outside url("../images/icon/icone_ok_list.png") disc;  margin-left: -12px;}
ul.checkmark p { font-size:18px; color:#666;}
ul.checkmark li { margin-top:0.8em;  }
ul.checkmark-white {    list-style: outside url("../images/icon/icone_ok_list_white.png") disc;}

/******** Lista Com Checkmark Negative **********/
ul.checkmark_negative  p { font-size:13px; color:#000000; line-height:13px;}
ul.checkmark_negative  li { margin-top:0.8em;  }
ul.checkmark_negative {   list-style: outside url("../images/icon/icone_ok_list_white.png") disc; margin-left: -12px;}

/******** Lista sem check **********/
ul.nocheck  p { font-size:13px; color:#000000; line-height:13px;}
ul.nocheck  li { margin-top:0.8em;  }
ul.nocheck {   list-style: outside url("../images/icon/icone_ok_list_white.png") disc; margin-left: -12px;}

/******** Lista Com Checkmark Gigante **********/
ul.checkmarkgigante {  list-style: outside url("../images/vr/tick.png") disc; margin-top:-70px; margin-left:30px; }
ul.checkmarkgigante li > h2  { margin-top:4px;  position:absolute; }
ul.checkmarkgigante li   { margin-top:90px; }



/**************ICON SGV ***************/
.point > .icon-off {background-image: url("../images/svg/icon-off.svg");}
.point > .icon-sync {background-image: url("../images/svg/icon-sync.svg");}
.point > .icon-plataform { background-image: url("../images/svg/icon-plataform.svg");}

.point > .iconsgv {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 75px;	
	display:block;
	margin-top:30px;
	margin-bottom:0px;
}

.point1 .iconsgv {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 52px;
	width:52px;
}

.point1 > .icon-digital {background-image: url("../images/svg/icon-digital.svg"); 	}
.point1 > .icon-sds {background-image: url("../images/svg/icon-sds.svg"); 	}
.point1 > .icon-formacao { background-image: url("../images/svg/icon-formacao.svg"); 	}




/*************Movimento Imagem **************/
#banner-mov { height:260px;}

.mov-book-wraper {	
    background-repeat: no-repeat;
    background-size: contain;
	height: 241px;
	width: 172px;
    position: absolute;	
}

.mov-book-01 {	background-image: url("../images/sd/book1.png"); left: 4%;	}
.mov-book-02 {	background-image: url("../images/sd/book2.png"); left: 16%;	}
.mov-book-03 {	background-image: url("../images/sd/book3.png"); left: 28%; }
.mov-book-04 {	background-image: url("../images/sd/book5.png"); left: 75%;	}
.mov-book-05 {	background-image: url("../images/sd/book4.png"); left: 87%;	}
.mov-book-06 {	background-image: url("../images/sd/book6.png"); left: 63%; }


.mov-notebook {	background-image: url("../images/sd/notebook.png");  left: 36.5% !important; margin-top:-50px;}


#banner-mov:hover > .mov-book-left {
	transform: translate3d(20px, 0px, 0px);
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}
#banner-mov:hover > .mov-book-right {
	transform: translate3d(-20px, 0px, 0px);
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}

.mov-notebook-wraper {	
    background-repeat: no-repeat;
    background-size: contain;
	height: 310px;
	width: 600px;
    position: absolute;	
	z-index:100;
}






/*************Movimento Imagem **************/

.entrada-titulo { height:800px;}

.mov-titulodigital-wraper {	
    background-repeat: no-repeat;
    background-size: contain;
	height: 333px;
	width: 286px;
    position: absolute;	
}

.mov-titulodigital-01 {	background-image: url("../images/titulos/titulodigital_01.png"); left: 2%;	margin-top:-200px;}
.mov-titulodigital-02 {	background-image: url("../images/titulos/titulodigital_02.png"); left: 21%;	margin-top:-200px;}
.mov-titulodigital-03 {	background-image: url("../images/titulos/titulodigital_03.png"); left: 39%; margin-top:-200px;}
.mov-titulodigital-04 {	background-image: url("../images/titulos/titulodigital_04.png"); left: 57%;	margin-top:-200px;}
.mov-titulodigital-05 {	background-image: url("../images/titulos/titulodigital_05.png"); left: 76%; margin-top:-200px;}


#banner-titulo:hover > .mov-titulodigital-left {
	transform: translate3d(20px, 0px, 0px);
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}
#banner-titulo:hover > .mov-titulodigital-right {
	transform: translate3d(-20px, 0px, 0px);
	-webkit-transition: 0.5s ease-in;
	-moz-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}







/*************BTN**************/

.btn { border: 0;  border-radius: 0; }
.btn.btn-primary:hover {  background-color: #017fb5; }

a.btn:hover, .btn.btn-primary:hover {
    background-color: #ffe954;
    color: #404040;
}

.btn.white-outline {
    background-color: transparent;
    border: 1px solid white;
    color: white;
}

.yellow-outline {
    background-color: transparent;
    border: 2px solid #ffe954;
}


.btn {
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    font-family: "founders","Helvetica",sans-serif;
    font-size: 1em;
    letter-spacing: 1.5px;
    line-height: 1em;
    padding: 0.5em 0.8em;
    text-transform: uppercase;
    vertical-align: baseline;
    width: auto;
	transition: all 0.1s ease 0s;
}

.btn.big { font-size: 1.5em;}
.btn.yellow {background-color: #ffe954;}
.btn.gray {background-color: #3f3f3f;}

.btn-selecao {	
	background:#FFF;
	margin-bottom:14px;
	padding:15px 20px;
	font-weight:600;
	font-family: "Dosis",sans-serif;	
}

.btn-selecao:hover {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	background:#FFF;
	margin-bottom:14px;
	padding:14px 20px;	
	transition-duration: 0.5s;

}

.btn100 { width: 100%; text-align:center;}
.btnbig { font-size: 20px; font-weight:900; font-family:'dosis';}


.btn-orcamento {
    background-color: #4266ae;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.04), 0 3px 4px rgba(0, 0, 0, 0.08);
    color: #fff !important;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 10px;
    padding: 12px 0 12px 12px;
    text-align: center;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	margin-top:20px;
}


.buttonLight {
    background: transparent none repeat scroll 0 0;
    border: 2px solid currentcolor;
    border-radius: 5px;
    color: #faa41a;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 0.8rem 1.2rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
	font-family:'Open Sans';
	letter-spacing: 0.8px;
}

.buttonLight:hover {
    background-color: #faa41a;
    color: #fff;
	 border: 2px solid #faa41a;
}

.btnqueroserdigital {
	margin-top:12px;
	margin-left:10px;
	
}
/*************** Youtube Frame *****************/
embed{
    border:5px solid rgba(255,255,255,0);
    -webkit-border-radius: 20px !important; 
    -ms-border-radius: 20px !important; 
    -o-border-radius: 20px !important;  
    border-radius: 2px !important; 
	border: 3px solid #e6e6e6 !important;
	height:80% !important;	  
}

/*************** Boxes *****************/

.box h3 {padding:0px 20px 8px;}
.box p {padding:0px 20px;}

.box1 { position: relative; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; }
.box1 h2 {padding:25px 20px;}
.box1 h3 {padding:10px 20px;}
.box2 {border-bottom:2px solid #666;    position: relative;	margin-bottom:10px;}

.boxwhite {
	background: #FFF;
   -webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	padding: 10px 30px ;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box_nav {
	background: #FFF;
   -webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75);
	padding: 10px 30px ;
}


.boxMatematica {background-color:#fcbb00;	padding:5px 20px 10px 20px ;}
.boxCiencias {	background-color:#fe5d61;	padding:5px 20px 10px 20px ;}
.boxGeografia {	background-color:#00a683;	padding:5px 20px 10px 20px ;}
.boxHistoria {	background-color:#6d9ec6;	padding:5px 20px 10px 20px ;}
.boxLpt {	background-color:#978db0;	padding:5px 20px 10px 20px ;}
.boxMatematica > img, .boxCiencias  > img, .boxGeografia  > img, .boxHistoria  > img, .boxLpt > img {
	margin-top:-60px;  margin-left:-28px; max-height:60px;
}



/***************Badges Icons*****************/
.inspira-badge {
    background: url("../images/educational/badge-inspira.png") no-repeat scroll center center / cover ;
    border-radius: 100em;
    height: 200px;
    margin: -60px auto 30px;
    position: relative;
    width: 200px;
	z-index:200;
}


.inspira-badge2 {
    background: url("../images/educational/badge-inspira2.png") no-repeat scroll center center / cover ;
    border-radius: 100em;
    height: 120px;
    margin: -105px auto 30px;
    position: relative;
    width: 120px;
	margin: -70px auto 50px;
}

.inspira-badge3 {
    background: url("../images/educational/badge-inspira0.png") no-repeat scroll center center / cover ;
    border-radius: 100em;
    height: 120px;
    margin: -105px auto 30px;
    position: relative;
    width: 120px;
	margin: -70px auto 50px;
	z-index:999;
}

.inspira-badge4 {
    background: url("../images/educational/badge-inspira3.png") no-repeat scroll center center / cover ;
    border-radius: 100em;
    height: 120px;
    margin: -105px auto 30px;
    position: relative;
    width: 120px;
	margin: -70px auto 50px;
	z-index:999;
}

/*************** ABAS *****************/
#myTabs .active .btn-selecao {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	background:#FFF;
	margin-bottom:14px;
	padding:14px 20px;
	color:#666;
	background-color: #ffe954;	
	letter-spacing:1;
}

#myTabs a {
	color:#666;
}


 
/***************Home CSS*****************/

#homeeducational {	
	height: 480px;
	background:#37d686  !important;   
}

#homeeducational .intro-wrap {	
	z-index:1000; 
	position:absolute;
	width:100%;	
}

#homeeducational .videoBG {	height:550px;}
	
.moldura img {
   position:absolute;
   z-index:100;
}

.videopequeno {
    background-color: #cfe1e3;
    border: 6px solid #d8f7fb;
    display: block;
    width: 95%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

.intro-container {
    background: rgba(78, 126, 190, 0.65);
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 101%;
    z-index: 10;
}

.modal-header {
    border-bottom: 0px solid #e5e5e5;
    min-height: 16.43px;
    padding: 15px;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#homeeducational h1 {	
	text-transform: uppercase;
	color:#FFF;
	margin-top:200px;
	font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1em;
    margin-bottom: 0.2em;
	font-size:4.4em;
}


#homeeducational p {
 text-transform: uppercase; 
 text-align: center; 
 color:#ffda39;
 font-size:1.4em;
 margin-top:30PX;
}	


#homeeducational > .featured-stories .intro-wrap {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

#homeeducational > .featured-stories .intro-wrap .intro {
    position: relative;
    z-index: 100;
}

/*************** FIM Home *****************/

/***************HOME SOBRE CSS*****************/

#homesobre { height:536px  !important; }
#homesobre .videoBG { height:536px !important;}
#homesobre .intro-container {
    position: absolute;
	height: 536px !important;
    left: 0;    
    top: 0;
    width: 100%;
    z-index: 1;
}

#homesobre h1 {	
	text-transform: uppercase;
	color:#FFF;
	margin-top:10px;
	font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1em;
    margin-bottom: 0.2em;
	font-size:4em;
}

#homesobre h4 {	

	backface-visibility: hidden;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 12px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#homesobre p {

 text-align: center; 
 color:#ffda39;
 font-size:1.4em;
 margin-top:30px;
}	





/*************** FIM Home *****************/

.easystep_wrap {
    background-color:#FFF;
    padding: 50px 0;
    position: relative;
    width: 100%;
    z-index: 5;
    padding-bottom: 75px;
    padding-top: 24px;
    text-align: center;
}

.easystep_wrap h3 {
	font-size:1.8em;
	font-family: 'Dosis', sans-serif;
	font-weight: 900;
	color:#666;
}

.easystep_wrap p {
	font-size:1.2em;
	margin:0px 30px;
	color:#666;
}

.easystep_wrap img { width:70%;}


#TituloDigital {			 
	border-top:solid 2px #ffd539;
	-webkit-box-shadow: inset 10px 10px 4px -10px rgba(0,0,0,0.39);
	-moz-box-shadow: inset 10px 10px 4px -10px rgba(0,0,0,0.39);
	box-shadow: inset 10px 10px 4px -10px rgba(0,0,0,0.39);
}

#TituloDigital h5 {	font-size:22px; font-family: "Dosis",sans-serif; }

#TituloDigital h4 {	line-height:1.6; font-size:16px; color:#333; }


.wrap-fluid {
	margin-left: auto;
    margin-right: auto;
    padding-bottom: 6em;
    width: 96.5%;	
}

.books-wrap {	
	border-top:5px #f6f8f8 solid;	
    border-top: 2px solid #ffd539;
    box-shadow: 10px 10px 4px -10px rgba(0, 0, 0, 0.39) inset;
}



/***********Comentário**********/

#depoimentos {height:600px; }

.btnComentario .arrowleft, .btnComentario .arrowright { 
margin-top:-50px;
position:absolute;
font-size:32px;
z-index:1000;
}

.btnComentario .arrowright { 
position:absolute;
right:0;
margin-right:48%;
}

.btnComentario .arrowleft { 
position:absolute;
margin-left:48%;
}

.containerComentario {
    margin-left: 5%;
    width: 90%;
}
.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.comentario p {
    font-size: 15px;
    line-height: 28px;
    margin: 15px;
}

.comentario h5 {
    font-size: 18px;
    line-height: 28px;
    margin: 15px;
}


.containerComentario {
    margin-left: 5%;
    width: 90%;
}
.popupComentario {
    height: 90%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
}


/*********Fetures Section******/


#features-digital h3 {	
	font-size:28px;
	font-family: 'Dosis', sans-serif;
}


.play {
    height: 40px;
    padding-right: 15px;
    width: 40px;
}


/***********Tabela**********/


.tabela-conteudo {
	
	background: #f9f7ed none repeat scroll 0 0 !important;
	color:#000;
}

.book-block img {
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.23);
    margin-bottom: -18px;
    width: 100px;
	margin-left: 25%;
}

.conteudo-table .bluegray {
    background: #d0deef none repeat scroll 0 0 !important;
	color:#d0deef;
	height:60px;
	border-left: 1px solid #fff;	
}


.conteudo-table .bluelight {
    background: #e9eff7 none repeat scroll 0 0 !important;
	color:#e9eff7;
	height:60px;
	border-left: 1px solid #fff;
	width:18% !important;	
}


.conteudo-table .yellowtab {
    background: #ffc000 none repeat scroll 0 0 !important;
	color:#ffc000;
	height:60px;
	border-left: 1px solid #fff;
	width:18% !important;
	
}

.conteudo-table .begetab {
    background: #d0cece none repeat scroll 0 0 !important;
	color:#d0cece;
	height:60px;
	border-left: 1px solid #fff;	
}

.conteudo-table .bla {
    background: #fec844 none repeat scroll 0 0 !important;
}
.conteudo-table .sextocolor {
    background: #fec844 none repeat scroll 0 0 !important;
	width:21% !important;
}
.conteudo-table .setimacolor {
    background: #f68820 none repeat scroll 0 0 !important;
	width:21% !important;
}
.conteudo-table .oitavacolor {
    background: #bbbc33 none repeat scroll 0 0 !important;
	width:21% !important;
}
.conteudo-table .nonocolor {
    background: #05af6f none repeat scroll 0 0 !important;
	width:21% !important;
}
.tabela-mobile img {
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.23);
    margin-bottom: -15px;
    margin-left: 33%;
    text-align: center;
    width: 120px;
	
	
}
.tabela-mobile h4 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.tabela-mobile p {
    color: #000;
    font-size: 16px;
    line-height: 0.4;
    margin: 0 0 35px;
}
.tabela-mobile h3 {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.tabela-mobile-sexto {
    background: #fec844 none repeat scroll 0 0 !important;
    border: 1px solid #ccc;
    text-align: center;
    width: 100%;
}
.tabela-mobile-setimo {
    background: #f68820 none repeat scroll 0 0 !important;
    border: 1px solid #ccc;
    text-align: center;
    width: 100%;
}
.tabela-mobile-oitava {
    background: #bbbc33 none repeat scroll 0 0 !important;
    border: 1px solid #ccc;
    text-align: center;
    width: 100%;
}
.tabela-mobile-nono {
    background: #05af6f none repeat scroll 0 0 !important;
    border: 1px solid #ccc;
    text-align: center;
    width: 100%;
}

.table > tbody > tr > td,  .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #FFF;
    font-size: 1em;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;	
}

.table > thead > tr > th {
    border-bottom: 10px solid #f7f4e3;
    vertical-align: bottom;
	text-align:center;
}

.table > tbody > tr > th {
	font-family: 'Dosis', sans-serif;
	font-size: 1.6em;
	 border-top: 1px solid #FFF;
	 
}

.book-block p {
	font-size: 1.6em;
	font-family: 'Dosis', sans-serif;
	color:#a59643;
}

.img-adjust-book img {
	width:95%;
	position:relative;
	margin-top:-190px;	
}

.spreadimage1 img { 
position:absolute; 
width:320px;
margin-left:10%;
margin-top:-26px;
}

.spreadimage2 img { 
position:absolute; 
width:320px;
margin-left:-3%;
margin-top:-30px;

}




/********** Area corrente pedagógica ***********/
.pedagogic_guys img {	
	width: 90%;
	border-radius: 130em;	
	}

.pedagogic_guys h4 {
	font-size:1em;
	color:
}


/********** Area Formação ***********/
.formacao-area  {	
	background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/bg/bg_pattern.png");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
	background:cover;
	background-color: #ffc000  ;	
	border-top: 2px solid #ffd539;
    box-shadow: 10px 10px 4px -10px rgba(0, 0, 0, 0.39) inset;
	 
}

.formacao-area h1 {
	font-size:36px;
	
}

/********** Area Case ***********/

#case-intro {	
	height:280px;
	background:#37d686  !important;   
	background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/bg/bg_pattern.png");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
	background:cover;
	background-color: #ebfdff ;
}

#case-intro h1 {	
	text-transform: uppercase;
	color:#FFF;
	margin-top:140PX;
	font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1em;
    margin-bottom: 0.2em;
	font-size:4em;

}

#case-intro p { text-transform: uppercase;  text-align: center; }	
#case .logo img {height:180px;}
#case .img-adjust img {
	width:46%;
	float:left;
	margin: 2%;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.title-case h3 {
	padding:14px 18px;
	border-bottom: dashed #fec844 1px;
	font-weight:600;
	margin-top:-2px;
	font-size:1.4em;
	font-family: 'Dosis', sans-serif;
}

/********** Carrosel Do Case ***********/
#myCarousel img {	width:100%;	text-shadow: 0 0 5px rgba(64, 64, 64, 0.25);}
#myCarousel .box {
	width:98%;	
	background-color:#fff;
	border:solid 1px #efefef;
	padding:px 6px;	
	-webkit-box-shadow: 3px 2px 5px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 2px 5px -4px rgba(0,0,0,0.75);
	box-shadow: 3px 2px 5px -4px rgba(0,0,0,0.75);	
}
.carousel-control.right { background-image: none;}
.carousel-control.left { background-image: none; }
.carousel-control {
    bottom: 0;
    color: #fec844;
    font-size: 20px;
    left: 0;
    opacity: 1;
    position: none;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: auto;
}

/********** Area Research ***********/

#research .logos img {
	width:100%;
	background-color:#f8f8f8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-shadow: 0 0 5px rgba(64, 64, 64, 0.25);
}


.logosUniversidade {
 width:60%; 
 margin-top:10px;
 margin-left:20%;
 -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.imgRounded {
	border: #98aed7 solid 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.yellowgente {
	background:#fff200;
}

.branco {
	background:#fff;
}
   
#research {
	background-color: #FFC80A;
    background-repeat: repeat;
    position: relative;
    width: 100%;  
	color:#000;
	font-weight:600;
	font-size:1.1em;	
}

#research h3 {
	font-size:2em;
	font-weight:900;	
	color:#FFF;
	font-family: 'dosis';
	text-shadow: 0 0 5px rgba(64, 64, 64, 0.25);	
}





/* FOOTER */
#footer {
  border-top:#cfcfcf 2px solid;

}
.rodape {
	position:abolute;
	bottom:0;
	
}

.rodape h5 {	
	padding:20px 0px;
	color:#93969c;
	margin-bottom:-10px;
	
}


.footer-top {
  position: relative;
  padding:20px 0
}

#footer img {
	float: left;
    margin: 0 20px 30px;
    width: auto;
}

#footer h3 {margin-top:-8px; font-size:24px;	}
#footer p {	margin-top:-1px; font-size:18px;	}
#contato {	background-color:#415a76;}
#contato p {color:#fff;}


#footer  h4 {
    text-transform:uppercase;
    color:#000;
}

#footer #redes-sociais a {
    background: #ccc none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
    width: 28px;
}

#footer #redes-sociais a {
    color: #fff;
    font-size: 1.6rem;
    line-height: 28px;
	
}

#footer #redes-sociais a i {
   margin-left:6px;
	
}

/* min-width & max-width */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
	.img-adjust-book img {	
	width:100%;
	position:relative;	
	}
	
	.spreadimage2 img {
    margin-left: -7%;
    margin-top: -30px;
    position: absolute;
    width: 320px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	
		
	.spreadimage2 img {
    margin-left: -7%;
    margin-top: -30px;
    position: absolute;
    width: 280px;
	}
	.spreadimage1 img { 
	position:absolute; 
	width:280px;
	margin-left:8%;
	margin-top:-26px;
	}
	
	.videopequeno { margin-top:34px;}	
	.img-adjust-book img {margin-top:0;	}	
	.case-slider .box { margin-top:40px;}	
	.mt50 { margin-top:30px;}
	
}

@media only screen and (min-width: 10px) and (max-width: 600px) {
	
		
	.videopequeno { margin-top:40px;}
	h1{ text-align:center;
	font-size:2.6em;}
	
	.img-adjust-book img {
	
	width:100%;
	position:relative;
	
	}
	
	.books-wrap .ajuste-img img {	
	width:100%;
	position:relative;	
	}
	
	.pedagogic_guys img {
	
	width: 100%;
	border-radius: 130em;
	
	
	}
	#research .logos img {
    background-color: #f8f8f8;
    border-radius: 8px;
    text-shadow: 0 0 5px rgba(64, 64, 64, 0.25);
    width: 250px;
	}

	.logosUniversidade {
    border-radius: 8px;
	position:relative;
    left: 50%;
    margin-top: 10px;
    width: 250px;
	margin-left:-125px;
	display:table;
	}
	
	#homeeducational h1 {
    color: #fff;
    font-size: 2.8em;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1em;
    margin-bottom: 60px;
    margin-top: 220px;
    text-transform: none;
	margin-left:20px;
	
	}
	
	.intro-container {
    background: rgba(78, 126, 190, 0.65) none repeat scroll 0 0;
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 105%;
    z-index: 10;
	
	}
	
	.mbxs40 {margin-bottom: 60px;}
	
	p { margin: 10px 12%;
	text-align:center;}
	
	h1 { 
	margin: 10px 12%;
	text-align:center;}
	
	h3 { 
	text-align:center;}
	
	.video-container {
    margin-bottom:30px;
	}
	
	#myCarousel .box {
    background-color: #fff;
    border: 1px solid #efefef;
    box-shadow: 3px 2px 5px -4px rgba(0, 0, 0, 0.75);
    width: 80%;
	margin-bottom:30px;
	margin-lefT:10%;
	}
	
	.title-case h3 {
    border-bottom: 1px dashed #fec844;
    font-family: "Dosis",sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    margin-top: -2px;
    padding: 14px 18px;
	}	
}







/* PLATAFORMA ICONS */

.g-center {
    float: none;
    margin: 0 auto;
}


.tc {
    text-align: center;
}


div.platform-icon {
    background: #fff none repeat scroll 0 0;
    display: inline;
    float: left;
    height: 50px;
    margin: 5px;
    padding: 5px;
    width: 50px;
}
.ic, .ir, .il {
	border-radius: 50%;
}
.tt {
    position: relative;
	
}


div.platform-icon {
    background: #fff none repeat scroll 0 0;
    display: inline;
    float: left;
    height: 66px;
	width: 66px;
    margin: 5px;
    padding: 5px;
	border: 2px solid #7285eb;
    
}
div.g-center div.platform-icon {
    display: inline-block;
    float: none;
}
div.platform-icon a, div.platform-icon div.logo {
    background-image: url("http://unity3d.com/profiles/unity3d/themes/unity/images/assets/elements/platform-logos.png");
    display: block;
    height: 50px;
    width: 50px;
	 
}
div.platform-icon .win {
    background-position: 0 0;
}
div.platform-icon .pc {
    background-position: 0 0;
}
div.platform-icon .winphone8 {
    background-position: 0 -50px;
}
div.platform-icon .windowsphone8 {
    background-position: 0 -50px;
}
div.platform-icon .winstore {
    background-position: 0 -100px;
}
div.platform-icon .windowsstore {
    background-position: 0 -100px;
}
div.platform-icon .windowsstoreapps {
    background-position: 0 -100px;
}
div.platform-icon .mac {
    background-position: 0 -150px;
}
div.platform-icon .linux {
    background-position: 0 -200px;
}
div.platform-icon .web {
    background-position: 0 -250px;
}
div.platform-icon .unitywebplayer {
    background-position: 0 -250px;
}
div.platform-icon .ios {
    background-position: 0 -300px;
}
div.platform-icon .android {
    background-position: 0 -350px;
}
div.platform-icon .blackberry {
    background-position: 0 -400px;
}
div.platform-icon .wiiu {
    background-position: 0 -450px;
}
div.platform-icon .ps3 {
    background-position: 0 -500px;
}
div.platform-icon .playstation3 {
    background-position: 0 -500px;
}
div.platform-icon .ps4 {
    background-position: 0 -550px;
}
div.platform-icon .playstation4 {
    background-position: 0 -550px;
}
div.platform-icon .xbox {
    background-position: 0 -600px;
}
div.platform-icon .facebook {
    background-position: 0 -650px;
}
div.platform-icon .playstationvita {
    background-position: 0 -700px;
}
div.platform-icon .webplayer {
    background-position: 0 -750px;
}
div.platform-icon .xboxone {
    background-position: 0 -800px;
}
div.platform-icon .xbox360 {
    background-position: 0 -850px;
}
div.platform-icon .tizen {
    background-position: 0 -900px;
}
div.platform-icon .psmobile {
    background-position: 0 -950px;
}
div.platform-icon .teamlicense {
    background-position: 0 -1000px;
}
div.platform-icon .oculus {
    background-position: 0 -1050px;
}
div.platform-icon .oculusright {
    background-position: 0 -1050px;
}
div.platform-icon .oculusrift {
    background-position: 0 -1050px;
}
div.platform-icon .webgl {
    background-position: 0 -1100px;
}
div.platform-icon .samsungtv {
    background-position: 0 -1150px;
}
div.platform-icon .gearvr {
    background-position: 0 -1200px;
}
div.platform-icon .androidtv {
    background-position: 0 -1250px;
}
div.platform-icon .hololens {
    background-position: 0 -1300px;
}
div.platform-icon .universal-windows {
    background-position: 0 -1350px;
}
div.platform-icon .playstationvr {
    background-position: 0 -1400px;
}
div.platform-icon .tvos {
    background-position: 0 -1450px;
}
div.platform-icon .nintendo3ds {
    background-position: 0 -1500px;
}
div.platform-icon .vive {
    background-position: 0 -1550px;
}
div.platform-icon .cardboard {
    background-position: 0 -1600px;
}