@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


 body{
         background: #f2f2f2;
         /*   background-image: url(INTRO.jpg); */
         background-size: inherit;
         background-position: center;
         color: #fff;
         overflow-x: hidden; /* Hide horizontal scrollbar */
         -webkit-user-select: none;  /* Chrome all / Safari all */
        -moz-user-select: none;     /* Firefox all */
        -ms-user-select: none;      /* IE 10+ */
        -o-user-select: none;
        user-select: none;
         }
         h1{
         color: #0d3e78;
         font-weight: 200;
         font-family: 'Montserrat', sans-serif;
         font-size: 36px;
         }

         .contact h1{
                 margin-top: 50px;
    margin-bottom: -20px;
    font-weight: 600;
    font-size: 40px;

         }
        .contact h3{
            font-family: 'Raleway', sans-serif!important;
            font-size: 24px;
        }

        .contact h4{
            text-align: left;
            color:#353535;
        }

        .contact a{
            color:#686868!important;
                line-height: 30px;
    text-transform: uppercase;
        }
        .contact a:hover{
            color:#333!important;
        }





.bgHora h3{
             font-family: 'Raleway', sans-serif!important;font-weight: 400;font-size: 20px;color:#fff;
         }

         h2{
         color: #000;
         }
         h3{
             font-family: 'Montserrat', sans-serif;
    color: #1a365e;
    font-weight: 300;
         }
         h4{
         font-family: 'Montserrat', sans-serif;
         color: #0d3e78;
         font-weight: bolder;
         text-align: center;
         }
         p{
         font-family: 'Raleway', sans-serif!important;
         font-size: 17px;
         color: #353535;
             text-align: left;
         }
         a:hover{
         text-decoration: none;
         color: #00c4ff!important;
         }
         hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #eee;
    width: 100px;
}

.superHero h1{
    color: #ff702d;
    font-weight: 600;
    font-size: 70px;
}
.superHero h1 span{
color:#fff;font-style: italic;font-size: 40px;
}
.bgHora{
    background:#ff702d;    margin-right: 600px;border-radius:0px 100px 0px 0px;
}


         .slides h1{
            font-size: 70px;
        }
        .espacTop{
            margin-top:0px;
        }
        .espacTop h1{
            font-size: 50px;
        }
        .upTopSlide{
            margin-top:-100px;
        }
         .box-text{
         padding: 40px;
         background: #fff;
         border-radius: 20px;
         box-shadow: -10px -5px 100px -65px rgba(0,0,0,0.5);
         }
         .icones{
       
             min-height: 100px;
    margin-top: 90px;
    border-radius: 10px;
 /*        box-shadow: -10px -5px 100px -65px rgba(0,0,0,1); */
         cursor: pointer;
         }
          .icones:hover{
  /*  background: #ddd; */
          }
         .icones img{
        
         margin-top: -40px;
         }
         .icones img:hover{
            
         }
         .menuicones{
                margin-top: -50px;
                margin-right: -100px;
         }



        a{
            color:#d2222a!important;
        }
        a:hover{
            color:#e05202!important;
        }
        .iconesFot{
            background: transparent;
            min-height: 150px;
            margin-top: 0px;
            border-radius: 0px;
            margin-bottom: 30px;
            border-radius: 20px;
            margin-right: 0px;
            
            cursor: pointer;
         }
          .iconesFot:hover{
        /*  background: #ddd; */
          }
         .iconesFot img{
            width: 80px;
            margin-top: 0px;
         }
         .iconesFot img:hover{
            filter: hue-rotate(161deg);
         }
         .iconesFot p{
            text-align: center;
         }
          .menuiconesFot{
             
              min-height: 520px;
              margin-bottom: 100px;
              border-radius: 0px 20px 20px 0px;
              padding: 20px;
              
         }
         
         
         
         
         
         
         .iconesFot2{
            background: transparent;
            min-height: 150px;
            margin-top: 0px;
            border-radius: 0px;
            margin-bottom: 30px;
            border-radius: 20px;
            margin-right: 0px;
             
            cursor: pointer;
         }
          .iconesFot2:hover{
        /*  background: #ddd; */
          }
         .iconesFot2 img{
            width: 80px;
            margin-top: 0px;
              filter: hue-rotate(172deg);

         }
         .iconesFot2 img:hover{
           filter: hue-rotate(0deg);
         }
         
         .share{
             background:#2759AC;
         }
         .share h1{
             color:#fff;
         }
