﻿
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


h1,h2,h3
.why-invest-content, #why-invest-buttons{
    text-align: justify;
}
.w100{
    width: 100%;
}

.bread{
    color: #b4002d;
    font-weight: 800;
}

.bread a{
    text-transform: capitalize;
}


.bread a:hover{
    color: #b4002d;
}

.map-selecteable, .state-selecteable{
    cursor: pointer;
}

.green-box{
    background: #006D46;
    color: white;
    padding: 30px 45px;
    text-align: center;
    font-weight: 500;
    line-height: 25px;
}

.pink-box{
    background: #c40d3c;
    color: white;
    padding: 30px 45px;
    text-align: center;
    font-weight: 500;
    line-height: 25px;
}


.btn-home{
    border: 3px solid #006D46;
    padding: 3px 10px;
    background: white;
    color: #006D46;
    font-weight: 800;
    transition: .3s all ease;
}

.btn-home:hover{
    color: #006d46b5;
}

.btn-home.first{
    border-radius: 7px 0px 0px 7px;
}

.btn-home.second{
    border-radius: 0px 7px 7px 0px;
}

.btn-home.act{
    border: 3px solid #006D46;
    padding: 3px 10px;
    background: #006D46;
    color: white;
    font-weight: 800;
}

.circle-text {
    display: table-cell;
    height: 200px; /*change this and the width for the size of your initial circle*/
    width: 200px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    
  /*make it pretty*/
    background: #000;
    color: #fff;
    font: 18px "josefin sans", arial; /*change this for font-size and font-family*/
    
}

.flag-btn{
    width: 40px;
    border: none;
    background: white;
    margin-bottom: 20px;
    padding: 0;
    box-shadow: 0 0 8px 0px #00000066;
    border-radius: 4px;
}

.event-link, .event-link:hover, .event-link:focus, .event-link:visited{
    align-items: center;
    display: ;
    color: white;
    margin-top: 35%;
    display: block;
}

.event-date{
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
    font-size: 14px;
    color: white;
    background: #C40D3C;
    font-weight: 500;
}

.margin0{
    margin:0;
}

.text-light{
    font-weight: 400;
}


.button-video{
    font-size: 120px;
    color: white;
    display: block;

}

.button-video img{
    max-width: 90px;
}

.banner-logo{
    width: 100%;
    max-width: 400px;
}

.footer-list{
    list-style: none;
    color: white;
    padding: 0;
}
.footer-list li{
    margin-bottom: 10px;
}

.overlay-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000a6;
    z-index: 10;
    top: 0;
    left: 0;
}

.sector_img{
    cursor: pointer;
}

.sector_img_new{
    width: 22.5%;
}

.category-box{
    border: 2px solid #00b05b;
    border-radius: 7px;
        padding-bottom: 10px;
}

.category-box h5{
  color: #00b05b;
  padding: 0px 10px;
}

.category-box .line{
    display: block;
    height: 2px;
    background: #00b05b;
    margin-bottom: 10px;
}

.category-box p{
    margin-bottom: 0px;
    padding: 0px 10px;
}


.zoom-img {
  border:10px solid #fff;
  overflow: hidden;
  margin:0 auto;
}
.zoom-img img {
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
}
.zoom-img img:hover {
  -moz-transform: scale(1.1) rotate(0deg);
  -webkit-transform: scale(1.1) rotate(0deg);
  -o-transform: scale(1.1) rotate(0deg);
  -ms-transform: scale(1.1) rotate(0deg);
  transform: scale(1.1) rotate(0deg);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
}

/* .sector-icon{
width: 50%;
} */

.flexFont {
    /*height:8em;*/
    width:100%;
    background-color:#eeeeee;
    padding:1%;
    margin: 10px;
    display: inline-block;
    text-align:center;
}

.cerrar-modal{
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 30px !important;
    color: #e4dada;
    cursor: pointer;
}

.linea{
    display: block;
    width: 100%;
}

.modal-top{
    padding: 0px 10px;
    position: relative;
}

.modal-top img{
    width: 40px; 
    vertical-align: top;
    margin-top: 10px;
}

.sector-modal h2{
    display: inline-block;
    margin: 0; 
}

.sector-modal{
   /* position: fixed; */
   top: 0;
   background: white;
   width: 97%;
   max-width: 903px;
   z-index: 100;
   margin: auto;
   margin-top: 100px;
   border-radius: 4px;
}

#subscribe_box{
    border-radius: 6px;
    border: 1px solid #8ef38e;
    margin-bottom: 4px;
    color: white;
}

