/* .root {
    display: block;
    position: relative;
} */
/*
=====================================================================================================
header start
=====================================================================================================
*/

.fonte_menu {
    font-family: 'billyregular', sans-serif;
    color: #F6BE14;
    text-transform: uppercase;
    /* line-height: 20px; */
}

body {
    padding-top: 0px !important;
    position: relative;
    display: block;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    opacity: 1.0;
}
/* Menu back ground */
/* 	.header-frontend {
		background: url("../img/empresa/blog/header/background.jpg") center top no-repeat;
		background-size: cover;
		width: 100%;
		background-position: 60% 0%;
		min-height: 108px;
	} */

.header-frontend {
    background: #264887;
    width: 100%;
    min-height: 178px;
    margin: 0 0 0 0;
}
.header-frontend .firstcrop {
    position: relative;
    width: 100%;
    height: 1080px;
    /* height: 880px; */
    
    overflow: hidden;
    margin: 0 auto;
}
.header-frontend .firstbackground {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* .header-frontend .firstbackground {
	display: block;
	max-width: 100%;
	min-height: 880px;
	margin: 0 0 0 0;
} */
/* Adaptar menu fixo start */

.header-frontend .navbar {
    margin-bottom: 0;
    background: none;
    background-size: none;
    width: 100%;
    background-position: 60% 0%;
    min-height: 10px;
    padding: 0px 0;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.header-frontend #navbar box {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.header-frontend #navbar img {
    display: block;
    float: left;
    top: 0px;
    max-width: 100%;
    max-width: 192px;
    max-width: 215.83px;
    height: auto;
    margin: 0px 0px 0 0;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.header-frontend .top-nav-collapse #navbar img {
    display: block;
    /* 	display: none; */
    
    float: none;
    width: 113px;
    margin: 0 auto 0 auto;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.header-frontend .navbar-default.top-nav-collapse {
    top: 0px;
    padding-top: 0px;
    /* 		background: url("../img/empresa/header/fixed_menu_background.png") repeat; */
    
    background: #FFFFFF;
    background-size: contain;
    width: 100%;
    background-position: 0% 0%;
    height: 35px;
    height: 0px;
    min-height: 0px;
    margin-top: 0px;
}
.header-frontend .top-nav-collapse .navbar-collapse ul.navbar-nav {
    /* float: none; */
    /* margin-right: -22px; */
    
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 590px;
    height: 35px;
    /* margin-bottom: 0px; */
    /* margin-top: -10px; */
    
    padding: 0px;
    margin: -10px auto 0 auto;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
/* Some os menus quando menu collapsed */

.header-frontend .top-nav-collapse .navbar-collapse ul.navbar-nav li {
    display: none;
}
/* Adaptar menu fixo end */

.navbar-default {
    border: none;
}
.navbar-brand {
    color: #bcc0cd;
    font-size: 30px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 30px;
    padding: 0 0 0 15px;
}
.navbar-brand span {
    color: #f25f5b;
}
.header-frontend .navbar-collapse ul.navbar-nav {
    /* float: left; */
    
    display: block;
    position: absolute;
    left: 67px;
    /* left: 0; */
    
    right: 0;
    width: 760px;
    width: 659px;
    width: 668.99px;
    width: 720px;
    margin: 23px auto 0 auto;
    margin: 0 auto;
}
.header-frontend .navbar-default {
    top: 0px;
    padding-top: 40px;
    padding-top: 0px;
    background-color: none;
}
.header-frontend .nav li a:focus,
.header-frontend .nav li a,
.header-frontend .nav li.active ul.dropdown-menu li a {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 300;
    background: none;
}
.header-frontend .nav li a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.header-frontend .nav li.active a,
.header-frontend .nav li.active a:hover,
.header-frontend .nav li a.dropdown-toggle:hover,
.header-frontend .nav li a.dropdown-toggle:focus,
.header-frontend .nav li.active ul.dropdown-menu li a:hover,
.header-frontend .nav li.active ul.dropdown-menu li.active a {
    /* 	color: #FFFFFF; */
    
    color: #F6BE14;
    /* 		color: #1F403D; */
    /* 	background-color: #122f3f; */
    
    background-color: rgba(18, 47, 63, 0);
    ;
    font-weight: bold;
    /* background: url("../img/empresa/header/menu_selected.png") center no-repeat; */
    /* 		background-size: contain; */
    
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.header-frontend .navbar-default .navbar-nav>.open>a,
.header-frontend .navbar-default .navbar-nav>.open>a:hover,
.header-frontend .navbar-default .navbar-nav>.open>a:focus {
    color: #FFFFFF;
    background-color: #122f3f;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.header-frontend .navbar-nav>li {
    padding-bottom: 0px;
    padding-top: 0px;
}
.header-frontend .navbar-nav>li>a {
    /* padding-bottom: 6px; */
    /* padding-top: 5px; */
    
    height: 18px;
    padding: 0px 6px 20px 6px;
    margin: 20px 0px 0 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    margin-left: 2px;
    line-height: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.dropdown-menu li a:hover {
    color: #fff !important;
}
.header-frontend .nav .caret {
    border-bottom-color: #999;
    border-top-color: #999;
}
.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
}
/* 	.header-frontend .nav li.dropdown.open .dropdown-menu  { */

.header-frontend .nav li .dropdown-menu {
    /* 		display: block; */
    
    border: 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
.header-frontend .nav li .dropdown-menu li a {
    line-height: 18px;
    padding: 0px 12px;
    margin: 5px 0px 0 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-left: 2px;
    line-height: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
/* Evitar o menu vertical de versao mobile - start */

.navbar-toggle {
    display: none;
}
.collapse {
    display: block;
    visibility: visible !important;
}
.navbar-nav>li {
    float: left;
}
/* Ajustar/Rotacionar posicao do menu - start */

.header-frontend .navbar-nav>li.ludsgame {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(47px) rotate(-5deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(47px) rotate(-5deg);
    /* Safari */
    
    transform: translateX(0px) translateY(47px) rotate(-5deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
.header-frontend .navbar-nav>li.sobre {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(41px) rotate(-5deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(41px) rotate(-5deg);
    /* Safari */
    
    transform: translateX(0px) translateY(41px) rotate(-5deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
.header-frontend .navbar-nav>li.papelsocial {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(36px) rotate(-3deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(36px) rotate(-3deg);
    /* Safari */
    
    transform: translateX(0px) translateY(36px) rotate(-3deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
.header-frontend .navbar-nav>li.conhecendooluds {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(40px) rotate(3deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(40px) rotate(3deg);
    /* Safari */
    
    transform: translateX(0px) translateY(40px) rotate(3deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
.header-frontend .navbar-nav>li.idealizadores {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(47px) rotate(3deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(47px) rotate(3deg);
    /* Safari */
    
    transform: translateX(0px) translateY(47px) rotate(3deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
/* menu smile - start 
  * fonte: http://stackoverflow.com/questions/27181340/how-to-use-css-hover-on-a-element-and-its-parent-container
  */

.header-frontend ul.navbar-nav:hover .ludsgame {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(14px) rotate(17deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(14px) rotate(17deg);
    /* Safari */
    
    transform: translateX(0px) translateY(47px) rotate(5deg);
    transform: translateX(0px) translateY(14px) rotate(17deg);
}
.header-frontend ul.navbar-nav:hover .sobre {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(31px) rotate(13deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(31px) rotate(13deg);
    /* Safari */
    
    transform: translateX(0px) translateY(31px) rotate(13deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
.header-frontend ul.navbar-nav:hover .papelsocial {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(45px) rotate(9deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(45px) rotate(9deg);
    /* Safari */
    
    transform: translateX(0px) translateY(45px) rotate(9deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
.header-frontend ul.navbar-nav:hover .conhecendooluds {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(45px) rotate(-8deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(45px) rotate(-8deg);
    /* Safari */
    
    transform: translateX(0px) translateY(45px) rotate(-8deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
.header-frontend ul.navbar-nav:hover .idealizadores {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transform: translateX(0px) translateY(22px) rotate(-13deg);
    /* IE 9 */
    
    -webkit-transform: translateX(0px) translateY(22px) rotate(-13deg);
    /* Safari */
    
    transform: translateX(0px) translateY(22px) rotate(-13deg);
    padding-bottom: 0px;
    padding-top: 0px;
}
/* menu smile - end */
/* Ajustar/Rotacionar posição do menu - end */
/*
=====================================================================================================
header end
=====================================================================================================
*/
/*
=====================================================================================================
firstpage start
=====================================================================================================
*/

.firstpage {
    display: block;
    position: absolute;
    top: 162px;
    top: 208px;
    top: 130.33px;
    left: 0;
    right: 0;
    /* width: 715px; */
    
    margin: 0 auto;
}
.firstpage box {
    display: block;
    left: 0;
    right: 0;
    width: 800px;
    margin: 46px auto 0 auto;
    /* margin: 43px auto 0 auto; */
}
img.balls {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 837px;
    margin: 0 auto 0 auto;
}
img.balls {
    -webkit-animation: balls ease-in-out 3s infinite alternate;
    -moz-animation: balls ease-in-out 3s infinite alternate;
    animation: balls ease-in-out 3s infinite alternate;
}
@-webkit-keyframes balls {
    from {
        left: 0px;
        -webkit-transform: scale(0.8) rotate(0deg)
    }
    90% {
        left: 5px;
        -webkit-transform: scale(1.0) rotate(3deg)
    }
    to {
        left: 5px;
        -webkit-transform: scale(1.0) rotate(3deg)
    }
}
@keyframes balls {
    from {
        left: 0px;
        transform: scale(0.8) rotate(0deg);
        -moz-transform: scale(0.8) rotate(0deg)
    }
    90% {
        left: 5px;
        transform: scale(1.0) rotate(3deg);
        -moz-transform: scale(1.0) rotate(3deg)
    }
    to {
        left: 5px;
        transform: scale(1.0) rotate(3deg);
        -moz-transform: scale(1.0) rotate(3deg)
    }
}
.firstpage box img.astronaut {
    display: block;
    max-width: 659px;
    max-width: 739.33px;
    height: auto;
    margin: 0 auto 0 auto;
}
.firstpage box img.astronaut {
    -webkit-animation: astronaut ease-in-out 3s infinite alternate;
    -moz-animation: astronaut ease-in-out 3s infinite alternate;
    animation: astronaut ease-in-out 3s infinite alternate;
}
@-webkit-keyframes astronaut {
    from {
        left: 0px;
        -webkit-transform: scale(1.0) rotate(0deg)
    }
    to {
        left: 5px;
        -webkit-transform: scale(1.0) rotate(3deg)
    }
}
@keyframes astronaut {
    from {
        left: 0px;
        transform: scale(1.0) rotate(0deg);
        -moz-transform: scale(1.0) rotate(0deg)
    }
    to {
        left: 5px;
        transform: scale(1.0) rotate(3deg);
        -moz-transform: scale(1.0) rotate(3deg)
    }
}
.firstpage box messagebox {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    width: 659px;
    width: 800px;
    margin: 62px auto 0 auto;
    margin: 68px auto 0 auto;
}
.firstpage box messagebox img.rocket {
    display: block;
    max-width: 516.14px;
    max-width: 800px;
    height: auto;
    padding: 58px 0 0 0;
    margin: 0 auto 0 auto;
}
/* .firstpage box messagebox img.rocket {-webkit-animation: rocket ease-in-out 2s infinite alternate;
-moz-animation:rocket ease-in-out 2s infinite alternate; }
@-webkit-keyframes rocket
{
   from { -webkit-transform: matrix(0.9925,-0.1219,0.1219,0.9925,-8,9); }
   to   { -webkit-transform: scale(1.0) }
}
@keyframes rocket
{
   from { -moz-transform: scale(0.9) }
   to   { -moz-transform: scale(1.0) }
} */

.firstpage box messagebox textbox {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    width: 386.54px;
    width: 433.33px;
    margin: 0 auto;
}
.firstpage box messagebox textbox .firstmessage {
    display: block;
    color: #E4E4E4;
    font-size: 16px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: center;
    line-height: 35px;
    width: 386.54px;
    width: inherit;
    height: auto;
    padding: 0 0 0 0;
    margin: auto;
}
.firstpage box messagebox textbox .highlightmessage {
    display: block;
    color: #ffd71f;
    font-size: 16px;
    font-family: 'nexa_boldregular', sans-serif;
    text-align: center;
    line-height: 35px;
    width: 386.54px;
    width: inherit;
    height: auto;
    padding: 0 0 0 0;
    margin: auto;
}
/*
=====================================================================================================
firstpage end
=====================================================================================================
*/
/*
=====================================================================================================
secondpage start
=====================================================================================================
*/

.secondpage {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    margin: 0 0 0 0;
}
.secondpage .secondcrop {
    position: relative;
    width: 100%;
    height: 1080px;
    /* height: 880px; */
    
    overflow: hidden;
    margin: 0 auto;
}
.secondpage .secondbackground {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* .secondpage .secondbackground {
	display: block;
	max-width: 100%;
	min-height: 880px;
	margin: 0 0 0 0;
} */

.secondpage secondpagebox {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    width: 715px;
    width: 800px;
    margin: 0 auto;
}
.secondpage secondpagebox messagebox {
    display: block;
    width: 610.54px;
    margin: 0 auto 0 160px;
}
.secondpage secondpagebox messagebox .secondpagetitle {
    display: block;
    color: #ffd71f;
    font-size: 42px;
    font-family: 'billyregular', sans-serif;
    text-align: left;
    text-transform: uppercase;
    width: 254.92px;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.secondpage secondpagebox messagebox .secondpagetext {
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: left;
    line-height: 35px;
    width: 260.67px;
    width: 313.67px;
    height: auto;
    padding: 0 0 0 0;
    margin: 30px 0 0 0;
}
.secondpage secondpagebox videobox {
    display: block;
    width: 433.46px;
    width: 660px;
    margin: 77.45px auto 0 auto;
}
/* bxslider start */

.secondpage secondpagebox videobox .bx-wrapper {
    position: relative;
    /* max-width: 697.2px !important; */
    
    margin: 0 auto 60px;
    padding: 0;
}
.secondpage secondpagebox videobox .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #CCC;
    box-shadow: 0 0 0px #CCC;
    border: 0px solid #FFF;
    left: 0px;
    background: #FFF;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.secondpage secondpagebox videobox .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    top: 0px;
    left: 0px;
    /* bottom: 0px; */
    
    height: 20px;
    width: 100%;
    background: #d74657;
}
.secondpage secondpagebox videobox .bx-wrapper .bx-pager {
    /* display: none; */
    
    text-align: right;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 0px;
    padding: 0 12px 0 0;
    /* border-radius: 3px 3px 0 0; */
}
.secondpage secondpagebox videobox .bx-wrapper .bx-pager.bx-default-pager a {
    background: #bb3d4c;
    color: rgba(255, 255, 255, 0);
    text-indent: 100px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.secondpage secondpagebox videobox .bx-wrapper .bx-pager.bx-default-pager a:hover,
.secondpage secondpagebox videobox .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #122f3f;
}
/* bxslider end */

.secondpage secondpagebox videobox .videotitle {
    display: block;
    color: #ffffff;
    font-size: 23px;
    font-family: 'billyregular', sans-serif;
    text-align: left;
    text-transform: uppercase;
    width: 312.81px;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 18px 88px;
}
.secondpage secondpagebox videobox .videotitlehighlight {
    display: block;
    color: #ffffff;
    font-size: 30px;
    font-family: 'billyregular', sans-serif;
    text-align: left;
    text-transform: uppercase;
    width: 312.81px;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.secondpage secondpagebox videobox .videotop {
    display: block;
    width: 569.2px;
    height: 28px;
    background: #d74657;
    padding: 0 0 0 0;
    margin: 0 auto 0 0px;
    border: 0px;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
}
.secondpage secondpagebox videobox video.video {
    display: block;
    width: 433.46px;
    width: 697.2px;
    width: 570px;
    /* width: inherit; */
    height: 238px;
    height: 388.66px;
    height: 320px;
    padding: 0 0 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    margin: 0px auto 0 auto;
    margin: 0 0 0 0;
}
.secondpage .element1 {
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    right: 815px;
    /* right: 915px; */
    
    width: 245px;
    margin: 0 auto 0 auto;
}
.secondpage .element2 {
    display: block;
    position: absolute;
    top: 0;
    left: 735px;
    left: 734px;
    right: 0;
    width: 247px;
    margin: 0 auto 0 auto;
}
/*
=====================================================================================================
secondpage end
=====================================================================================================
*/
/*
=====================================================================================================
thirdpage start
=====================================================================================================
*/

.thirdpage {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background: #452A39;
}
.thirdpage .thirdcrop {
    position: relative;
    width: 100%;
    height: 1080px;
    /* height: 880px; */
    
    overflow: hidden;
    margin: 0 auto;
}
/* .thirdpage .thirdbackground1 {
	display: block;
	max-width: 100%;
	min-height: 880px;
	margin: auto;
} */

.thirdpage .thirdbackground1 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.thirdpage .thirdbackground2 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* .thirdpage .thirdbackground2 {
	display: block;
	position: absolute;
	top: 0px;
	max-width: 100%;
	min-height: 880px;
	margin: auto;
} */

.thirdpage .physiotherapist {
    display: block;
    position: absolute;
    bottom: 346px;
    right: 542px;
    left: 200px;
    right: 0;
    width: 141.22px;
    /* top: 137px; */
    /* left: 0; */
    
    margin: 0 auto;
}
.thirdpage thirdpagebox {
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    width: 800px;
    width: 828px;
    height: inherit;
    margin: 0 auto;
}
.thirdpage thirdpagebox leftbox {
    display: block;
    /* position: absolute; */
    
    float: left;
    /* width: 411.12px; */
    /* height: inherit; */
    
    margin: 0 auto 0 25px;
}
.thirdpage thirdpagebox leftbox commentbox {
    display: inline-block;
    position: relative;
    /* float: left; */
    
    width: 438.12px;
    /* height: auto; */
    
    margin: 23px auto 0 15px;
}
.thirdpage thirdpagebox leftbox commentballoon.first {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /* float: left; */
    
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.first .commentbackground {
    display: block;
    width: 172.4px;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.first commenttext {
    display: block;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    width: 125.16px;
    margin: 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.first commenttext .comment {
    display: block;
    color: #452b39;
    font-size: 16px;
    font-size: 13px;
    font-family: 'billyregular', sans-serif;
    font-weight: 600;
    /* font-weight: bold; */
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.first commenttext .author {
    display: block;
    color: #ffa81f;
    font-size: 15px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.first .foto {
    display: block;
    position: absolute;
    top: 130px;
    left: 100px;
    right: 0;
    width: 64.80px;
}
.thirdpage thirdpagebox leftbox commentballoon.second {
    display: block;
    position: absolute;
    top: 100px;
    left: 248px;
    /* float: right; */
    
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.second .commentbackground {
    display: block;
    width: 205.72px;
    /* width: 179.72px; */
    
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.second commenttext {
    display: block;
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    width: 126px;
    width: 142px;
    margin: 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.second commenttext .comment {
    display: block;
    color: #452b39;
    font-size: 16px;
    font-size: 13px;
    font-family: 'billyregular', sans-serif;
    font-weight: 600;
    /* font-weight: bold; */
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.second commenttext .author {
    display: block;
    color: #ffa81f;
    font-size: 15px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.second .foto {
    display: block;
    position: absolute;
    top: 155px;
    left: 137px;
    right: 0;
    width: 64.80px;
}
.thirdpage thirdpagebox leftbox commentballoon.third {
    display: block;
    position: absolute;
    top: 279px;
    left: 42px;
    /* float: right; */
    
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.third .commentbackground {
    display: block;
    width: 245px;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.third commenttext {
    display: block;
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    width: 170.16px;
    margin: 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.third commenttext .comment {
    display: block;
    color: #452b39;
    font-size: 16px;
    font-family: 'billyregular', sans-serif;
    font-weight: 600;
    /* font-weight: bold; */
    
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.third commenttext .author {
    display: block;
    color: #ffa81f;
    font-size: 15px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
    height: auto;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox leftbox commentballoon.third .foto {
    display: block;
    position: absolute;
    top: 180px;
    left: 162px;
    right: 0;
    width: 64.80px;
}
/* animation comment start */

.thirdpage thirdpagebox leftbox commentballoon.first {
    -webkit-animation: commentballoonfirst ease-in-out 2s infinite alternate;
    -moz-animation: commentballoonfirst ease-in-out 2s infinite alternate;
    animation: commentballoonfirst ease-in-out 2s infinite alternate;
}
@-webkit-keyframes commentballoonfirst {
    from {
        -webkit-transform: scale(0.9)
    }
    to {
        -webkit-transform: scale(1.0)
    }
}
@keyframes commentballoonfirst {
    from {
        transform: scale(0.9);
        -moz-transform: scale(0.9)
    }
    to {
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
}
.thirdpage thirdpagebox leftbox commentballoon.second {
    -webkit-animation: commentballoonsecond ease-in-out 2s infinite alternate;
    -moz-animation: commentballoonsecond ease-in-out 2s infinite alternate;
    animation: commentballoonsecond ease-in-out 2s infinite alternate;
}
@-webkit-keyframes commentballoonsecond {
    from {
        -webkit-transform: scale(1.0)
    }
    to {
        -webkit-transform: scale(0.9)
    }
}
@keyframes commentballoonsecond {
    from {
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    to {
        transform: scale(0.9);
        -moz-transform: scale(0.9)
    }
}
.thirdpage thirdpagebox leftbox commentballoon.third {
    -webkit-animation: commentballoonthird ease-in-out 2s infinite alternate;
    -moz-animation: commentballoonthird ease-in-out 2s infinite alternate;
    animation: commentballoonthird ease-in-out 2s infinite alternate;
}
@-webkit-keyframes commentballoonthird {
    from {
        -webkit-transform: scale(0.9)
    }
    to {
        -webkit-transform: scale(1.0)
    }
}
@keyframes commentballoonthird {
    from {
        transform: scale(0.9);
        -moz-transform: scale(0.9)
    }
    to {
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
}
/* animation comment end */

.thirdpage thirdpagebox rightbox {
    display: block;
    /* position: relative; */
    
    float: left;
    width: 230.56px;
    margin: 0 auto 0 118px;
}
.thirdpage thirdpagebox rightbox .thirdtitle {
    display: block;
    color: #d74657;
    font-size: 39px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}
.thirdpage thirdpagebox rightbox .thirdsubtitle {
    display: block;
    color: #ffa81f;
    font-size: 24px;
    font-family: 'kg_always_a_good_timeregular', sans-serif;
    text-align: left;
    width: inherit;
    padding: 0 0 0 0;
    margin: 0 auto 0 18px;
}
.thirdpage thirdpagebox rightbox .thirdmessage {
    display: block;
    color: #d74657;
    font-size: 16px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: left;
    line-height: 32px;
    width: inherit;
    padding: 0 0 0 0;
    margin: 19px auto 0 18px;
}

.thirdpage thirdpagebox rightbox .thirdmessage a {
    color: #d74657;
    font-weight: bold;
}

.thirdpage othercomments {
    display: block;
    position: absolute;
    bottom: 154px;
    right: 270px;
    left: 545px;
    right: 0;
    width: 299px;
    height: inherit;
    margin: 0 auto;
}
.thirdpage othercomments .commentsboard {
  display: none;
} .thirdpage othercomments textbox {
    display: block;
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    width: 174px;
    padding: 0 0 0 0;
    margin: 0 auto;
}
.thirdpage othercomments textbox opinion {
    display: block;
    width: 181px;
    margin: 8px auto 0 auto;
}
.thirdpage othercomments textbox opinion .author {
    display: block;
    color: #d74657;
    font-size: 14px;
    font-family: 'open_sansbold', sans-serif;
    text-align: left;
    text-transform: capitalize;
    width: inherit;
    padding: 0 0 0 0;
    margin: 0 auto 0 0;
}
.thirdpage othercomments textbox opinion .comment {
    display: block;
    color: #6e5937;
    font-size: 12px;
    font-family: 'open_sansregular', sans-serif;
    text-align: left;
    width: inherit;
    padding: 0 0 0 0;
    margin: 0 auto 0 0;
}
.thirdpage othercomments textbox opinion .divider {
    display: block;
    height: 12px;
    margin: 6px auto 0 3px;
    background: url('../img/empresa/thirdpage/divider.png') no-repeat;
    background-size: 176px 12px;
}
/*
=====================================================================================================
thirdpage end
=====================================================================================================
*/
/*
=====================================================================================================
fourthpage start
=====================================================================================================
*/

.fourthpage {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    height: 1080px;
    background: #017B70;
    /* margin: 0 0 0 0; */
}
.fourthpage .fourthcrop {
    position: relative;
    width: 100%;
    height: 1080px;
    /* height: 880px; */
    
    overflow: hidden;
    margin: 0 auto;
}
.fourthpage .fourthbackground1 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.fourthpage .fourthbackground2 {
    display: block;
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* .fourthpage .fourthpagebackground {
	display: block;
	max-width: 100%;
	min-height: 880px;
	margin: 0 0 0 0;
} */

.fourthpage fourthpagebox {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    width: 715px;
    width: 800px;
    width: 916px;
    width: 961px;
    height: 1080px;
    margin: 0 auto;
}
.fourthpage fourthpagebox .gardest {
    display: block;
    position: absolute;
    bottom: 204px;
    left: 26px;
    width: 1163px;
}
.fourthpage fourthpagebox .grass1 {
    display: block;
    position: absolute;
    bottom: 204px;
    left: 26px;
    width: 127px;
}
.fourthpage fourthpagebox .grass2 {
    display: block;
    position: absolute;
    bottom: -26px;
    bottom: 182px;
    left: 132px;
    right: 0;
    width: 58px;
    margin: 0 auto;
}
/* frame1 start */

.fourthpage fourthpagebox .frame1 {
    display: block;
    /* display: none; */
    
    width: 906px;
    margin: 0 auto;
}
.fourthpage fourthpagebox boxtop {
    display: block;
    width: 906px;
    margin: 0 auto;
}
.fourthpage fourthpagebox boxtop leftbox {
    display: block;
    float: left;
    width: 308px;
    margin: 62px auto 0 auto;
}
.fourthpage fourthpagebox boxtop leftbox arrowbox {
    display: block;
    position: relative;
    width: 276px;
    margin: 0 auto;
}
.fourthpage fourthpagebox boxtop leftbox arrowbox {
    -webkit-animation: arrow ease-in-out 1s infinite alternate;
    -moz-animation: arrow ease-in-out 1s infinite alternate;
    animation: arrow ease-in-out 1s infinite alternate;
}
@-webkit-keyframes arrow {
    from {
        left: 0px;
        -webkit-transform: translate(-1%, 1%) scale(1.0) rotate(0deg)
    }
    to {
        left: 0px;
        -webkit-transform: translate( 1%, 2%) scale(1.0) rotate(3deg)
    }
}
@keyframes arrow {
    from {
        left: 0px;
        transform: translate(-1%, 1%) scale(1.0) rotate(0deg);
        -moz-transform: translate(-1%, 1%) scale(1.0) rotate(0deg)
    }
    to {
        left: 0px;
        transform: translate(1%, 2%) scale(1.0) rotate(3deg);
        -moz-transform: translate(1%, 2%) scale(1.0) rotate(3deg)
    }
}
.fourthpage fourthpagebox boxtop leftbox arrowbox .arrow {
    display: block;
    width: 276px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage fourthpagebox boxtop leftbox arrowbox .arrowtext {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #a66930;
    font-size: 36px;
    font-family: 'billyregular', sans-serif;
    text-align: left;
    text-transform: uppercase;
    line-height: 26px;
    width: 190px;
    width: 200px;
    padding: 0 0 0 0;
    margin: 12px auto 0 30px;
    margin: 16px auto 0 30px;
}
.fourthpage fourthpagebox boxtop leftbox arrowbox .arrowtext .highlight {
    font-size: 44px;
}
.fourthpage fourthpagebox boxtop leftbox .message {
    display: block;
    color: #4dd9b4;
    font-size: 16px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: left;
    line-height: 32px;
    width: 250px;
    height: auto;
    padding: 0 0 0 0;
    margin: 22px 0 0 48px;
}
.fourthpage fourthpagebox boxtop rightbox {
    display: block;
    float: left;
    position: relative;
    width: 576px;
    margin: 0 auto;
}
.fourthpage fourthpagebox boxtop rightbox .garden {
    display: block;
    float: left;
    width: 338px;
    height: auto;
    margin: 276px auto 0 56px;
}
.fourthpage fourthpagebox boxtop rightbox treebox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.fourthpage fourthpagebox boxtop rightbox treebox .tree {
    display: block;
    float: left;
    width: 394px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage fourthpagebox boxtop rightbox treebox messagebox {
    display: block;
    position: absolute;
    top: 0;
    left: 276px;
    left: 292px;
    right: 0;
    width: 200px;
    width: 300px;
    margin: 0 auto;
}
.fourthpage fourthpagebox boxtop rightbox treebox messagebox .title {
    display: block;
    color: #fbc044;
    font-size: 18px;
    font-family: 'billyregular', sans-serif;
    text-align: left;
    text-transform: uppercase;
}
.fourthpage fourthpagebox boxtop rightbox treebox messagebox .message {
    display: block;
    color: #4DD9B4;
    font-size: 12px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: left;
}
.fourthpage fourthpagebox boxtop rightbox treebox messagebox first {
    display: block;
    margin: 0 0 0 6px;
}
.fourthpage fourthpagebox boxtop rightbox treebox messagebox first .title {} .fourthpage fourthpagebox boxtop rightbox treebox messagebox first .message {} .fourthpage fourthpagebox boxtop rightbox treebox messagebox second {
    display: block;
    margin: 28px 0 0 25px;
    margin: 8px 0 0 27px;
}
.fourthpage fourthpagebox boxtop rightbox treebox messagebox second .title {} .fourthpage fourthpagebox boxtop rightbox treebox messagebox second .message {} .fourthpage fourthpagebox boxtop rightbox treebox messagebox third {
    display: block;
    margin: 42px 0 0 7px;
    margin: 5px 0 0 7px;
}
.fourthpage fourthpagebox boxtop rightbox treebox messagebox third .title {} .fourthpage fourthpagebox boxtop rightbox treebox messagebox third .message {} .fourthpage fourthpagebox boxbottom {
    display: block;
    position: relative;
    width: 906px;
    margin: 0 auto;
}
.fourthpage fourthpagebox boxbottom .blackboard {
    display: block;
    width: 636px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage fourthpagebox boxbottom .owl-eye1 {
    display: block;
    position: absolute;
    top: 24px;
    left: 421px;
    right: 0;
    width: 10px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage fourthpagebox boxbottom .owl-eye1 {
    -webkit-animation: owl-eye1 ease-in-out 2s infinite alternate;
    -moz-animation: owl-eye1 ease-in-out 2s infinite alternate;
    animation: owl-eye1 ease-in-out 2s infinite alternate;
}
@-webkit-keyframes owl-eye1 {
    from {
        -webkit-transform: scale(1.0)
    }
    to {
        -webkit-transform: scale(2.0)
    }
}
@keyframes owl-eye1 {
    from {
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    to {
        transform: scale(2.0);
        -moz-transform: scale(2.0)
    }
}
.fourthpage fourthpagebox boxbottom .owl-eye2 {
    display: block;
    position: absolute;
    top: 24px;
    left: 470px;
    right: 0;
    width: 10px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage fourthpagebox boxbottom .owl-eye2 {
    -webkit-animation: owl-eye2 ease-in-out 2s infinite alternate;
    -moz-animation: owl-eye2 ease-in-out 2s infinite alternate;
    animation: owl-eye2 ease-in-out 2s infinite alternate;
}
@-webkit-keyframes owl-eye2 {
    from {
        -webkit-transform: scale(1.0)
    }
    to {
        -webkit-transform: scale(2.0)
    }
}
@keyframes owl-eye2 {
    from {
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    to {
        transform: scale(2.0);
        -moz-transform: scale(2.0)
    }
}
.fourthpage fourthpagebox boxbottom blackboardbox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox {
    display: block;
    width: 500px;
    margin: 92px auto 0 auto;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox .title {
    display: block;
    color: #fbc044;
    font-size: 22px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox .divider {
    display: block;
    width: 462px;
    height: 4px;
    margin: 0 auto;
    background: url('../img/empresa/fourthpage/1/divider.png') no-repeat;
    background-size: 480px 4px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markerbox {
    display: block;
    display: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker {
    display: block;
    float: left;
    cursor: pointer;
    width: 198px;
    margin: 28px 0 0 0;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker:hover .numberbackground {
    background: url('../img/empresa/fourthpage/1/numberbackground_active.png') no-repeat;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker:hover .text {
    color: #fbc044;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker markernumber {
    display: block;
    float: left;
    position: relative;
    width: 55px;
    height: 77px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker markernumber .numberbackground {
    display: block;
    height: 55px;
    background: url('../img/empresa/fourthpage/1/numberbackground.png') no-repeat;
    background-size: 55px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker markernumber .number {
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    color: #2f2934;
    font-size: 54px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0 0;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker .text {
    display: block;
    float: left;
    width: 106px;
    color: #9d4771;
    font-size: 23px;
    font-family: 'billyregular', sans-serif;
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
    margin: 8px 0 0 8px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker.first {
    margin-left: 20px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker.second {
    margin-left: 82px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker.third {
    margin-left: 20px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox marker.fourth {
    margin-left: 82px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox {
    display: block;
    margin: 28px 0 0 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive {
    display: block;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive topbox {
    display: block;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive topbox markernumber {
    display: block;
    float: left;
    position: relative;
    width: 55px;
    height: 77px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive topbox markernumber .numberbackground {
    display: block;
    height: 55px;
    background: url('../img/empresa/fourthpage/1/numberbackground_active.png') no-repeat;
    background-size: 55px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive topbox markernumber .number {
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    color: #2F2934;
    font-size: 54px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0 0;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive topbox .text {
    display: block;
    float: left;
    width: 106px;
    color: #fbc044;
    font-size: 23px;
    font-family: 'billyregular', sans-serif;
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
    margin: 8px 0 0 8px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive topbox .close {
    display: block;
    color: #fff;
    opacity: 1;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive topbox .close:hover {
    opacity: 0.8;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive bottombox {
    display: block;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive bottombox .markerdetail {
    display: block;
    width: 426px;
    color: #a74d78;
    font-size: 14px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: left;
    margin: 8px 0 0 62px;
}
.fourthpage fourthpagebox boxbottom blackboardbox optionsbox markeractivebox markeractive .first {}
/* frame1 end */
/* frame2 start */

.fourthpage .frame2 {
    display: block;
    /* display: none; */
    
    width: 906px;
    margin: 0 auto;
}
.fourthpage .frame2 boxtop {
    display: block;
    width: 906px;
    margin: 0 auto;
}
.fourthpage .frame2 boxtop titlesection {
    display: block;
    position: relative;
    width: 624px;
    margin: 0 auto;
}
.fourthpage .frame2 boxtop titlesection .title {
    display: block;
    width: 458px;
    color: #ffffff;
    font-size: 44px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 26px; */
    margin: 0 auto;
    margin: 5px auto 0 auto;
}
.fourthpage .frame2 boxtop titlesection .ornament1 {
    display: block;
    position: absolute;
    top: -5px;
    top: 0px;
    right: 66px;
    right: 0px;
    width: 87px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame2 boxtop titlesection .ornament2 {
    display: block;
    position: absolute;
    top: 6px;
    left: 100px;
    left: 20px;
    width: 58px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame2 boxtop .subtitle {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: center;
    margin: 22px 0 0 0;
}
.fourthpage .frame2 boxbottom {} .fourthpage .frame2 boxbottom .toy {
    display: block;
    width: 756px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame2 boxbottom messagebox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 700px;
    width: 709px;
    margin: 158px auto 0 auto;
    margin: 120px auto 0 auto;
}
.fourthpage .frame2 boxbottom messagebox description {
    display: block;
    float: left;
    width: 126px;
}
.fourthpage .frame2 boxbottom messagebox description .title {
    display: block;
    width: 126px;
    color: #ffbd1f;
    font-size: 23px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
}
.fourthpage .frame2 boxbottom messagebox description .text {
    display: block;
    width: 126px;
    color: #4dd9b4;
    font-size: 14px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: center;
    margin: 8px 0 0 0;
}
.fourthpage .frame2 boxbottom messagebox description.first {
    margin: 0 0 0 28px;
}
.fourthpage .frame2 boxbottom messagebox description.first .title {} .fourthpage .frame2 boxbottom messagebox description.first .text {} .fourthpage .frame2 boxbottom messagebox description.second {
    margin: 0 0 0 40px;
}
.fourthpage .frame2 boxbottom messagebox description.second .title {} .fourthpage .frame2 boxbottom messagebox description.second .text {} .fourthpage .frame2 boxbottom messagebox description.third {
    margin: 0 0 0 64px;
}
.fourthpage .frame2 boxbottom messagebox description.third .title {} .fourthpage .frame2 boxbottom messagebox description.third .text {} .fourthpage .frame2 boxbottom messagebox description.fourth {
    margin: 0 0 0 40px;
}
.fourthpage .frame2 boxbottom messagebox description.fourth .title {} .fourthpage .frame2 boxbottom messagebox description.fourth .text {} .fourthpage .frame2 boxbottom {
    display: block;
    position: relative;
    width: 906px;
    margin: 62px auto 0 auto;
}
/* frame2 end */
/* frame3 start */

.fourthpage .frame3 {
    display: block;
    /* display: none; */
    
    position: relative;
    width: 906px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame3 boxtop {
    display: block;
    width: 906px;
    margin: 0 auto;
}
.fourthpage .frame3 boxtop titlesection {
    display: block;
    position: relative;
    width: 624px;
    margin: 0 auto;
    margin: 5px auto 0 auto;
}
.fourthpage .frame3 boxtop titlesection .title {
    display: block;
    width: 302px;
    width: 530px;
    color: #ffffff;
    font-size: 44px;
    font-size: 41px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 26px; */
    margin: 0 auto;
}
.fourthpage .frame3 boxtop titlesection .ornament1 {
    display: block;
    position: absolute;
    top: 0px;
    left: 136px;
    left: 10px;
    width: 34px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame3 boxtop titlesection .ornament2 {
    display: block;
    position: absolute;
    top: -5px;
    right: 134px;
    right: 20px;
    width: 34px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame3 boxtop .subtitle {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: center;
    line-height: 25px;
    margin: 22px 0 0 0;
}
.fourthpage .frame3 boxbottom {
    display: block;
    position: relative;
    width: 906px;
    margin: 20px auto 0 auto;
}
.fourthpage .frame3 boxbottom .toy {
    display: block;
    width: 924px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame3 .woman-physioterapist {
    display: block;
    position: absolute;
    top: 263.5px;
    top: 100.5px;
    left: -13px;
    right: 0;
    width: 152px;
    height: auto;
    z-index: -1;
    margin: 0 auto 0 auto;
}
/* physioterapist animation start */

.fourthpage .frame3 .woman-physioterapist {
    -webkit-animation: womanphysioterapist ease-in-out 1.2s infinite alternate;
    -moz-animation: womanphysioterapist ease-in-out 1s infinite alternate;
    animation: womanphysioterapist ease-in-out 1s infinite alternate;
}
@-webkit-keyframes womanphysioterapist {
    from {
        -webkit-transform: scale(0.975) rotate(-0.5deg)
    }
    to {
        -webkit-transform: scale(1.01) rotate(0.5deg)
    }
}
@keyframes womanphysioterapist {
    from {
        transform: scale(0.975) rotate(-0.5deg);
        -moz-transform: scale(0.975) rotate(-0.5deg)
    }
    to {
        transform: scale(1.01) rotate(0.5deg);
        -moz-transform: scale(1.01) rotate(0.5deg)
    }
}
/* physioterapist animation end */

.fourthpage .frame3 boxbottom messagebox {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 700px;
    margin: 158px auto 0 auto;
}
.fourthpage .frame3 boxbottom messagebox description {
    display: block;
    float: left;
    width: 126px;
}
.fourthpage .frame3 boxbottom messagebox description .title {
    display: block;
    width: 126px;
    color: #ffbd1f;
    font-size: 23px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
}
.fourthpage .frame3 boxbottom messagebox description .text {
    display: block;
    width: 126px;
    color: #4dd9b4;
    font-size: 13px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: center;
    margin: 8px 0 0 0;
}
.fourthpage .frame3 boxbottom messagebox description.first {
    margin: 0 0 0 140px;
}
.fourthpage .frame3 boxbottom messagebox description.first .title {} .fourthpage .frame3 boxbottom messagebox description.first .text {} .fourthpage .frame3 boxbottom messagebox description.second {
    margin: 0 0 0 159px;
}
.fourthpage .frame3 boxbottom messagebox description.second .title {} .fourthpage .frame3 boxbottom messagebox description.second .text {}
/* frame3 end */
/* frame4 start */

.fourthpage .frame4 {
    display: block;
    /* display: none; */
    
    width: 961px;
    margin: 0 auto;
}
.fourthpage .frame4 boxtop {
    display: block;
    width: 906px;
    width: 700px;
    margin: 0 auto;
}
.fourthpage .frame4 boxtop titlesection {
    display: block;
    position: relative;
    width: 624px;
    margin: 0 auto;
}
.fourthpage .frame4 boxtop titlesection .title {
    display: block;
    width: 320px;
    color: #ffffff;
    font-size: 40px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 26px; */
    
    margin: 0 auto;
}
.fourthpage .frame4 boxtop titlesection .ornament1 {
    display: block;
    position: absolute;
    top: -26px;
    left: 242px;
    width: 128px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame4 boxtop titlesection .ornament2 {
    display: block;
    position: absolute;
    top: 22px;
    left: 110px;
    width: 33px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame4 boxtop titlesection .ornament3 {
    display: block;
    position: absolute;
    top: 7px;
    right: 122px;
    width: 34px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame4 boxtop .subtitle {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: center;
    line-height: 25px;
    margin: 22px 0 0 0;
}
.fourthpage .frame4 boxbottom {
    display: block;
    position: relative;
    width: 906px;
    margin: 20px auto 0 auto;
}
.fourthpage .frame4 boxbottom .toy {
    display: block;
    width: 961px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame4 boxbottom messagebox {
    display: block;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 700px;
    margin: 26px auto 0 auto;
}
.fourthpage .frame4 boxbottom messagebox description {
    display: block;
    position: relative;
    float: left;
    width: 106px;
}
.fourthpage .frame4 boxbottom messagebox description .title {
    display: block;
    width: 106px;
    color: #ffbd1f;
    font-size: 17px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 20px; */
}
.fourthpage .frame4 boxbottom messagebox description .text {
    display: block;
    width: 106px;
    color: #4dd9b4;
    font-size: 12px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: center;
    margin: 16px 0 0 0;
}
.fourthpage .frame4 boxbottom messagebox description .ornamenttitle {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    width: 152px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame4 boxbottom messagebox description.first {
    margin: 0 0 0 144px;
}
.fourthpage .frame4 boxbottom messagebox description.first .title {} .fourthpage .frame4 boxbottom messagebox description.first .text {} .fourthpage .frame4 boxbottom messagebox description.first .ornamenttitle {
    left: -40px;
}
.fourthpage .frame4 boxbottom messagebox description.second {
    margin: 0 0 0 56px;
}
.fourthpage .frame4 boxbottom messagebox description.second .title {} .fourthpage .frame4 boxbottom messagebox description.second .text {} .fourthpage .frame4 boxbottom messagebox description.second .ornamenttitle {
    left: -36px;
}
.fourthpage .frame4 boxbottom messagebox description.third {
    margin: 0 0 0 54px;
}
.fourthpage .frame4 boxbottom messagebox description.third .title {} .fourthpage .frame4 boxbottom messagebox description.third .text {} .fourthpage .frame4 boxbottom messagebox description.third .ornamenttitle {
    left: -34px;
}
/* frame4 end */
/* frame5 start */

.fourthpage .frame5 {
    display: block;
    /* display: none; */
    
    width: 961px;
    margin: 0 auto;
}
.fourthpage .frame5 boxtop {
    display: block;
    width: 906px;
    margin: 0 auto;
}
.fourthpage .frame5 boxtop titlesection {
    display: block;
    position: relative;
    width: 510px;
    margin: 0 auto;
}
.fourthpage .frame5 boxtop titlesection .title {
    display: block;
    width: 340px;
    color: #FFF;
    font-size: 36px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 26px; */
    margin: 0 auto;
    margin: 5px auto 0 auto;
}
.fourthpage .frame5 boxtop titlesection .ornament1 {
    display: block;
    position: absolute;
    top: 82px;
    top: 35px;
    right: 0;
    left: 0;
    width: 118px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame5 boxtop titlesection .ornament2 {
    display: block;
    position: absolute;
    top: 0px;
    left: 110px;
    left: 78px;
    width: 47px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame5 boxtop titlesection .ornament3 {
    display: block;
    position: absolute;
    top: -5px;
    right: 100px;
    right: 63px;
    width: 62px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame5 boxbottom {
    display: block;
    position: relative;
    width: 814px;
    margin: 100px auto 0 auto;
    margin: 60px auto 0 auto;
}
.fourthpage .frame5 boxbottom .toy {
    display: block;
    width: 700px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame5 boxbottom messagebox {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 700px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame5 boxbottom .text {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    color: #4DD9B4;
    font-size: 13px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: left;
    /* line-height: 32px; */
    
    width: 250px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame5 boxbottom .first .text {
    top: 66px;
    right: 348px;
    width: 127px;
    width: 360px;
    line-height: 25px;
}
.fourthpage .frame5 boxbottom .second .text {
    display: none;
    top: 22px;
    left: 433px;
    width: 146px;
    text-align: right;
}
.fourthpage .frame5 boxbottom .third .text {
    display: none;
    bottom: 94px;
    right: 420px;
    width: 194px;
}
.fourthpage .frame5 boxbottom .fourth .text {
    display: none;
    top: 194px;
    left: 448px;
    width: 130px;
    text-align: right;
}
/* frame5 end */
/* frame6 start */

.fourthpage .frame6 {
    display: block;
    /* display: none; */
    
    width: 961px;
    margin: 0 auto;
}
.fourthpage .frame6 boxtop {
    display: block;
    width: 906px;
    margin: 0 auto;
}
.fourthpage .frame6 boxtop titlesection {
    display: block;
    position: relative;
    width: 500px;
    margin: 0 auto;
}
.fourthpage .frame6 boxtop titlesection .title {
    display: block;
    width: 302px;
    /* width: 246px; */
    color: #FFF;
    font-size: 36px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    /* line-height: 26px; */
    margin: 0 auto;
}
.fourthpage .frame6 boxtop titlesection .ornament1 {
    display: block;
    position: absolute;
    top: 82px;
    top: 118px;
    right: 0;
    left: 0;
    width: 242px;
    width: 200px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxtop titlesection .ornament2 {
    display: block;
    position: absolute;
    top: 28px;
    left: 55px;
    left: 35px;
    width: 72px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxtop titlesection .ornament3 {
    display: block;
    position: absolute;
    top: 28px;
    right: 55px;
    right: 35px;
    width: 72px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxbottom {
    display: block;
    position: relative;
    width: 814px;
    margin: 55px auto 0 auto;
}
.fourthpage .frame6 boxbottom .toy {
    display: block;
    width: 770px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxbottom messagebox {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 700px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxbottom .title {
    display: block;
    color: #006359;
    font-size: 36px;
    font-family: 'billyregular', sans-serif;
    text-transform: uppercase;
}
.fourthpage .frame6 boxbottom .text {
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-family: 'nexa_lightregular', sans-serif;
    text-align: left;
    /* line-height: 32px; */
    
    width: 250px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxbottom .first {
    display: block;
    position: absolute;
    top: 80px;
    top: 115px;
    left: 0;
    right: 432px;
    right: 490px;
    width: 110px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxbottom .first .title {
    font-size: 55px;
    text-align: center;
    line-height: 68px;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxbottom .first .text {
    width: 120px;
    text-align: center;
}
.fourthpage .frame6 boxbottom .second .text {
    position: absolute;
    top: 153px;
    top: 110px;
    left: 0;
    right: 98px;
    right: 148px;
    width: 88px;
    width: 100px;
    text-align: center;
}
.fourthpage .frame6 boxbottom .third .text {
    position: absolute;
    top: 66px;
    top: 32px;
    left: 172px;
    right: 0;
    right: 16px;
    width: 88px;
    width: 118px;
    text-align: center;
}
.fourthpage .frame6 boxbottom .fourth {
    display: block;
    position: absolute;
    top: 54px;
    left: 524px;
    right: 0;
    width: 128px;
    margin: 0 auto 0 auto;
}
.fourthpage .frame6 boxbottom .fourth .title {
    width: inherit;
    font-size: 26px;
    text-align: right;
}
.fourthpage .frame6 boxbottom .fourth .text {
    width: inherit;
    text-align: right;
    margin-top: 8px;
    margin-top: 28px;
}
/* frame6 end */
/* bxslider start */

.fourthpage fourthpagebox .bx-wrapper {
    position: relative;
    /* max-width: 697.2px !important; */
    
    margin: 0 auto 60px;
    padding: 0;
}
.fourthpage fourthpagebox .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #CCC;
    box-shadow: 0 0 0px #CCC;
    border: 0px solid #FFF;
    left: 0px;
    background: rgba(255, 255, 255, 0);
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.fourthpage fourthpagebox .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    /* bottom: 0px; */
    
    height: 20px;
    width: 100%;
    background: rgba(215, 70, 87, 0);
}
.fourthpage fourthpagebox .bx-wrapper .bx-pager {
    /* display: none; */
    
    text-align: right;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 0px;
    padding: 0 12px 0 0;
    /* border-radius: 3px 3px 0 0; */
}
.fourthpage fourthpagebox .bx-wrapper .bx-pager.bx-default-pager a {
    background: #bb3d4c;
    color: rgba(255, 255, 255, 0);
    text-indent: 100px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.fourthpage fourthpagebox .bx-wrapper .bx-pager.bx-default-pager a:hover,
.secondpage secondpagebox videobox .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #122f3f;
}
.fourthpage fourthpagebox .bx-wrapper .bx-prev {
    left: 10px;
    background: url(../img/empresa/fourthpage/1/controls.png) no-repeat 10px -47px;
    background-size: 104px;
}
.fourthpage fourthpagebox .bx-wrapper .bx-next {
    right: 10px;
    background: url(../img/empresa/fourthpage/1/controls.png) no-repeat -49px -47px;
    background-size: 104px;
}
.fourthpage fourthpagebox .bx-wrapper .bx-prev:hover {
    background-position: 7px 6px;
}
.fourthpage fourthpagebox .bx-wrapper .bx-next:hover {
    background-position: -50px 6px;
}
.fourthpage fourthpagebox .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 64px;
    height: 56px;
    text-indent: -9999px;
    z-index: 9999;
}
/* bxslider end */
/*
=====================================================================================================
fourthpage end
=====================================================================================================
*/
/*
=====================================================================================================
fifthpage start
=====================================================================================================
*/

.fifthpage {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    height: 1080px;
    background: #017B70;
    /* margin: 0 0 0 0; */
}
.fifthpage .fifthcrop {
    position: relative;
    width: 100%;
    height: 1080px;
    /* height: 880px; */
    
    overflow: hidden;
    margin: 0 auto;
}
.fifthpage .fifthcrop .fifthbackground {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.fifthpage fifthpagebox {
    display: block;
    /* display: none; */
    
    position: absolute;
    top: 295px;
    left: 0;
    right: 0;
    width: 906px;
    margin: 0 auto 0 auto;
}
.fifthpage fifthpagebox topbox {
    display: block;
    width: 500px;
    height: 284px;
    padding: 0 0 0 56px;
    margin: 0px 115px 0 auto;
}
.fifthpage fifthpagebox topbox .title {
    display: block;
    float: left;
    width: 50px;
    color: #ffffff;
    font-size: 38px;
    font-family: 'billyregular', sans-serif;
    text-align: left;
    text-transform: uppercase;
    margin: 0px 0px 0 0px;
}
.fifthpage fifthpagebox topbox teambox {
    display: block;
    float: left;
    width: 368px;
    margin: 0 0 0 15px;
}
.fifthpage fifthpagebox topbox teambox teammate {
    display: block;
    position: relative;
    width: 368px;
}
.fifthpage fifthpagebox topbox teambox teammate .avatar {
    display: block;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    width: 156px;
    margin: 0 auto 0 auto;
}
.fifthpage fifthpagebox topbox teambox teammate .person {
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
    right: 9px;
    width: 147px;
    margin: 0 auto 0 auto;
}
.fifthpage fifthpagebox topbox teambox teammate .name {
    display: block;
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    width: inherit;
    color: #FFF;
    font-size: 36px;
    font-family: 'billyregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    line-height: 35px;
    margin: 0 auto 0 auto;
}
.fifthpage fifthpagebox topbox teambox teammate .role {
    display: block;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    width: inherit;
    color: #ffd71f;
    font-size: 16px;
    font-family: 'nexa_boldregular', sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 0 auto;
}
.fifthpage fifthpagebox topbox teambox teammate .ballon {
    display: block;
    width: 368px;
}

.fifthpage fifthpagebox topbox contactbox {
    display: block;
    float: left;
    width: 300px;
    margin: 0 auto 0 100px;
}

.fifthpage fifthpagebox topbox contactbox a,
.fifthpage fifthpagebox topbox contactbox a:hover {
    text-decoration: none;
}

.fifthpage fifthpagebox topbox contactbox .number1 {
    display: block;    color: #E3E3E3;    font-size: 17px;    
    font-family: 'quicksandbold', sans-serif;    text-align: left;
}

.fifthpage fifthpagebox topbox contactbox a:hover .number1 {
    opacity: 0.8;
}

.fifthpage fifthpagebox topbox contactbox  .number1 .fa-phone {
    padding: 0 5px 0 0;
}

.fifthpage fifthpagebox topbox contactbox .number1 .ddd {    color: #E3E3E3;    font-size: 17px;    font-family: 'quicksanditalic', sans-serif;    text-align: left;
}

.fifthpage fifthpagebox topbox contactbox .email {
    display: block;
    color: #E3E3E3;
    font-size: 17px;
    font-family: 'quicksandbold', sans-serif;
    text-align: left;
    opacity: 1;
    margin: 20px 0 0 0;
}

.fifthpage fifthpagebox topbox contactbox a:hover .email {
    opacity: 0.8;
}

.fifthpage fifthpagebox topbox contactbox .email .fa-envelope {
    padding: 0 5px 0 0;
}

.fifthpage fifthpagebox bottombox {
    display: block;
    float: left;
    width: 902px;
    margin: 0 auto;
}
.fifthpage fifthpagebox bottombox .partners {
    display: block;
    width: 542px;
    padding: 16px 0 0 0;
    margin: 0 80px 0 auto;
}
.fifthpage toybox {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 510px;
    width: 361px;
    margin: 0 auto 0 auto;
}
.fifthpage toybox box {
    display: block;
    position: relative;
    bottom: 0;
    left: 0;
    right: 517px;
    width: 361px;
    margin: 0 auto 0 auto;
}
.fifthpage .toy {
    display: block;
    /*     position: absolute;
    bottom: 0;
    left: 0;
    right: 517px; */
    
    width: 361px;
    margin: 0 auto 0 auto;
}
.fifthpage .toy-eye1 {
    display: block;
    position: absolute;
    bottom: 422px;
    bottom: 427px;
    /* bottom: 0; */
    
    left: 197px;
    /* left: 430px; */
    /* left: 0; */
    
    width: 68px;
    height: auto;
    margin: 0 auto 0 auto;
}
.fifthpage .toy-eye2 {
    display: block;
    position: absolute;
    bottom: 422px;
    /* bottom: 0; */
    
    left: 0;
    /* left: 0; */
    
    right: 146px;
    width: 68px;
    height: auto;
    margin: 0 auto 0 auto;
}
/* animation boy eye start */

.fifthpage .toy-eye1 {
    -webkit-animation: toy-eye1 ease-in-out 1.8s infinite alternate;
    -moz-animation: toy-eye1 ease-in-out 1.8s infinite alternate;
    animation: toy-eye1 ease-in-out 1.8s infinite alternate;
}
@-webkit-keyframes toy-eye1 {
    from {
        bottom: 419px;
        left: 199px;
        -webkit-transform: scale(1.0)
    }
    5% {
        bottom: 419px;
        left: 199px;
        -webkit-transform: scale(1.0)
    }
    10% {
        bottom: 420px;
        left: 199px;
        -webkit-transform: scale(1.0)
    }
    15% {
        bottom: 421px;
        left: 200px;
        -webkit-transform: scale(1.0)
    }
    20% {
        bottom: 422px;
        left: 200px;
        -webkit-transform: scale(1.0)
    }
    30% {
        bottom: 423px;
        left: 200px;
        -webkit-transform: scale(1.0)
    }
    35% {
        bottom: 424px;
        left: 200px;
        -webkit-transform: scale(1.0)
    }
    40% {
        bottom: 425px;
        left: 199px;
        -webkit-transform: scale(1.0)
    }
    50% {
        bottom: 426px;
        left: 199px;
        -webkit-transform: scale(1.0)
    }
    70% {
        bottom: 427px;
        left: 198px;
        -webkit-transform: scale(1.0)
    }
    80% {
        bottom: 427px;
        left: 198px;
        -webkit-transform: scale(1.0)
    }
    95% {
        bottom: 427px;
        left: 197px;
        -webkit-transform: scale(1.0)
    }
    to {
        bottom: 427px;
        left: 197px;
        -webkit-transform: scale(1.0)
    }
}
@keyframes toy-eye1 {
    from {
        bottom: 419px;
        left: 199px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    5% {
        bottom: 419px;
        left: 199px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    10% {
        bottom: 420px;
        left: 199px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    15% {
        bottom: 421px;
        left: 200px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    20% {
        bottom: 422px;
        left: 200px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    30% {
        bottom: 423px;
        left: 200px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    35% {
        bottom: 424px;
        left: 200px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    40% {
        bottom: 425px;
        left: 199px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    50% {
        bottom: 426px;
        left: 199px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    70% {
        bottom: 427px;
        left: 198px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    80% {
        bottom: 427px;
        left: 198px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    95% {
        bottom: 427px;
        left: 197px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    to {
        bottom: 427px;
        left: 197px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
}
.fifthpage .toy-eye2 {
    -webkit-animation: toy-eye2 ease-in-out 1.8s infinite alternate;
    -moz-animation: toy-eye2 ease-in-out 1.8s infinite alternate;
    animation: toy-eye2 ease-in-out 1.8s infinite alternate;
}
@-webkit-keyframes toy-eye2 {
    from {
        bottom: 419px;
        right: 147px;
        -webkit-transform: scale(1.0)
    }
    5% {
        bottom: 419px;
        right: 147px;
        -webkit-transform: scale(1.0)
    }
    10% {
        bottom: 420px;
        right: 147px;
        -webkit-transform: scale(1.0)
    }
    15% {
        bottom: 421px;
        right: 146px;
        -webkit-transform: scale(1.0)
    }
    20% {
        bottom: 422px;
        right: 146px;
        -webkit-transform: scale(1.0)
    }
    30% {
        bottom: 423px;
        right: 146px;
        -webkit-transform: scale(1.0)
    }
    35% {
        bottom: 424px;
        right: 146px;
        -webkit-transform: scale(1.0)
    }
    40% {
        bottom: 425px;
        right: 147px;
        -webkit-transform: scale(1.0)
    }
    50% {
        bottom: 426px;
        right: 147px;
        -webkit-transform: scale(1.0)
    }
    70% {
        bottom: 427px;
        right: 148px;
        -webkit-transform: scale(1.0)
    }
    80% {
        bottom: 427px;
        right: 148px;
        -webkit-transform: scale(1.0)
    }
    95% {
        bottom: 427px;
        right: 149px;
        -webkit-transform: scale(1.0)
    }
    to {
        bottom: 427px;
        right: 149px;
        -webkit-transform: scale(1.0)
    }
}
@keyframes toy-eye2 {
    from {
        bottom: 419px;
        right: 147px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    5% {
        bottom: 419px;
        right: 147px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    10% {
        bottom: 420px;
        right: 147px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    15% {
        bottom: 421px;
        right: 146px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    20% {
        bottom: 422px;
        right: 146px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    30% {
        bottom: 423px;
        right: 146px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    35% {
        bottom: 424px;
        right: 146px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    40% {
        bottom: 425px;
        right: 147px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    50% {
        bottom: 426px;
        right: 147px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    70% {
        bottom: 427px;
        right: 148px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    80% {
        bottom: 427px;
        right: 148px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    95% {
        bottom: 427px;
        right: 149px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
    to {
        bottom: 427px;
        right: 149px;
        transform: scale(1.0);
        -moz-transform: scale(1.0)
    }
}
/* animation boy eye end */
/* cloud start */

.fifthpage .cloudmove {
    display: block;
    /* display: none; */
    /* position: relative; */
    
    bottom: 0;
    left: 0;
    /* z-index: 10000; */
}
.fifthpage .cloudmove .cloudcrop {
    display: block;
    position: absolute;
    width: 100%;
    top: -346px;
    /* top: 0; */
    /* height: 1080px; */
    
    height: 880px;
    height: 757px;
    overflow: hidden;
    margin: 0 auto;
}
.fifthpage .cloudmove .cloudcrop .cloud {
    -webkit-animation: cloud ease-in-out 2s infinite alternate;
    -moz-animation: cloud ease-in-out 2s infinite alternate;
    animation: cloud ease-in-out 2s infinite alternate;
}
@-webkit-keyframes cloud {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-51%, -51%) rotate(0deg)
    }
}
@keyframes cloud {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        transform: translate(-51%, -51%) rotate(0deg);
        -moz-transform: translate(-51%, -51%) rotate(0deg)
    }
}
.fifthpage .cloudmove .cloudcrop .cloud {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* cloud end */
/* bxslider start */

.fifthpage fifthpagebox .bx-wrapper {
    position: relative;
    /* max-width: 697.2px !important; */
    margin: 0 auto 60px;
    margin: 0 auto 0 auto;
    padding: 0;
}
.fifthpage fifthpagebox .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #CCC;
    box-shadow: 0 0 0px #CCC;
    border: 0px solid #FFF;
    left: 0px;
    background: rgba(255, 255, 255, 0);
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.fifthpage fifthpagebox .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    /* bottom: 0px; */
    
    height: 20px;
    width: 100%;
    background: rgba(215, 70, 87, 0);
}
.fifthpage fifthpagebox .bx-wrapper .bx-pager {
    /* display: none; */
    
    text-align: right;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 0px;
    padding: 0 12px 0 0;
    /* border-radius: 3px 3px 0 0; */
}
.fifthpage fifthpagebox .bx-wrapper .bx-pager.bx-default-pager a {
    background: #bb3d4c;
    color: rgba(255, 255, 255, 0);
    text-indent: 100px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.fifthpage fifthpagebox .bx-wrapper .bx-pager.bx-default-pager a:hover,
.secondpage secondpagebox videobox .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #122f3f;
}
.fifthpage fifthpagebox .bx-wrapper .bx-prev {
    left: 35px;
    background: url(../img/empresa/fifthpage/controls.png) no-repeat -6px -2px;
    background-size: 144px;
}
.fifthpage fifthpagebox .bx-wrapper .bx-next {
    right: 28px;
    background: url(../img/empresa/fifthpage/controls.png) no-repeat -77px 0px;
    background-size: 144px;
}
.fifthpage fifthpagebox .bx-wrapper .bx-prev:hover {
    background-position: 7px 6px;
    background-position: -6px -2px;
}
.fifthpage fifthpagebox .bx-wrapper .bx-next:hover {
    background-position: -50px 6px;
    background-position: -77px 0px;
}
.fifthpage fifthpagebox .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 64px;
    height: 70px;
    text-indent: -9999px;
    z-index: 9999;
}
.fifthpage fifthpagebox .bx-wrapper .bx-next {
    -webkit-animation: next ease-in-out 1s infinite alternate;
    -moz-animation: next ease-in-out 1s infinite alternate;
    animation: next ease-in-out 1s infinite alternate;
}
@-webkit-keyframes next {
    from {
        -webkit-transform: translate(-25%, 0%) scale(1.0) rotate(0deg)
    }
    to {
        -webkit-transform: translate(0%, 0%) scale(1.0) rotate(0deg)
    }
}
@keyframes next {
    from {
        transform: translate(-25%, 0%) scale(1.0) rotate(0deg);
        -moz-transform: translate(-25%, 0%) scale(1.0) rotate(0deg)
    }
    to {
        transform: translate(0%, 0%) scale(1.0) rotate(0deg);
        -moz-transform: translate(0%, 0%) scale(1.0) rotate(0deg)
    }
}
.fifthpage fifthpagebox .bx-wrapper .bx-prev {
    -webkit-animation: prev ease-in-out 1s infinite alternate;
    -moz-animation: prev ease-in-out 1s infinite alternate;
    animation: prev ease-in-out 1s infinite alternate;
}
@-webkit-keyframes prev {
    from {
        -webkit-transform: translate(0%, 0%) scale(1.0) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-25%, 0%) scale(1.0) rotate(0deg)
    }
}
@keyframes prev {
    from {
        transform: translate(0%, 0%) scale(1.0) rotate(0deg);
        -moz-transform: translate(0%, 0%) scale(1.0) rotate(0deg)
    }
    to {
        transform: translate(-25%, 0%) scale(1.0) rotate(0deg);
        -moz-transform: translate(-25%, 0%) scale(1.0) rotate(0deg)
    }
}
/* bxslider end */
/*
=====================================================================================================
fifthpage end
=====================================================================================================
*/