/*
Theme Name: BMJ Brasil
Version: 2016
Author: Vinicius Ribeiro
Author URI:  http://www.ribeirovinicius.com
*/


@import url(./css/swiper.min.css);
@import url(./css/fonts.css);

* {
	margin:0;
	padding:0;
	outline:none;
	vertical-align:baseline;
	text-decoration:none;
	box-sizing:border-box
}

html, body {
	height:100%;
}

body {
	background:#fff;
	color:#666666;
	font-family: 'Myriad Pro';
	overflow-x:hidden
}

img, iframe, object {
	max-width:100%;
	height:auto;
}

object[type="application/gas-events-abn"] {
    display: none;
}

a, a:link {
	color:#000
}

.alignleft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.alignright {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.aligncenter {
	float:none;
	margin:0 auto;
	text-align:center;
}

img.aligncenter {
	display:block
}
/* Configuracoes Gerais */

.clear:after, .clear:before {
	content:"";
	clear:both;
	display:block;
	width:100%;
	height:0;
}

.grid {
	width:90%;
	max-width:1050px;
	margin:0 auto;
}

.colunas {
	margin-left:-15px;
}

.col-2 {
	width:50%;
	float:left;
	padding:0 15px;
}

.col-3 {
	width:33.33%;
	float:left;
	padding:0 15px;
}

.col-4 {
	width:25%;
	float:left;
}


/* Page Header */

.page-header {
	width:100%;
	height:100px;
	position:relative;
	top:0;
	z-index:99999;
	padding-left:30px;
	background:#fff;
}

.page-header .brand {
    float: left;
    max-width: 120px;
    margin-top: 15px;
    position: relative;
    z-index: 98;
}

#menu-desktop, #menu-desktop-1 {
	position: absolute;
	left: 0;
	right: 0;
	margin: 35px auto 0;
	text-align: center;
}
	
#menu-desktop > li, #menu-desktop-1 > li {
	display: inline-block;
	float:none;
	text-transform:uppercase;
	font-size:18px;
	transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}

#menu-desktop > li > a, #menu-desktop-1 > li > a {
	display: block;
	color:#0F70B9;
	padding:2.5px 10px;
	font-weight:bold;
	transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
}

#menu-desktop > li:hover, #menu-desktop-1 > li:hover {
	background:#0F70B9;
}

#menu-desktop > li:hover > a, #menu-desktop-1 > li:hover > a {
	color:#fff;
	font-weight:bold;
}

#menu-desktop > li:hover > .sub-menu, #menu-desktop-1 > li:hover > .sub-menu {
	opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
		transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
}

.sub-menu {
	background: rgba(180, 207, 238, 0.8);
	position:absolute;
	width:250px;
	z-index:99;
	opacity: 0;
    visibility: hidden;
	transform: translate(-30px, 0px);
	transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
}

.sub-menu > li {
	display:block;
	float:none;
	width:100%;
	height:35px;
	line-height:35px;
	padding:0 10px;
	font-weight:normal;
}

.sub-menu > li > a {
	display:block;
	width:100%;
	color:#0F70B9;
}

#menu-mobile nav ul li a:hover, #menu-desktop .sub-menu > li:hover, #menu-desktop-1 .sub-menu > li:hover {
	background:#edf1f6;
}

#menu-desktop .sub-menu > li:hover > a, #menu-desktop-1 .sub-menu > li:hover > a {
	color:#0F70B9;
}

.search {
	float:right;
	position:relative;
	width:190px;
	top:52px;
}

.search input[type="text"] {
	width:100%;
	border:1px solid #00B2A9;
	border-right:0;
	height:30px;
	padding-left:30px;
	transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
	font-family:'Myriad Pro';
}

.search button {
	position:absolute;
	left:10px;
	top:5px;
	background:none;
	cursor:pointer;
	border:none;
}

.close {
    position: absolute;
    right: 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
	cursor:pointer;
}

.overlay {
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.7);
	position:fixed;
	z-index:199;
	top:0;
	opacity:0;
	pointer-events:none;
}

.opac {
	opacity:1;
	pointer-events:auto;
}

.botao {
    font-weight: bold;
    text-transform: uppercase;
    color: #2b72b8;
	cursor:pointer;
	display:none;
}

.retratil {
	height:50px;
	line-height:50px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.41);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.41);
}

.retratil .brand {
	max-width:80px;
	margin-top:10px;
	padding-left:30px;
	float:left;
	z-index:999;
	position:relative;
}

.retratil #menu-desktop-1 {
	margin:0 auto;
}

.retratil #menu-desktop-1 > li > a {
	padding:0 10px;
}

.retratil .search {
    float: right;
    right: -150px;
	top:0;
}

.retratil .search button {
	top:15px;
}

.retratil .search:hover {
	right:0;
}

.header-retratil {
    width: 100%;
    position: fixed;
    top: -155px;
	z-index:999999;
	background:#fff;
}

.header-retratil.desce {
	top:0;
}

