@charset "utf-8";
/* CSS Document */
@import url('fonts/estilos-fontes.css');

html {
    overflow-x: hidden;    
    /*scroll-behavior: smooth;*/
}
main {    
    width: 100%;
    height: 100%;  
    position: relative;    
}

body, html {
    height: 100%;
    width: 100%;  
  }

body {
    /*overflow: hidden !important;    */
    font-family: 'Kobe';    
    font-style: normal;    
    background: #27455f;    
    font-family: 'Kobe';
    color: #f6dc96;
    color: #fff;
    text-shadow: 0px 0px 5px black;
}

a {
	text-decoration:none;
}

ol, ul {
    list-style: none;
    margin:0;
    padding:0;
}

h1, h2, h3, h4, h5, h6 {   
    color: #f6dc96;
    font-family: 'Futura Std';
}

p { font-size: 1.25rem; }

a:focus, button:focus, input:focus, textarea:focus {
    outline: none !important;
}

.nota-flex {
    font-size: 15px;
    line-height: 1.1;
    font-style: italic;
}

/* Custom CSS page pill */

.section, .section-04 {text-align: center;}


/* Backgrounds */
	#section1,
	#section2,
	#section3,
	#section4,
	#section5,
	#section6 {
		background-size: cover !important;
	}
	
	#section1 {
		background: url(../../assets/imgs/bgs/bg-01.jpg) no-repeat right bottom;
	}
	#section2 {
		/*background: url(../../assets/imgs/bgs/bg-02.jpg) no-repeat center center;*/
        background-color: #667a93;		
	}	
	#section3 {
		background: url(assets/imgs/bgs/bg-03.jpg);		
	}	
	#section4 {
		background: url(assets/imgs/bgs/bg-04.jpg);		
	}
	#section5 {
		background: url(assets/imgs/bgs/bg-05.jpg);		
	}
	#section6 {
		background: url(assets/imgs/bgs/bg-06.jpg);	
	}
	#section1, #section2, #section3, #section4, #section5, #section6 {		
		/*padding: 6% 0 0 0;*/
	}
    #pp-nav {
        display: none;
    }    

    .logo-ots-circle {
        position: fixed;
        top: 10%;
        z-index: 70;
        width: 100%; 
    }    
     .box-sol {
        background: url(../../assets/imgs/sol.png) no-repeat center center;
        background-size: contain;
        position: fixed;
        bottom: 0;        
        width: 100%;
        max-height: 80px;
        height: 100%;
        z-index: 70;
        padding: 1em;                                
    }    
    .box-sol.op2 {        
        height: 60px;
        padding: 0.5rem;                                       
    }
    .box-sol a {
        font-size: 2.5rem;          
        transition: all .25s;                               
    }         
    .box-sol.op2 a {
        font-size: 1.75rem;                                      
    }
    .box-img-menu-01, .box-img-menu-02, .box-img-menu-03,.box-img-menu-04, .box-img-menu-05 {                       
        position: relative;
        border: 1px solid white;            
    }   
      
      nav .menu {
        display: flex;               
        width: 100%;  
     }
     nav .menu a.btn{
        display: table; 
     }

     .mobile-titulo {
         display: none;
     }
     
     .mobile.navbar {
         display: none;
        }
     .menu {
          list-style: none;
          /*border: 1px solid #c0c0c0;*/
          float: left; 
          justify-content: center;                                  
        }        
        .menu li {
            position: relative;
            float: left;            
            width: 15%;
            min-width: 160px;
            margin: 0 15px;
            transition: all .5s;                                                       
        }
        .bg-01 {
            background: url(../imgs/bg-bt-01.jpg) no-repeat center center !important;
        }        
        .bg-02 {
            background: url(../imgs/bg-bt-02.jpg) no-repeat center center !important;                       
        }
        .bg-03 {
            background: url(../imgs/bg-bt-03.webp) no-repeat center center !important;
                                 
        }
        .bg-04 {
            background: url(../imgs/bg-bt-04.webp) no-repeat center center !important;                                     
        }
        .bg-05 {
            background: url(../imgs/bg-bt-05.jpg) no-repeat center center !important;                                     
        }

        .bg-01.box-bg, .bg-02.box-bg, .bg-03.box-bg, .bg-04.box-bg, .bg-05.box-bg  {
            background-size: cover !important; 
            min-height: 560px;
            transition: all .5s; 
        }
        @media (max-width: 1366px) {
            .bg-01.box-bg, .bg-02.box-bg, .bg-03.box-bg, .bg-04.box-bg, .bg-05.box-bg  {
                background-size: cover;
                min-height: 370px;
            }
            .menu {
                font-size: 1rem;
            } 
            .section-02 .img-sec-02 {
                width: 25% !important;
                float: none;                                                            
            }
        }

        @media (max-width: 1200px) {             
                     
            
            .section-01.sec01-bg-01 {
                padding: 0px 0 80px !important;
            }
            .align-items-center {
                /*rever*/
                /*-ms-flex-align: flex-start !important;
                align-items: flex-start !important;*/
            }
            .logo-ots-menu {
                width: 80%;
            }
            .section h1 {
               font-size: 2rem;
            }
            .section h4 {
                font-size: 1.5rem;
             }
             .box-sol {  
                /*height: 150px;   */            
                padding: auto;
            }            
        }

        @media (max-width: 1024px) {            
            .section-02 .img-sec-02 {
                width: 50% !important;
                float: none;                                                            
            } 
            .section.aptos {
                background: #e1cda5 url(../imgs/icones/marcador-01.png) no-repeat 100% 5% !important;
                background-size: 70px !important;                      
            }
            .section.aptos.flexon-01 {
                background: #64788c url(../imgs/icones/flexon-01.png) no-repeat 100% 5% !important;
                background-size: 70px !important;                       
            }
            .section.aptos.flexon-02 {
                background: #64788c url(../imgs/icones/flexon-02.png) no-repeat 100% 5% !important;
                background-size: 70px !important;                          
            }
            .section.aptos.flexon-03 {
                background: #64788c url(../imgs/icones/flexon-03.png) no-repeat 100% 5% !important;
                background-size: 70px !important;                        
            }   
            .box-table .pp-tableCell {
                display: block;                
                padding: 60px;              
            }       
        }
        @media (max-width: 375px) { 
            .mobile.navbar .nav-link img {
                width: 48px;
            }        
        }
        @media (max-width: 560px) {           
            .section-02 .img-sec-02 {
                width: 50% !important;
            }
            .mobile.navbar .navbar-nav {               
                width: 100%;                            
            }
            h1, h2, h3 {
                font-size: 135% !important;
            }
            h4, h5 {
                font-size: 115% !important;
            }
            h6 {
                font-size: 90% !important;
            }   
            .nav-link.flex .fa-3x {
                font-size: 2rem;
            }
            .nav-link.flex span {
               font-size: .85rem;
            }
            .box-sec-03-proj.list-unstyled .media-body {
                font-size: 12px;
            }
            .box-sec-03-proj.list-unstyled .media .numero {               
                width: 22px !important;
                height: 22px !important;
                padding-top: 2px !important;
                font-size: 1rem;                
            }
            #sec03-01 .btn img, #sec03-02 .btn img, #sec03-03 .btn img {
                max-width: 60px !important;
            }
            .mt-4, .my-5, .mt-5, .my-5 {
                margin-top: 1rem!important;
            }
            .box-conf-tec .tab-content {
                padding: 30px 0 !important;
            }
            .tab-content .list-unstyled .media-body {               
                font-size: 1rem !important;              
                line-height: 1rem !important;
            }
            .navbar-brand img {
               width: 100px;
            }
            .navbar-toggler {
                padding: .2rem .5rem;
                font-size: 1rem;                
            }
            .breadcrumb {                
                font-size: 90% !important;
                margin-top: 5px !important;               
                padding: 6px 12px !important; 
            }            
            .box-table .pp-tableCell {               
                padding: 30px;              
            }  
        }

        .bg-01:hover, .bg-02:hover, .bg-03:hover, .bg-04:hover, .bg-05:hover  {
            transform: scale(1.05); 
            box-shadow: 0px 0px 3px white;   
            cursor: pointer; 
            filter: brightness(75%);                                          
        }
        .menu li a { 
            color: #fff;           
            text-shadow: 0px 0px 5px black;
            background: rgba(39, 69, 95, 0.75);
            text-decoration: none;
            /*padding: 10px 0;*/
            display: block; 
            font-size: 1.5rem;                                                                            
        }
        .menu li ul li a {
            padding: 10px 0;   
            font-size: 1.25rem;                                                                                     
        } 

        .menu li a span {  
            color: #f6dc96;            
            background: rgba(0, 0, 0, 0.25);
            text-decoration: none;
            padding: 25px 0;
            display: block;
            text-shadow:  0px 0px 5px black;             
            position: absolute; 
            bottom: 0;
            width: 100%;
            border-top: 1px solid rgba(255, 255, 255, 0.20);                                                                          
        }         
               
        .menu li a:hover, .menu li:hover {
            /*background: rgba(39, 69, 95, .25); */
            background: rgba(255, 255, 255, .5);
            color: #36465e;  
            text-shadow:  0px 0px 5px white;                   
        }
        .menu li ul {
            position:absolute;
            bottom: 25%;
            left: 0;
            /*background: #336699;*/
            display: none;                                     
        }
        .menu li:hover ul,
        .menu li.over ul {
            display: block;             
        }
        .menu li ul li {
            border: none;
            display: block;            
            margin: 0;
            width: 100%;
            min-width: 160px;                                                           
        }
        .menu li ul li a:hover {
           /*background: rgba(255, 255, 255, 0.1);   */  
        }       
        /* section 01 */
        
        .section-01.sec01-bg-01 {
            padding: 9% 0 0;
        }
        
        .section-01 .box-logo {            
            padding: 0px 40px;            
            min-height: 34rem;                                   
        }       

        .section-01 .box-sec01-bg02 {
            margin-bottom: 2rem;
            position: relative;            
        }
        .section-01 .box-sec01-bg02 img {            
           position: relative;            
        }
        .section-01 .box-sec01-bg02 h1 {            
            position: absolute;
            bottom: 40%;            
            width: 100%;
            text-align: center;            
        }
        
        /* section-02 */

        .section-02 {
            padding: 40px 40px 0; 
            position: relative;                                        
        }
        .section-02.sec02-bg01 {
            background: url(../imgs/bgs/sec02-bg01.jpg) no-repeat center center fixed;  
            background-size: cover;                         
        }
        .section-02.sec02-bg02 {
            background: url(../imgs/bgs/sec02-bg02.jpg) no-repeat center center;   
            background-size: cover;                           
        }
        .section-02.sec02-bg03 {
            background: url(../imgs/bgs/sec02-bg03.jpg) no-repeat center center fixed;   
            background-size: cover;                                                                                      
        }
        .section-02.sec02-bg04 {
            background: url(../imgs/bgs/sec02-bg04.jpg) no-repeat center top fixed;   
            background-size: cover;                                                    
        }
        .section-02.sec02-bg05 {
            background: url(../imgs/bgs/sec02-bg05.jpg) no-repeat center center fixed;   
            background-size: cover;                                                    
        }
        .section-02.sec02-bg06 {
            background: url(../imgs/bgs/sec02-bg06.jpg) no-repeat center center fixed;   
            background-size: cover;                                                    
        }
        .section-02.sec02-bg07 {
            background: url(../imgs/bgs/sec02-bg07.jpg) no-repeat center center fixed;   
            background-size: cover;                                                    
        }
        
        .section-02 .img-sol-azul {
            margin-bottom: -100px;
        }
        .section-02 .img-sec-02 {
            width: 25%;
            float: left;
            padding: 0 10px;
            margin: 15px 0;
        }
        .section-02 .img-sec-04 {
            width: 36%;
            float: left;
            padding: 0 10px;
            margin: 15px 0;
        }
        .section-02 .img-sec-04-meio {
            width: 20%;
            float: left;
            padding: 0 10px;
            margin: 15px 0;
        }
        .section-02.sec-02-bg-02 .box-sol {                    
            position: relative;   
            margin-bottom: -40px;                                       
        }
        .section-02.sec-02-bg-04 {
            background: url(../imgs/bgs/bg-04.jpg) no-repeat center center;   
            background-size: cover; 
            height: 100%;                                         
        }
        .section-02.sec-02-bg-05 {
            background: url(../imgs/bgs/bg-05.jpg) no-repeat center center;   
            background-size: cover; 
            height: 100%;                                         
        }
        .section-02.sec-02-bg-05 {
            background: url(../imgs/bgs/bg-06.jpg) no-repeat center center;   
            background-size: cover; 
            height: 100%;                                         
        }

        .sec02-img-01 {
            display: block;
        }
        .sec02-img-02 {
            display: none;
        }

        /**/

        .titulo {
            font-family: 'Kobe';
        }

        .box-volta {
            background: url(../../assets/imgs/sol.png) no-repeat center center;
            background-size: contain;
            position: absolute;
            bottom: 0;        
            width: 100%;
            height: 75px;
            z-index: 70;
            padding: 1.25rem;                                
        }   
       
        .box-volta a {
            font-size: 2rem;          
            transition: all .25s;                               
        }         
       
        /* section 03*/
        .section-03-by h4 {
            border-bottom: 1px solid white;
            padding-bottom: 5px;
        }        
        
        /* section 03 proj*/
        
        #sec03-01, #sec03-02, #sec03-03 {
            background: #a75a3f;
        }        

        .box-logo2 {
            background: url(../../assets/imgs/logo-ots-04.png) no-repeat center center;
            background-size: contain;
            position: fixed;
            top: 0;        
            width: 100%;
            height: 130px;
            z-index: 7;
        }

        .box-sec-03-proj.list-unstyled {
            text-align: left;
            font-family: 'Kobe';
        }
        .box-sec-03-proj.list-unstyled .media .numero {
            text-align: center;
            width: 26px;
            height: 26px;           
            border-radius: 26px;
            background: #3e4d63;
            padding-top: 2px;
            margin: 4px 0;            
        }
        .box-sec-03-proj.list-unstyled .media .numero.on {            
            background: #339999;                       
        }
        .box-sec-03-proj.list-unstyled .media-body {            
            margin: 5px 0;
        }        
        .box-sec-03-proj.list-unstyled .media-body a { 
            padding: 3px 6px;
            margin-left: -6px; 
            display: inline-block;             
        }
        .box-sec-03-proj.list-unstyled .media-body a:hover {            
            background: #339999;             
        }        
       
        /* section 04 */        

        .section-04 h5 {
            padding: 0 2rem;
        }
        .section-04 h5.bold {
            font-weight: 600;
        }

        .section.aptos {
            background: #e1cda5 url(../imgs/icones/marcador-01.png) no-repeat 100% 45%;
            background-size: 153px 376px;                       
        }
        .section.aptos.flexon-01 {
            background: #64788c url(../imgs/icones/flexon-01.png) no-repeat 100% 45%;
            background-size: 153px 376px;                       
        }
        .section.aptos.flexon-02 {
            background: #64788c url(../imgs/icones/flexon-02.png) no-repeat 100% 45%;
            background-size: 153px 376px;                       
        }
        .section.aptos.flexon-03 {
            background: #64788c url(../imgs/icones/flexon-03.png) no-repeat 100% 45%;
            background-size: 153px 376px;                       
        }
        .section.aptos .nav-link {
            color: #fff;
            transition: all .25s;
            padding: 10px 15px;
        }

        .section.aptos .nav-link:hover {           
            transform: scale(1.2);
        }

        .section.aptos .nav-link.flex {
            color: #f6dc96;
        }

        .section.aptos .navbar.bg-dark {
            background: rgba(39,69,95,.9) !important;
        }
        .section.aptos h1, .section.aptos h2, .section.aptos h3, .section.aptos h4, .section.aptos h5, .section.aptos h6  {
            color: #36465e;
            text-shadow: 0 0 5px white;                                
        }
        .section.aptos h2  {
            border-bottom: 1px solid black; 
            padding-bottom: 5px;                       
        }
        .section.aptos.flexon-01 h1,
        .section.aptos.flexon-01 h2,
        .section.aptos.flexon-01 h3,
        .section.aptos.flexon-01 h4,
        .section.aptos.flexon-01 h5,
        .section.aptos.flexon-01 h6,
        .section.aptos.flexon-02 h1,
        .section.aptos.flexon-02 h2,
        .section.aptos.flexon-02 h3,
        .section.aptos.flexon-02 h4,
        .section.aptos.flexon-02 h5,
        .section.aptos.flexon-02 h6,
        .section.aptos.flexon-03 h1,
        .section.aptos.flexon-03 h2,
        .section.aptos.flexon-03 h3,
        .section.aptos.flexon-03 h4,
        .section.aptos.flexon-03 h5,
        .section.aptos.flexon-03 h6  {
            color: #ffdd94;
            text-shadow: 0 0 5px black;                                
        }
        .section.aptos.flexon-01 h2,
        .section.aptos.flexon-02 h2,
        .section.aptos.flexon-03 h2  {            
            border-bottom: 1px solid white; 
            padding-bottom: 5px;                     
        } 
        
        /* navbar dropdown */
        /* ============ desktop view ============ */
        @media all and (max-width: 1024px) {
            /*.mobile.navbar .nav-item .dropdown-menu { display: none; }
            .mobile.navbar .nav-item:hover .nav-link {   }
            .mobile.navbar .nav-item:hover .dropdown-menu { display: block; }
            .mobile.navbar .nav-item .dropdown-menu { margin-top:0; }*/
            .mobile.navbar {background-color: rgba(39,69,95,.9) !important;}
            .mobile.navbar .nav-link { 
                transition: all 0.25s; 
                border: 1px solid transparent;                             
            }
            .mobile.navbar-dark .navbar-nav .nav-link {
                color: rgba(255,255,255,1);
            }
            .mobile.navbar .nav-link:hover,
            .mobile.navbar .nav-link:focus {                 
                filter: brightness(150%); 
                border: 1px solid rgba(255, 255, 255, 0.5);                          
            }
            .mobile.navbar .dropdown-menu { 
                background-color: rgba(255,255,255,.75);
                color: #000 !important;                             
            }
            .mobile.navbar .dropdown-item { 
                color: rgba(39,69,95,1); 
                text-shadow: none; 
                font-weight: 500;                                           
            }
            .mobile.navbar .dropdown-item:hover {               
                padding: .25rem 1.5rem;                
                color: rgba(255, 255, 255, 1);
                text-align: inherit;
                white-space: nowrap;
                background-color: rgba(39,69,95,.75);                             
            }
            .mobile.navbar .navbar-nav {               
                width: 60%;                            
            }
            .mobile.navbar .nav-link span {
                    font-size: 1rem;
            }
            .mobile.navbar .nav-link:hover  {
                transition: all .2s;  
            }                         
        }
        
        .section.aptos .navbar-nav {
            display: -ms-flex;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            justify-content: center;
        }
        .navbar-nav .nav-link {
            padding-right: 10px;
            padding-left: 10px; 
            min-width: 4rem;                       
        }
        @media (max-width: 768px) { 
            .mobile.navbar .navbar-nav {               
                width: 80%;                            
            }            
            .navbar-nav .nav-link .fa-2x {
                font-size: 1.5em;                          
            } 
            .box-index {
                background-color: rgba(255,255,255,0.25) !important;
                padding: 30px;
                margin: 0 30px;
            }
            .box-index img {
                width: 230px;
            }
            .menu {
                margin-top: -20%;
            }
            #section2 .btn {
                margin-top: 0rem;
            } 
            #section2 .menu {
                margin-top: 0 !important;
            }
            .bg-01.box-bg, .bg-02.box-bg, .bg-03.box-bg, .bg-04.box-bg, .bg-05.box-bg {
                background-size: contain;
                min-height: 100px !important;                
            }
            .menu li ul {                
                min-width: 400px !important;                
            }
            .vbox-title, .vbox-num {
                height: 54px;
                line-height: 18px;
            }
            .section-03-design,
            .section-03-by {
                padding: 40px 0 70px;
            }
            .section-05.sec05-bg01 {
                background: url(../imgs/bgs/sec05-bg01.jpg) no-repeat bottom right !important;
                background-size: none !important;            
            }
            /*arp*/
            .section-02.sec02-bg01,
            .section-02.sec02-bg03,
            .section-02.sec02-bg04,
            .section-02.sec02-bg05,
            .section-02.sec02-bg06,
            .section-02.sec02-bg07 {
                background-attachment: scroll;                                         
            }            
                       
        }
        @media (max-width: 1024px) {
        #section2 {
            background: url(../../assets/imgs/bgs/bg-01.jpg) no-repeat center right;               
        }          
        #section2 .menu {                
            display: none;
        }
        .mobile.navbar {
            display: block;
           }
        #section2 .box-sol {
            display: none;
        }
        .logo-desk {
            display: none;
        }
        .mobile-titulo {
            display: block;
        }
        #pagepiling {
            overflow-y:auto !important ;
        }
    }

    @media (max-width: 992px) {
        .sec02-img-01 {
            display: none;
        }
        .sec02-img-02 {
            display: block;
        } 
    } 
        

        /* section 03 conforto */
       

        .box-conf-tec {
            padding: 60px 0 30px;            
        }

        .box-conf-tec .tab-content {
            padding: 30px;         
        }

        .box-conf-tec .tab-content h3 {
            border-bottom: 1px solid black; 
            padding-bottom: 5px;  
            margin-bottom: 30px; 
            font-weight: 600;
            color: #36465e !important;
            text-shadow: none;
            line-height: 1.5rem;         
        }

        .box-conf-tec .nav-item {            
            background: rgba(22, 18, 18, 0.5);
            width: 100%;
            margin: 10px auto;                                                      
        }
        .nav-pills .nav-link {
            transition: all .5s;
        }

        .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover {            
            color: #36465e !important;
            background: rgba(255, 255, 255, 0.75);
            text-shadow: none;           
        }            
        
        .sec03-bg01 .nav-pills { 
            background: url(../imgs/sec05-verde.jpg) no-repeat center top; 
            background-size: cover; 
            /*height: 70vh;    */                                                                       
        } 
        .sec03-bg01 .nav-pills .nav-item:first-of-type {
            margin-top: 100px;                      
        }
        .sec03-bg01 .nav-pills .nav-item:last-of-type {
            margin-bottom: 100px;                      
        }

        .sec03-bg01 .nav-pills .nav-link {
            border-radius: 0;
            font-size: 1.15rem;            
        }
        .sec03-circulo-01, 
        .sec03-circulo-02 {
            display: block;
            margin: 0 auto;
        }

        .sec03-circulo-02 {
            margin-bottom: 30px;
        }

        .tab-content .list-unstyled li.media {
            margin-bottom: 1.3rem;
        }

        .tab-content .list-unstyled .media-body h5 {
            color: #36465e !important;
            text-shadow: none;
            font-weight: 600;
            font-size: 1.25rem;            
        }
        .tab-content .list-unstyled .media-body {
            color: #36465e !important;
            text-shadow: none;
            font-size: 1.25rem; 
            font-family: 'Futura Std';
            line-height: 1.25rem;          
        }
        
        /* section 05 facilidaes */
        .section-05.sec05-bg01 {
            background: url(../imgs/bgs/sec05-bg01.jpg) no-repeat bottom right;
            background-size: cover;
        }
        
        
        @media (max-width: 576px) {           
            .sec05-bg01 .nav-pills {                
                height: auto;
            }
            .sec05-bg01 .nav-pills .nav-item:first-of-type {
                margin-top: 20px;
            }            
            .sec05-bg01 .nav-pills .nav-item:last-of-type {
                margin-bottom: 20px;
            }             
        }
        
        /* Breadcrumb */
        .breadcrumb {    
            margin-bottom: 0;
            background-color: rgba(0, 0, 0, .25);
            border-radius: 0;
            text-transform: uppercase;
            font-size: 1rem;
            margin-top: 10px;
            position: fixed;
            padding: 8px 16px;
            z-index: 11;
            color: white;
        }
        .breadcrumb-item.active {
            color: rgba(255, 255, 255, .4);
        }
        .breadcrumb-item a {
            color: inherit;
        }

        /* box legenda foto */
        .box-bg-legenda-foto {
            /*position: relative;*/
        }
        .box-bg-legenda-foto span {
            position: fixed;
            top: 30px;            
            right: 30px;
            font-size: 14px;
            text-shadow: 1px 1px 1px black;
            color: white;
            z-index: 100;
            margin-bottom: 100px;
        }
        
        .box-bg-legenda-foto span.vertical {            
            top: 140px;
            right: -90px;
            transform: rotate(-90deg);
        }


        /*item */
        
        .item a {
            /*position: relative;
            display: block;
            width: 100%; */                        
        }
        .item a:before {
            /*content: "\f00e";
            font-family: FontAwesome;            
            color: rgba(255,255,255,0.25);
            text-shadow: none;
            font-size: 2.25rem;    
            position: absolute;               
            text-decoration: none;
            bottom: 10px; 
            left: 0px;
            width: 100%;*/                     
        } 
        .item a  {
           transition: all .5s; 
            border: 1px solid rgba(255, 255, 255, 0.5) !important;        
        } 
        .item a:hover {
           transform: scale(1.05);           
            position: relative;
            border: 1px solid white;                   
        }       
       
        .item span {
            text-transform: uppercase;
            line-height: 5px;
            color: white;
            background: rgba(0,0,0,.75);
            padding: 10px; 
            font-size: 14px;   
        }
        
        .item-tour span {
            text-transform: uppercase;    
            color: white;
            font-size: 12px;
        }    
            
        .item-tour p {
            text-transform: uppercase;    
            color: white;
            font-size: 12px;     
            line-height: 15px;
            margin-top: 10px;
        }
        

