/*jssor slider loading skin spin css*/
            .jssorl-009-spin img {
                animation-name: jssorl-009-spin;
                animation-duration: 1.6s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }
            @keyframes jssorl-009-spin {
                from { transform: rotate(0deg); }
                to { transform: rotate(360deg); }
            }
            /*jssor slider bullet skin 032 css*/
            .jssorb032 {position:absolute;}
            .jssorb032 .i {position:absolute;cursor:pointer;}
            .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#283722;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
            .jssorb032 .i:hover .b {fill:#283722;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
            .jssorb032 .iav .b {fill:#283722;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
            .jssorb032 .i.idn {opacity:.3;}
            /*jssor slider arrow skin 051 css*/
            .jssora051 {display:block;position:absolute;cursor:pointer;}
            .jssora051 .a {fill:none;stroke:#283722;stroke-width:460;stroke-miterlimit:10;opacity:.6;}
            .jssora051:hover {opacity:.6;}
            .jssora051.jssora051dn {opacity:.3;}
            .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
            .slider-content{
                position: relative;
                top:-90px;
                left: 65px;
                float:left;
            }
            .position-img{
                position: relative;
                margin-top:-90px;
                margin-right: 30px;
                float:left;
            }

            @media only screen and (min-width: 180px) and (max-width: 479px) {.slider-1-bg{display:none}}
            @media only screen and (min-width: 480px) and (max-width: 767px) {.slider-1-bg{display:none}}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  #myBtn{
      z-index: -999999;
      float:left;
      position:absolute;
      left:-99999;  
      color: #fff;  
  }
  
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    background: url("../../bg-banner-carnaval.jpg");
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    color: #fff;
  }
  .modal-content p{
      font-size: 20px;
  }
  
  .btn-secondary2{
      width: 120px;
      height: 50px;
      left: 50%;
      margin-left:-60px; 
      position: relative;
      font-weight: bold;
      color: #009800;
  }
  /* The Close Button */
  .close {
    color: #fff !important;
    background: #009800;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top:20px;
    text-shadow: 0 2px 0 #009800;
  }
  
  .close:hover,
  .close:focus {
    color: #009800;
    text-decoration: none;
    cursor: pointer;
  }
  .navigation li a{
    padding:0 10px;
  }