.thebmj {
    position: absolute;
    right: -25px;
    top: 10px;
	cursor:pointer;
}

.bmj-box {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: rgba(255,255,255,0.9);
    z-index: 999999999;
	opacity:0;
	pointer-events:none;
	display: -ms-flex;display: -webkit-flex;display: flex;-ms-align-items: center;-webkit-align-items: center;align-items: center;-ms-justify-content: center;-webkit-justify-content: center;justify-content: center ;
}

.bmj-box.active {
	opacity:1;
	pointer-events:visible;
}

.close {
	position:absolute;
	top:20px;
	right:20px;
	background:url('./img/close.png');
	background-size:cover;
	width:22px;
	height:22px;
}

.box {
	max-width:400px;
	min-width:400px;
	width:90%;
	padding:20px;
	position:relative;
	background:#b4cfee;
}

.box .borda {
	background:#f2f7fc
}

.box img {
	display:block;
	margin:10px auto;
}

.box form label {
	background:#0f70b9;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	display: block;
	float:left;
	font-weight:bold;
	transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
	height:25px;
	line-height:25px;
}

.box span.wpcf7-not-valid-tip, .box form label span {
	display:block;
	transform: skewX(25deg);
    -o-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
}

.box span.wpcf7-not-valid-tip {
	display:none;
}

.box form label:first-child {
	width:30%;
}

.box form .borda.um {
	width:68%;
}

.box form label.dois {
	width:25%;
}

.box form .borda.dois {
	width:73%;
}

.box form label.tres {
	width:20%;
}

.box form .linha {
	margin:10px auto;
}

.box form input[type="text"], .box form input[type="email"] {
	width:100%;
	height:100%;
	padding:0 10px;
	transform: skewX(25deg);
    -o-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
	border:none;
	background:none;
}

.box form input[type="submit"] {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	background:#69be28;
	font-family: 'Myriad Pro';
	padding:5px 10px;
	border:none;
	cursor:pointer;
	float:right;
}

span.wpcf7-not-valid-tip {
	display:none !important
}

.wpcf7-form-control-wrap {
	position:static !important
}

/* Home Slider */

.swiper1 {
	width:100%;
	height:360px;
}

.swiper1 .swiper-slide {
    background-size: cover;
    background-position: center;
}

.slide-title {
    display: block;
    position: absolute;
    right: 0;
    bottom: 30px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #00B2A9;
    padding: 10px;
    font-size: 24px;
    color: #0F70B9;
    text-transform: uppercase;
    font-weight: bold;
    border-right: 0;
}

.swiper1 .swiper-pagination {
	text-align:right;
	bottom:90px;
}

.bloco-dois .swiper-pagination-bullet, .swiper1 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #B4CFEE;
    opacity: .8;
}

.bloco-dois .swiper-pagination-bullet-active, .swiper1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #00B2A9;
    border: 3px solid #c0d6ee;
}

/* Menu Páginas */

#breadcrumbs {
    list-style:none;
    margin:0 auto;
    overflow:hidden;
	max-width:1050px;
	color:#fff;
}
  
#breadcrumbs li {
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}
  
#breadcrumbs .separator {
    font-size:12px;
    font-weight:100;
}

#breadcrumbs a {
	color:#fff;
}

#menu-paginas {
	width:100%;
	height:35px;
	background:#0F70B9;
	list-style:none;
	text-align:right;
	line-height:35px;
}

/* Páginas */

.page-title {
	display:block;
	margin:30px 0 15px;
	color:#00B2A9;
	font-size:35px;
	font-weight:normal;
	text-transform:uppercase
}

.page-title span {
	font-weight:bold;
}

#content p {
	font-size:15px;
	display:block;
	margin:15px 0;
	line-height:22px;
	color:#404041;
}

#content p b {
	font-weight:bold;
}

.newspapper {
	column-count: 3;
	-webkit-column-count: 3;
    -moz-column-count: 3
}

#content a  {
	color:#0F70B9;
	font-weight:bold;
}

/* Pesquisa */

#posts {
	margin-top:30px;
}

#posts h2 {
	text-transform:uppercase;
	color:#0F70B9;
	margin-bottom:20px;
}

.post-resumo {
	border-left:3px solid #0F70B9;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#0F70B9;
	padding:5px 0;
	padding-left:15px;
}

.post-resumo:hover {
	background:#0F70B9;
	color:#fff;
	box-shadow:-1px 1px 1px 0px #A7A7A7;
}

.post-resumo .item a {
	display:block;
	width:100%;
	height:100%;
	color:#0F70B9;
}

.post-resumo:hover .item a {
	color:#fff;
}

.tit-resumo {
    font-weight: bold;
    font-size: 18px;
}

.date-resumo {
    display: block;
    font-size: 12px;
}

.paginacao {
	font-weight:bold;
	color:#0F70B9;
	text-transform:uppercase;
}

.paginacao span:first-child {
    vertical-align: middle;
}