/* VenoBox */

.vbox-container {
    overflow-y: auto;
}

.vbox-next, .vbox-prev {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}
.vbox-next:hover, .vbox-prev:hover {
    background: #db9f41;
}
.vbox-next span {
    right: 18px;
    top: 15px;
}
.vbox-prev span {
    left: 18px;
    top: 15px;
}
.vbox-title {
    font-size: 15px;
    text-transform: uppercase;
    background: #36465e !important;
    border-top: 1px solid rgba(255, 255, 255, 0.75);      
}

.vbox-num {
    background: #36465e !important;
    border-top: 1px solid rgba(255, 255, 255, 0.75); 
}
.vbox-next span, .vbox-prev span {
    width: 16px !important;
    height: 16px !important;
    border: 4px solid transparent;
}
/* VenoBox FIM */


@media (max-width: 1366px)  {
    .box-iframe .figlio {
        max-width: 90%;
        padding: 0 !important;   
    }
    .venoframe {        
        height: 45vh !important;
    }  
    .section-04 h5 {
        padding: 0 1rem;
    } 
    .menu li a {        
        font-size: 1.15rem;
    } 
    .menu li ul li a {       
        font-size: .9rem;
    } 
    .section-01.sec01-bg-01 .media {
        display: -ms-block;
        display: block;
        -ms-flex-align: normal;
        align-items: normal;
        margin: 30px 0;
    }
    .section-01.sec01-bg-01 .media .rjz {
        margin-bottom: 30px;
    }

    .section-01.sec01-bg-01 .media .sig {
        margin-left: -65px;
    } 
    .box-index img {
        /width: 230px;
    }      
    .box-index h1 {
        font-size: 1.75rem;
    }
    .box-index h4 {
        font-size: 1.25rem;
    }
    
}