.panel-default {
    border-color: transparent;
}

ol, ul{
        padding: 0px;
            text-align: left;
}
         /*
         .topo video{
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         display: block;
         object-fit: fill;
         z-index: -1;
         }*/
         .topo{
         display: flex;
         justify-content: center;
         align-items: center;
         text-align: center;
         background: linear-gradient(4deg, rgb(20 38 64) 0%, rgba(0,160,200,.5) 100%);
         color: #fff;
         margin-top: 0px;
         padding: 200px 0 0 0;
         position: relative;
         overflow: hidden;
         margin-bottom: 100px;
             border-radius: 0% 100% 22% 78% / 56% 0% 100% 44%;
         }
         .topo .video-bg{
         filter: grayscale(1);
         position: absolute;
         /*  top: 0; */
         left: 0;
         min-width: 100%;
         min-height: 100%;
         z-index: -1;
         }
         
         
          .topoHero{
         display: flex;
         justify-content: center;
         align-items: center;
         text-align: center;
             background: linear-gradient(273deg, rgb(20 38 64 / 89%) 0%, rgb(20 38 64 / 89%) 100%);
         color: #fff;
         margin-top: 0px;
         
         position: relative;
         overflow: hidden;
         margin-bottom: 100px;
         }
         .topoHero .video-bg{
             filter: hue-rotate(101deg);
         position: absolute;
           top: 0; 
        
         min-width: 100%;
         min-height: 100%;
         z-index: -1;
         }
         
         
         .topo h1{
         color: #fff;
         }
         .logo{
         margin-top: -200px;
    position: fixed;
    z-index: 2;
   
         }
         .topo .logo img{
         width: 200px;
         }
         
         
         .logo2{
         margin-top: -200px;
    position: fixed;
    z-index: 2;
    
         }
         
         
        .logo2 img {
    width: 120px!important;
    transition: transform 0.6s;
}


         
         .rodape{
                 background-image: url(../pin.png);
    background-size: cover;
    background-position: bottom;
    padding: 100px 0px 0px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
         }
         
       
         .rodape spam{
             color:#777;
         }

         .logoRodape{
            margin: -100px 0px 50px;
         }

        .logoRodape img{
         width: 200px;
         }

         .menuRodape li{
            margin:10px 0px;

         }
         .menuRodape a{
             color:#333;
         }
         .menuRodape a:hover{
             color:#900e14!important;
         }

         .topoPages{
                border-radius: 0% 0% 100% 100% / 0% 0% 50% 50%;
         }


         .panel-default>.panel-heading {
            color: #333;
            background-color: #ffffff;
            border-color: #ddd;
        }
        .panel-default>.panel-heading+.panel-collapse>.panel-body{
            border-top-color:#fff;
        }
        
        .navbar-nav{
             float:right!important;
        }

         .navbar{
         margin-top: -150px;
        
         }
         .navbar-default {
         background-color: transparent;
         border-color: transparent;
         }
         .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
         color: #fff;
         background-color: transparent;
         font-size: 20px;
          font-family: 'Montserrat', sans-serif;

         }
         .navbar-default .navbar-nav>li>a {
         color: #fff!important;
         font-size: 20px;
         font-family: 'Montserrat', sans-serif;
            margin: -7px 8px;
         font-weight: 200;
         }
         .navbar-default .callus{
         width: 150px;
         margin: 0px 0px 0px 50px;
         }
         
         .dropdown-menu{
                 position: absolute;
                
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 0;
    margin: 10px 0 0;
    font-size: 16px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
             
         }
         
         .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
             
             background-color:transparent;
         }
         
         .dropdown-menu>li>a {
                padding: 5px 40px;
    margin: 10px 0 0;
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333!important;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
}


         .horas{
           margin-left:150px;
         }

         .datas{
           background: #d2222a!important;
            color: #fff!important;
            padding: 10px 30px!important;
            line-height: 1.25;
            text-decoration: none;
            border-radius: 100px;
            transition: background-color 325ms ease;
            font-size: 14px;
            font-family: 'Montserrat', sans-serif;
            margin: 20px 39px;
            font-weight: 500;
            text-transform: uppercase;
         }

         .datas:hover{
           background: #d2222a!important;
            color: #fff!important;
            
         }
         .datasText p{
            text-align: left;
         }

