@charset "utf-8";
/* CSS Document */

.container .backgroundCenter{
	height: auto!important;
	padding: 70px 45px 70px 45px!important;
	background: #013976;
    background: -webkit-linear-gradient(top, #013976, rgba(5, 95, 136, 0.7));
    background: -o-linear-gradient(top, #013976, rgb(5, 95, 136, 0.7));
    background: -moz-linear-gradient(top, #013976, rgb(5, 95, 136, 0.7));
    background: linear-gradient(top, #013976, rgb(5, 95, 136, 0.7));
    opacity: 0.9;
}

/* config lado esquerdo */
.backgroundCenter .ladoEsquerd{
	margin: 0px!important;
	padding: 0px!important;
}

.backgroundCenter .ladoEsquerd video{
	width: 100%!important;
	height: 100%!important;
	border: 18px solid #FFFFFF;
	margin: 0px!important;
	padding: 0px!important;
	background-color: #FFFFFF;
}

/* config lado direito */
.backgroundCenter .ladoDireit{
	margin: 0px!important;
	padding: 0px 0px 0px 25px!important;
}

.backgroundCenter .ladoDireit h1, .backgroundCenter .ladoDireit h2{
	font-family: Poppins_Bold;
	font-weight: 400;
	font-size: 2.1em;
	text-transform: uppercase;
	color: #FFFFFF;
}

.backgroundCenter .ladoDireit h2{
	font-family: Poppins_Thin;
	font-weight: 900;
	font-size: 1.4em;
	margin-bottom: 50px!important;
}

div.checkbox-item{
	margin: 0px!important;
	padding: 0px!important;
	margin-bottom: 8px!important;
	cursor: default;
}

div.checkbox-item i.fa-check{
	font-weight: 900;
	font-size: 1.1em;
	color: #FFFFFF;
	margin: 2px 8px 0px 0px!important;
	padding: 0px!important;
}

div.checkbox-item p{
	font-family: raleway_light;
	font-weight: 200;
	font-size: 1.2em;
	color: #FFFFFF;
	margin: 0px!important;
	padding: 0px!important;
}








/* Extra Small devices ( landscape phones) */
@media (max-width : 575.98px) {
 
	.container .backgroundCenter{
		padding: 50px 40px 50px 40px!important;
	}
	
	/* config lado esquerdo */
	.backgroundCenter .ladoEsquerd video{
		border: 10px solid #FFFFFF;
	}
	
	/* config lado direito */
	.backgroundCenter .ladoDireit{
		margin-top: 40px!important;
		padding: 0px 0px 0px 0px!important;
	}
	
	.backgroundCenter .ladoDireit h1, .backgroundCenter .ladoDireit h2{
		font-size: 1.7em;
	}
	
	.backgroundCenter .ladoDireit h2{
		font-weight: 900;
		font-size: 1em;
		margin-bottom: 40px!important;
	}
	
	div.checkbox-item{
		margin-bottom: 8px!important;
	}
	
	div.checkbox-item i.fa-check{
		font-size: 1.1em;
		margin: 2px 8px 0px 0px!important;
	}

	div.checkbox-item p{
		font-size: 1em;
	}

  
  }
  
  /*  `sm` applies to x-small devices (portrait phones, less than 576px)*/
  /* Small devices ( landscape phones) */
  @media (min-width : 576px) and (max-width : 767.98px) {

	.container .backgroundCenter{
		padding: 40px 30px 40px 30px!important;
	}
	
	/* config lado esquerdo */
	.backgroundCenter .ladoEsquerd video{
		border: 10px solid #FFFFFF;
	}
	
	/* config lado direito */
	.backgroundCenter .ladoDireit{
		padding: 0px 0px 0px 15px!important;
	}
	
	.backgroundCenter .ladoDireit h1, .backgroundCenter .ladoDireit h2{
		font-size: 1.1em;
	}
	
	.backgroundCenter .ladoDireit h2{
		font-weight: 900;
		font-size: 0.8em;
		margin-bottom: 20px!important;
	}
	
	div.checkbox-item{
		margin-bottom: 5px!important;
	}
	
	div.checkbox-item i.fa-check{
		font-size: 0.5em;
		margin: 0px 5px 0px 0px!important;
	}

	div.checkbox-item p{
		font-size: 0.7em;
	}
  
  }
  
  /* // `md` applies to small devices (landscape phones, less than 768px)*/
  /* Medium devices ( tablets, 768px e superiores) */
  @media (min-width : 768px) and (max-width : 991.98px) {

	.container .backgroundCenter{
		padding: 40px 30px 40px 30px!important;
	}
	
	/* config lado esquerdo */
	.backgroundCenter .ladoEsquerd video{
		border: 10px solid #FFFFFF;
	}
	
	/* config lado direito */
	.backgroundCenter .ladoDireit{
		padding: 0px 0px 0px 15px!important;
	}
	
	.backgroundCenter .ladoDireit h1, .backgroundCenter .ladoDireit h2{
		font-size: 1.1em;
	}
	
	.backgroundCenter .ladoDireit h2{
		font-weight: 900;
		font-size: 0.8em;
		margin-bottom: 20px!important;
	}
	
	div.checkbox-item{
		margin-bottom: 6px!important;
	}
	
	div.checkbox-item i.fa-check{
		font-size: 0.6em;
		margin: 0px 8px 0px 0px!important;
	}

	div.checkbox-item p{
		font-size: 0.8em;
	}
  
  }
  
  
  /* // `lg` applies to medium devices (tablets, less than 992px)*/
  /* Large devices ( desktops, 992px e superiores) */
  @media (min-width : 992px) and (max-width : 1199.98px) {
	
	.container .backgroundCenter{
		padding: 40px 30px 40px 30px!important;
	}
	
	/* config lado esquerdo */
	.backgroundCenter .ladoEsquerd video{
		border: 10px solid #FFFFFF;
	}
	
	/* config lado direito */
	.backgroundCenter .ladoDireit{
		padding: 0px 0px 0px 20px!important;
	}
	
	.backgroundCenter .ladoDireit h1, .backgroundCenter .ladoDireit h2{
		font-size: 1.4em;
	}
	
	.backgroundCenter .ladoDireit h2{
		font-weight: 900;
		font-size: 0.9em;
		margin-bottom: 35px!important;
	}
	
	div.checkbox-item{
		margin-bottom: 7px!important;
	}
	
	div.checkbox-item i.fa-check{
		font-size: 0.6em;
		margin: 0px 8px 0px 0px!important;
	}

	div.checkbox-item p{
		font-size: 0.8em;
	}
  
  }
  
  /* // `xl` applies to large devices (desktops, less than 1200px)*/
  /* Extra large devices ( large desktops, 1200px e superiores) */
  @media (min-width : 1200px) and (max-width : 1370.98px) {
  

	.container .backgroundCenter{
		padding: 60px 35px 60px 35px!important;
	}
	
	/* config lado esquerdo */
	.backgroundCenter .ladoEsquerd video{
		border: 12px solid #FFFFFF;
	}
	
	/* config lado direito */
	.backgroundCenter .ladoDireit{
		padding: 0px 0px 0px 25px!important;
	}
	
	.backgroundCenter .ladoDireit h1, .backgroundCenter .ladoDireit h2{
		font-size: 1.7em;
	}
	
	.backgroundCenter .ladoDireit h2{
		font-weight: 900;
		font-size: 1.1em;
		margin-bottom: 40px!important;
	}
	
	div.checkbox-item{
		margin-bottom: 8px!important;
	}
	
	div.checkbox-item i.fa-check{
		font-size: 0.8em;
		margin: 0px 8px 0px 0px!important;
	}

	div.checkbox-item p{
		font-size: 0.9em;
	}
	
  
  }
  
  @media (min-width : 1371px) and (max-width : 1796.98px) {
  
	.container .backgroundCenter{
		padding: 70px 45px 70px 45px!important;
	}
	
	/* config lado esquerdo */
	.backgroundCenter .ladoEsquerd video{
		border: 12px solid #FFFFFF;
	}
	
	/* config lado direito */
	.backgroundCenter .ladoDireit{
		padding: 0px 0px 0px 25px!important;
	}
	
	.backgroundCenter .ladoDireit h1, .backgroundCenter .ladoDireit h2{
		font-weight: 200;
		font-size: 1.8em;
	}
	
	.backgroundCenter .ladoDireit h2{
		font-weight: 900;
		font-size: 1.2em;
		margin-bottom: 50px!important;
	}
	
	div.checkbox-item{
		margin-bottom: 8px!important;
	}
	
	div.checkbox-item i.fa-check{
		font-weight: 900;
		font-size: 0.9em;
		margin: 0px 8px 0px 0px!important;
	}
	
	div.checkbox-item p{
		font-size: 1em;
	}

  
  }