* {
	box-sizing: border-box;
    padding: 0;
    margin: 0
}

a{
    text-decoration: none
}

body {
	background: #fff;
	height: 100%;
	font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
}

html {
	height: 100%
}

.clear{
    clear: both
}

.efeito img {
	cursor: pointer;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out
}

.efeito img:hover {
	opacity: 0.6;
}

.header{
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 80px;
    background: #000;
}

.logo2{
    position: absolute;
    top: 20px;
    width: 105px;
    height: 36px;
    left: 50%;
    margin-left: -52px;
    background: url(img/iduna-logo2.png) no-repeat center center;
    background-size: contain;
}

.social{
    position: absolute;
    right: 30px;
    top: 27px;
}

.social a{
    color: #fff;
    font-size: 22px;
    margin: 0 7px;
    transition: opacity .15s ease-in-out;
}

.social a:hover{
    opacity: 0.5;
}

.sec{
        height: 100%;
        width: 100%;
        position: relative;
    }

.logo{
    position: absolute;
    display: none;
    top: 20px;
    width: 143px;
    height: 107px;
    left: 50%;
    margin-left: -71px;
    background: url(img/iduna-logo.png) no-repeat center center;
    background-size: contain;
}

#sec-1{
    z-index: 1;
}

.home_fundo{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(img/home.png) no-repeat top center;
    background-size: 100% auto;
}

.film-bg {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 60%;
    height: calc(100% - 300px);
    top: 170px;
    background: url(img/film.jpg) center top;
    background-size: cover;
}

#play {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin: -77px 0 0 -153px;
    width: 307px;
    height: 155px;
    background: url(img/play.png) no-repeat center center;
}

#play:hover{
    cursor: pointer;
}

#video-mp4{
    min-width: 100%;
    min-height: 100%;
}

.menu{
    position: fixed;
    display: none;
    top: 81px;
    z-index: 2;
    background: #000;
}

.menu ul{
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.menu ul a{
    text-decoration: none;
}

.menu ul li{
    text-decoration: none;
    margin: 8px 0;
    color: #fff;
    font-family: 'Abel', sans-serif;
    font-size: 20px;
    padding: 0 20px;
}

.menu ul li:hover{
    color: #000;
    background: #fff;
    cursor: pointer
}

.mouse{
    position: absolute;
    left: 50%;
    bottom: 100px;
}

.mouse2{
    position: absolute;
    top: 22px;
    width: 26px;
    height: 42px;
    background: url(img/mouse.png) no-repeat center center;
    background-size: contain;
}


.seta{
    position: absolute;
    z-index: 2;
    top: 67px;
    left: 13px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    text-align: center;
    color: #4d4e56;
    font-size: 18px;
    animation: setani 1s ease-in-out infinite;
}

.seta:hover{
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
}

@keyframes setani {
    0% { transform: translate(0, -5px);}
    50% { transform: translate(0, 0);}
    100% { transform: translate(0, -5px);}
}

.seta2{
    position: absolute;
    top: 0px;
    left: 13px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    text-align: center;
    color: #4d4e56;
    font-size: 18px;
    animation: setani2 1s ease-in-out infinite;
}

.seta2:hover{
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  -o-animation-play-state:paused;
  animation-play-state:paused;
}

@keyframes setani2 {
    0% { transform: translate(0, 5px);}
    50% { transform: translate(0, 0);}
    100% { transform: translate(0, 5px);}
}

#sec-2{
    background: url(img/sobre_fundo.jpg) no-repeat center center;
    background-size: cover;
}

.sobre1{
    position: absolute;
    right: 30px;
    height: 100%;
}

.sobre1 img{
    height: 100%;
    width: auto;
}

.sobre-txt{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -388px;
    width: 400px;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #777b80;
    font-size: 14px;
}

.sobre-txt img{
    margin-bottom: 20px;
    width: 230px;
}

#sec-3{
    background: url(img/lb_fundo.png) no-repeat center center;
    background-size: cover;
}