.contorno, .contorno:hover{
       border: 2px solid #0c3e78;
    color: #0c3e78!important;
    padding: 10px 30px!important;
    line-height: 1.25;
    text-decoration: none;
    border-radius: 100px;
    transition: background-color 325ms ease;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    margin: 8px 8px;
    font-weight: 800;
    text-transform: uppercase;
}



        .btn-vermelho-contorno{
            border:2px solid #d2222a;
            color: #d2222a!important;
            padding: 10px 30px!important;
            line-height: 1.25;
            text-decoration: none;
            border-radius: 100px;
            transition: background-color 325ms ease;
            font-size: 14px;
            font-family: 'Montserrat', sans-serif;
            margin: 0px 39px;
            font-weight: 500;
            text-transform: uppercase;
         }
         .btn-vermelho-contorno:hover{
            border:2px solid #0d3e78;
            color: #0d3e78!important;
            padding: 10px 30px!important;
            line-height: 1.25;
            text-decoration: none;
            border-radius: 100px;
            transition: background-color 325ms ease;
            font-size: 14px;
            font-family: 'Montserrat', sans-serif;
            margin: 0px 39px;
            font-weight: 500;
         }


         .btn-vermelho{
             
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 1em 1.5em;
    background-color: #d2222a;
    color: #fff!important;
padding: 10px 20px!important;
    line-height: 1.25;

    text-decoration: none;
    border-radius: 100px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
    transition: background-color 325ms ease;
    
    

    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 39px;
    font-weight: 200;
    
    
         }
        .btn-vermelho:hover{
    background-color:#900e14!important;
    color:#fff!important;
         }
         .btn-blue{
         background: #00c4ff;
         color: #001766;
         font-size: 30px;
         border-radius: 100px;
         font-weight: bolder;
         font-family: 'Montserrat', sans-serif;
         padding: 0px 40px 0px;
         cursor: pointer;
         }
         .btn-blue:hover{
         background: #ff702d;
         color: #fff!important;
         font-size: 30px;
         border-radius: 100px;
         font-weight: bolder;
         font-family: 'Montserrat', sans-serif;
         padding: 0px 40px 0px;
         cursor: pointer;
         }
         .btn-upload{
         color: #fff!important;
            
         background:#414858;
         font-size: 20px;
         border-radius: 100px;
      
         font-family: 'Montserrat', sans-serif;
         padding: 10px 40px;
         cursor: pointer;
         }
         .btn-upload:hover{
         color: #fff!important;
    
         }

         blockquote .small, blockquote footer, blockquote small{
            font-weight: bold;
            color: #000;
                font-size: 20px;
                font-family: 'Montserrat', sans-serif;
         }
         .carousel-control.left, .carousel-control.right{ 

    background-image: none;
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: none;
    background-image: none;


         }
         
         
         /*flip*/
         
.flip-card {
  background-color: transparent;
  width: 500px;
  height: 300px;
  perspective: 1000px;
 margin:10px;
   font-family: 'Montserrat', sans-serif!important;
   

}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;

}

.flip-card:focus {
    outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
  transform: rotateY(180deg);
}

.flip-card-front1,
.flip-card-front2,
.flip-card-back {
    font-family: 'Montserrat', sans-serif!important;
  position: absolute;
  width: 500px;
  height: 300px;
  margin:10px;
}



.flip-card-front1 {
  background-image: url("../nyc.png");
  background-position: center;
    background-size: cover;
  color: #fff;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:10px;
}

.flip-card-front2 {
  background-image: url("../longisland.png");
  background-position: center;
    background-size: cover;
  color: #fff;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:10px;
}