#subscribe_btn{
    border-radius: 5px;
    border: 1px solid #8ef38e;
    background: white;
    color: #8ef38e;
    font-weight: 500;
}

.section-line-top{
    width: 100%;
    height: 2px;
    /* margin: 0; */
    /* padding: 0; */
    position: absolute;
    top: 0;
    left: 0;
}

.section-line-bottom{
    width: 100%;
    height: 2px;
    /* margin: 0; */
    /* padding: 0; */
    position: absolute;
    bottom: : 0;
    left: 0;
}

.banner-info{
    display: block;
    /*margin: auto;*/
    text-align: center;
    width: 100%;
    max-width: 590px;
    padding-top: 90px;
}

.banner-info h1{
    text-align: left;
    color: white;
    font-weight: 300;
    /* box-shadow: 5px 10px; */
    /* text-shadow: 0px 0px #FF0000; */
    text-shadow: 0px 0px 6px #151414;
}

.banner-info h1 span{
 font-weight: 800;
 font-size: 50px;
}


.super-text{
    position: relative;
    display: inline-block;
    color: #535353;
}

.super-text span{
    display: none;
}



.super-text.active{
    position: relative;
    display: inline-block;
    color: #C40D3C;
    transition: .3s all ease;
}

.super-text.active span{
  position: absolute;
  right: 0;
  font-size: 60px;
  bottom: 0;
  color: #00000008;
  z-index: -1;
  transition: .3s all ease;
  display: block;
  white-space: nowrap;
}


.div-estado-small{
}


.div-estado-small .image-container {
    padding-top: 62%;
    position: relative;
    width: 97%;
    padding-top: 70%;
    background-size: cover;
    background-position: center;
    margin: auto;
    transition: .3s all ease;
    margin-bottom: 30px !important;

}


.div-estado-small .inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    text-align: center;
    /* border: 1px solid blue; */
    font-size: 30px;
    color: white;
}

.div-estado-small .inner-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    transition: .4s all ease;
    background: #0000002e;
}

.div-grid{
    display: block;
}

.div-grid .image-container {
    padding-top: 62%;
    position: relative;
    width: 97%;
    padding-top: 220px;
    background-size: cover;
    background-position: center;
    margin: auto;
    transition: .3s all ease;
    margin-bottom: 30px !important;

}


.div-grid .image-container-new {
    padding-top: 62%;
    position: relative;
    width: 97%;
    padding-top: 250px;
    background-size: cover;
    background-position: center;
    margin: auto;
    transition: .3s all ease;
    margin-bottom: 30px !important;

}


.div-grid .inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    text-align: center;
    /* border: 1px solid blue; */
    font-size: 30px;
    color: white;
}

.div-grid .inner-new{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 7%;
    color: white;
    font-size: 20px;
}

.div-grid .inner-new span{
    font-size: 15px;
    font-weight: 300;
}

.div-grid .inner-why{
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    text-align: center;
    /* border: 1px solid blue; */
    font-size: 30px;
    color: white;
    text-shadow: 0px 0px 13px rgb(0 0 0);
}

.div-grid .inner-why img{
    margin-bottom: 10px;
}


.table-why tr th{
    background: #006d46;
    color: white;
}

.div-grid .inner-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    transition: .4s all ease;
    background: #0000002e;
}

.div-grid .inner-date{
 position: absolute;
 top: 0;
 right: 0;
 padding: 6px;
 font-size: 14px;
 color: white;
 background: #C40D3C;
 font-weight: 500;
}


.image-container:hover .inner-overlay.ov1{
 background: #e91e6369;
}


.image-container:hover .inner-overlay.ov2{
 background: #2196f36b;
}


.image-container:hover .inner-overlay.ov3{
 background: #4caf508a;
}


.image-container:hover .inner-overlay.ov4{
 background: #ff6f006b;
}


.image-container:hover .inner-overlay.ov5{
 background: #00968882;
}


.pink-title{
    font-weight: 800;
    margin-bottom: 21px;
    color: #C40D3C;
    cursor: pointer;
}

.pink-link{
    font-weight: 800;
    margin-bottom: 21px;
    color: #C40D3C;
    cursor: pointer;
}

.inline{
    display: inline-block;
}

.pointer{
    cursor: pointer;
}

.button-video:hover{
    color: whitesmoke;
    transition: 1s all ease;

}

.tringulo-left-index{
    position: absolute;
    top: 0;
    left: 0;
    width: 16%;
}

.tringulo-right-index{
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
}





h1.big{
    font-size: 5.4rem;
}


