@font-face {
    font-family: 'orev_blackregular';
    src: url('fonts/orev_black-webfont.eot');
    src: url('fonts/orev_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orev_black-webfont.woff2') format('woff2'),
         url('fonts/orev_black-webfont.woff') format('woff'),
         url('fonts/orev_black-webfont.ttf') format('truetype'),
         url('fonts/orev_black-webfont.svg#orev_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'orev_bookregular';
    src: url('fonts/orev_book-webfont.eot');
    src: url('fonts/orev_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orev_book-webfont.woff2') format('woff2'),
         url('fonts/orev_book-webfont.woff') format('woff'),
         url('fonts/orev_book-webfont.ttf') format('truetype'),
         url('fonts/orev_book-webfont.svg#orev_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'orev_lightregular';
    src: url('fonts/orev_light-webfont.eot');
    src: url('fonts/orev_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orev_light-webfont.woff2') format('woff2'),
         url('fonts/orev_light-webfont.woff') format('woff'),
         url('fonts/orev_light-webfont.ttf') format('truetype'),
         url('fonts/orev_light-webfont.svg#orev_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'orev_regularregular';
    src: url('fonts/orev_regular-webfont.eot');
    src: url('fonts/orev_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/orev_regular-webfont.woff2') format('woff2'),
         url('fonts/orev_regular-webfont.woff') format('woff'),
         url('fonts/orev_regular-webfont.ttf') format('truetype'),
         url('fonts/orev_regular-webfont.svg#orev_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
    border: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent; 
    outline: 0;
}

html, body {
    width: 100%;
    height: 100%;
    background: #6EBC4C;
    -webkit-font-smoothing: antialiased !important; 
    -moz-osx-font-smoothing: grayscale !important; 
    -webkit-overflow-scrolling: touch;
}

body{
}

img{
    max-width: 100%;
    display: inline-block;
}
video{
	border:5px solid;
	border-color: #2b6847;
	padding:0px;
}
.loading{
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 1100;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.overlay{
    width: 100vw;
    height: 100vh;
    background-color: #3872b5;
    position: fixed;
    z-index: 1000;
    top: 0; left: 0; right: 0; bottom: 0;
}

.table{
    width: 100%;
    height: 100%;
    display: table;
}

.table .table-cell{
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

header{
    width: 100%;
    height: 70px;
    display: table;
    position: fixed;
    top: -80px;
    left: 0; right: 0;
    background-color: #3872b5;
    z-index: 200;
    padding-top: 10px;

    -webkit-border-bottom-right-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-bottomright: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;

    -webkit-transition: all 750ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 750ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition: all 750ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -o-transition: all 750ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition: all 750ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

header .mask-mobile{
    display: none;
}

header.open{
    top: -10px;
}

header .btn.btn-menu-mobile{
    display: none;
}

header .logo-mobile{
    display: none;
}

header nav{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

header nav ul{
    display: inline-block;
}

header nav ul li{
    float: left;
    display: inline;
}

header nav ul li a{
    font-family: 'orev_bookregular';
    color: #fff;
    font-size: 17px;
    padding: 10px 25px;
    text-decoration: none;
    position: relative;

    transition: 0.5s;
}

header nav ul li a:hover{
    opacity: 0.7;
}

header nav ul li a:after{
    content: '';
    width: 0%;
    height: 3px;
    opacity: 0;
    position: absolute;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;

    transition: 0.5s;
}

header nav ul li a.active:after{
    content: '';
    width: 80%;
    opacity: 1;
}

.bg-green{background-color: #6ebc4c;}
.bg-green-2{background-color: #6affad;}
.bg-cream{background-color: #fef9e7;}
.bg-blue{background-color: #2d8eff;}
.bg-blue-2{background-color: #6aafff;}

.txt-white *{
    color: #fff !important;
    border-color: #fff !important;
}

.txt-blue *{
    color: #7596c1 !important;
    border-color: #7596c1 !important;
}

.txt-dark-green *{
    color: #2b6847 !important;
    border-color: #2b6847 !important;
}

.txt-green *{
    color: #6ebc4c !important;
    border-color: #6ebc4c !important;
}

.main{
    width: 100%;
    height: 800%;
    display: block;
}

.main section{
    width: 100%;
    height: 100vh;
    display: table;
    float: left;
    padding-top: 70px;
}

.main section#home img{
    width: 80%;
}

.main section#what,
.main section#link{
    width: 100%;
    padding-top: 0;
    display: inline-block;
    overflow: hidden;
}

.main section#what .wrapper-container,
.main section#link .wrapper-container{
    width: 100vw;
    height: 100%;
    display: inline-block;
}

.main section .wrapper-container{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.main section .wrapper-container .content{
    width: 1000px;
    display: inline-block;
}

.main section .what-carousel.
.main section .link-carousel{
    width: 100%;
    height: 100%;
}

.main section#what .what-carousel .ul-carousel,
.main section#what .what-carousel .ul-carousel li,
.main section#link .link-carousel .ul-carousel,
.main section#link .link-carousel .ul-carousel li{
    width: 100%;
    height: 100%;
}

.main section .what-carousel .item,
.main section .link-carousel .item{
    width: 100%;
    height: 100%;
    display: inline-block;
}

.main section .link-carousel .item{
    padding-top: 0;
}

	.responsivo {
           max-width: 1000px;
           width: 100%;
           height: auto;
	}
	.responsivo img{
          max-width: 1000px;   
          width: 75%;
		  height: auto;
          max-height: 1250px;  
          min-height: auto;      
          background-size:100%;
          background-repeat: no-repeat;
	}
	
.content .title{
    display: inline-block;
    border: 1.1vh solid #000;
    padding: 3vh;
    margin-bottom: 3.1vh;
}

.content .title h3{
    font-family: 'orev_blackregular';
    font-size: 4.1vh;
    color: #000;
    line-height: 3.6vh;
    text-align: left;
}

.content h4{
    display: block;
    margin: 0 auto 1vh auto;
    font-family: 'orev_blackregular';
    font-size: 2.9vh;
    color: #000;
    text-align: left;
    text-transform: uppercase;
}

.content ul.itens{
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}

.content ul.itens li{
    width: 100%;
    display: inline-block;
    font-family: 'orev_bookregular';
    font-size: 2.7vh;
    color: #000;
    text-align: left;
    list-style: none;
}

.txt-white .content ul.itens li:before{
    content: '';
    width: 7px;
    height: 7px;
    background: url(../img/ico-list.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}

.txt-green .content ul.itens li:before{
    content: '';
    width: 7px;
    height: 7px;
    background: url(../img/ico-list-green.png) 0 0 no-repeat;
    background-size: contain;
    display: block;
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}

.content p{
    font-family: 'orev_bookregular';
    font-size: 2.9vh;
    color: #000;
    text-align: left;
}

.content .carousel-itens{
    width: 95%;
    margin: 3vh auto 0 auto;
}

.content .carousel-itens .itens p{
    display: block;
    font-family: 'orev_lightregular';
    font-size: 2.5vh;
    color: #2b6847;
    padding-top: 2vh;
    text-align: center;
}

.content .carousel-itens .itens p strong{
    font-family: 'orev_blackregular';
}

.content .carousel-itens .itens img{
    width: 160px;
    display: inline-block;
    background: none;
}

.content .carousel-itens .owl-controls,
.content .carousel-itens .owl-controls .owl-nav{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
}

.content .carousel-itens .owl-controls .owl-prev,
.content .carousel-itens .owl-controls .owl-next{
    top: 50%;
    transform: translateY(150%);
    width: 20px;
    height: 50px;
    text-indent: -999999px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.content .carousel-itens .owl-controls .owl-prev{
    left: -25px;
    position: absolute;
    background-image: url(../img/btn-left.png);
}

.content .carousel-itens .owl-controls .owl-next{
    right: -25px;
    position: absolute;
    background-image: url(../img/btn-right.png);
}

.content .carousel-itens .owl-controls .owl-prev.disabled,
.content .carousel-itens .owl-controls .owl-next.disabled{
    display: none;
}

.main section#direction .wrapper-container .content p,
.main section#link .wrapper-container .content h4,
.main section#link .wrapper-container .content p{
    text-align: center;
}

.main section#link .wrapper-container .content h4{
    padding-top: 20px;
    margin-bottom: 0;
}

.content .row{
    width: 100%;
    display: table;
    text-align: center;
    padding-bottom: 30px;
}

.content .person{
    display: table-cell;
    margin: 0 1vh;
    text-align: center;
}

.content .row-01 .person{
    width: 30%;
}

.content .row-02 .person{
    width: 20%;
}


.content .person img{
    max-width: 100%;
    display: inline-block;
    border: 10px solid #000;
}

.content .person h5{
    font-family: 'orev_blackregular';
    font-size: 2.4vh;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1vh;
}

.content .person h5 span{
    font-family: 'orev_lightregular';
    font-size: 2vh;
    display: block;
}

 #link #linkCarousel{
    display: block !important;
}

#link #link-mobile{
    display: none;
}

#link h4{
    padding-bottom: 1.5vh;
}

#link p{
    text-transform: uppercase;
    padding-bottom: 1.5vh;
}

#link p a{
    text-transform: lowercase;
    transition: 0.5s;
}

#link p a:hover{
    opacity: 0.7;
}

#what .one-slider-wrapper .pagination,
#link .one-slider-wrapper .pagination{
    bottom: 3vh;
}

#what .one-slider-wrapper .pagination a,
#link .one-slider-wrapper .pagination a{
    width: 2vh;
    height: 2vh;
    position: relative;
    background-color: #fff;
    border: .6vh solid #fff !important;
    opacity: 0.9;

    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}
#what .one-slider-wrapper .pagination a span,
#link .one-slider-wrapper .pagination a span{
    font-family: 'orev_bookregular';
    text-shadow: 0.5px 0.5px 0.5px #000;
    position: absolute;
    text-align: center;
    text-indent: -1px;
    color: #fff !important;
    font-size: 20px;
    display: none;
    width: 100%;
    top: 2vh;
    left: 0;
}
#what .one-slider-wrapper .pagination a.active,
#link .one-slider-wrapper .pagination a.active{
    border: .6vh solid #666 !important;
    opacity: 1;
}
#what .one-slider-wrapper .pagination a.active span,
#link .one-slider-wrapper .pagination a.active span{
    display: block;
}
#what .navigation .btn,
#link .navigation .btn{
    background-size: contain;
}