/* VenoBox FIM */

/* animate custom */
.fadeInLeft, .fadeInRight, .fadeInDown, .fadeInUp {
    animation-duration: 3s;    
  }

  /*SR*/  
  /* extension */
.sr .scroller, .sr .slideUp, .sr .slideDown, .sr .slideLeft, .sr .slideRight {
    visibility: hidden;
  }

  /*2020*/
 .twentytwenty-before-label:before {
    content: "Planta";
}
.twentytwenty-after-label:before {
    content: "Planta Flex On";
}

/* Tour 360 */

.tour-container {
    width: 100%;    
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.box-tour {
    position: absolute;
    bottom: 0px;    
    background: #fff;
    padding: 10px;
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, .75);  
    min-width: 150px;
    text-align: center;       
}

.box-tour span {
    color: rgba(0, 0, 0, .5)
}

.pnlm-load-button, .pnlm-load-box {
    position: absolute;
    top: 50%;
    background-color: rgba(0,0,0,.7);
    border-radius: 5px;       
}
.pnlm-load-button {
    width: 100px;
    height: 50px;
    margin: -25px 0 0 -50px;
}

.pnlm-load-button p, .pnlm-load-box p {    
    color: white;
    font-size: 14px;
    text-transform: uppercase;
}

.pnlm-load-button p span {  
    font-size: 2rem;  
    color: rgba(255, 255, 255, .5)  
}

/* Tour 360 */

.box-lupa {
    width: 100%;
    max-width: 1500px;
    position: relative;
  }
  .lupa {
    width: 100%;  
    position: absolute;  
    top: -30px;
    z-index: 10;
  }
  .lupa .fa {
    /*color: #6DC49E !important;*/
    color: black !important;
  }
  .lupa .fa:hover {
    color: green !important;
  }
  .box-plantas {
    width: 100%;
    max-width: 100%;
    position: relative;
  }
  .controles {
    width: 100%;    
    position: absolute;        
    z-index: 10;
    padding-top: 1rem;
  }
  .controles .fa {
      /*color: rgba(255,255,255,0.5);*/
      color: rgba(174, 147, 96, 0.75);
      transition: all .25s;
      font-size: 2rem;
  }
  .controles .fa:hover {
    color: rgba(255,255,255,1) !important;
    transform: scale(1.25);
  }