.grey-title{
    /*margin-top: 0;*/
    color: grey;
   /* font-size: 50px;
    font-weight: 600;
    vertical-align: middle;*/
}

.home-jumbotron{
    background-size: cover !important;
    background-position: center !important;
    

}

.pad-table tbody tr {
    /* line-height: 25px; */
    padding-bottom: 5px;
    display: block;
}

footer .footer-social-icons a i {
    font-size: 22px;
    transition: 1s all ease;
}



.slider-li{
    padding: 81px 2px;
  /*   background-size: cover;
  background-position: center; */
}
.slider-h1{
    color: white;
}

.slider-p{
    color: white;
}



.nopadding{
    padding: 0 !important;
}

.nomargin{
    margin:0 !important;
}

.list-social-links li a i{
    color: #808080;
    /* background: #d6d7d7; */
    /* padding: 10px; */
    text-align: center;
    border-radius: 100px;
}

header{
    /*background: url("https://i.imgur.com/Uazq4Ku.png");*/
    background: white;
}
.header3 .logo-wrapper {
    /*background: #0075b8;*/
    background: transparent;
}

.header3 .navigation-wrapper {
    background: transparent !important;
    /* height: 35px; */
}

.light-black{    
    color:#57585e;
}

.celeste{
    color:#67c8f0;
}

.gray{
 color: #808080 !important;
}

.green{
 color: #93c73e !important;
}

.top-bar{
    background: #1c1c1c;
    color: white;
    padding: 4px 0px;
}
.btn-slider {
    background: #ffffff !important;
    color: #167eb9 !important;
}
.owl-prev{
    margin-left: 24px !important;
}

.owl-next{
    margin-right: 24px !important;
}

.big-select{
    border-radius: 5px;
    height: 50px;
    padding: 10px 10px;
}

.top-bar a{
    color: white !important;
    text-decoration: none;
}
.top-bar .active{
    border-bottom: 1px solid gray;
}

.no-border{
    border: none !important;
    padding: 8px 5px !important;
}

.invest-icon{
    max-height: 30px;
    vertical-align: bottom;
    margin-right: 4px;
}

.navbar-default {
    background: transparent !important;
}

.blue-ipbtn{
    background: #0075b8;
    padding: 4px 7px;
}
.navbar-nav>li>a {
    color: #FFFFFF;
    padding-top: 9px !important;
    padding-bottom: 6px !important;
}

.avenirb{
    font-family: 'Roboto' !important;
    font-weight: 500;
}
.avenir{
    font-family: 'Roboto' !important;
}
.slogan{
    display: inline-flex;
    color: white;
    font-size: 17px;
    padding-left: 10px;
    text-transform: uppercase;
    font-family: 'AvenirBlack';
    /* vertical-align: sub; */
}

.superbig-text {
    font-size: calc(1rem + 3vw);
}

.mid-text{
    font-size: calc(-0.6rem + 3.5vw);
}

#banner ul{
    position: absolute;
}

.navbar-nav>li>a {
    font-size: 1em !important;
}
.navbar-nav>li {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.navbar-default .navbar-nav>li>a {
    color: #2D2A26 !important;
    padding-left: 5px;
    padding-right: 5px;
    /* text-transform: uppercase; */
    font-weight: 600;
}

.navbar-default .navbar-nav>li:last-child>a {
    color: #C40D3C !important;

}

.banner-overlay{
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000094;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    /* 
    anterior
    background: transparent !important;
    border-bottom: none !important;
    color: #8bc53f !important;
    padding-bottom: 6px !important; */

    background: #006D46 !important;
    border-bottom: none !important;
    color: white !important;
    padding-bottom: 6px !important;
transition: .4s all ease;

}

.navbar-default .navbar-nav>li>a:hover{
      background: #C40D3B !important;
    border-bottom: none !important;
    color: white !important;
    padding-bottom: 6px !important;
transition: .4s all ease;

}



.header3 {
    /* background: #0075B8; */
    padding: 0px !important;
}

.w50{
    width: 50%;
}

.logo > img {
    /*border-right: 2px solid #ffffff;*/
    /*padding-right: 18px;*/
}


.border-img-hover:hover {
    border: 5px solid #ffffff00 !important;
}

body {
    /*     padding-top: 190px !important; */
}

.page-title-bar {
    background: transparent;
}
.logo img {
    /*height: 60px !important;*/
    /* height: 65px; */
    /*margin-top: 15px !important;*/
}

.logo {
    display: block;
    position: initial !important;
}
.header3 .header-main {
    padding-top: 2.0rem !important;
    padding-bottom: 2.0rem !important;
}



.header-topbar .language-options:hover {
    background: #0075b8 !important;
    color: white !important;
}

/* .content-sidebar-left{
    top: 189px !important;
    } */



    .dropdown-menu>li>a {
        padding: 1.0rem 2.0rem;
        border-bottom: 1px solid #003252;
    }

    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
        color: #ffffff !important;
    }

    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
        color: #fff !important;
        text-decoration: none;
        outline: 0;
        background-color: #0075b8;
    }

    .top-banner{
  /*      background: url(https://images.pexels.com/photos/753331/pexels-photo-753331.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
        background-size: cover;
        position: relative;
        height: 500px;*/
    }

    .top-banner .overlay{
        width: 100%;
        background: #024d8473;
        position: absolute;
        height: 100%;
        z-index: 0;
    }

    .top-banner video, .test-video video{
        position: absolute;
        top: 0;
        z-index: -2;
        width: 100%;
    }

    .stateimg{
     width:30% !important;
 }

 .bg-white{
    background: white;
}