.lb1{
    position: absolute;
    width: 100%;
    height: 376px;
    top: 50%;
    margin-top: -274px;
    background: url(img/lb2.jpg) no-repeat center center;
    background-size: cover;
}

.lb2{
    position: absolute;
    width: 1037px;
    height: calc(90% - 100px);
    left: 50%;
    margin-left: -508px;
    top: 100px;
    background: url(img/lb.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}

.lb2:hover{
    transform: scale(1.05);
}

#sec-4{
    background: url(img/conceito_fundo.png) no-repeat center center;
    background-size: cover;
}

.conceito{
   position: absolute;
    width: 896px;
    left: 50%;
    margin-left: -448px;
    height: 60%;
    top: 20%;
    background: url(img/conceito.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}

.conceito:hover{
    transform: scale(1.05);
}

#sec-5{
    background: url(img/catalogo_fundo.png) no-repeat center center;
    background-size: cover;
}

#sec-5 iframe{
    position: absolute;
    overflow: hidden;
    width: 850px;
    bottom: 117px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 0;
}

.catalogo{
    position: absolute;
    width: 633px;
    height: 38%;
    top: 100px;
    margin: 0 0 0 -316px;
    left: 50%;
    background: url(img/catalogo.png) no-repeat center center;
    background-size: contain;
    transition: all .15s ease-in-out;
}

.catalogo:hover{
    transform: scale(1.1) rotate(-2deg);
}

#sec-6{
    background: #313233 url(img/contato_fundo.png) no-repeat top center;
    background-size: 100% auto;
}

.maps{
    position: absolute;
    width: 100%;
    height: 250px;
    bottom: 100px;
}

.endereco{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -291px 0 0 -465px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #a8a8a8;
}

.endereco h1{
    font-weight: 600;
    font-size: 16px;
    margin: 20px 0 7px 0;
    color: #deeef6;
}

.endereco span{
    font-size: 22px;
}

#formulario{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 440px;
    margin: -283px 0 0 65px;
}

#formulario input{
    border: 0;
    border-bottom: 1px solid #a8a8a8;
    color: #a8a8a8;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin: 0 15px 30px 0;
    padding: 5px 0 15px 0;
    width: 200px;
    background: transparent;
}

#formulario select{
    border: 0;
    border-bottom: 1px solid #a8a8a8;
    color: #a8a8a8;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin: 0 15px 30px 0;
    padding: 5px 0 15px 0;
    width: 200px;
    background: transparent;
}

#formulario textarea{
    border: 0;
    border-bottom: 1px solid #a8a8a8;
    color: #a8a8a8;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 0 15px 0;
    width: 418px;
    height: 100px;
    background: transparent;
}

#formulario button{
    border: 0;
    border-radius: 8px;
    color: #323233;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    float: right;
    margin: 20px;
    padding: 5px 15px;
    background: #deeef6;
}

#formulario button:hover{
    background: #98d0eb;
    cursor: pointer;
}


/* -----------------------------------480------------------------------*/