.paginacao .current, .paginacao a {
	display:inline-block;
	width:25px;
	height:25px;
	text-align:center;
	color:#fff;
	line-height:25px;
	background:#0F70B9;
	margin:5px;
	border:2px solid #0F70B9
}

.paginacao .current, .paginacao a:hover {
	background:transparent;
	color:#0F70B9
}

/* Produtos */

.item-product {
	border-top:2px solid #69BE28;
	padding-top:10px;
	margin:15px 0;
	min-height: 500px;
}

.item-product p {
	margin:0 auto !important;
}

.banner-product {
	width:100%;
	margin:10px 0
}

.logo-product {
    min-height: 61px;
}

.banner-product img {
	min-width:100%;
}

.bt {
	display:block;
	text-align:right;
	text-transform:uppercase;
	font-size:14px;
	margin-top:10px;
}

.bt a {
	color:#404041
}

.bt span {
    display: inline-block;
    background: #69BE28;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    border-radius: 50%;
}

.colunas .col-3:nth-child(2) .item-product {
	border-color:#7D5CC6
}

.colunas .col-3:nth-child(2) .item-product .bt span {
	 background: #7D5CC6;
}

.colunas .col-3:nth-child(3) .item-product {
	border-color:#C50084
}

.colunas .col-3:nth-child(3) .item-product .bt span {
	 background: #C50084;
}
.colunas .col-3:nth-child(4) .item-product {
	border-color:#CD202C
}

.colunas .col-3:nth-child(4) .item-product .bt span {
	 background: #CD202C;
}

.colunas .col-3:nth-child(5) .item-product {
	border-color:#E37222
}

.colunas .col-3:nth-child(5) .item-product .bt span {
	 background: #E37222;
}

.colunas .col-3:nth-child(6) .item-product {
	border-color:#F0AB00
}

.colunas .col-3:nth-child(6) .item-product .bt span {
	 background: #F0AB00;
}

.clique {
	display:block;
	text-align:center;
	margin:50px auto 0
}

/* Parceiros */

.comentario {
	clear:both;
	padding-top:20px;
}

.info-comentario {
	max-width:100%;
	float:left;
	width:280px;
}

.sobre-comentario {
	display:block;
	padding-top:10px;
	max-width:230px;
}

.nome {
	font-weight:bold;
	display:block;
}

.cargo b {
	display:block;
}

.foto-comentario {
    float: left;
	margin-right:10px;
}

.foto-comentario img {
    border: 5px solid #2b72b8;
    border-radius: 50%;
}

.text-comentario {
    float: left;
    width: 755px;
	position:relative;
	max-width:100%
}

.text-comentario p {
	margin:0 !Important;
}

.text-comentario:before {
    content: "";
    width: 23px;
    display: block;
    height: 80px;
    background: url('./img/seta-comentario.png');
    position: absolute;
    left: -40px;
}

/* Assuntos Evidencia */

.busca {
	width:calc(100% - 15px);
	height:30px;
	border:none;
	border:1px solid #00B2A9;
	position:relative;
	margin:30px auto;
	transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
	padding-left:10px;
}
	
#jetsSearch {
	width:100%;
	border:none;
	background:url('./img/lupa.png') center left no-repeat;
	height:100%;
	padding-left:30px;
	position:absolute;
	transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
	color:#afafaf;
   font-family:'Myriad Pro';
   font-weight:bold;
   text-transform:uppercase;
}

::-webkit-input-placeholder {
   color:#afafaf;
   font-family:'Myriad Pro';
   font-weight:bold;
   text-transform:uppercase;
}

:-moz-placeholder {
   color:#afafaf;
   font-family:'Myriad Pro';
   font-weight:bold;
   text-transform:uppercase;
}

::-moz-placeholder {
   color:#afafaf;
   font-family:'Myriad Pro';
   font-weight:bold;
   text-transform:uppercase;
}

:-ms-input-placeholder {  
   color:#afafaf;
   font-family:'Myriad Pro';
   font-weight:bold;
   text-transform:uppercase;
}

.subj-item {
	width:100%;
	height:210px;
	max-width:400px;
	margin:0 auto;
	background-size:cover;
}

.subjects .col-3 {
    position: relative;
    padding: 0;
    margin: 0 15px 30px;
    width: calc(33.33% - 30px);
}

.subj-title {
    display: block;
    width: 100%;
    background:rgba(105, 190, 40,0.8);
	text-align:center;
	font-size:38px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
    top: 50px;
    position: relative;
}

.subjects .col-3:nth-child(1):hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(105, 190, 40,1);
	box-shadow: 0 0 5px 0 rgba(105, 190, 40,1);
}

.subjects .col-3:nth-child(2) .subj-title {
	background:rgba(125, 92, 198,0.8)
}

.subjects .col-3:nth-child(2):hover .subj-title {
	background:rgba(125, 92, 198,1)
}

.subjects .col-3:nth-child(2):hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(125, 92, 198,1);
	box-shadow: 0 0 5px 0 rgba(125, 92, 198,1);
}

