'); }); })(jQuery); */ .mira_logo_big { width: 260px; height: 90px; background-position: 0px 0px; } .mira_logo_small { width: 173px; height: 60px; background-position: 0px -90px; } .mira_logo_big_white { width: 260px; height: 90px; background-position: 0px -150px; } .mira_logo_small_white { width: 173px; height: 60px; background-position: 0px -240px; } .amoreiras_logo { width: 181px; height: 38px; background-position: -260px 0px; } .amoreiras_logo_white { width: 181px; height: 38px; background-position: 0px -324px; } .icon_menu { width: 40px; height: 40px; background-position: -270px -48px; } .icon_menu_white { width: 40px; height: 40px; background-position: -320px -96px; } .icon_arrow_down { width: 40px; height: 40px; background-position: -370px -48px; } .icon_arrow_up { width: 40px; height: 40px; background-position: -320px -48px; } .icon_fb { width: 40px; height: 40px; background-position: -370px -96px; } .icon_insta { width: 40px; height: 40px; background-position: -415px -96px; } .icon_trip { width: 40px; height: 40px; background-position: -460px -96px; } .icon_galeria { width: 40px; height: 40px; background-position: -270px -96px; } .icon_video { width: 40px; height: 40px; background-position: -270px -141px; } .icon_360 { width: 40px; height: 40px; background-position: -270px -186px; } .icon_galeria_white { width: 40px; height: 40px; background-position: -320px -141px; } .icon_video_white { width: 40px; height: 40px; background-position: -320px -186px; } .icon_360_white { width: 40px; height: 40px; background-position: -320px -231px; } .img_icon { margin: 0 5px; margin-top: -12px; } .icon_link { width: 21px; height: 25px; background-position: -420px -48px; } .icon_download { width: 22px; height: 25px; background-position: -451px -48px; } .icon_close { width: 40px; height: 40px; background-position: -506px -96px; } .icon_arrow_prev { width: 40px; height: 65px; background-position: -270px -292px; } .icon_arrow_next { width: 40px; height: 65px; background-position: -320px -292px; } .icon_arrow_prev_blue { width: 40px; height: 65px; background-position: -270px -364px; } .icon_arrow_next_blue { width: 40px; height: 65px; background-position: -320px -364px; } .icon_arrow_loc_selected { width: 40px; height: 40px; background-position: -370px -141px; } .icon_arrow_loc { width: 40px; height: 40px; background-position: -370px -186px; } .icon_arrow_loc.selected { background-position: -370px -141px; } /*COLORS*/ /*MEDIA QUERY SIZES*/ /* styles */ body, html { height: 100% !important; min-height: 100%; font-size: 62.5%; background-color: #fff; -webkit-font-smoothing: antialiased !important; } img { height: auto; } .noscroll { overflow: hidden; } .angular-loading { display: none; } .wf-loading { visibility: hidden; } .main { width: 100%; } .wrapper { width: 1200px; font-size: 16px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1199px) { .wrapper { width: 96%; } } @media only screen and (max-width: 1024px) { .wrapper { width: 96%; } } @media only screen and (max-width: 768px) { .wrapper { width: 92%; } } @media only screen and (max-width: 600px) { .wrapper--interior .container_12 > .grid_3, .wrapper--interior .container_12 > .grid_9 { width: 98.34% !important; } } .c-popup__banner { margin: 0px; padding: 0px; position: fixed; top: 50%; left: 50%; z-index: 1000; width: 90%; max-width: 600px; font-size: 0px; line-height: 0px; box-shadow: 10px 10px 5px #888888; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-popup__banner .sprite { position: absolute; right: 15px; top: 15px; cursor: pointer; } .c-popup__banner img { width: 100%; } /*DESTAQUE*/ .c-destaque { display: inline-block; margin-bottom: -40px; margin-top: 40px; } .c-destaque .content { float: left; } .c-destaque .premio { float: left; width: 105px; } .c-destaque img { width: 100%; } .c-destaque .tit1 { margin-top: 14px; font-family: 'flamacondensedmedium', sans-serif; font-size: 34px; line-height: 34px; color: #000; } .c-destaque .tit2 { margin-bottom: 5px; font-family: 'flamacondensedlight', sans-serif; font-size: 30px; line-height: 30px; color: #fff; } .c-destaque .tit3 { height: 34px; font-family: 'flamacondensedlight', sans-serif; font-size: 17px; line-height: 34px; vertical-align: middle; color: #fff; background-color: #000; } .c-destaque--lonely_planet img { width: auto; margin: 10px; display: inline-block; } .main__content_container { position: absolute; width: 100%; height: 100%; } .main__topo { position: fixed; z-index: 1000; width: 100%; height: 140px; background-color: #fff; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main__topo .mira_logo_big { position: absolute; z-index: 1; left: 50%; top: 50%; transform-origin: 50%; -webkit-transform-origin: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main__topo .icon_menu { position: absolute; z-index: 2; top: 50%; margin-top: -20px; margin-left: 0px; cursor: pointer; } .main__topo .icon_close, .main__topo .amoreiras_logo { position: relative; top: 50%; float: right; margin-right: 7.503px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .main__topo .grid_12 { position: relative; height: 100%; } .main__topo .wrapper, .main__topo .container_12 { height: 100%; } .main__topo .lang_link { display: none; position: absolute; z-index: 2; top: 50%; margin-top: -10px; margin-left: 86px; font-family: 'flamacondensedlight', sans-serif; text-transform: uppercase; } .main__topo .lang_link a { color: #fff; text-decoration: none; } .main__topo .lang_link_visible { display: block; } .main__topo--small_fixed, .main__topo--small { height: 80px; } .main__topo--small_fixed .mira_logo_big, .main__topo--small .mira_logo_big { margin-top: -45px; margin-left: -129px; -ms-transform: scale(0.66, 0.66); /* IE 9 */ -webkit-transform: scale(0.66, 0.66); /* Chrome, Safari, Opera */ transform: scale(0.66, 0.66); } .main__topo--blue { background-color: #8db9ca; } .main__topo--blue .mira_logo_big { width: 260px; height: 90px; background-position: 0px -150px; margin-top: -45px; margin-left: -129px; -ms-transform: scale(0.66, 0.6); /* IE 9 */ -webkit-transform: scale(0.66, 0.6); /* Chrome, Safari, Opera */ transform: scale(0.66, 0.6); } .main__topo--blue .amoreiras_logo { width: 181px; height: 38px; background-position: 0px -324px; } @media only screen and (max-width: 600px) { .main__topo--blue .mira_logo_big { display: none; } } .main__topo_interior { position: relative; height: 140px; margin-top: 80px; overflow: hidden; background-position: center 80px; } .main__topo_interior h1 { margin: 0px; padding: 0px; position: relative; line-height: 140px; vertical-align: middle; font-size: 55px; font-family: 'flamacondensedlight', sans-serif; text-align: center; font-weight: normal; text-transform: uppercase; color: #fff; } .main__topo_interior--big { height: 620px; background-attachment: fixed; } @media only screen and (max-width: 1024px) { .main__topo_interior { background-position: center -80px; } .main__topo_interior--big { background-position: center 0px !important; background-attachment: local; } } @media only screen and (max-width: 600px) { .main__topo { height: 80px; } .main__topo .mira_logo_big { margin-top: -45px; margin-left: -129px; -ms-transform: scale(0.66, 0.66); /* IE 9 */ -webkit-transform: scale(0.66, 0.66); /* Chrome, Safari, Opera */ transform: scale(0.66, 0.66); } .main__topo .mira_logo_big { -ms-transform: scale(0.5, 0.5); /* IE 9 */ -webkit-transform: scale(0.5, 0.5); /* Chrome, Safari, Opera */ transform: scale(0.5, 0.5); } .main__topo .amoreiras_logo { display: none; } } .main__nav { position: fixed; z-index: 1; width: 240px; height: 100%; margin-left: -240px; background-color: #8db9ca; visibility: visible; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main__nav ul { margin: 0px; padding: 0px; position: relative; width: 100%; height: calc(100% - 140px); margin-top: 140px; padding-bottom: 30px; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main__nav ul li { list-style: none; } .main__nav ul a { color: #fff; text-decoration: none; } .main__nav ul a:hover { color: #e4f0f6; } .main__nav ul a:hover li { color: #8db9ca; } .main__nav ul li { padding: 0px 0; padding-left: 5px; margin-bottom: 15px; font-size: 30px; line-height: 30px; font-family: 'flamacondensedlight', sans-serif; color: #fff; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .main__nav ul li:hover { padding-left: 15px; background-color: #e4f0f6; } .main__nav ul li:hover a { color: #8db9ca; } .main__nav ul .text-small { margin-bottom: 3px; font-size: 25px; } .main__nav ul .social, .main__nav ul .social:hover { padding-left: 0; margin-top: 40px; background-color: transparent; } .main__nav ul .social .sprite, .main__nav ul .social:hover .sprite { float: left; margin-right: 5px; } .main__nav--small_fixed ul, .main__nav--small ul { height: calc(100% - 80px); margin-top: 80px; } .main__nav--open { margin-left: 0px; visibility: visible; opacity: 1; } .main__nav:after { content: ''; position: absolute; top: 0px; left: -1000px; width: 1000px; height: 100%; background-color: #8db9ca; } .main__nav-cover { display: none; content: ''; position: absolute; top: 0px; left: 240px; width: 3000px; height: 100%; background-color: rgba(255, 255, 255, 0.6); } .main__nav--open .main__nav-cover { display: block; } @media only screen and (max-width: 600px) { .main__nav ul { height: calc(100% - 80px); margin-top: 80px; } } .full__screen_container { position: relative; width: 100%; margin-top: 140px; height: calc(100% - 140px); background-position: top center; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .full__screen_content { color: #fff; text-align: center; } .full__screen_content h1, .full__screen_content h2 { margin: 0px; padding: 0px; font-weight: normal; } .full__screen_content h1 { margin-top: 70px; margin-bottom: 40px; font-size: 55px; line-height: 55px; font-family: 'flamacondensedmedium', sans-serif; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4); text-transform: uppercase; } .full__screen_content h2 { margin-bottom: 40px; font-size: 35px; font-family: 'flamacondensedlight', sans-serif; } @media only screen and (max-width: 600px) { .full__screen_container { height: calc(100% - 80px); margin-top: 80px; } .full__screen_container h1 { margin-top: 55px; margin-bottom: 55px; font-size: 40px; line-height: 40px; } .full__screen_container .bt { height: 35px; padding: 0 15px; margin-bottom: 15px; line-height: 35px; font-size: 18px; } .full__screen_container .content__nav_bottom { display: none; } } @media only screen and (max-width: 600px) { .bottom__website { height: auto !important; padding: 10px 0; } .bottom__website .slide_to_top { padding: 0 5px; margin-top: -50px !important; } .bottom__website .grid_6 { width: 98.34%; margin-bottom: 5px; font-size: 16px; line-height: 20px; text-align: left !important; } } .content__nav { width: 100%; height: 50px; line-height: 50px; font-size: 12px; font-family: 'flamacondensedlight', sans-serif; background-color: #8db9ca; color: #fff; } .content__nav .bt { padding: 0 10px; margin: 0; height: 50px; line-height: 50px; } .content__nav .middle__bt { position: absolute; left: 50%; margin-left: -20px; margin-top: 7px; cursor: pointer; } .content__nav_bottom { position: absolute; line-height: 0; bottom: 0px; } .bt { margin: 0px; padding: 0px; height: 45px; padding: 0 20px; margin: 0 7px; line-height: 45px; vertical-align: middle; font-size: 26px; text-transform: uppercase; font-family: 'flamacondensedlight', sans-serif; border: 0; color: #fff; background-color: #000; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .bt-white { color: #8db9ca; background-color: #fff; } .bt-white:hover { color: #fff; background-color: #8db9ca; } .bt-blue { color: #fff; background-color: #8db9ca; } .bt-blue:hover { color: #8db9ca; background-color: #e4f0f6; } .bt-blue-2 { color: #8db9ca; background-color: #e4f0f6; } .bt-blue-2:hover { color: #fff; background-color: #8db9ca; } .content__wrapper { position: absolute; width: 100%; } .content__wrapper-has_header_fs { top: 100%; } .content__container { padding: 45px 0; color: #706c69; } .content__container h1, .content__container h2, .content__container h3, .content__container h4 { margin: 0px; padding: 0px; font-family: 'flamacondensedlight', sans-serif; font-weight: normal; text-transform: uppercase; color: #8db9ca; } .content__container h1 { font-size: 55px; line-height: 55px; } .content__container p { font-size: 18px; font-family: 'flamabook', sans-serif; } .content__container b { font-weight: normal; font-family: 'flamamedium', sans-serif; } .content__container-generic { text-align: center; } .content__banner { position: relative; } .content__banner .bt { margin-top: -105px; } .content__banner img { width: 100%; height: auto; } .content__banner:hover .bt-blue { color: #8db9ca; background-color: #e4f0f6; } .content__container-footer { background-color: #e4f0f6; } @media only screen and (max-width: 600px) { .content__container .grid_2 { display: none; } .content__container .content__banner, .content__container .footer__plugin, .content__container .grid_8 { width: 98.34%; } .content__container .bt { margin-bottom: 20px; } .content__container h1 { font-size: 40px; line-height: 40px; } .content__container-gpe .grid_6 { width: 98.34%; } } .paralax__container { width: 100%; height: 350px; } @media only screen and (max-width: 1024px) { .paralax__container { background-position: center -250px; } } .footer__plugin { float: left; border: solid #fff 25px; margin-top: 50px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer__plugin .widCOE, .footer__plugin .widEXC, .footer__plugin .widWRL, .footer__plugin .cdsROW { margin-right: auto !important; margin-left: auto !important; } .footer__plugin .widSSP { width: 100% !important; } .TA_certificateOfExcellence { float: left; position: relative; left: 50%; margin-left: -85px; margin-bottom: 20px; } .main__footer { width: 100%; background-color: #e4f0f6; } .main__footer--interior { margin-top: 30px; } .main__footer_paralax { height: 300px; } @media only screen and (max-width: 1024px) { .main__footer_paralax { background-position: center -300px; } } .floating__controlls { position: absolute; top: 50%; right: 0; padding: 5px 0; padding-top: 10px; width: 55px; background-color: #fff; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .floating__controlls .sprite { margin-left: auto; margin-right: auto; margin-bottom: 5px; cursor: pointer; } .google__map { width: 100%; height: 350px; background-color: #d6cbc9; } .media__layer { position: fixed; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .media__layer--closed { opacity: 0; } .media__layer-state__controlls { position: relative; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .media__layer-state__controlls .sprite { margin-right: 5px; float: left; cursor: pointer; opacity: 0.5; } .media__layer-state__controlls .selected { opacity: 1; } .gall__content { position: absolute; top: 80px; width: 100%; height: calc(100% - 80px); } .gall__content .arrow { position: absolute; z-index: 2; top: 50%; margin-top: -32px; cursor: pointer; } .gall__content .icon_arrow_prev { left: 20px; } .gall__content .icon_arrow_next { right: 20px; } .gall__content-slider { position: relative; min-width: 100%; min-height: 100%; } .gall__content-slider.anim { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .gall__content-container { position: absolute; width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .gall__content-container iframe { width: 100%; height: 100%; } .gall__content-legenda { position: absolute; bottom: 0px; width: 100%; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; font-size: 22px; font-family: 'flamacondensedlight', sans-serif; text-transform: uppercase; background-color: #fff; color: #8db9ca; } .media__video_content { position: absolute; top: 80px; width: 100%; height: calc(100% - 80px); } .media__video_content iframe { width: 100% !important; height: 100% !important; } .vista__360 { position: absolute; top: 80px; width: 100%; height: calc(100% - 80px); min-height: 500px; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vista__360-zona { position: absolute; width: 100%; height: 100%; background-color: #fff; overflow: hidden; cursor: all-scroll; } .vista__360-zona img { height: 100%; } .vista__360-dragabble { position: absolute; width: 100%; height: 100%; } .vista__360-loc { position: absolute; margin-left: -20px; margin-top: -40px; cursor: pointer; } .vista__360-loading { position: absolute; z-index: 2; width: 100%; height: 100%; font-family: 'flamacondensedlight', sans-serif; font-size: 35px; color: #fff; text-transform: uppercase; background-color: #cecece; } .vista__360-loading div { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .vista__360-labels { position: absolute; z-index: 10; bottom: 0px; width: 100%; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; font-size: 22px; font-family: 'flamacondensedlight', sans-serif; text-transform: uppercase; background-color: #fff; color: #8db9ca; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .vista__360-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .vista__360-label.selected { color: #fff; background-color: #8db9ca; } .vista__360-label_selected { display: block; bottom: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .vista__360-label_selected .sprite { display: inline-block; position: relative; top: 10px; margin-top: -5px; margin-right: 5px; } .vista__360-label_selected.active { bottom: 50px; } @media only screen and (max-width: 600px) { .vista__360-labels { line-height: 42px; font-size: 16px; } } .home__instagram { position: relative; left: 50%; width: 100%; margin-top: 20px; overflow: hidden; -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .home__instagram img { width: 100%; } .home__instagram .grid_2 { display: block; height: 180px; line-height: 180px; vertical-align: middle; } .home__instagram .grid_2:first-child { margin-left: 9.163%; } @media only screen and (max-width: 600px) { .home__instagram .grid_2 { width: 100%; height: auto; margin: 0 !important; margin-bottom: 20px !important; } .home__instagram .grid_2:first-child { margin-left: 0; } } .social__wal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social__wal img { width: 100%; } .social__wal-item { margin-bottom: 30px; } .social__wal-item_desc { margin-top: 10px; font-size: 18px; } .social__wal-item_desc img { width: auto; } .social__wall-item_thumb { width: 100%; height: 275px; line-height: 275px; vertical-align: middle; text-align: center; } .emoji { margin-top: -10px; width: 1.5em; height: 1.5em; display: inline-block; margin-bottom: -0.25em; background-size: contain; } @media only screen and (max-width: 768px) { .social__wal .social__wall-item_thumb { height: 165px; line-height: 165px; } } @media only screen and (max-width: 600px) { .social__wal .grid_3 { width: 98.34%; } .social__wal .social__wall-item_thumb { height: auto; line-height: 0px; } } .form { margin-bottom: 40px; } .form ul { margin: 0px; padding: 0px; } .form ul li { list-style: none; } .form .grid_6 { margin-bottom: 10px !important; } .form li { position: relative; margin-bottom: 10px; } .form fieldset { margin-top: 20px !important; } .form fieldset h1 { font-size: 30px; margin-bottom: 5px; margin-left: 0.83%; } .form label { margin: 0px; padding: 0px; display: block; width: 100%; font-size: 14px; line-height: 19px; margin-bottom: 5px; text-align: left; } .form input[type="text"], .form input[type="number"], .form select, .form textarea { display: block; width: 100%; height: 30px; padding: 0 10px; font-size: 12px; border: solid 1px #dddddd; font-family: 'flamabook', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form .legal { margin-top: 10px; font-size: 12px; margin-left: 0; } .form input[type="submit"] { margin: 0px; padding: 0px; width: 100%; height: 45px; margin-top: 10px; border: 0; } .form textarea { height: 100px; padding-top: 10px; padding-bottom: 10px; } .form div.error { position: absolute; top: -5px; right: 0px; height: 30px; padding: 0 10px; font-size: 14px; line-height: 30px; vertical-align: middle; background-color: #d71400; color: #fff; text-transform: uppercase; } .form select.error, .form input.error { border-color: #fa9b91; } .form .legal div.error { position: relative; float: left; font-size: 12px; margin-right: 10px; } [render-page-gallery] { cursor: pointer; } /*LANDING*/ .l-lang__link { position: absolute; right: 20px; top: 50%; margin-top: -11px; color: #8db9ca; font-size: 20px; font-family: 'flamacondensedlight', sans-serif; text-decoration: none; } .l-fixed__bottom { position: relative; left: 0px; bottom: 0px; width: 100%; background-color: #fff; } .landing__container { position: absolute; width: 100%; height: 100%; } .landing__container .full__screen_container { height: calc(100% - 336px); padding-bottom: 40px; background-position: center; background-repeat: no-repeat; } .landing__container .full__screen_content { position: absolute; top: 50%; left: 50%; background-position: center; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .landing__container .full__screen_content p { margin: 0px; padding: 0px; padding: 0 25px; font-size: 28px; line-height: 32px; margin-bottom: 30px; font-family: 'flamacondensedlight', sans-serif; } .landing__container .full__screen_content a { color: #fff; } .landing__container .full__screen_content h1 { margin-top: 35px; margin-bottom: 10px; } .landing__container .full__screen_content .bt { min-width: 175px; } .landing__container .bt { display: inline-block; height: 47px; font-size: 24px; line-height: 47px; color: #8db9ca; text-align: center; background-color: #fff; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .landing__container .bt .sprite { display: inline-block; position: relative; top: 4px; margin-right: 10px; } .landing__container .c-block__list { margin-top: 10px; margin-bottom: 10px; } .landing__container .c-block__list img { max-width: 100%; height: auto; } .landing__container .c-block__list .bt { width: 48%; min-width: 0; margin: 0; margin-bottom: 10px; font-size: 17px; color: #fff; background-color: #8db9ca; } .landing__container .c-block__list .bt:nth-child(2) { float: right; } .landing__container .c-block__list .sprite { display: inline-block; } .landing__container .c-block__list .icons { width: 100%; margin-top: 5%; text-align: center; } .landing__container .bg_1 { background-image: url('/images/landing/bg_landscape_1_1024x768_23112017.jpg'); } .landing__container .bg_2 { background-image: url('/images/landing/bg_landscape_2_1024x768_23112017.jpg'); } .landing__container .bg_3 { background-image: url('/images/landing/bg_landscape_3_1024x768_23112017.jpg'); } .landing__container .bg_4 { background-image: url('/images/landing/bg_landscape_4_1024x768_23112017.jpg'); } .landing__container .c-footer__landing { display: none; } @media only screen and (max-width: 768px) { .landing__container .c-block__list .icons { margin-top: 2%; } } @media only screen and (max-width: 600px) { .landing__container .c-footer__landing { display: block; text-align: center; } .landing__container .c-footer__landing .sprite { margin-top: 20px; margin-bottom: 20px; display: inline-block; } .landing__container .bg_1 { background-image: url('/images/landing/bg_portrait_1_750x1334_23112017.jpg'); } .landing__container .bg_2 { background-image: url('/images/landing/bg_portrait_2_750x1334_23112017.jpg'); } .landing__container .bg_3 { background-image: url('/images/landing/bg_portrait_3_750x1334_23112017.jpg'); } .landing__container .bg_4 { background-image: url('/images/landing/bg_portrait_4_750x1334_23112017.jpg'); } .landing__container .full__screen_container { height: calc(100% - 215px); } .landing__container .full__screen_content { position: relative; left: auto; top: auto; padding-bottom: 20px; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .landing__container .c-block__list { margin-bottom: 0px; } .landing__container .c-block__list .grid_6 { width: 98.34%; } .landing__container .c-block__list .icons { display: none; } .landing__container.small_screen { height: auto; } .l-fixed__bottom.small_screen { position: relative; bottom: auto; } } /* BARRA COOKIES */ .barra-cookies { position: fixed; bottom: 0; z-index: 1000000000; text-align: center; width: 100%; height: 35px; background-color: #dbdbdb; border-top: solid 1px #b6bac0; -webkit-transition: bottom 0.5s; /* Safari */ transition: bottom 0.5s; } .barra-cookies .text { float: left; margin-left: 20px; font-family: 'Segoe UI', sans-serif; font-size: 13px; line-height: 36px; color: #666; } .barra-cookies .bts { float: right; margin-left: 20px; margin-right: 20px; padding: 6px 0; } .barra-cookies .bt { display: block; float: left; padding: 0 10px; height: 24px; line-height: 24px; font-size: 13px; color: #fff; text-transform: uppercase; background-color: #363636; cursor: pointer; } .barra-cookies a.bt { display: block; text-decoration: none; color: #fff; } .barra-cookies .close { position: absolute; top: 0; right: 0; width: 35px; height: 35px; background-image: url(/images/common/close_cookie_bar.png); cursor: pointer; } .barra-cookies .jsclose { cursor: pointer; } .barra-cookies-closed { display: none !important; } @media only screen and (max-width: 768px) { .barra-cookies { height: auto; padding: 5px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .barra-cookies .text { line-height: 19px; } .barra-cookies .text { line-height: 19px; margin-left: 0px; } .barra-cookies .bts { width: 100%; margin-left: auto; margin-right: auto; } .barra-cookies .bt, .barra-cookies a.bt { float: none; display: inline-block; } } /* END BARRA COOKIES */ .editor { padding: 45px 0; font-size: 18px; font-family: 'flamabook', sans-serif; } .editor b { font-family: 'flamamedium', sans-serif; font-weight: normal; } .editor p { margin: 0px; padding: 0px; font-size: 18px; margin-bottom: 25px; padding-right: 20px; } .editor p:last-child { margin-bottom: 0; } .editor a { color: #8db9ca; text-decoration: none; } .editor a:hover { text-decoration: underline; } .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { text-transform: uppercase; font-weight: normal; font-family: 'flamacondensedmedium', sans-serif; } .editor h1 { font-size: 40px; line-height: 40px; font-family: 'flamacondensedlight', sans-serif; margin-top: 30px; margin-bottom: 20px; } .editor h2 { font-size: 24px; line-height: 24px; margin-bottom: 25px; } .editor h3 { font-size: 24px; line-height: 24px; margin-top: 20px; margin-bottom: 10px; } .editor h1 + p { margin-top: 0px; } .editor .dest__title { position: relative; width: 100%; height: 50px; margin-bottom: 30px; line-height: 50px; vertical-align: middle; text-align: center; } .editor .dest__title span { position: relative; padding: 0 20px; background-color: #fff; } .editor .dest__title:before { content: ''; position: absolute; z-index: 0; left: 0px; top: 50%; width: 100%; height: 2px; margin-top: -1px; background-color: #e4f0f6; } .editor .grid_6 h1:first-child, .editor .grid_6 .dest__title:first-child, .editor .grid_6 h2:first-child, .editor .grid_12 h1:first-child, .editor .grid_12 .dest__title:first-child, .editor .grid_12 h2:first-child { margin-top: 0 !important; } .editor .no_spacing { margin-bottom: 0; } .editor .upper { text-transform: uppercase; } .editor ul { margin: 0px; padding: 0px; } .editor .nr-list { margin: 0px; padding: 0px; margin-bottom: 30px; font-size: 18px; } .editor .nr-list li { list-style: none; } .editor .nr-list li { margin-bottom: 10px; } .editor .nr-list .badge { top: 1px; } .editor .nr-list-dest { font-size: 24px; font-family: 'flamacondensedlight', sans-serif; text-transform: uppercase; color: #8db9ca; } .editor .nr-list-dest li { margin-bottom: 0px; } .editor .nr-list-dest .badge { top: 4px; } .editor li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .editor .faq-container li { margin-bottom: 5px !important; } .editor .faq-content { display: none; margin-bottom: 20px; text-transform: none; color: #706c69; } .editor .faq-title { cursor: pointer; } .editor .faq-open .faq-title { font-weight: bold; color: #706c69; } .editor .faq-open .badge { background-color: #706c69; } .editor .has_badge { position: relative; padding-left: 35px; } .editor .badge { position: absolute; left: 0; top: 4px; width: 25px; height: 25px; line-height: 25px; vertical-align: middle; font-size: 18px; font-family: 'flamacondensedlight', sans-serif; text-align: center; color: #fff; background-color: #8db9ca; -moz-border-radius: 100%; border-radius: 100%; } .editor .text_size_2 { font-size: 15px; } .editor table { font-size: 18px; border: 0; margin-bottom: 40px; } .editor table td { padding: 0; } .editor .link, .editor .link_download { padding-right: 40px; font-size: 24px; line-height: 24px; font-family: 'flamacondensedmedium', sans-serif; text-transform: uppercase; color: #8db9ca; text-decoration: none; } .editor .link:after { content: ''; position: absolute; margin-left: 10px; margin-top: -3px; width: 21px; height: 25px; background-position: -420px -48px; background-image: url('/images/sprite.png'); background-repeat: no-repeat; } .editor .link_download:after { content: ''; position: absolute; margin-left: 10px; margin-top: -3px; width: 22px; height: 25px; background-position: -451px -48px; background-image: url('/images/sprite.png'); background-repeat: no-repeat; } .editor > h1, .editor > h2 { padding-top: 0; } .editor__theird-left { width: 26.43%; float: left; margin: 0 20px 10px 0; } .editor__theird-left img { width: 100%; } .editor__theird-right { width: 26.43%; float: right; margin: 0 0px 10px 20px; } .editor__theird-right img { width: 100%; } .editor__half-left { width: 48%; float: left; margin: 0 20px 10px 0; } .editor__half-left img { width: 100%; } .editor__half-right { width: 48%; float: right; margin: 0 0px 10px 20px; } .editor__half-right img { width: 100%; } .editor__big_half-left { width: 64.36%; float: left; margin: 0 20px 10px 0; } .editor__big_half-left img { width: 100%; } .editor__big_half-right { width: 64.36%; float: right; margin: 0 0px 10px 20px; } .editor__big_half-right img { width: 100%; } .editor__full { width: 100%; margin: 0 0px 20px 0px; } .editor__full img { width: 100%; } .editor__isotope { width: 102%; margin-left: -1%; } .editor__isotope-item { width: 48%; margin: 0 1%; margin-bottom: 2%; float: left; } .editor__isotope-item img { width: 100%; } @media only screen and (max-width: 768px) { .editor__theird-left, .editor__theird-right { width: 31.48%; } .editor__big_half-left, .editor__big_half-right { width: 60%; } } @media only screen and (max-width: 600px) { .editor .destak__half, .editor .destak__half-left, .editor .destak__half-right, .editor .destak { width: 100% !important; } .editor .destak__half-left { margin-right: 0; } .editor .destak__half-right { margin-left: 0; } .editor .editor__page_title, .editor .editor__page_subtitle { clear: both; } .editor .editor__page_title { font-size: 26px; line-height: 26px; } .editor .editor__page_subtitle { font-size: 22px; line-height: 22px; } .editor__theird-left, .editor__theird-right { width: 48%; } .editor__half-left, .editor__half-left, .editor__big_half-left, .editor__big_half-right { width: 100%; } .editor__isotope { width: 100%; margin-left: 0; } .editor__isotope-item { width: 100%; } .editor__social { margin-right: 20px; } } .mceContentBody { font-size: 13pt; background-color: #fff; padding: 45px 0; font-size: 18px; font-family: 'flamabook', sans-serif; font-size: 14px !important; } .mceContentBody b { font-family: 'flamamedium', sans-serif; font-weight: normal; } .mceContentBody p { margin: 0px; padding: 0px; font-size: 18px; margin-bottom: 25px; padding-right: 20px; } .mceContentBody p:last-child { margin-bottom: 0; } .mceContentBody a { color: #8db9ca; text-decoration: none; } .mceContentBody a:hover { text-decoration: underline; } .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 { text-transform: uppercase; font-weight: normal; font-family: 'flamacondensedmedium', sans-serif; } .mceContentBody h1 { font-size: 40px; line-height: 40px; font-family: 'flamacondensedlight', sans-serif; margin-top: 30px; margin-bottom: 20px; } .mceContentBody h2 { font-size: 24px; line-height: 24px; margin-bottom: 25px; } .mceContentBody h3 { font-size: 24px; line-height: 24px; margin-top: 20px; margin-bottom: 10px; } .mceContentBody h1 + p { margin-top: 0px; } .mceContentBody .dest__title { position: relative; width: 100%; height: 50px; margin-bottom: 30px; line-height: 50px; vertical-align: middle; text-align: center; } .mceContentBody .dest__title span { position: relative; padding: 0 20px; background-color: #fff; } .mceContentBody .dest__title:before { content: ''; position: absolute; z-index: 0; left: 0px; top: 50%; width: 100%; height: 2px; margin-top: -1px; background-color: #e4f0f6; } .mceContentBody .grid_6 h1:first-child, .mceContentBody .grid_6 .dest__title:first-child, .mceContentBody .grid_6 h2:first-child, .mceContentBody .grid_12 h1:first-child, .mceContentBody .grid_12 .dest__title:first-child, .mceContentBody .grid_12 h2:first-child { margin-top: 0 !important; } .mceContentBody .no_spacing { margin-bottom: 0; } .mceContentBody .upper { text-transform: uppercase; } .mceContentBody ul { margin: 0px; padding: 0px; } .mceContentBody .nr-list { margin: 0px; padding: 0px; margin-bottom: 30px; font-size: 18px; } .mceContentBody .nr-list li { list-style: none; } .mceContentBody .nr-list li { margin-bottom: 10px; } .mceContentBody .nr-list .badge { top: 1px; } .mceContentBody .nr-list-dest { font-size: 24px; font-family: 'flamacondensedlight', sans-serif; text-transform: uppercase; color: #8db9ca; } .mceContentBody .nr-list-dest li { margin-bottom: 0px; } .mceContentBody .nr-list-dest .badge { top: 4px; } .mceContentBody li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mceContentBody .faq-container li { margin-bottom: 5px !important; } .mceContentBody .faq-content { display: none; margin-bottom: 20px; text-transform: none; color: #706c69; } .mceContentBody .faq-title { cursor: pointer; } .mceContentBody .faq-open .faq-title { font-weight: bold; color: #706c69; } .mceContentBody .faq-open .badge { background-color: #706c69; } .mceContentBody .has_badge { position: relative; padding-left: 35px; } .mceContentBody .badge { position: absolute; left: 0; top: 4px; width: 25px; height: 25px; line-height: 25px; vertical-align: middle; font-size: 18px; font-family: 'flamacondensedlight', sans-serif; text-align: center; color: #fff; background-color: #8db9ca; -moz-border-radius: 100%; border-radius: 100%; } .mceContentBody .text_size_2 { font-size: 15px; } .mceContentBody table { font-size: 18px; border: 0; margin-bottom: 40px; } .mceContentBody table td { padding: 0; } .mceContentBody .link, .mceContentBody .link_download { padding-right: 40px; font-size: 24px; line-height: 24px; font-family: 'flamacondensedmedium', sans-serif; text-transform: uppercase; color: #8db9ca; text-decoration: none; } .mceContentBody .link:after { content: ''; position: absolute; margin-left: 10px; margin-top: -3px; width: 21px; height: 25px; background-position: -420px -48px; background-image: url('/images/sprite.png'); background-repeat: no-repeat; } .mceContentBody .link_download:after { content: ''; position: absolute; margin-left: 10px; margin-top: -3px; width: 22px; height: 25px; background-position: -451px -48px; background-image: url('/images/sprite.png'); background-repeat: no-repeat; } .mceContentBody .nr-list-dest { font-size: 16px !important; } .mceContentBody .faq-content { display: block; } @media only screen and (max-width: 600px) { .editor .dest__title { font-size: 32px; } } /* helpers */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }