/* 
		Theme Name: 3graus
		Author: 3graus
		Version: 1.0
 	*/
 	

@media screen and ( min-width: 1024px ) {
				
	.efect{
		transition:all 0.6s;
		filter: blur(30px);
		opacity:0;
	}

	.efectimgno{
		transition:all 0.6s;
		filter: blur(0px)!important;
		opacity:10!important;
	}

}



 	.content-int{
 	    padding:100px 0;
 	    background:#F4F3F9;
 	}
	
	.header-fix {
	    position: fixed;
 	    left:0;
	    top:-100px;
	    width:100%;
	    z-index:999;
	    box-shadow: 0 0 1px;
	}
	
	/*header*/
	.header{
		width:100%;
		z-index:99;
		padding: 15px 0;
		position: relative;
		display:block;
		top:0;
		left:0;
		width:100%;
		background:#fff
	}
	
	/*nav*/
		 
	 .nav{
		 width:100%;
		 margin: 0;
		 padding:0 20px;
		 justify-content: space-between;
		 align-items: center;
		 list-style:none;
	}
	 .nav li {
		 position: relative;
		 padding: 10px 0;
		 display: inline-block;
		 text-align:center;
	} 
	
	 .nav li span,  .nav li a {
		 font-size:14px!important;
		 cursor: pointer;
		 color:#000;
		 font-weight: 300;
		 padding: 0 10px;
		 text-decoration:none!important;
	} 
	
	
	
	/*session 0*/
	.session-0{
 		background-size:cover;
		width:100%;
		padding: 100px 0;
 	}
	
	
	.box-session-0{
		padding:30px;
		color:#fff;
		background-size:100%;
		background-color: var(--lp-blue);
		border-radius:0 20px 0 20px;
		display: flex;
		height: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: initial;
		align-content: space-between;
	}
	
	
	
	/*session 1*/
	.session-1{
		padding: 120px 0;
		background: url(images/bg-logo.svg) top right no-repeat;
		background-size:50%;
 	}
	.session-1 h2 b{
		 display:block;
		 color:var(--lp-blue);
		 font-size:18px;
	}
	.nav-session-1{
		padding:0;
		list-style:none;
		display:flex;
		margin:0;
	}
	.nav-session-1 li{
		display: inline-flex;
		width:80px;
		height:80px;
		border-radius:100%;
		padding: 10px;
		justify-content:center;
		align-items:center;
		background: #ccc;
		margin: 0 10px;
		cursor: pointer;
	}
	.nav-session-1 li:hover{
		background: var(--lp-blue);
	}
	.nav-session-1 li.active{
		background: var(--lp-blue);
	}
	.nav-session-1 li img{
 		width:auto;
		height:40px; 
	}
	.img-t-session1{
		border-radius: 0 20px 0 20px
	}
	
	
	/* session-2*/
	.session-2{
		background:#F4F3F9;
		padding: 120px 0;
	}
	.session-2 h2 b{
		 display:block;
		 color:var(--lp-blue);
		 font-size:18px;
	}
	.item-session-2{
		border-radius:20px;
		color:#fff;
		font-size:13px;
 	}
.item-session-2 h4{
	font-size:18px!important;
}


	.item-session-2 .gradient-to-top{
		min-height:430px;
		display: inline-flex;
		flex-wrap:wrap;
  		align-content: space-between;
		
 	}
	.item-session-2 .icon{
		display: inline-flex;
		width:50px;
		height:50px;
		border-radius:100%;
		padding: 10px;
		justify-content:center;
		align-items:center;
		background: #fff;
   	}
   	.item-session-2 .icon img{
		width:auto;
		height:18px;
   	}
	.b-radius{
		border-radius:20px;
	}
	
	#next-slider-session-2, #prev-slider-session-2{
		bottom:50%!important;  
		top:auto!important; 
 		color:#fff!important;
		background:var(--lp-green)!important;
		width:40px!important;
		height:40px!important;
		align-items:center;
		display: inline-flex!important;
		padding:0;
		justify-content:center;
	}
	#next-slider-session-2{
		right:-10px!important;
	}
	#prev-slider-session-2{
		left:-10px!important;
	}
	.session-2 .swiper-button-next.swiper-button-disabled, .session-2 .swiper-button-prev.swiper-button-disabled {
		opacity: 0!important;
	}
	
	/*session 3*/
	.session-3{
		padding: 120px 6%;
	}
	.session-3 h2 {
 		 color:var(--lp-blue);
		 margin-bottom:15px;
		 font-weight:600;
 	}
	
	.lista-marcas{
		display:flex;
		width:100%;
		list-style:none;
		justify-content:space-between;
		flex-wrap: wrap;
		position: relative;
		padding:0;
 	}
	.lista-marcas-false:after{
		width:100%;
		bottom:0;
		left:0;
		z-index:9;
		background: #FFF;
		background: linear-gradient(0deg,rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 91%);
		position: absolute;
		content:"";
		height:65%;
 	}
	.lista-marcas-false li:nth-child(n + 22) {
	  display:none;
 	}


	.lista-marcas li{
		width: 14%;
 		display: inline-block;
		padding: 20px 10px;
		margin-bottom: 20px
	}
	.lista-marcas li img{
		width:50%;
		height:auto;
		filter: grayscale(1);
		cursor: pointer;
		opacity:0.7;
	}
	.lista-marcas li img:hover{
		filter: grayscale(0);
		opacity:1;
	}
	
	.seta-down-marcas{
		position: relative;
		width:25px;
		height:13px;
		display: inline-flex;
		justify-content:center;
 	}
	.seta-down-marcas:after{
		position: absolute;
		width:25px;
		height:13px;
		content:"";
		background: url(images/seta-down.svg) center center no-repeat;
		background-size:cover;
		cursor: pointer;
	}
	.seta-down-marcas:before{
		position: absolute;
		width:150px;
 		top: -30px;
		content:attr(data-msn);
		font-size:13px;
	}
	
	
	/*session-4*/
	.session-4{
 		padding:  0px 0 70px 0;
	}
	.session-4 h2 {
 		 color:var(--lp-blue);
		 margin-bottom:15px;
 	}
	.lista-partners{
		display:flex;
		width:100%;
		list-style:none;
		justify-content:center;
		flex-wrap: wrap;
		padding: 0;
 	}
	.lista-partners li{
		width:25%;
		padding: 0 10px 50px 10px;
 	}
	
	/*session-5*/
	.session-5{	
 		padding:  50px 0 50px 0;
		position: relative;
	}
	.session-5:before{	
 		width:100%;
		left:0;
		bottom:0;
		content:"";
		height:200px;
		background:var(--lp-light-gray);
		z-index:0;
		position: absolute;
	}
	.session-5 h2 {
 		 color:var(--lp-blue);
		 margin-bottom:15px;
 	}
	.content-form{
		background:var(--lp-dark-blue);
		padding: 50px;
		border-radius:20px;
		min-height:400px;
	}
	
	
	/*session-6*/
	.session-6{	
 		padding:  80px 4%;
 		background:var(--lp-light-gray);
	}
	
	.session-6 h2 b{	
 		display:block;
		color:var(--lp-blue);
		font-size:18px;
	}
	
	.list-pass{
		padding: 0;
		margin:0;
		list-style:none;
	}
	.list-pass li{
		padding: 0 40px;
		border-left: solid 1px;
		width:100%;
		display: inline-flex;
		align-content: space-between;
		flex-wrap:wrap;
	}
	
	.list-pass li span.icon{
		 border-radius:100%;
		 width:40px;
		 height:40px;
		 justify-content:center;
		 display:flex;
		 align-items:center;
		 color:#fff;
		 font-size:16px;
		 background: var(--lp-blue);
	}
	
	
	/*session7*/
	.session-7{	
 		padding:  80px 0;
		background: url(images/bg-logo.svg) top right no-repeat;
		background-size:50%;
 	}
	
	.session-7 h2{	
		color:var(--lp-blue);
 	}
	.session-7 h2 small{	
 		display:block;
		color: var(--lp-gray);
		font-size:14px;
 	}
	.menu-case{
		cursor:pointer;
		font-weight:600;
		padding: 0 20px;
	}
	.menu-case.active{
		color:var(--lp-blue);
	}
	.list-bloco-case{
		display:flex;
		list-style:none;
		padding:0;
		margin:0;
		/*justify-content: space-between;*/
	}
	.list-bloco-case li{
		display:flex;
		background: var(--lp-light-gray);
		padding: 30px;
		border-radius:20px;
		width:30%;
		margin:0;
		flex-wrap:wrap;
		align-items: justify-content
	}
	.list-bloco-case li:nth-child(2){
	        margin: 0 5%;
	}
	
	.list-bloco-case li img{
		height:40px;
		width:auto;
	}
 
 
	 .item-depoimento{
		 font-size:14px;
	 }
	.title-cliente small{
		display:block;
		color: var(--lp-gray);
		font-size:12px;
	}
	.title-cliente .icon{
		display:inline-flex;
		width:40px;
		height:40px;
		margin-right:15px;
		border-radius:100%;
		align-items:center;
		justify-content:center;
		background: var(--lp-blue);
		color:#fff;
	}
 
	/*session8*/
	.session-8{
		padding: 100px 0;
		color:#fff;
	}
 
 	.session-8 h2{
		font-size:38px;
 	}
	.session-8 p b, .session-8 p strong{
		color: var(--lp-green);
	}
 
	.session-8 ul{
		padding: 0;
		margin: 40px 0;
		list-style:none;
	}
	.session-8 ul li{
		display:block;
		padding: 0px  0 10px 20px;
		position: relative;
	}
	.session-8 ul li:after{
		width:10px;
		height:10px;
		content:"";
		left:0;
		top:5px;
		background: url(images/star.svg) top right no-repeat;
		background-size:cover;
		position: absolute;
	}
	
	.item-help{
		color:#fff;
		background: var(--lp-dark-blue);
		padding:25px;
		border-radius:12px;
		margin-bottom:15px;
	}
	.title-help{
		cursor: pointer;
		display:block;
		width:100%;
		position: relative;
	}
	.title-help:after{
		width:15px;
		height:15px;
		background: url(images/seta-down.svg) center center no-repeat;
		filter: invert(1);
		background-size:cover;
		position: absolute;
		right:0;
		top:-2px;
		content:"";
		transition: all 0.5s;
	}
	.active-title-help:after{
		transform: rotate(180deg);
	}
	
	.contant-help{
		display:none;
		font-size:14px;
		margin-top:30px;
		font-weight:300
	}
 
 
 
	.session-footer{
		padding: 80px 6%;
		background: var(--lp-dark-blue);
		color:#fff;
	}
	.session-footer .logo{
		filter: invert(1);
		width:80%;
		height:auto;
	}
	.session-footer b, .session-footer span{
		display:block;
		font-size: 13px
	}
 	 .session-footer .line-min{
		 width:10%;
		 height:1px;
		 display:block;
		 background: var(--lp-blue);
		 margin:20px 0;
		 opacity:0.8
	 }
	 .session-footer .line{
		 width:100%;
		 height:1px;
		 display:block;
		 background: var(--lp-blue);
		 margin:50px 0;
		 opacity:0.5
	 }
 
	 .list-filial{
	     list-style: none;
            padding: 0;
            margin: 0;
            justify-content: space-arround;
            display: flex;
            flex-wrap: no-wrap;
	 }
 
    .list-filial li{
        padding: 0 10px 0 0;
        width:100%;
    }
 
    
 
 
	 .ic-menu{
		 font-size:30px;
 		position: relative;
		z-index:99;
		color:#386CAE;
	}
 
	 .seta-up{
		 display:none;
		 position: fixed;
		 width:50px;
		 height:50px;
		 font-size:25px;
		 text-align:center;
		 color:#fff;
		 padding: 5px 0 0 0;
		 border-radius:100%;
		 background-color: rgba(0,0,0,0.5);
		 z-index:99;
		 right:2.5%;
		 bottom:50px;
		 cursor: pointer;
	}
	 
	 
		 
		 
		  
 
	 
	 .seta-down{
		padding: 20px;
		font-size:25px;
		color:#888;
		cursor: pointer;
	 }
		  
	  .close-nav{
		padding: 20px;
	  }
	  
	   
	   
	   .redes a {display: inline-block; margin: 0 5px; font-size:17px; color:#fff!important; opacity:0.7;}
	  
		 @media screen and ( max-width: 1024px ) {
			 
		}
		
		@media screen and ( max-width: 768px ) {
		   
		   
		   .session-1 {
                padding: 50px 20px;
                 background-size: 80%;
            }
		    .session-1  h2{
		       font-size: 24px;
                  margin: 0 0 20px 0;
		   }
		   .session-1  h3{
		       font-size: 20px;
                  margin: 20px 0 10px 0;
		   }
		   
		    .session-0 { padding: 50px 20px; }
		    .session-0 h1{font-size:32px;}
			 
			 .btn-lp{font-size:12px!important;}
		
		
			.scroll-sssoni0{
			    overflow:auto;
			    width:100%;
			}
			.scroll-sssoni01{
			    width:1024px;
			}
			
			
			
			.lista-marcas li {
                width: 40%;
                text-align: center;
            }
			.lista-marcas li{
			    justify-content:center;
			}
			
			.session-4 {
                padding: 0px 0 30px 0;
            }
			
			
			.lista-partners li {
                width: 28%;
             }
			.content-form {
                padding: 30px;
            }
			
			.session-6 {
                padding: 40px 4%;
             }
             
            
             
             
             .list-bloco-case {
                    flex-wrap: wrap;
                }
             .list-bloco-case li{
                   width:100%;
                   margin-bottom: 20px;
                }
			.list-bloco-case li:nth-child(2) {
                    margin: 0 0;
                }
                .session-2 {
                     padding: 50px 20px;
                }
                #next-slider-session-2, #prev-slider-session-2{display:none!important;}
                
                
    			.session-3 {
                    padding: 50px 20px;
                }
                .session-8 {
                    padding: 50px 20px;
                 }
               
                .session-footer {
                    padding: 50px 20px;
                     text-align: center;
                }
                
            
                
                 .list-filial {
                    flex-wrap: wrap;
                    margin: 20px 0 0 0;
                }
            
            .session-footer .line-min {
                display: inline-block;
            }
            
            
            
            
            
            
		}