.subjects .col-3:nth-child(3) .subj-title {
	background:rgba(197, 0, 132,0.8)
}

.subjects .col-3:nth-child(3):hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(197, 0, 132,1);
	box-shadow: 0 0 5px 0 rgba(197, 0, 132,0.8);
}

.subjects .col-3:nth-child(3):hover .subj-title {
	background:rgba(197, 0, 132,1)
}

.subjects .col-3:nth-child(4) .subj-title {
	background:rgba(205, 32, 44,0.8)
}

.subjects .col-3:nth-child(4):hover .subj-title {
	background:rgba(205, 32, 44,1)
}

.subjects .col-3:nth-child(4):hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(205, 32, 44,1);
	box-shadow: 0 0 5px 0 rgba(205, 32, 44,1);
}

.subjects .col-3:nth-child(5) .subj-title {
	background:rgba(227, 114, 34,0.8)
}

.subjects .col-3:nth-child(5):hover .subj-title {
	background:rgba(227, 114, 34,1)
}

.subjects .col-3:nth-child(5):hover{
	-webkit-box-shadow: 0 0 5px 0 rgba(227, 114, 34,1);
	box-shadow: 0 0 5px 0 rgba(227, 114, 34,1);
}

.subjects .col-3:nth-child(6) .subj-title {
	background:rgba(240, 171, 0,0.8)
}

.subjects .col-3:nth-child(6):hover .subj-title {
	background:rgba(240, 171, 0,1)
}
.subjects .col-3:nth-child(6):hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(240, 171, 0,1);
	box-shadow: 0 0 5px 0 rgba(240, 171, 0,1);
}

.resu-item {
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    padding: 10px;
    color: #000;
    font-size: 14px;
	font-weight:normal;
}

.resu-item p {
	margin:0 !important;
}

.subjects .col-3:hover .subj-title {
	background:rgba(105, 190, 40,1)
}


/* Assuntos Interno */

.assunto-atual {
	width:18%;
	height:120px;
	background-size:cover;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	float:left;
}

.slide-assuntos {
    position: relative;
	width:78%;
	float:right;
	padding-right:30px;
}

.slide-assuntos .swiper-button-prev {
	left:-30px !Important;
}

.assunto-lista {
	height:120px;
	background-size:cover;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.nome-assunto {
    width: 100%;
    height: 30px;
    background: rgba(105, 190, 40,0.8);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    display: block;
    line-height: 30px;
}

.slide-assuntos .swiper-slide:first-child .nome-assunto {
    background: rgba(125, 92, 198,0.8);
}

.slide-assuntos .swiper-slide:nth-child(2) .nome-assunto {
    background: rgba(197, 0, 132,0.8);
}

.slide-assuntos .swiper-slide:nth-child(3) .nome-assunto {
    background: rgba(205, 32, 44, 0.8);
}

.slide-assuntos .swiper-slide:nth-child(4) .nome-assunto {
    background: rgba(227, 114, 34, 0.8)
}

.slide-assuntos .swiper-slide:nth-child(5) .nome-assunto {
    background:rgba(240, 171, 0, 0.8)
}

.lista-links {
	margin-top:30px;
	list-style:none;
}

.lista-links li {
	height:20px;
	line-height:20px;
	margin-bottom:15px;
}

.lista-links li:hover .data-as {
	background:#00B2A9;
	color:#fff;
}

.icone-baixar {
    width: 3.4%;
    height: 20px;
    background: url(./img/download.png);
    display: block;
    background-size: cover;
	float:left;
}

.titulo-as {
	float:left;
	background:#f2f7fc;
	transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
	font-size:14px;
	color:#000;
	width: 86.6%;
}

.data-as {
    border: 1px solid #00B2A9;
    float: left;
    text-transform: uppercase;
    color: #00B2A9;
    font-size: 12px;
	transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
	margin-left:5px;
	height:20px;
	width: calc(10% - 5px);
    text-align: center;
}

.data-as span, .titulo-as span {
	display:block;
	padding:0 10px;
	transform: skewX(30deg);
    -o-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);	
}


/* Vídeos */

.gallery-top {
	height:300px;
}

.swiper3 {
	height:auto;
	margin-top:15px;
}

.thumbs {
	position:relative;
}

.thumb {
    height: 120px;
    background-size: cover;
	cursor:pointer;
	opacity:0.8;
}

.videos .colunas {
	margin-left:15px;
}

.videos .coluna {
	height:300px;
	position:relative;
	width:50%;
	float:left;
}

.iframe iframe {
	position:absolute;
	width:100%;
	height:100%;
}

.infos {
    background: #f2f7fc;
    padding: 20px;
	border-left: 15px solid #fff;
}

.infos:after {
    content: "";
    background: url(./img/ponteira.png);
    position: absolute;
    width: 187px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 9;
    background-color: #f2f7fc;
    background-size: cover;
}

.titulo-video {
    display: block;
    max-width: 60%;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
	color:#69be28;
}