.flip-card-back {
  background: #142640;
  color: #fff;
  transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:10px;
  
}

.flip-card-back p{
    font-size:20px;
    text-align:center;
}
.flip-card .flip-card-front1 h2,
.flip-card .flip-card-front2 h2{
        color: #fff;
        font-size: 30px;
        

}
.flip-card h3 {
  font-size: 30px;
  color: #fff;
}
.flip-card p {

  color: #fff;
}

/*flip*/


/*toltip*/
.red-tooltip + .tooltip > .tooltip-inner {
  margin: 50px 0px -10px 0px;
  background-color: #fff;
opacity:1!important;
  color:#000;
 font-size:16px;
  font-family: 'Raleway', sans-serif!important;
  border-radius:10px;
  padding:20px;
  }
.tooltip.top .tooltip-arrow {
  border-top-color: #fff;
  opacity:1!important;
}
/*toltip*/



         .carousel-indicators .active {
         width: 12px;
         height: 12px;
         margin: 0;
         background-color: #d2222a;
         border-color: #d2222a;
         }
         .carousel-indicators li {
         display: inline-block;
         width: 10px;
         height: 10px;
         margin: 1px;
         text-indent: -999px;
         cursor: pointer;
         background-color: #fff;
         /* border: 1px solid rgb(0 23 102 / 69%); */
         border-radius: 10px;
         }
         blockquote{
         padding: 30px;
         background: #fff;
         border-radius: 0px;
         box-shadow: -10px -5px 100px -65px rgba(0,0,0,0.5);
         border-left: none;
         margin: 50px;
         }
         .img-circle {
         border-radius: 50%;
         border: 1px solid #00c4ff;
         margin-top: -70px;
         }
         
          .quotes{
         background-image: url(../ny-map.png); 
     
        background-size: cover;
         background-position-x: center;
         background-attachment: fixed;
         }
         
         
         .maps{
         background-image: url(../img/pindocs-wallpac.png); 
     
        background-size: cover;
         background-position-x: center;
         background-attachment: fixed;
         }

         .video iframe{
         border-radius: 20px;
         /*filter: grayscale(100%);*/
    
         }

         .contato{
                margin-top: -150px!important;
         }

         label{
                text-align: left!important;
                font-size: 20px!important;
                color: #0c3e78;
         }
         .form-group{
            text-align: left!important;
         }


