@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Signika:300,400,600,700&display=swap');

#row-sect {
	width: 72%;
}

#col-sect h2 {
	font: normal normal bold 34px/1.4em Signika,sans-serif;
	line-height: 1.4em;
	letter-spacing: normal;
	color: #003f6c; /*#D30294*/
	margin-left: 5px;
	text-transform: uppercase;
}

#col-sect1 > div {
	border-top: 1px solid rgba(102, 102, 102, 0.55);
    border-bottom: 1px solid rgba(102, 102, 102, 0.55);
 /*   width: 94%;*/
}

#col-sect1 > div > p:nth-child(1) {
	font: normal normal normal 16px/1.4em 'Open Sans',sans-serif;
	color: #333333;
	line-height: normal;
	letter-spacing: normal;
	margin-top: 15px;
	margin-bottom: 2px;
	margin-left: 10px;
	text-transform: uppercase;
}

#col-sect1 > div > p:nth-child(2) {
	font: normal normal normal 16px/1.4em 'Open Sans',sans-serif;
	color: #333333;
	line-height: normal;
	letter-spacing: normal;
	margin-top: 2px;
	margin-bottom: 30px;
	margin-left: 10px;
	text-transform: uppercase;
}

/*##################################### TERCEIRA PARTE ########################################*/
#card-cont {
	border: transparent;
    background-color: transparent;
    border-radius: 5px 5px 5px 5px;
    padding: 10px !important;
    height: 105px;
}

#card-cont h6 {
	font-size: 17px;
}

#card-image > .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  height: 198px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
}

#card-image:hover > .middle {
  opacity: 1;
}

.middle a {
	font-size: 80px;
    color: transparent;
    position: relative;
    top: 25px;
}

#card-image > a > img {
	border-radius: 5px 5px 0 0;
}

#row-sect4 {
	margin-bottom: 0;
}

#row-sect4 > div > p {
	font: normal normal normal 14px/1.4em 'Open Sans',sans-serif;
    color: #333333;
    line-height: normal;
    letter-spacing: normal;
    text-transform: uppercase;
}

#row-sect4 > div > p > a {
	color: #333333;
	outline: none;
}

#row-sect4 > div > p > a:hover {
	color: #003f6c;
	cursor: pointer;
}

/*##################################### SUBMENU DO RODAPÉ #####################################*/

#col-cad {
	width: 70%;
}

/*##################################### QUERIES ###############################################*/
@media screen and (max-width: 1280px) {
	#card-image > .middle {
		height: 186px;
	}
}

@media screen and (max-width: 1260px) {
	#row-sect {
		width: 80%;
	}

	#col-cad {
		width: 80%;
	}

	#card-image > .middle {
		height: 185px;
	}
}

@media screen and (max-width: 1224px) {
	#card-image > .middle {
		height: 178px;
	}

	.middle a {
		font-size: 72px;
	}
}

@media screen and (max-width: 1145px) {
	#card-image > .middle {
		height: 168px;
	}

	.middle a {
		font-size: 68px;
	}
}

@media screen and (max-width: 1092px) {
	#card-image > .middle {
		height: 160px;
	}
}

@media screen and (max-width: 1040px) {
	#card-image > .middle {
		height: 152px;
	}

	.middle a {
		font-size: 60px;
	}
}

@media screen and (max-width: 1020px) {
	#card-image > .middle {
		height: 148px;
	}
}

@media screen and (max-width: 1029px) {
	#row-sect {
		width: 85%;
	}
}

@media screen and (max-width: 1012px) {
	#card-cont {
		height: 122px;
	}
}

@media screen and (max-width: 992px) {
	#row-sect {
		width: 85%;
	}

	#card-cont {
		height: 105px;
	}

	#card-image > .middle {
		height: 172px;
	}

	.middle a {
		font-size: 65px;
		top: 30px;
	}
}

@media screen and (max-width: 910px) {
	#card-image > .middle {
		height: 162px;
	}
}

@media screen and (max-width: 865px) {
	#card-image > .middle {
		height: 152px;
	}

	.middle a {
		font-size: 55px;
	}
}

@media screen and (max-width: 835px) {
	#card-cont h6 {
		font-size: 16px;
	}
}