@media screen and (max-width: 480px) {
    
    .mouse {
    display: none;
}
    
    .main{
        height: 100%;
    }
    
    #sec-1 {
    z-index: 1;
    height: 400px;
}
    
    .film-bg {
    height: 230px;
    top: auto;
    bottom: 0;
    }
    
    #video-mp4 {
    min-height: 230px;
    width: 130%;
}
    
   #sec-2 {
    padding: 70px 0;
    height: auto;
} 
    
    .sobre1 {
    display: none;
}
    
    .sobre-txt {
    position: relative;
    left: 5%;
    top: 0;
    margin: 0;
    width: 90%;
    text-align: justify;
}
    
    #sec-3 {
    height: 280px;
}
    
    .lb1 {
    height: 151px;
    top: 30px;
    margin-top: 0;
}
    
    .lb2 {
    width: 96%;
    height: 270px;
    left: 10px;
    margin-left: 0;
    top: 0px;
}
    
    #sec-4 {
    height: 550px;
}
    
    .conceito {
    width: 90%;
    left: 0;
    left: 5%;
    margin-left: 0;
    height: 460px;
    top: 30px;
    background: url(img/conceito2.png) no-repeat center center;
    background-size: contain;
    }
    
    #sec-5 {
    background: url(img/catalogo_fundo.png) no-repeat top center;
    background-size: cover;
    height: 439px;
}
    
    .catalogo {
    width: 90%;
    height: 276px;
    top: 40px;
    margin: 0;
    left: 5%;
}
    
    #sec-5 iframe {
    width: 100%;
    bottom: 0;
}
    #sec-6 {
    text-align: center;
    height: auto;
}
    #formulario {
    position: relative;
    left: 0;
    top: 0;
    width: 90%;
    margin: 0 auto;
    padding-top: 50px;
}
    #formulario input {
    margin: 0 0 30px 0;
    width: 100%;
}
    #formulario select {
    margin: 0 0 30px 0;
    width: 100%;
}
    #formulario textarea {
    width: 100%;
}
    
    .endereco {
    position: relative;
    left: 0;
    top: auto;
    margin: 0 auto;
    clear: both;
    padding: 50px 0;
}
    
    .maps {
    position: relative;
    width: 100%;
    bottom: auto;
}
    
    
}


/* -----------------------------------481-767---------------------------*/

@media screen and (min-width: 481px) and (max-width: 767px) {
    
    
    .mouse {
    display: none;
}
    
    .main{
        height: 100%;
    }
    
    #sec-1 {
    z-index: 1;
    height: 400px;
}
    
    .film-bg {
    height: 230px;
    top: auto;
    bottom: 0;
    }
    
    #video-mp4 {
    min-height: 230px;
    width: 130%;
}
    
   #sec-2 {
    padding: 70px 0;
    height: auto;
} 
    
    .sobre1 {
    display: none;
}
    
    .sobre-txt {
    position: relative;
    left: 5%;
    top: 0;
    margin: 0;
    width: 90%;
    text-align: justify;
}
    
    #sec-3 {
    height: 280px;
}
    
    .lb1 {
    height: 151px;
    top: 30px;
    margin-top: 0;
}
    
    .lb2 {
    width: 96%;
    height: 270px;
    left: 10px;
    margin-left: 0;
    top: 0px;
}
    
    #sec-4 {
    height: 550px;
}
    
    .conceito {
    width: 90%;
    left: 0;
    left: 5%;
    margin-left: 0;
    height: 460px;
    top: 30px;
    }
    
    #sec-5 {
    background: url(img/catalogo_fundo.png) no-repeat top center;
    background-size: cover;
    height: 502px;
}
    
    .catalogo {
    width: 90%;
    height: 276px;
    top: 40px;
    margin: 0;
    left: 5%;
}
    
    #sec-5 iframe {
    width: 100%;
    bottom: 0;
}
    #sec-6 {
    text-align: center;
    height: auto;
}
    #formulario {
    position: relative;
    left: 0;
    top: 0;
    width: 70%;
    margin: 0 auto;
    padding-top: 50px;
}
    #formulario input {
    margin: 0 0 30px 0;
    width: 100%;
}
    #formulario select {
    margin: 0 0 30px 0;
    width: 100%;
}
    #formulario textarea {
    width: 100%;
}
    
    .endereco {
    position: relative;
    left: 0;
    top: auto;
    margin: 0 auto;
    clear: both;
    padding: 50px 0;
}
    
    .maps {
    position: relative;
    width: 100%;
    bottom: auto;
}
    
}

/* --------------------------------768-1023------------------------------*/