element.style {
}
.form-control {
    font-family: 'Raleway', sans-serif!important;
    height: 50px;
    border-radius: 0px;
    margin: 5px 0px;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #0c3e78;
    /* border-style: dashed; */
    font-size: 14px;
    padding: 20px;
}




         .maps iframe{
         border-radius: 50px;
         /*filter: grayscale(100%);*/
         height: 350px;
         z-index: -1;
         }
         .box-maps {
         position: absolute;
         background: #ff702d;
         border: 0px solid rgba(100, 100, 100, 1);
         border-radius: 20px;
         transform: translate(0px, 0px) skew(-8deg, 0deg);
         min-height: 200px;
         width: 300px;
         z-index: 1;
         margin: -40px 0px 0px 150px;
         text-align: left;
         padding: 20px;
         }
         .box-maps h2{
         color: #fff;
         text-align: center;
         font-size: 35px;
         transform: translate(0px, 0px) skew(8deg, 0deg)!important;
         }
         .box-maps p{
         font-family: 'Didact Gothic', sans-serif;
         color: #fff;
         text-align: center;
         font-size: 18px;
         transform: translate(0px, 0px) skew(8deg, 0deg)!important;
         }


         .new{
       /*  background-image: url(../img/new.png); 
     
        background-size: cover;
         background-position-x: center;
         background-attachment: fixed;*/
         }
         .new-box {
    
        
        
        min-height: 580px;

        
         z-index: 1;
        
         text-align: left;
         padding: 30px;
         }
         .new-box p{
            font-family: 'Didact Gothic', sans-serif;
            color: #fff;
         }


         div.relative {
         position: relative;
         height: 200px;t
         text-align: center;
         margin-top: 50px;
         margin-bottom: 150px;
         } 
         div.absolute {
         position: absolute;
         top: 80px;
         right: 150px;
         width: 200px;
         height: 100px;
         }
         .contact{
        /* background-image: url(../img/bg-contact.png); */
           

         }
        
         .navbar-default .navbar-nav .rodape>.active>a, .navbar-default .navbar-nav .rodape>.active>a:focus, .navbar-default .navbar-nav .rodape>.active>a:hover {
         color: #333!important;
         background-color: transparent;
         font-size: 20px;
          font-family: 'Roboto', sans-serif;
         }
         .navbar-default .navbar-nav .rodape>li>a {
         color: #333!important;
         font-size: 20px;
         font-weight: 200;
          font-family: 'Roboto', sans-serif;
         }
         .modal-content{
         background: #fff;
         border-radius: 10px;
         background-size: cover;
         background-position: right;
         padding: 10px;
         }
         .modal-footer{
         border: none;
         }
          .modal-dialog{
                 margin: 200px auto;
         }
         .modal-body h3{
             font-size:16px;margin-bottom: -20px;
         }
         .modal-body h2{
             font-style: italic;font-size:30px;font-weight: bolder;
         }


         /* garantia */

             .wrap {
                /*Ajuste a largura e altura desejadas aqui*/
                width: 950px;
                height: 100%;
                /*isto fará o elemento video e o .container se adaptarem ao .wrap*/
                position: relative;


            }

            .wrap > .bg-video {
                position: absolute;
                top: 0;
                left: -100px;
                z-index: -1; /*apenas um -1 é necessário quando se trabalha com relative + absolute, sendo pai e filho*/
                overflow: hidden; /* evita do video passar a altura desejada do .wrap */
                 border-radius: 100px 100px 100px 100px;


            }
            .wrap > .bg-video > video {
                width: 105%;
                height: 50%;


            }


             .box-video {
                 transform: translate(0px, 0px) skew(-8deg, 0deg);
                 z-index: 1;
                 margin: 0px 0px 150px 170px;
                 padding: 50px;


       



              }

              .garantia{
                background: #fff;
                width: 60%;
                height: auto;
                border-radius: 20px;
                padding: 20px;
                transform: translate(0px, 0px) skew(8deg, 0deg);
                color: #333;
                margin-top: 100px;

                margin-left: 0px;
                text-align: center;


              }
              .icone-garantia img{
                width: 120px;
                margin-top: -100px;
                text-align: center;


              }
              .espaco{
                margin-top:100px;
              }


/* garantia */


@media (min-width: 768px){



  

}

