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

  #whats {
            position: fixed;
            top: 75%;
            left: 0;
            padding: 10px;
            z-index: 10000000
        }

        #whats-mobile {
            display: none;
        }

        @media screen and (max-width:500px) {
            #whats {
                display: none;
            }

            #whats-mobile {
                display: block !important;
                text-align: center;
                padding: 24px 8px;
                transition: all 0.3s ease;
                color: white !important;
                font-size: 20px;
                background-color: #00e676;
                left: 0;
                position: fixed;
                top: 50%;
                z-index: 9999999999;
            }
			  
        }
		
            .mobileShow {
                display: none;
            }

            .desktopHide {
                display: none;
            }

            .carousel .carousel-indicators li {
                background-color: #fff;
                background-color: rgba(70, 70, 70, .25);
            }

            .carousel .carousel-indicators .active {
                background-color: #444;
            }

            .chamadaS1 {
                position: absolute;
                right: 60%;
                top: 5%;
                left: 3%;
                text-align: left;
                font-size: 7vh;
                font-family: 'Oxygen', sans-serif;
                font-weight: bolder;
            }

            .descS1 {
                position: absolute;
                right: 70%;
                top: 45%;
                left: 3%;
                text-align: left;
                font-size: 3vh;
                font-family: 'Oxygen', sans-serif;
                font-weight: bolder;
            }

            .btnCarouselS1 {
                position: absolute;
                right: 70%;
                top: 80%;
                left: 7%;
                width: 30vh;
                height: 6vh;
                background-color: rgb(255, 115, 0);
                font-size: 2.1vh;
                color: white;
                font-weight: 900;
                text-align: center;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }

            #bt1:hover {
                position: absolute;
                right: 70%;
                top: 80%;
                left: 7%;
                width: 30vh;
                height: 6vh;
                background-color: rgb(0, 89, 255);
                font-size: 2.1vh;
                color: white;
                font-weight: 900;
                text-align: center;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }


            .chamadaS2 {
                position: absolute;
                right: 60%;
                top: 5%;
                left: 3%;
                text-align: left;
                font-size: 7vh;
                font-family: 'Oxygen', sans-serif;
                font-weight: bolder;
            }

            .descS2 {
                position: absolute;
                right: 70%;
                top: 45%;
                left: 3%;
                text-align: left;
                font-size: 3vh;
                font-family: 'Oxygen', sans-serif;
                font-weight: bolder;
            }

            .btnCarouselS2 {
                position: absolute;
                right: 70%;
                top: 80%;
                left: 7%;
                width: 30vh;
                height: 6vh;
                background-color: rgb(255, 115, 0);
                font-size: 2.1vh;
                color: white;
                font-weight: 900;
                text-align: center;
            }

            #bt2:hover {
                position: absolute;
                right: 70%;
                top: 80%;
                left: 7%;
                width: 30vh;
                height: 6vh;
                background-color: rgb(0, 89, 255);
                font-size: 2.1vh;
                color: white;
                font-weight: 900;
                text-align: center;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }

            .chamadaS3 {
                position: absolute;
                right: 50%;
                top: 5%;
                left: 3%;
                text-align: left;
                font-size: 6.2vh;
                font-family: 'Oxygen', sans-serif;
                font-weight: bolder;
            }

            .descS3 {
                position: absolute;
                right: 70%;
                top: 50%;
                left: 3%;
                text-align: left;
                font-size: 3vh;
                font-family: 'Oxygen', sans-serif;
                font-weight: bolder;
            }

            .btnCarouselS3 {
                position: absolute;
                right: 70%;
                top: 80%;
                left: 7%;
                width: 30vh;
                height: 6vh;
                background-color: rgb(255, 115, 0);
                font-size: 2.1vh;
                color: white;
                font-weight: 900;
                text-align: center;
            }

            #bt3:hover {
                position: absolute;
                right: 70%;
                top: 80%;
                left: 7%;
                width: 30vh;
                height: 6vh;
                background-color: rgb(0, 89, 255);
                font-size: 2.1vh;
                color: white;
                font-weight: 900;
                text-align: center;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }

            .chamadaS4 {
                position: absolute;
                right: 60%;
                top: 5%;
                left: 3%;
                text-align: left;
                font-size: 7vh;
                font-family: 'Oxygen', sans-serif;
                font-weight: bolder;
            }

            .descS4 {
                position: absolute;
                right: 70%;
                top: 50%;
                left: 3%;
                text-align: left;
                font-size: 3vh;
                font-family: 'Oxygen', sans-serif;
                font-weight: bolder;
            }

            .btnCarouselS4 {
                position: absolute;
                right: 70%;
                top: 80%;
                left: 7%;
                width: 30vh;
                height: 6vh;
                background-color: rgb(255, 115, 0);
                font-size: 2.1vh;
                color: white;
                font-weight: 900;
                text-align: center;
            }

            #bt4:hover {
                position: absolute;
                right: 70%;
                top: 80%;
                left: 7%;
                width: 30vh;
                height: 6vh;
                background-color: rgb(0, 89, 255);
                font-size: 2.1vh;
                color: white;
                font-weight: 900;
                text-align: center;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }

			#AlturaTextoPlanos1{
				margin-top:-85px;	
			}
			
			#AlturaTextoPlanos2{
				margin-top:-10px;	
			}
			
			#AlturaTextoPlanos3{
				margin-top:-65px;	
			}
			
			#AlturaTextoPlanos33{
				margin-top:0px;	
			}
			
			#AlturaTextoPlanos4{
				margin-top:-380px;	
			}
			
			#AlturaTextoPlanos5{
				margin-top:-150px;	
			}
			
			#AlturaTextoPlanos6{
				margin-top:-380px;	
			}
			
			#AlturaTextoPlanos7{
				margin-top:-380px;	
			}
			
			#AlturaPlanos{
				 height:210px;	
			}

            /* MOBILE CSS */

            @media screen and (max-width: 500px) {
                .mobileHide {
                    display: none;
                }

                .medi {
                    max-width: 75vh;
                    /* padding: 10px; */
                    margin-top: 0px;
                    margin-bottom: -5px;
                }

                .mobileShow {
                    display: block;
                }

                .desktopHide {
                    display: block;
                }

                .btncenter {
                    padding-left: -50px;
                    width: 210px;
                    font-size: 13pt;
                    margin-top: -100px;
                }

                .lheigt {
                    line-height: 20px;
                }

                .lheigt2 {
                    line-height: 23px;
                }

                .chamadaM {
                    position: absolute;
                    right: 2%;
                    top: 5%;
                    left: 2%;
                    text-align: center;
                    font-size: 4vh;
                    color: white;
                    font-family: 'Oxygen', sans-serif;
                    font-weight: bolder;
                }

                .descS1 {
                    position: absolute;

                    right: 2%;
                    top: 50%;
                    left: 2%;
                    text-align: center;
                    color: white;
                    font-size: 3vh;
                    font-family: 'Oxygen', sans-serif;
                    font-weight: bolder;
                }

                .btnCarouselS1 {
                    position: absolute;
                    top: 90%;
                    left: 50%;
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 30vh;
                    height: 6vh;
                    border-radius: 10px;
                    background-color: rgb(255, 115, 0);
                    font-size: 2.5vh;
                    color: white;
                    font-weight: 900;
                    text-align: center;
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                }
				
				#AlturaTextoPlanos1{
					margin-top:0px;	
				}
				
				#AlturaTextoPlanos2{
					margin-top:0px;		
				}
			
				#AlturaTextoPlanos3{
					margin-top:0px;	
				}
			
				#AlturaTextoPlanos4{
					margin-top:0px;		
				}
			
				#AlturaTextoPlanos5{
					margin-top:0px;	
				}
			
				#AlturaTextoPlanos6{
					margin-top:0px;	
				}
			
				#AlturaTextoPlanos7{
					margin-top:0px;	
				}
				
				#AlturaPlanos{
				 height:0px;	
				}
            }

            /* MOBILE CSS FIM */

            img {
                width: 100%;
            }