html {
	overflow-x: hidden !important;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fff;	
	margin: 0 auto;	
	text-align: center;	
	/*height:100%;*/
    overflow-x: hidden !important;
}

.bg-landing {
    background-size: cover !important;
}
.bg-landing.bg-blue {
    background: url("../images/bg-blue.jpg") no-repeat center center fixed; 
}

.bg-landing.bg-blue2 {
    background: url("../images/bg-blue2.jpg") no-repeat center center fixed; 
}

.bg-landing.bg-black {
    background: url("../images/bg-black.jpg") no-repeat center center fixed; 
}

.bg-landing.bg-silver {
    background: url("../images/bg-silver.jpg") no-repeat center center fixed; 
}
.bg-landing.bg-silver2 {
    background: url("../images/bg-silver2.jpg") no-repeat center center fixed; 
}
	
.brasao-container {
	position: absolute;
	width: 100%;	
	top: 0px;	
	z-index: 100;
}

.brasao {
	margin: 0 auto;	
	max-width: 140px;
    width: 100%;
    margin-top: -20px;
}

.banner {	
    border: 2px solid white;
    box-shadow: 0px 0px 10px #8c8c8c;
    transition: all .25s;
	width: 100%;
    max-width: 504px;
}
.banner-unico {	
    border: 2px solid white;
    box-shadow: 0px 0px 10px #8c8c8c;
    transition: all .25s;
	width: 100%;
    max-width: 1000px;
}
.banner:hover, .banner-unico:hover {	
    transform: scale(1.05);	
	box-shadow: 0px 0px 30px #8c8c8c;
}

.botoes1 {
    width: 100%;
    height: auto;
	max-width: 280px;
	/**border: solid 5px rgba(255, 255, 255, 0.8);*/
	box-shadow: 0px 0px 10px #8c8c8c;
    transition: all .22s;	
}

.botoes1:hover {		
    transform: scale(1.1); 
    box-shadow: 0px 0px 30px #8c8c8c;
}

.box-2x1 {
	margin-bottom: 30px;
}


@media only screen and (max-width: 1366px) { 
	.brasao {		
		max-width: 130px;
	}
    .banner {
        /*border: 7px solid white;*/
    }
    
}

@media only screen and (max-width: 992px) { 
	.banner {       
        width: 100%;
    }
}


@media only screen and (max-width: 768px) {   
    
    .brasao {
        max-width: 120px;
    }    
    
    .bg-landing .multiplos.vh-100 {
        height: 100% !important;        
    }
    .bg-landing  {
        padding-top: 5%;       
    }
    .banner {
        /*border: 5px solid white;     */  
    }  
    .botoes1 {
        max-width: 200px;
    }
    .box-2x1 {
        /*margin-bottom: 1.5rem !important;*/
    }
}

@media only screen and (max-width: 640px) {	
	.brasao {
		max-width: 90px !important;
	}
	.banner {
        width: 90%;
    }
}

/* Animação */

/* slide-in-left*/

.slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}