.desc-video {
    font-size: 14px;
    display: block;
    max-width: 60%;
    margin-top: 10px;
}

.compartilhe {
    right: 10px;
    position: absolute;
    z-index: 19;
    width: 40%;
    top: 20px;
    text-align: right;
}

.compartilhe span {
	display:block;
	color:#fff;
	font-size:14px;
	text-align:right;
	text-transform:uppercase;
}

.social {
	width:20px;
	height:20px;
	display:inline-block;
	background-size:cover;
	margin:0 2.5px
}

.fb {
	background-image:url('./img/facebook.png');
}

.tw {
	background-image:url('./img/twitter.png');
}

.go {
	background-image:url('./img/google.png');
}

.swiper3 {
	width:95%;
	margin:15px auto 0;
}

.slide-assuntos .swiper-button-next, .slide-assuntos .swiper-button-prev,  .thumbs .swiper-button-next, .thumbs .swiper-button-prev {
	background: url(./img/setas.png);
    height: 28px;
    background-size: cover;
    width: 16px;
	top:calc(50% + 5px);
}

.slide-assuntos .swiper-button-prev, .thumbs .swiper-button-prev {
	left:0;
}

.slide-assuntos .swiper-button-next, .thumbs .swiper-button-next {
	background-position:right;
	right:0;
}


/* Contato */

.bloco {
    background: #f2f7fc;
    margin: 0 15px;
    width: calc(33.33% - 30px);
	padding:15px;
	min-height:200px;
	border-top:2px solid #e37222;
}

.colunas .bloco:first-child {
	border-color:#69be28;
}

.colunas .bloco:nth-child(2) {
	border-color:#c50084
}

.bloco h2 {
    text-align: center;
    margin: 10px auto;
}

.bloco form {
	width:100%;
	margin-top:10px;
}

.bloco form input[type="submit"], .bloco form label {
	width:20%;
	background:#0f70b9;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	height:25px;
	display: block;
	float:left;
	font-weight:bold;
	line-height:25px;
}

.bloco form label {
	transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
}

.bloco form label span {
	display:block;
	transform: skewX(25deg);
    -o-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
}

.bloco form input[type="email"] {
	background:transparent;
	padding-left:10px;
	transform: skewX(25deg);
    -o-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

.borda {
	width:78%;
	float:right;
	position:relative;
	margin-left:2%;
	border:1px solid #0f70b9;
	height:25px;
	transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
}

.bloco form input[type="submit"] {
	width:auto;
	float:right;
	border:none;
	padding:5px;
	font-family:'Myriad Pro';
	line-height:0;
	font-size:14px;
	cursor:pointer;
	margin-top:10px;
}

#perguntas {
    width: 100%;
    padding: 15px;
    background: #f2f7fc;
    margin-top: 30px;
}

.ocultar {
	cursor: pointer;
	font-weight:bold;
	font-size:18px;
	color:#00b2a9;
	font-style:italic;
	margin:15px 0;
}

.ocultar:before {
    content: "";
    display: block;
    width: 10px;
    float: left;
    height: 16px;
    background: url(./img/setinha.png);
    margin-right: 10px;
	vertical-align:middle;
}

.mostrar {
	
}

/* Time Bmj */

.team {
	list-style:none;
	margin-top:50px;
}

.team-person {
	float:left;
	width:50%;
	padding:15px;
	margin-bottom:30px;
}

.person-photo {
    width: 200px;
    height: 200px;
    display: block;
    background-size: cover;
    border-radius: 50%;
    border: 5px solid #69be28;
	float:left;
	margin-right:30px;
}

.team .team-person:nth-child(2) .person-photo {
	border-color:#7d5cc6
}
.team .team-person:nth-child(3) .person-photo {
	border-color:#c50084
}
.team .team-person:nth-child(4) .person-photo {
	border-color:#cd202c
}

.person-infos {
	padding-top:50px;
}

.person-infos span {
	display:block;
	font-size:12px;
	margin:5px 0;
}

.person-name {
	font-weight:bold;
	font-size:18px !important;
	margin-bottom:20px !important;
}

.person-text {
	color:#666666;
	text-align:justify;
	margin-top:10px;
}

/* Embaixadores */

.embaixadores {
	width:66.66%;
	float:left;
}

.embaixadores .content {
	column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
	margin-top:30px;
}

.beneficios {
	float:left;
	width:33.33%;
	padding-left:30px;
}

.lista-benef {
	list-style:none;
}

.lista-benef li {
	font-size:18px;
	color:#404041;
	margin:15px auto;
	text-align:justify;
}

.lista-benef li:before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url(./img/topico-verde.png);
    margin-right: 4px;
    position: relative;
    top: 1px;
}

.lista-benef li:nth-child(2):before {
	background-image: url(./img/topico-roxo.png);	
}

.lista-benef li:nth-child(3):before {
	background-image: url(./img/topico-magento.png);	
}

.lista-benef li:nth-child(4):before {
	background-image: url(./img/topico-vermelho.png);	
}