#what .navigation .btn.btn-next,
#link .navigation .btn.btn-next{
    background-image: url(../img/btn-right-big.png);
}

#what .navigation .btn.btn-prev,
#link .navigation .btn.btn-prev{
    background-image: url(../img/btn-left-big.png);
}

@media only screen and (max-width: 1024px){
    .main section .wrapper-container .content{
        width: 100%;
        padding: 0 40px;
    }

    .main section#todo{
        display: inline-block;
    }

    .main section#todo .wrapper-container{
        width: 100%;
        display: inline-block;
    }
	.responsivo {
           max-width: 950px;
           width: 100%;
           height: auto;
	}
	.responsivo img{
          max-width: 950px;   
          width: 75%;
		  height: auto;
          max-height: 1250px;  
          min-height: auto;      
          background-size:100%;
          background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 950px){
    header{
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    header .mask-mobile{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: #3872b5;
        display: block;
        z-index: 150;
    }

    header .logo-mobile{
        width: 75px;
        float: left;
        display: inline-block;
        margin: 11px 20px;
        background: url(../img/logo.png) center no-repeat;
        background-size: contain;
    }

    header .logo-mobile a{
        display: block;
    }

    header .logo-mobile img{
        visibility: hidden;
    }

    header .btn.btn-menu-mobile{
        width: 45px;
        height: 45px;
        padding: 10px;
        display: block;
        float: right;
        margin: 19px 10px 0 0;
    }

    header .btn.btn-menu-mobile span{
        width: 100%;
        height: 4px;
        margin-bottom: 4px;
        background: #fff;
        display: inline-block;
        float: left;
    }

    header nav{
        top: -500px;
        opacity: 0;
        position: absolute;
        margin-top: 70px;
        background-color: #3872b5;
        z-index: 100;
        padding: 0 20px;

        transition: 0.5s;
    }

    header nav.open{
        top: -10px;
        opacity: 1;
    }

    header nav ul li {
        float: left;
        display: inline;
        width: 100%;
    }

    header nav ul li a{
        font-size: 20px;
        width: 100%;
        display: inline-block;
    }

    header nav ul li a:after,
    header nav ul li a.active:after{
        width: 100%;
    }

    .main{
        margin-top: 60px;
        height: auto;
    }
    
    .main section{
        min-height: auto;
        height: auto;
        padding: 150px 0;
    }

    .main section#what{
        padding: 0;
    }

    .main section .wrapper-container .content{
        padding: 0 20px;
    }

    .main section#what .wrapper-container .table-cell{
        vertical-align: top;
    }

    .main section#what .wrapper-container .content{
        padding: 70px 20px;
    }


    .content .title{
        padding: 20px 15px;
        border-width: 10px;
        margin-bottom: 30px;
    }

    .content .title h3{
        font-size: 34px;
        line-height: 29px;
    }

    .content h4{
        font-size: 26px;
        margin: 0 auto 10px auto;
    }

    .content p,
    .content ul.itens li{
        font-size: 23px;
        margin-bottom: 10px;
    }

    .content .carousel-itens .itens p{
        font-size: 19px;
        padding-top: 20px;
    }

    .content .row{
        display: inline-block;
    }

    .content .person{
        width: 100% !important;
        display: inline-block;
        padding-bottom: 30px;
        margin: 0;
    }

    .content .person h5{
        font-size: 24px;
        margin-top: 10px;
    }

    .content .person h5 span{
        font-size: 20px;
    }

    #link #link-mobile{
        display: block;
    }

    #link #linkCarousel{
        display: none !important;
    }

    #what .one-slider-wrapper .pagination, 
    #link .one-slider-wrapper .pagination{
        width: 100%;
        bottom: -2vh;
    }

    #what .one-slider-wrapper .pagination{
        bottom: 2vh;
    }

    #what .one-slider-wrapper .pagination .wrapper-pagination, 
    #link .one-slider-wrapper .pagination .wrapper-pagination{
        width: 100%;
        text-align: center;
    }

    #what .one-slider-wrapper .pagination .wrapper-pagination a, 
    #link .one-slider-wrapper .pagination .wrapper-pagination a{
        width: 20px;
        height: 20px;
        border-width: 5px;
        float: none;
        display: inline-block;
        margin: 0 0 10px 10px;
    }
	
	.responsivo {
           max-width: 900px;
           width: 100%;
           height: auto;
	}
	.responsivo img{
          max-width: 860px;   
          width: 70%;
          max-height: auto;  
          min-height: auto;      
          background-size:100%;
          background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 600px){
	
    .video{
	border:5px solid;
	border-color: #2b6847;
	padding:0px;
}
    .main section{
        padding: 70px 0;
    }

    .content .title h3{
        font-size: 30px;
        line-height: 25px;
    }

    .content h4{
        font-size: 20px;
    }

    .content p,
    .content ul.itens li{
        font-size: 20px;
        margin-bottom: 5px;
    }

    .content .carousel-itens{
        width: 70%;
    }

    .content .carousel-itens .itens p{
        font-size: 19px;
    }

    .content .row{
        display: inline-block;
    }

    .content .person{
        width: 100% !important;
        display: inline-block;
        padding-bottom: 30px;
        margin: 0;
    }

    .content .person h5{
        font-size: 19px;
        margin-top: 10px;
    }

    .content .person h5 span{
        font-size: 15px;
    }
	.responsivo {
           max-width: 580px;
           width: 100%;
           height: auto;
	}
	.responsivo img{
          max-width: 540px;   
          width: 100%;
		  /*height: auto;
          max-height: auto;  
          min-height: auto;      
          background-size:100%;
          background-repeat: no-repeat;
		  height: auto;
		   width: 100%;*/
		   height: 100vh;
		   display: table;
           float: left;
           padding-top: 70px;*/
	}
}