.form-control:focus {
    border-color: #0075b863;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(0, 117, 184, 0.47);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(0, 117, 184, 0.35);
}

.dropdown-menu li a {
    color: #ffffff !important;
}

.dropdown-menu li a:hover {
    color: #ffffff !important;
}

/* .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626 !important;
    background-color: #003252 !important;
    } */

    .block-content::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .block-content::-webkit-scrollbar
    {
        width: 6px;
        background-color: #F5F5F5;
    }

    .block-content::-webkit-scrollbar-thumb
    {
        background-color: #d0d0d0;
    }

    .btn-white-transparent{
        background: transparent;
        border: 1px solid white;
        color: white;
    }

    .btn-white-transparent:hover{
        background: #ffffff1f;
        border: 1px solid white;
        color: white;
    }

    footer .footer-subscribe {
        background: none !important;
    }
    .directory{
        border-bottom: 1px solid #e8dfdf;
        padding-bottom: 25px;
        padding-top: 25px;
    }
    
    .text-light{
        font-weight: 100;
    }

    .text-bold{
        font-weight: 600;
    }
    
    .celeste{
        color:#64c6f0;
    }
    .blue{
        color: #0075b8 !important;
    }
    .black{
        color: black !important;
    }

    .red{
        color: #e82134 !important;
    }

    .left-border {
        border-left: 26px solid #c4113c;
        padding-left: 9px;
    }

    .bottom-border{
        border-bottom: 1px solid #dfdedec9;
    }

    .right-border{
       border-right: 2px solid #ffffff;
   }

   .light{
    text-align: center;
    margin-bottom: 26px;
    font-weight: 100;
}

.accordion-style1 .in {
    border-bottom: 1px solid #0075b840;
    padding-bottom: 3.0rem;
}

.accordion-style2 .panel-heading a {
   border-bottom: 0px solid #e1e1e1; 
   padding: 0; 
}

.accordion-style1 .in {
    border-bottom: 0px solid #0075b840 !important;
    padding-bottom: 0rem !important;
}

.box-preview-park-img, .colorbox{
    width: 100%;
    height: 77%;
    background: transparent;
    cursor: zoom-in;
}
.map{
	width: 100%;
}

.footer3 .footer-column-wrap {
    background: #00578D;
    padding: 0px 0 10px 0 !important;
    margin-top: 20px;
}

.page-title-bar .container .pull-left{
    margin-right: 2px !important;
}

.color{
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 6px;
    margin-top: 0px;
    border-radius: 100px;
}

.home-slider .owl-theme .owl-dots .owl-dot.active span, .home-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #003252;
}

.logo {
    display: block;
    position: static;
    /* top: -18px; */
}

.header3 .header-main .navbar{
    padding: 0;
}

.home-slider .owl-theme .owl-dots .owl-dot span {
    border: 2px solid #003252;
}

.overlay-map{
    background: #00000082;
    color: white;
    position: absolute;
    z-index: 1;
    width: 100%;/* 
    height: 100%; */
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    text-align: center;
    padding-top: 7%;
    cursor: pointer;
}

.overlay-map h1, .overlay-map h4{
    color: white !important;
}

@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #1e1e1e;
        background-color: #0075b8;
    }
}

/* GOOGLE TRANSLATE */


.goog-te-gadget-simple {
    background-color: transparent !important;
    border-left: none !important; 
    border-top: none !important;
    border-bottom: 1px solid #e8e8e8;
    border-right: none !important;;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #fff !important;
}

.goog-te-menu-value > span{
	color: grey !important;
}

.goog-te-gadget-icon{
	display: none !important;
}

/* end google translate */