@media screen and (max-width: 815px) {
	#card-image > .middle {
		height: 142px;
	}
}

@media screen and (max-width: 794px) {
	#card-cont {
    	height: 120px;
	}
}

@media screen and (max-width: 770px) {
	#card-image > .middle {
		height: 134px;
	}

	.middle a {
		font-size: 50px;
		top: 22px;
	}
}

@media screen and (max-width: 724px) {
	#card-image > .middle {
		height: 125px;
	}
}

@media screen and (max-width: 700px) {
	#card-image > .middle {
		height: 122px;
	}
}

@media screen and (max-width: 680px) {
	#card-image > .middle {
		height: 118px;
	}

	.middle a {
		font-size: 45px;
	}
}

@media screen and (max-width: 648px) {
	#card-image > .middle {
		height: 111px;
	}

	.middle a {
		font-size: 40px;
	}
}

@media screen and (max-width: 615px) {
	#card-image > .middle {
		height: 104px;
	}
}

@media screen and (max-width: 600px) {
	#col-cad {
    	width: 85%;
	}

	#row-sect4 p {
		margin-left: 10px;
	}

	#card-image > .middle {
		height: 353px;
	}

	.middle a {
		font-size: 120px;
		top: 62px;
	}
}

@media screen and (max-width: 575px) {
	#card-image > .middle {
		height: 338px;
	}
}

@media screen and (max-width: 552px) {
	#card-image > .middle {
		height: 323px;
	}
}

@media screen and (max-width: 524px) {
	#card-image > .middle {
		height: 307px;
	}
}

@media screen and (max-width: 534px) {
	#col-card-ul > ul > li.nov > a > span {
		position: relative;
		left: -4px;
	}
}

@media screen and (max-width: 510px) {
	#col-card-ul > ul > li.oq {
		position: relative;
		left: -7px;
	}

	#col-card-ul > ul > li.nov > a > span {
		position: relative;
		left: -8px;
	}
}

@media screen and (max-width: 500px) {
	#card-image > .middle {
		height: 291px;
	}

	.middle a {
		font-size: 105px;
		top: 52px;
	}
}

@media screen and (max-width: 474px) {
	#col-card-ul > ul {
		margin-left: 0;
	}
	
	.sec-rod ul > li {
		width: 22%;
	}
}

@media screen and (max-width: 460px) {
	#card-image > .middle {
		height: 267px;
	}
}

@media screen and (max-width: 450px) {
	.sec-rod ul > li > a {
		font-size: 11px;
	}
}

@media screen and (max-width: 440px) {
	#card-image > .middle {
		height: 254px;
	}
}

@media screen and (max-width: 415px) {
	.sec-rod {
		padding-top: 0rem;
	}

	#col-card-ul > ul > li.active {
		width: 14%;
	}

	#col-card-ul > ul > li.oq {
		left: -6px;
	}

	#card-image > .middle {
		height: 239px;
	}
}

@media screen and (max-width: 400px) {
	.sec-rod ul > li > a {
		font-size: 10px;
	}

	#card-image > .middle {
		height: 231px;
	}

	.middle a {
		font-size: 90px;
		top: 40px;
	}
}

@media screen and (max-width: 395px) {
	#col-sect h2 {
		font-size: 30px;
	}

	#col-sect1 p {
		font-size: 13px;
	}

	#col-card-ul {
		padding: 0;
	}

	#card-image > .middle {
		height: 226px;
	}
}

@media screen and (max-width: 380px) {
	#card-image > .middle {
		height: 218px;
	}
}

@media screen and (max-width: 360px) {
	#card-image > .middle {
		height: 208px;
	}

	.middle a {
		font-size: 75px;
	}
}

@media screen and (max-width: 340px) {
	.sec-rod ul > li > a {
		font-size: 9px;
	}

	#card-image > .middle {
		height: 196px;
	}
}

@media screen and (max-width: 320px) {
	#col-card-ul > ul > li.oq {
		left: -4px;
	}

	#col-card-ul > ul > li.nov > a > span {
		left: -6px;
	}

	#card-image > .middle {
		height: 183px;
	}

	.middle a {
		font-size: 70px;
		top: 35px; 
	}
}