.back1{
	/*-webkit-clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
	clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);*/
}
.back2{
	background:#eee;
	-webkit-clip-path: polygon(5% 0, 0 30%, 0 100%, 95% 100%, 100% 70%, 100% 0);
	clip-path: polygon(5% 0, 0 30%, 0 100%, 95% 100%, 100% 70%, 100% 0);
}
.back3{
	background:#eee;
	-webkit-clip-path:polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%, 100% 24%, 93% 0);
	clip-path:polygon(0% 0%, 0% 100%, 100% 100%, 100% 100%, 100% 24%, 93% 0);
}

.back4{
    background: #e6e6e6;
    -webkit-clip-path: polygon(5% 0, 0 30%, 0 100%, 95% 100%, 100% 70%, 100% 0);
    clip-path: polygon(5% 0, 0 30%, 0 100%, 95% 100%, 100% 70%, 100% 0);
}

.back5{
    background: #f2f2f2;
}

.btn_download{
	color: #000;background: #fff;font-weight: bold;border: 1px solid;padding: 18px;width: 200px; font-size: 16px;text-align:center;
	
}
.novo .nome{
	font-weight: 300;
	margin-top:-80px;
	font-size:4rem;
	padding:50px 100px ;
	clip-path: polygon(0 0,100% 0%,88% 100%,0% 100%);
	width: 50%;
} 
.novo .hb .nome{
	width: 70%;
} 

.ttl_secttion {
    color: #202020;
    font-weight: 300;
    font-style: italic;
    font-size: 3rem;
    line-height: 4rem;
	margin:70px 0;
}
.espe img:hover{margin-top:-10px;
 transform: translate(0, -1vh);
  transition: all 1s;
  cursor:pointer;
}

/* selected link */
.btnespeci:active {
  background: blue;
  border:none;
}
.img2{margin-top:150px;}
.title1{font-weight:bold;font-size:24px;padding:10px 0;margin-bottom:0;}
.title2{font-size:16px;}

.txt-video{margin-top:100px;}


.conect{padding:100px 0;}
.conect .title1{color:#005fa3;margin:20px 0; font-size:20px;}

.sensing{padding:150px 0;}
.path-sensing{
	clip-path: polygon(28% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.bg-divcores{background:#E6E6E6;}

.logr{padding:50px 0; background: linear-gradient(112.5deg, #141414 0%,#141414 75%,#ffffff 1%);}
.bgsensing{padding:50px 0; background: linear-gradient(112.5deg, #555 0%,#555 75%,#ffffff 1%);}
.bgsensing-azul{padding:50px 0; background: linear-gradient(112.5deg, #004170 0%,#004170 75%,#ffffff 1%);}
.bgsensing-azulclaro{padding:50px 0; background: linear-gradient(112.5deg, #5F7B89 0%,#5F7B89 75%,#ffffff 1%);}

/*usado no honda civic*/
.bgsensing-azul2{padding:50px 0; background: linear-gradient(112.5deg, #0d3a6b 0%, #0d3a6b 75%, #f2f2f2 1%)}
.bgconnect-azul{padding:50px 0; background: linear-gradient(112.5deg, #ffffff 0%,#ffffff 70%,#0E3A6B 1%);}


.cor-azulclaro{color:#5F7B89;}
.cor-azul{color:#004170;}
.fichatecnica{background:#f9f9f7;}
.fichatecnica .nav-tabs .nav-item a{color:#cc0000;font-weight:bold; font-size: 16px;}
.fichatecnica .nav-tabs .nav-item .active{background:#CC0000;color:#fff;}



@media only screen and (max-width: 1320px) {
	.novo .nome{font-size:3rem;padding:30px 50px ;width: 40%;}
	.sensing{padding:120px 0;}
}
@media only screen and (max-width: 1200px) {
	.novo .nome{font-size:50px;padding:30px 60px ;width: 65%;margin-top:-40px;}
	.ttl_secttion {font-size:2.5rem;line-height: 3.5rem;}
    .txt-video{margin-top:50px;}
	
	.title1{line-height:26px;font-size:22px;}
}

@media only screen and (max-width: 1100px) {}

@media only screen and (max-width: 991px) {
	.novo .hb .nome{width: 80%;}
	.title1{font-size:18px;}
	.title2{font-size:14px;}
	.txt-video{margin-top:0;}
	.conect{padding:50px 0;}
	.conect .logo{width:300px;}
	.conect .title1{margin: 5px 0;font-size: 16px;line-height: 20px;}
	.sensing{padding:50px 0;}
}

@media only screen and (max-width: 768px) {
	.novo .nome{font-size:2rem;padding:20px 50px;margin-top:-40px;}
	.ttl_secttion {font-size:1.8rem; line-height: 2.2rem;margin:30px 0;}
	.img2{margin-top:30px;}
	.conect .logo{width:200px;}
	.conect .title1{margin: 5px 0;font-size: 18px;line-height: 20px;}
	
}

@media only screen and (max-width: 540px) {
	.novo .nome{font-size:1.8rem;padding:10px 30px;margin-top:-20px;width:80%}
	.novo .hb .nome{font-size:1.8rem;padding:10px 30px;margin-top:-20px;width:80%}
}