.lista-benef li:nth-child(5):before {
	background-image: url(./img/topico-laranja.png);	
}

.ins {
	display:block;
	padding:25px;
	background:#0F70B9;
	color:#fff !important;
	font-size:29px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal !important;
	margin-top:30px;
	border:3px solid #0F70B9;
}

.ins span {
	font-weight:bold
}

.ins:hover {
	background:transparent;
	color:#0F70B9 !important;
}

.estudantes h2 {
	margin-bottom:30px;
}

.estudante {
	margin-bottom:30px;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.est-info {
	width:25%;
	float:left;
}

.est-img {
	width:65px;
	height:65px;
	background-image:url('./img/estudante.png');
	display:inline-block;
	background-size:cover;
	border:3px solid #0F70B9;
	border-radius:50%;
	float:left;
	margin-right:15px;
}

.est-name {
	font-weight:bold;
	display:block;
	margin-bottom:5px;
	padding-top:0px;
}

.est-school {
	font-style:italic;
}

.est-dep {
	position:relative;
	padding-left:15px;
	width:calc(75% - 15px);
	float:right;
	margin-left:15px;
}

.est-dep p {
	margin:0 !important;
}

.est-dep:before {
	content:"";
	display:block;
	position:absolute;
	width:4px;
	height:100%;
	background:#0F70B9;
	left:0;
}

.est-dep:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url(./img/ponta.jpg);
    width: 24px;
    height: 17px;
    background-size: cover;
    left: -20px;
    top: calc(50% - 10px);
}

/* Assinatura */

.bloco-um {
	width:66.66%;
	float:left;
}

.bloco-dois {
    width: 33.33%;
    float: left;
    border-left: 20px solid #fff;
	position:relative;
}

.cadastro, .assinatura {
	background:#f2f7fc;
	padding:15px;
	position:relative;
}

.cadastro:before, .assinatura:before {
	content:"";
	display:block;
	background-image:url('./img/linha-colorida.png');
	width:100%;
	height:2px;
	background-size:cover;
	position:absolute;
	left:0;
	top:0;
}

.cadastro p, .assinatura p {
	margin:0 0 15px!important;
}

.produtos {
	list-style:none;
}

.produto {
	float:left;
	width:calc(50% - 10px);
	padding:15px;
	margin-right:15px;
	text-align:center;
	border:2px solid #0f70b9;
	min-height:95px;
}

.produto a {
	display:block;
	height:100%;
}

.produto a img {
	vertical-align:middle;
}

.produtos .produto:nth-child(2) {
	margin:0;
}

.produto:hover {
	background:#fff;
}

.depoimento {
	max-width:330px;
	margin:0 auto;
}

.infos-depo span {
	display:block;
	text-align:center;
	margin:5px 0;
	font-size:12px;
}

.foto-depo {
	width:90px;
	height:90px;
	background-size:cover;
	display:inline-block;
	border-radius:50%;
	border:4px solid #0f70b9;
	float:left;
	margin-right:10px;
}

.nome-depo {
	font-weight:bold;
	padding-top:10px;
	font-size:16px !important
}

.texto-depo {
    clear: both;
    padding-top: 15px;
    border-bottom: 2px solid #2a6ebb;
}

.texto-depo:before {
    content: "";
    display: block;
    background-image: url(./img/seta-comentario-as.png);
    width: 100%;
    height: 33px;
    background-position: left;
    margin-top: 10px;
}

.bloco-dois .swiper-pagination-bullet {
	margin:5px;
	text-align:right
}

.swiper-pagination5 {
    width: 100%;
    text-align: right;
}

.cadastro form label {
	transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
	display:block;
	background:#0f70b9;
	padding:5px 10px;
	float:left;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
}

.cadastro form label span {
	display:block;
	transform: skewX(25deg);
    -o-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
}

.metade {
	float:left;
	width:50%;
	padding:2.5px
}


.cadastro form .clear {
    margin: 5px 0;
}

.cadastro form input[type="text"], .cadastro form input[type="email"] {
	width:100%;
	height:100%;
	padding:0 10px;
	transform: skewX(25deg);
    -o-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -webkit-transform: skewX(25deg);
	border:none;
	background:none;
}

.cadastro form .clear:first-child label {
    width: 22%;
}

.cadastro form .clear:first-child .borda {
    width: 76%;
}

.cadastro form .clear:nth-child(2) .metade:nth-child(1) label {
    width: 27%;
}

.cadastro form .clear:nth-child(2) .metade:nth-child(1) .borda {
    width: 71%;
}

.cadastro form .clear:nth-child(2) .metade:nth-child(2) label {
    width: 17%;
}

.cadastro form .clear:nth-child(2) .metade:nth-child(2) .borda {
    width: 81%;
}

.cadastro form .clear:nth-child(3) .metade:nth-child(1) label {
    width: 27%;
}

.cadastro form .clear:nth-child(3) .metade:nth-child(1) .borda {
    width: 71%;
}

.cadastro form .clear:nth-child(3) .metade:nth-child(2) label {
    width: 21%;
}