@media screen and (min-width: 768px) and (max-width: 1023px) {
    
       .mouse {
    display: none;
}
    
    .main{
        height: 100%;
    }
    
    #sec-1 {
    z-index: 1;
    height: 510px;
}
    
    .film-bg {
    height: 350px;
    top: auto;
    bottom: 0;
    }
    
    #video-mp4 {
    min-height: 350px;
    width: 105%;
}
    
   #sec-2 {
    height: 583px;
} 
    
    .sobre1 {
    right: 0;
}
    
    .sobre-txt {
    width: 327px;
    margin: -200px 0 0 -330px;
}
    
    #sec-3 {
    height: 522px;
}
    
    .lb1 {
    height: 199px;
    margin-top: -101px;
}
    
    .lb2 {
    width: 100%;
    height: 429px;
    left: 0;
    margin-left: 0;
    top: 86px;
}
    
    #sec-4 {
    height: 550px;
}
    
    .conceito {
    width: 90%;
    left: 0;
    left: 5%;
    margin-left: 0;
    height: 460px;
    top: 30px;
    }
    
    #sec-5 {
    background: url(img/catalogo_fundo.png) no-repeat top center;
    background-size: cover;
    height: 553px;
}
    
    .catalogo {
    width: 90%;
    height: 276px;
    top: 40px;
    margin: 0;
    left: 5%;
}
    
    #sec-5 iframe {
    width: 100%;
    bottom: 0;
}
    #sec-6 {
    text-align: center;
    height: auto;
}
    #formulario {
    position: relative;
    left: 0;
    top: 0;
    width: 70%;
    margin: 0 auto;
    padding-top: 50px;
}
    #formulario input {
    margin: 0 0 30px 0;
    width: 100%;
}
    #formulario select {
    margin: 0 0 30px 0;
    width: 100%;
}
    #formulario textarea {
    width: 100%;
}
    
    .endereco {
    position: relative;
    left: 0;
    top: auto;
    margin: 0 auto;
    clear: both;
    padding: 50px 0;
}
    
    .maps {
    position: relative;
    width: 100%;
    bottom: auto;
}
    
}


/* ------------------------------------1024-------------------------------*/

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    
       .mouse {
    display: none;
}
    
    .main{
        height: 100%;
    }
    
    #sec-1 {
    z-index: 1;
    height: 510px;
}
    
    .film-bg {
    height: 350px;
    top: auto;
    bottom: 0;
    }
    
    #video-mp4 {
    min-height: 350px;
    width: 105%;
}
    
   #sec-2 {
    height: 583px;
} 
    
    .sobre1 {
    right: 0;
}
    
    .sobre-txt {
    width: 327px;
    margin: -200px 0 0 -330px;
}
    
    #sec-3 {
    height: 522px;
}
    
    .lb1 {
    height: 199px;
    margin-top: -101px;
}
    
    .lb2 {
    width: 100%;
    height: 429px;
    left: 0;
    margin-left: 0;
    top: 86px;
}
    
    #sec-4 {
    height: 550px;
}
    
    .conceito {
    width: 90%;
    left: 0;
    left: 5%;
    margin-left: 0;
    height: 460px;
    top: 30px;
    }
    
    #sec-5 {
    background: url(img/catalogo_fundo.png) no-repeat top center;
    background-size: cover;
    height: 610px;
}
    
    .catalogo {
    width: 90%;
    height: 276px;
    top: 40px;
    margin: 0;
    left: 5%;
}
    
    #sec-5 iframe {
    width: 100%;
    bottom: 0;
}
    
    #formulario {
    margin: -240px 0 0 5px;
}
    

    .endereco {
    margin: -240px 0 0 -400px;
    }
    
    .maps {
    bottom: 10px;
}
    
    
}

/* ---------------------------------------------------------*/

@media screen and (min-width: 1200px) {
    
    .nav-icon4, .logo2{
        cursor: pointer;
    }
    
    .sec {
    min-height: 740px;
}
    
}

/* ------------------------------------------------------------------*/

@media screen and (min-width: 1490px) {
    
    .catalogo {
    top: 155px;
    }
    
    #sec-5 iframe{
    width: 1000px;
    }
    
    #formulario{
    margin: -240px 0 0 65px;
}

    .endereco {
    margin: -240px 0 0 -465px;
    }
    
}