@media screen and (max-width:480px){
	.video{
	border:5px solid;
	border-color: #2b6847;
	padding:0px;
}
	.responsivo {
           max-width: 460px;
           width: 100%;
           height: auto;
	}
	.responsivo img{
          max-width: 400px;   
          width: 100%;
		  max-height: 550px;
		           /* height: auto;  
min-height: auto;      */
          background-size:100%;
          background-repeat: no-repeat;

		  /* height: 100vh;
		   display: table;
           float: left;
           padding-top: 70px;*/
		   padding-top: 10px;
		   display: table-cell;
		  vertical-align: middle;
          text-align: center;
	}

	.logo_pequeno img{
		max-width: 50px;   
          width: 50%;
		  max-height: auto;
	}
    .content .carousel-itens{
        width: 80%;
    }
	.content .carousel-itens .itens img{
    width: 160px;
    display: inline-block;
    background: none;
}


    
	
    /*#container { width: 400px; }

    #nav
    {
        float: none;
        width: auto;
    }

    #content
    {
        float: none;
        width: auto;
        margin: 0;
    }

    #extras
    {
        float: none;
        width: auto;
        margin: 0;
    }
    img {
        width: 100%;
    }
    .feature-image { display: none; }
	}*/
}
	
@media screen and (max-width:300px){
    .video{
	border:5px solid;
	border-color: #2b6847;
	padding:0px;
}
	.responsivo {
           max-width: 300px;
           width: 100%;
           /*height: auto;
		   width: 100%;*/
		   height: 100vh;
		   display: table;
           float: left;
           padding-top: 70px;*/
	}
	.responsivo img{
          max-width: 280px;   
          width: 100%;
		  height: auto;
          max-height: auto;  
          min-height: auto;      
          background-size:100%;
          background-repeat: no-repeat;
	}
	.logo_pequeno img{
		max-width: 50px;   
          width: 50%;
		  max-height: auto;
	}
	.main section{
        padding: 70px 0;
    }

    .content .title h3{
        font-size: 30px;
        line-height: 25px;
    }

    .content h4{
        font-size: 20px;
    }

    .content p,
    .content ul.itens li{
        font-size: 20px;
        margin-bottom: 5px;
    }

    .content .carousel-itens{
        width: 70%;
    }

    .content .carousel-itens .itens p{
        font-size: 19px;
    }

    .content .row{
        display: inline-block;
    }

    .content .person{
        width: 100% !important;
        display: inline-block;
        padding-bottom: 30px;
        margin: 0;
    }

    .content .person h5{
        font-size: 19px;
        margin-top: 10px;
    }

    .content .person h5 span{
        font-size: 15px;
    }
}