.cadastro form .clear:nth-child(3) .metade:nth-child(2) .borda {
    width: 77%;
}

.teb {
    width: 77%;
}
.vai {
    width: 21%;
}

.cadastro form input[type="submit"] {
    display: block;
    float: right;
    background: #0f70b9;
    border: none;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    padding: 5px 10px;
	font-family: 'Myriad Pro';
	cursor:pointer;
}


/* Page Footer */

.footer-page {
	width:100%;
	padding:30px 0;
	background:rgb(42,110,187);
	margin-top:30px;
	color:#fff;
}

.menu-rodape {
    list-style: none;
}

.menu-rodape li {
    display: block;
    margin: 10px 0;
}

.menu-rodape li a {
    color: #fff;
}

.menu-rodape li a:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
}

.menu-rodape li a:hover:after {
    width: 90%;
}

.paises {
	list-style:none;
}

.paises li a {
	display:block;
	height:100%;
}

.pais {
	width:32px;
	height:32px;
	background-size:cover;
	display:inline-block;
}

.uk {
	background-image:url('./img/uk.png');
}

.in {
	background-image:url('./img/in.png');
}

.us {
	background-image:url('./img/us.png');
}

.ch {
    background-image: url(./img/china.png);
    height: 20px;
    position: relative;
    top: -4px;
}

.credits {
	width:100%;
	height:50px;
	background:#666666;
	color:#999999;
	line-height: 50px;
}

.credits a {
	color:#999999;
}

.credits .row:nth-child(1) {
	float:left;
}

.credits .row:nth-child(2) {
	float:right;
}

.bmj-box, .produto, #menu-desktop-1 a, #menu-desktop-1 li, .data-as, .retratil, .brand, .search, .ins, .post-resumo, #menu-desktop, .subj-title, .menu-rodape li a:after, #menu-mobile, .overlay, #menu-paginas li a, #menu-paginas li, #menu-desktop li, #menu-desktop li a, .sub-menu, .efeito {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.simula {
	float:left;
	width:66.66%;
}

@media screen and (min-width:1150px) and (max-width:1365px) {
	#menu-desktop {
		top:20px;
		text-align:right;
	}
	
	.search {
		top:15px;
	}
	
	.thebmj {
		right:175px;
	}
}

@media screen and (max-width:1150px) {
	#menu-desktop-1, .page-header .search {
		display:none
	}
	
	.header-retratil.desce {
		top:-155px
	}
	
	.thebmj {
		right: 0;
		left: 0;
		margin: 0 auto;
		text-align: center;
		display:none;
	}
	
	#menu-desktop {
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 999999;
		top: 0;
		left: -200px;
		max-width: 200px;
		margin: 0;
		background: #fff;
		-webkit-box-shadow: 2px 0px 5px -2px rgba(0,0,0,0.64);
		-moz-box-shadow: 2px 0px 5px -2px rgba(0,0,0,0.64);
		box-shadow: 2px 0px 5px -2px rgba(0,0,0,0.64);
	}
	
	#menu-desktop.mostra {
		left:0;
	}
	
	#menu-desktop > li {
		display:block;
		width:100%;
		padding:10px 0;
		text-align:left;
	}
	
	#menu-desktop .sub-menu {
		position: static;
		opacity: 1 !important;
		width: 100%;
		padding-left: 10%;
		visibility: visible;
		transform: translate(0px, 0px);
		transform: skewX(15deg);
		-o-transform: skewX(15deg);
		-moz-transform: skewX(15deg);
		-webkit-transform: skewX(15deg);
	}
	
	#menu-desktop .sub-menu > li > a {
		color:#0F70B9
	}
	
	#menu-desktop > li:hover {
		background: transparent;
	}
	
	#menu-desktop > li:hover > a {
		color:#0F70B9
	}
	
	#menu-desktop .sub-menu li {
		height:25px;
		line-height:25px;
	}
	
	#menu-desktop .sub-menu li a {
		font-size:12px;
	}
	
	.botao {
		display: block;
		float: right;
		right: 20px;
		top: 25px;
		position: relative;
	}

	.text-comentario:before {
		display:none;
	}
	
	.sobre-comentario {
		margin-bottom:30px;
	}
	
	.subjects {
		margin-left:-15px !Important
	}
	
	.subjects .col-3 {
		float:left;
	}
	
	.subj-title {
		font-size:28px
	}
	
	.gallery-top .subjects, .gallery-thumbs .subjects {
		margin:0 auto !important;
	}
	
	.page-header {
		height:70px;
		position:fixed;
		top:0;
	}
	
	.swiper1 {
		margin-top:70px;
	}
	
	.page-header .brand {
		max-width:70px;
	}
	
	.bloco-um, .bloco-dois {
		width:100%;
		float:none;
	}
}