.contato{
                margin-top: 50px!important;
         }



         @media (max-width: 767px) {


             .video iframe{
         border-radius: 20px;
         /*filter: grayscale(100%);*/
         width: 340px;
         height: 180px;
    
         }




              .quemSomos{
        margin-top: -100px;
    }

    .contact{
            padding: 0px 0px 0px 0px!important;
        }




            .espacTop{
            margin-top:100px;
        }
        .espacTop h1{
            font-size: 30px;
        }
        .box-text h1{
            font-size: 30px;
        }


            .logoRodape{
            margin-left: 0px;
         }



.horas{
           margin-left:10px;
           top: -50px;
         }
             .menuicones{
                margin-top: 10px;
         }


         .menuiconesFot{
                margin-top:10px;
         }
         .upTopSlide{
            margin-top:0px;
        }

        .slides h1{
            font-size: 40px;
        }
        .slides h3 {
    font-size: 16px;
}
        .carousel-control{
            display: none;
        }
        
        .dropdown-menu>li>a{
          /*  color:#fff!important;*/
        }
        
        
        .navbar-nav .open .dropdown-menu{
            
            background:#fff!important;
            margin-top:10px!important;
        }
        .nav>li {
            padding: 10px 0px;
        }


         div.relative {
         position: relative;
         height: 200px;t
         text-align: center;
         margin-top: 50px;
         margin-bottom: 300px;
         width: 360px;
         } 
         div.absolute {
         position: absolute;
         top: 80px;
         right: 150px;
         width: 360px;
         height: 100px;
         margin-top: 50px;
         }
         .maps iframe {
         width: 360px;
         }
         .box-maps {
         position: absolute;
         background: #ff702d;
         border: 0px solid rgba(100, 100, 100, 1);
         border-radius: 20px;
         transform: translate(0px, 0px) skew(-8deg, 0deg);
         min-height: 156px;
         width: 300px;
         z-index: 1;
         margin: -203px 0px 0px 177px;
         text-align: left;
         padding: 0px;
         }
         .navbar-nav {
            font-family: 'Roboto', sans-serif;
         margin-top: 150px;
          float: none!important; 
         }
         
         



         .navbar-default .navbar-collapse, .navbar-default .navbar-form {
         border: none;
         }
         .navbar-default .navbar-toggle .icon-bar{
         background-color: #fff;
         }
         .navbar-collapse{
         -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 0%); */
         box-shadow: inset 0 1px 0 rgb(255 255 255 / 0%);
         }
         .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
         background: transparent;
         }

         /*garantia*/
         .box-video{
                margin: 30px 0px 0px 0px;
                padding: 30px 0px;  
         }
         .garantia{
                width: 360px;
                    margin-left: -23px;
                        padding: 0px 20px;
         }
         .wrap > .bg-video {

            border-radius: 200px 100px 0px 100px;
        }
        .espaco{
                margin-top:0px;
              }



   /*flip*/
         
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 200px;
  perspective: 1000px;
  margin:0px 0px;
   font-family: 'Montserrat', sans-serif!important;

}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
 
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;

}

.flip-card:focus {
    outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
  transform: rotateY(180deg);
}

.flip-card-front1,
.flip-card-front2,
.flip-card-back {
    font-family: 'Montserrat', sans-serif!important;
  position: absolute;
  width: 100%;
  height: 200px;
}



.flip-card-front1 {
  background-image: url("../nyc.png");
  background-position: center;
    background-size: cover;
  color: #fff;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flip-card-front2 {
  background-image: url("../longisland.png");
  background-position: center;
    background-size: cover;
  color: #fff;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flip-card-back {
  background: #142640;
  color: #fff;
  transform: rotateY(180deg);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flip-card-back p{
    font-size:20px;
    text-align:center;
}
.flip-card .flip-card-front1 h2,
.flip-card .flip-card-front2 h2{
        color: #fff;
        font-size: 30px;
        

}
.flip-card h3 {
  font-size: 30px;
  color: #fff;
}
.flip-card p {

  color: #fff;
}

/*flip*/

/* marging Local */
.local{
      /*  margin-left: -40px; */
}
/* marging Local */
.superHero h1{
    color: #ff702d;
    font-weight: 600;
    font-size: 40px;
}
.superHero h1 span{
    color:#fff;font-style: italic;font-size: 24px;
}
.bgHora{
    background:#ff702d;    margin-right: 0px;border-radius:0px 100px 0px 0px;
}
h1{
         color: #000;
         font-weight: 200;
         font-family: 'Montserrat', sans-serif;
         font-size: 24px;
         }
.contact h1{
    font-size:40px;
}
 .contact h3{
            font-family: 'Raleway', sans-serif!important;
            font-size: 16px;
        }

        .contact{
            padding: 0px 0px 0px 90px;
        }
        
.quotes p{
    font-style: italic;font-size: 14px;   
}

 blockquote .small, blockquote footer, blockquote small{
            font-weight: bold;
            color: #000;
                font-size: 14px;
                font-family: 'Montserrat', sans-serif;
         }
         
         .bgHora h3{
             font-family: 'Raleway', sans-serif!important;font-weight: 400;font-size: 16px;color:#fff;
         }
         
         
         .logo{
         margin-top: -200px;
   position: static!important;

   
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 0px 0px 100px 100px;
         }


          .topo{
         display: flex;
     
        
      
         margin-top: 0px;
         padding: 200px 0 0 0;
         position: relative;
         overflow: hidden;
         margin-bottom: 100px;
             border-radius: 0px 0px 100px 100px;
         }


         
         
}