@media screen and (max-width:1050px) {
	
	.colunas {
		margin:0 auto;
	}
	
	#menu-paginas {
		height:auto;
	}
	
	.col-4, .col-3 {
		width:100%;
		float:none;
		margin:0;
		padding:0;
	}
	
	.footer-page .col-4:nth-child(2), .footer-page .col-4:first-child {
		display:none;
	}
	
	.footer-page .col-4 {
		max-width:260px;
		margin:0 auto;
		text-align:center;
	}
	
	.bloco {
		text-align:center;
		margin:15px auto;
		max-width:350px;
		padding:15px;
	}
	
	.newspapper {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	
	.simula {
		width:100%;
	}
	
	.alignLeft {
		max-width:300px;
		margin:0 auto;
	}
	
	.resu-item {
		display:none
	}
	
	.subj-item {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center ;
	}
	
	.subj-title {
		top:0;
	}
	
	.beneficios, .embaixadores {
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	
	.beneficios {
		padding:0;
		margin:0 auto;
	}
	
}

@media screen and (max-width:990px) {
	.infos:after {
		width:130px;
	}
	
	.titulo-video {
		font-size:20px;
	}
	
	.lista-links li {
		border-left:3px solid rgb(42,110,187);
		padding-left:5px;
		height:auto;
		background:#f2f7fc;
		padding:10px;
	}
	
	.icone-baixar {
		display:none;
	}
	
	.titulo-as {
		float:none;
		display:block;
		background:none;
		font-weight:bold !important;
		color:rgb(42,110,187);
		text-transform:uppercase;
		font-size:18px;
		margin-bottom:10px;
		transform: skewX(0deg);
		-o-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);		
	}
	
	.data-as {
		float: none;
		transform: skewX(0deg);
		-o-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		width: auto;
		height: 20px;
		line-height: 20px;
		max-width: 100px;
	}
	
	.titulo-as span, .data-as span {
		transform: skewX(0deg);
		-o-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);		
	}
}

@media screen and (max-width:950px) {
	.team-person {
		width:100%;
		float:none;
		max-width:400px;
		margin:15px auto;
	}
	
	.embaixadores .content {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
}

@media screen and (max-width:850px) { 
	.slide-assuntos {
		width:68%;
	}
	
	.assunto-atual {
		width:28%;
	}
	
	.slide-assuntos .swiper-button-prev {
		left: -25px !Important;
	}
}

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

	
	.credits {
		height:auto;
		text-align:center;
		padding:15px 0;
		line-height:20px;
	}
	
	.infos {
		border:none;
	}
	.credits .row {
		display:block;
		float:none !important;
	}
	
	.subjects .col-3 {
		width:calc(50% - 30px)
	}
	
	.gallery-top {
		height:auto;
	}
	
	.videos .coluna {
		float:none;
		width:100%;
		margin:10px auto;
		height:200px;
	}
	
	.infos {
		padding:30px;
		height:auto !important;
	}
	
	.est-dep, .est-info {
		width:100%;
		float:none;
	}
	
	.est-dep {
		clear:both;
		padding:15px 0 0;
		margin:0;
	}
	
	.est-dep:before, .est-dep:after {
		display:none;
	}
	
	.metade {
		width:100%;
		float:none
	}
}

@media screen and (max-width:590px) { 
	.slide-assuntos {
		width:48%;
	}
	
	.assunto-atual {
		width:44%;
	}
	
	.slide-assuntos .swiper-button-prev {
		left: -25px !Important;
	}
	
	.produto {
		width:100%;
		margin:10px auto;
	}
}

@media screen and (max-width:580px) {
	.slide-title {
		font-size:16px;
		max-width:90%;
	}
	
	.subjects {
		margin-left: 0px !Important;
		margin:0 auto;
	}

	.subjects .col-3 {
		width:100%;
		margin:0 auto 30px;
	}
	
	.videos .colunas {
		margin-left:0;
	}
}

@media screen and (max-width:480px) {
	.person-photo {
		float:none;
		margin:0 auto;
		width:150px;
		height:150px;
	}
	
	.person-infos {
		padding-top:0;
		text-align:center;
	}
	
	.person-name {
		margin:10px auto !important;
	}
	
	.cadastro form label {
		 margin:5px 0;
	}
	
	.cadastro form .borda, .cadastro form label {
		float:none;
		display:block;
		width:100% !important;
	}
}

@media screen and (max-width:395px) {
	.infos:after {
		width: 100px;
	}
	
	.compartilhe {
		top:10px;
	}
	
	.compartilhe span {
		display:none;
	}
	
	.social {
		width: 15px;
		height: 15px;
	}
	
	.titulo-video {
		font-size:18px;
	}
	
	.desc-video {
		width:100%;
	}
	
	.titulo-as {
		font-size:15px;
	}
	
	.assunto-atual, .slide-assuntos {
		width:100%;
		float:none;
		margin-top:15px;
	}
	
	.assunto-atual {
		width:100%;
		max-width:222px;
		margin:0 auto;
	}
	
	.slide-assuntos {
		padding: 0 30px;
	}
	
	.slide-assuntos .swiper-button-prev {
		left:0 !important;
	}

}