.back_li {display: none;} #header ul li span.arrow {display: none;} #header ul li span.back {display: none;} body #header ul ul {margin: 5px 0 0 -5px;} @media only screen and (max-width: 1120px) { .zoom {background:none;} #bottom_element {text-indent:0;margin-bottom:70px;bottom:0;background-position:center bottom;background-size:224px 2px;height:37px;color:#333;width:728px;} #bottom_element i {cursor:pointer;font-size:17px;text-align:center;width:224px;display:block;margin:0 auto;font-style:normal;text-transform: uppercase;height: 33px;border-top: 2px solid #000;border-bottom: 2px solid #000;line-height: 35px;} .wrapper {width: 728px; padding:0 20px;} #content {min-width:768px;} #header {height:55px;background:#f4f4f4;} body #header ul {margin: 20px 0 0 0;} #header ul li ul li a {font-size:12px;} body #header ul ul {margin: 15px 0 0 0;} #header ul li ul {padding: 0 10px 0 0;background:#f4f4f4;} #header ul li:hover ul {padding: 0 10px 6px 0;} #header ul li a, #header ul li span {font-size:13px !important;color: #333;} #header ul li a:hover, #header ul li span:hover {color: #000;} #header ul li a:after, #header ul li span:after {background:#777;} .pt-page, #cover #parallax {background-size:1600px auto !important;} .pt-perspective, #cover #parallax {position:fixed;} #cover .slide_arrow{margin-top:-14px;} #typed_container {font-size:20px;width:420px;margin-right:-364px;} .slider{display:none !important;} #project_gallery{width:687px;margin:45px 0;} #project_gallery .project_gallery_item{margin-bottom:15px;} .contact_btn {top:250px;margin-left:-105px;} .contact_btn.active {margin-left:-55px;} body #header #logo, #header.alter #logo {background-size:auto 116px;width:224px;height:19px;margin-top:18px;background-position:-103px 0;} #header.dark_theme #logo{background-position:-103px 0;} .grid {width: 756px;} h2 {font-size:21px;} .btn {font-size:10px;} .item {margin: 0 28px 70px 0;} #footer {padding: 0 0 70px 0;} #footer .socials a {font-size: 12px;} body #cover #second_title {display:none;} #cover #cover_title {position:absolute;margin-top:0;} .page {margin-top: 0 !important; padding-top:70px !important; z-index: 3; position: relative;} /* projects */ .projects .item {width:728px;height:320px;} .projects .item .image, .projects .item .video {width:475px;height:320px;} .projects .item .label {width:280px;padding: 28px 20px;top:30px;} .projects .item .label h2 {margin:0 0 12px 0;} .projects .item .label .text {margin: 0 0 24px 0;} /* tips */ .tips .item {width: 350px; height: 161px;} .tips .item .video {display:none;} .tips .item .label {width: 209px; min-height:70px;padding:20px 16px;top: 20px;} .tips .item .label h2 {margin: 0 0 10px 0;} .tips .item .image_top_wrapper {width: 161px; height: 161px;display:block;} .tips .item .image_top_wrapper .image_wrapper {width: 161px; height: 161px;} .tips .item .image_top_wrapper .image_wrapper .image {width: 161px; height: 161px;} /* downloads */ #download #block_2 #block_2_line_1 {display:none;} #download #block_2 #block_2_line_2 {display:none;} #download #block_3 #block_3_line {display:none;} #download #block_1 #block_1_line {display:none;} #download .download_block .sheet{display:none;} #download .download_block .download_link {width:100% !important;left:0 !important;background-position: center center; background-size: auto 18px;width: 81px;} #download .download_block#block_3 .block_content, #download .download_block#block_1 .block_content {width:100%;} #download .download_block .block_content .block_title {background-size: auto 19px !important;} #download .download_block#block_1 {width:500px;margin-left:-620px;} #download .download_block#block_2 .block_content {width:100%;} #download #block_1 #block_1_line_inner {background-position:0 top !important;} #download .download_block#block_3 {width:500px;margin-right:-620px;} #download #block_3 {background-position:0 top !important;} #download .download_block#block_1{width:34%;left:0;margin:0;} #download #block_2 {width:34%;left:33%;margin:0;z-index:3;} #download .download_block#block_3{width:34%;left:auto;right:0;margin:0;} #download .download_block#block_2 .download_link {margin-left:0;} #download .download_block .download_link::after {display:none;} /* radio */ .radio .item {width: 728px;height: 255px;} .radio .item .image {width: 255px;height: 255px;} .radio .item .label {width: 493px;height:215px;top:20px;padding: 25px 28px;} .radio .item .label .top {height: 34px;padding-left: 140px;} .radio .item .label .top h2 {width: 320px;} .radio .item .label .top .radio_logo {background-size: 70%;background-repeat:no-repeat;top: -7px;} .radio .item .label .bottom .inner .hide_block {width: 380px;height: 50px;} /* press */ .press .item {width:224px;height:360px;box-sizing: border-box;} .press .item .image_wrapper {width:184px;height:270px} .press .item .image {width: 100%;height: 270px;} .press .item .label {width: 224px;height: 58px;padding: 0 20px 0 20px;} .press .item .label .inner_label {height: 58px;} .press .item .label h2 {margin: 0 0 10px 0;} /* books */ .books .item {width:350px;height:260px;} .books .item .image {width:196px;height:260px;} .books .item .label {width:174px;padding:18px 12px;top:20px;} .books .item .label h2 {margin:0 0 5px 0;} .books .item .label .text {max-height:84px;margin:0 0 12px 0;} .books .item .label .author {margin:0 0 12px 0;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;width:150px;} /* events */ .events .item {width: 224px;height: 368px; padding: 28px 20px;} .events .item h2 {margin: 0 0 12px 0;} .events .item .top {height: 62px;} .events .item .image_wrapper {margin: 25px 0 23px 0;} .events .item .image_wrapper {width: 184px;height: 184px;} /* journal */ .jornal .item.big .image {width: 350px;height: 350px;} .jornal .item.big .label {margin: -30px 0 0 30px;padding:20px;width: 290px;min-height: inherit;} .jornal .item.big .label h2 {margin: 0 0 6px 0;} .jornal .item.big .label .btn{margin: 13px 0 0 0;} .jornal .item.small {width: 161px;height: 161px;} .jornal .item.small .image {width: 161px;height: 161px;} .jornal .item.small .pre_label {padding: 14px;width:161px;font-size: 18px;} .jornal .item.small .label {width: 161px;height: 161px;} .jornal .item.small.with_image:hover .label {top: -230px;} .jornal .item.small.with_image.hover .label {opacity: 1 !important;left: 0;top: 0 !important;} .jornal .item.small .label h2 {max-height: 57px;overflow: hidden;} .jornal .item .date {color: #9a9a9a !important;} /* tabletop */ .tabletop .item {width:161px;margin: 0 28px 28px 0;} .tabletop .item .total_label {display:none;} #tabletop_design {padding-bottom:41px;} /* inspirational */ .inspirational .item {width:728px;height:220px;} .inspirational .item .label {width:392px;padding:20px 20px;} .inspirational .item .label .text {margin: 0 0 18px 0;max-height:51px;overflow:hidden;} .inspirational .item .video {display:none;} .inspirational .item .image_wrapper {width:364px;height:220px;} .inspirational .item .image_wrapper .image {width:364px;height:220px;display:block;} /* television */ .television .item {width: 350px;height:268px;} .television .item .video {width:350px;height:196px;} .television .item .label {margin:-30px 30px 0 30px;width:290px;height:102px;} .television .item .label .in{padding:0 20px;height: 102px;} .television .item .label h2 {margin:0 0 14px 0;} .television .item .image_wrapper {display:block;width: 350px;height:196px; position: absolute;} .television .item .image_wrapper .image {width:350px;height:196px;} /* popup */ #navigation {margin-right: -372px;} #popup #popup_content {width: 728px;padding: 42px 28px;box-sizing:border-box;} #popup #popup_content h2 {font-size:23px;margin-bottom:35px !important;} #popup #popup_content .date {margin: 12px 0 37px 0;} #popup #popup_content p {margin: 30px 0;font-size: 13px;} .video_journal {margin:42px 0;} .video_journal iframe {width:100%;height:383px;} #popup #popup_content .gallery {width:672px;height:380px;margin: 42px 0 93px 0;} #popup #popup_content .gallery .main {width:672px;height:380px;} #popup #popup_content .banner {margin: 42px 0 -42px -28px;padding: 28px;min-height: 185px;} #popup #popup_content .banner .data h3 {font-size:21px;margin-top: -3px;} #popup #popup_content .banner .image img {height:185px;width:auto;} #popup #popup_content .banner .data {margin-left: 28px;width: 360px;height: 186px;} #popup #popup_content .banner .data .author {margin: 4px 0 11px 0;} #popup #popup_content .banner .data .description {height: 117px;overflow: hidden; margin: 0 0 19px 0 !important;} #popup_socials {margin: 42px 0 10px 0;} /* load more */ #animating_loader {width:728px;margin-left:-364px;height:63px;background-size:100% auto;} #animating_loader_sheet {background-size:728px auto;} #events_items,#projects_items,#tips_items,#books_items,#press_items {padding-bottom:77px;} #events_items #bottom_element,#projects_items #bottom_element,#tips_items #bottom_element,#books_items #bottom_element,#press_items #bottom_element {margin-bottom:70px;} #tabletop_design {padding-bottom:58px;} #tabletop_design #bottom_element{margin-bottom:10px;} #television_items{padding-bottom:77px;} #television_items #bottom_element{bottom:0;} #jornal_items{padding-bottom:67px;} #jornal_items #bottom_element {margin-bottom:30px;} /* about */ .lightbox .lb-outerContainer .lb-container .lb-nav .lb-next {opacity: 0.8;} .lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev {opacity: 0.8;} #about_gallery_2 {top:50px;} #about_page_2_close {margin-left: -374px;} #about_page_2 .text {box-sizing:border-box;padding: 160px 40px;width:728px;} .templet-about-about-nicole {width:100%;height:100%;position:absolute;overflow:hidden;} /* homepage */ #homepage{font-size:13px;line-height:140%;} #homepage .layer{position:relative;z-index:2;} #heading{position:absolute !important;} #homepage .layer {padding:70px 0;} #homepage #layer_1 #img_1 {margin-top:0;top:0;} #homepage video {display:none;} #homepage #layer_1 #img_1 {width:476px;height:280px;left:20px;} #homepage #layer_1 #txt_1 {right:20px;position:absolute;width:224px;} #homepage #layer_1 #img_2 {width:476px;top:350px;right:20px;left:auto;height:280px;background-position:right;} #homepage #layer_1 #txt_2 {top:350px;margin-top:0;position:absolute;width:224px;left:20px;} #homepage #layer_1 .wrapper {min-height:630px;} #homepage #layer_2 #img_3 {width:476px;height:280px;top:0;right:20px;} #homepage #layer_2 #txt_3 {position:absolute;width:224px;left:20px;margin:0;top:0;} #homepage #layer_2 #img_4 {left:20px;top:350px;width:224px;height:334px;} #homepage #layer_2 #img_6 {width:224px;height:224px;left:272px;top:350px;} #homepage .layer .wrapper {min-height:684px;} #homepage #layer_2 {min-height: 628px;} #homepage #layer_2 #txt_4 {position:absolute;bottom:0;width:224px;right:20px;margin-top:0} #homepage #layer_3 #img_7 {top:0;width:350px;height:350px;left:20px;} #homepage #layer_3 #img_8 {left:auto;right:20px;width:287px;height:182px;top:0;} #homepage #layer_3 #txt_5 {margin:0;position:absolute;top:219px;left:461px;width:224px;} #homepage #layer_3 #img_9 {width:224px;height:224px;top:350px;left:auto;right:20px;} #homepage #layer_3 #img_10 {width:224px;height:298px;left:20px;top:420px;} #homepage #layer_3 #txt_7 {margin:0;position:absolute;top:420px;left:272px;width:224px;} #homepage #layer_3 #img_11 {right: 20px;left:auto;top:644px;width:413px;height:232px;} #homepage #layer_3 .wrapper {min-height:876px;} #homepage #layer_3 #txt_6 {margin:0;bottom:0;width:224px;position:absolute;left:20px;} #homepage #layer_3 {min-height:957px;} #header ul li.hover ul li {opacity:0;} #homepage #footer {margin:0;position:absolute;bottom:70px;width:728px;left:50%;margin-left:-374px;} #homepage .link{background: rgba(244,244,244,.8);} #homepage .link .video_title {margin-bottom: 0;padding:56px 0;font-size:17px;} #homepage .link i::after {border-left: 36px solid rgba(0,0,0,1);} } /* portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .pt-page, #cover #parallax {background-size: auto 100% !important;} /* about */ #about_gallery_2 .about_item {width:50%;height:26%;} #about_gallery_2 .about_item_9{display:none;} #about_gallery_2 .about_item_2{left:50%;top:0} #about_gallery_2 .about_item_3{left:0;top:25%;} #about_gallery_2 .about_item_4{left:50%;top:25%;} #about_gallery_2 .about_item_5{left:0;top:50%;} #about_gallery_2 .about_item_6{left:50%;top:50%;} #about_gallery_2 .about_item_7{left:0;top:75%;} #about_gallery_2 .about_item_8{left:50%;top:75%;} .lightbox .lb-outerContainer .lb-container .lb-close-new {top: -42px;right: 0;} .lightbox .lb-outerContainer .lb-container .lb-close-new::after{font-size:40px;left:1px;top:14px;} /* download */ #download{top: 50px;bottom:0;height: auto;} #download .download_block#block_1{width:100%;height:34%;} #download #block_2{width:100%;height:34%;top:33%;left:0;background-size:cover !important;} #download .download_block#block_3{width:100%;height:34%;top:auto;bottom:0;background-size:cover !important;} #download #block_1 #block_1_inner #block_1_inner_block {background-size:cover !important;} #download .download_block .block_content {top:40%;} #download .download_block#block_2 .download_link {top:40%;} /* homepage */ .templet-homepage #homepage_bg {background-size:auto 1080px;background-position:right 0;} } @media only screen and (max-width: 767px) { #heading div#homepage_scroll{font-size: 11px;margin-left:-99px;width:100%;margin-top:43px;} #animating_loader{margin-top:-20px;} .lightbox .lb-outerContainer .lb-container .lb-close-new {width:20px;height:20px;padding:5px;top:-5px;right:-35px;background-size:20px;} body{font-size:11px;} body #header {background-color:#f4f4f4;} body #header ul {margin: 13px 0 0 0;} #header ul li a:after, #header ul li span:after {background:#777;} #header ul li ul {background-color:#f4f4f4} #header ul li:hover ul {padding: 4px 10px 6px 0;} #cover #cover_title {background-size: auto 60px;height: 30px !important;margin-top:0} #cover {z-index:-1;} .btn {font-size: 9px;} .page {z-index:2;position:relative;} .pt-perspective, #cover #parallax {position:fixed;z-index:-1;} .slide_arrow {display:none;} /*#scroll_down {display:none !important;}*/ .wrapper {width:456px;padding: 0 10px;} #content {min-width:480px;} .grid {width:468px;} .item {margin: 0 12px 40px 0;} #footer {padding: 0 0 40px 0;} #footer .socials a {font-size:10px;} #cover #cover_title {position:absolute;} #header {height: 38px;} #header ul li {padding: 0 1px 0 2px;} #header ul li span.arrow {display:none;} body #header ul li a, #header ul li span {font-size: 12px !important;} body #header #logo,#header.alter #logo {width:151px;background-size:auto 78px;margin-top:12px;background-position:-68px 1px;} #header.dark_theme #logo {background-position:-68px 1px;} #botton_background {display:none;} body #header ul ul {margin: 6px 0 0 -4px;} h2 {font-size: 18px;} .projects .item .label, .tips .item .label, .radio .item .label, .television .item .label, .press .item, .books .item .label, .jornal .item.big .label, .jornal .item.small.with_image .label, .jornal .item.small .pre_label, .inspirational .item .label, .events .item, .press .item .image {border:0;background-color: #fff;} .page {background:#f4f4f4 !important;padding-top:40px !important;} .templet-journal #navigation{top:20px !important;position:absolute !important;} #navigation {top: 12px !important} #navigation #prev:hover::after, #navigation #next:hover::after{display:block;} .zoom::after {display: none !important;} #contact_popup .textarea {height: 126px;} #contact_popup textarea {height: 127px;} #success_message {height:330px;} #about_page_2_close, #about_page_2_close:hover, #about_page_2_close.hover { -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); margin-top: -30px; } #about_gallery_2 .about_item {z-index: 1 !important;} #about_gallery_2 .about_item .about_item_plus:after { display: none; } #about_gallery_2 .about_item:hover .about_item_inner { padding:0; margin:0; } #about_gallery_2 .about_item:hover .about_item_inner .about_item_inner_inner, #about_gallery_2 .about_item .about_item_inner .about_item_inner_inner, #about_gallery_2:hover .about_item .about_item_inner .about_item_inner_inner { opacity:1 !important; z-index: 0 !important; padding:0 !important; margin:0 !important; } /* radio */ .radio .item {width:456px;height:144px;} .radio .item .image {width:144px;height:144px;} .radio .item .label {width:324px;padding:12px 16px;background:none;border:0;} .radio .item .label .bottom .inner .hide_block {display:none;} .radio .item .label .top {display:none;} .radio .item .label .bottom {margin:0;position:absolute;left:0;top:-7px;width: 324px;} /* television */ .television .item {width: 222px;height: 198px;} .television .item .image_wrapper {width: 222px; height: 124px;position: relative;} .television .item .image_wrapper .image {width: 222px; height: 124px;} .television .item .video {display:none;} .television .item .label {margin:-12px 16px 0 16px;width:190px;height:76px;} .television .item .label .in {padding:0 10px;height:76px;} .television .item .label h2 {margin:0 0 5px 0;padding-top:2px;} /* press */ .press .item {width:144px;height:272px;} .press .item .image_wrapper {padding: 12px;width:120px;height:176px;} .press .item .image {height:176px;background-size: contain;} .press .item .label {padding:0 12px;width:144px;margin: -14px 30px 0 0;} .press .item .label h2 {margin: 0 0 5px 0;} /* events */ .events .item {width:144px;height:276px;padding: 16px 12px;} .events .item h2 {margin: 0 0 8px 0;} .events .item .image_wrapper {width: 120px;height: 120px;margin: 20px 0 18px 0;} .events .item .image_wrapper .image {width:120px;height:120px;transition:none;} .events .item:hover .image_wrapper .image {margin-top:0;} /* inspirational */ .inspirational .item {width:456px;height:138px;} .inspirational .item .image_wrapper {width:228px;height:138px;} .inspirational .item .image_wrapper .image {width:228px;height:138px;} .inspirational .item .label {width: 240px;top: 12px;padding:11px 12px;} .inspirational .item .label .text {max-height: 42px;margin: 0 0 10px 0;} .inspirational .item .label h2 {margin: 0 0 10px 0;} /* downloads */ #download {overflow: hidden;height: auto !important;bottom:0;top:38px;} .templet-downloads #content {width:100%;height:100%;position:absolute;overflow:hidden;} #download #block_1 {width:34% !important;margin-left:0 !important;left:0;} #download #block_2 {width:34% !important; margin-left:0 !important;left:33% !important;} #download #block_3 {width:34% !important;margin-right:0 !important;right:0;} #download .download_block .block_content {width:100% !important;} #download .download_block .sheet {display:none;} #download .download_block .block_content .block_title {background-size: auto 13px !important;} #download .download_block .download_link {background-size: auto 13px;width: 60px;right: auto !important; left:50% !important;margin-left:-35px !important;} #download .download_block .download_link::after {height: 1px;bottom: 4px;} #download #block_1 #block_1_inner #block_1_inner_block, #download #block_2, #download .download_block#block_3{background-size:cover !important;background-position: center top;} #download .download_block .download_link {margin-top:20px;margin-left:0 !important;left:0 !important;box-sizing:border-box;} /* projects */ #jornal_items {padding-bottom:12px;} .jornal .item {margin: 0 12px 12px 0;} .jornal .item.big {width:222px;height:314px;} .jornal .item.big .in{width:174px;height:74px;display:table-cell;vertical-align:middle;} .jornal .item.big .image {width:222px;height:222px;} .jornal .item.big .label {margin: -12px 0 0 12px;padding:14px 12px;width: 198px;} .jornal .item.big .label h2 {margin: 0 0 4px 0;} .jornal .item.big .label .btn {margin: 8px 0 0 0;} .jornal .item.small {width:105px;height:105px;} .jornal .item.small .image {width:105px;height:105px;} .jornal .item.small .label {width:105px;height:105px;padding:0 8px;} .jornal .item.small .label h2 {font-size:13px;margin:0 0 4px 0;} .jornal .item.small .label .btn {margin:7px 0 0 0;} .jornal .item .date {font-size: 9px;} .jornal .item.small .pre_label {width:105px;padding:8px;font-size:13px;} /* tabletop */ .tabletop .item {margin:0 0 12px 0;} /* loader */ #animating_loader {width:456px;margin-left:-228px;height:39px;background-size:452px 117px;} #animating_loader_sheet {background-size:456px auto;} /* load more */ #bottom_element {width:456px;background-size:144px 1px;height:26px;} #bottom_element i{border-width:1px;width:144px;font-size: 13px;height:24px;line-height:26px;} #jornal_items{padding-bottom:26px;} #jornal_items #bottom_element {margin-bottom:0px;} #television_items{padding-bottom:54px;} #television_items #bottom_element{margin-bottom:40px;} #tabletop_design {padding-bottom:58px;} #tabletop_design #bottom_element{margin-bottom:10px;} #tabletop_design{margin-bottom:40px;padding-bottom:43px;} #tabletop_design #bottom_element{margin-bottom:0;} #events_items,#projects_items,#tips_items,#books_items,#press_items {padding-bottom:56px;} #events_items #bottom_element,#projects_items #bottom_element,#tips_items #bottom_element,#books_items #bottom_element,#press_items #bottom_element {margin-bottom:40px;} /* books */ .books .item {width:222px;height:434px;} .books .item .image {width:222px;height:296px;} .books .item .label {min-height:150px;height:150px;position:static;float:right;margin:-12px 12px 0 0;width:198px;padding:16px 10px;} .books .item .label h2 {margin:0 0 3px 0;} .books .item .label .text {max-height:56px;margin:0 0 8px 0;} .books .item .label .author {margin:0 0 8px 0;width:174px;} /* homepage */ #homepage {font-size:12px;line-height:130%;} #homepage .layer {padding:40px 0;} #homepage #layer_1 #img_1 {margin-top:0;top:0;width:300px;} #homepage video {display:none;} #homepage #layer_1 #img_1 {width:300px;height:176px;left:10px;} #homepage #layer_1 #txt_1 {right:10px;position:absolute;width:144px;} #homepage #layer_1 #img_2 {width:300px;top:216px;right:10px;height:176px;} #homepage #layer_1 #txt_2 {top:216px;width:144px;left:10px;} #homepage #layer_1 .wrapper {min-height:392px;} #homepage .figure {height:300px !important;} #homepage #layer_2 #img_3 {width:300px;height:176px;right:10px;} #homepage #layer_2 #txt_3 {width:144px;left:10px;} #homepage #layer_2 #img_4 {left:10px;top:216px;width:144px;height:196px;} #homepage #layer_2 #img_6 {width:144px;height:144px;left:166px;top:216px;} #homepage #layer_2 #txt_4 {width:144px;right:10px;} #homepage #layer_2 .wrapper {min-height:412px;} #homepage #layer_2 {min-height:385px;} #homepage #layer_3 #img_7 {width:222px;height:222px;left:10px;} #homepage #layer_3 #img_8 {right:10px;width:183px;height:116px;} #homepage #layer_3 #txt_5 {top:136px;left:282px;width:183px;} #homepage #layer_3 #img_9 {width:144px;height:144px;top:259px;right:10px;} #homepage #layer_3 #img_10 {width:144px;height:191px;left:10px;top:259px;} #homepage #layer_3 #txt_7 {top:259px;left:166px;width:144px;} #homepage #layer_3 #img_11 {right:10px;top:511px;width:300px;height:176px;} #homepage #layer_3 #txt_6 {width:144px;left:10px;} #homepage #layer_3 .wrapper {min-height:687px;} #homepage #footer {bottom:39px;width:480px;left:50%;margin-left:-240px;} #homepage #layer_3 {min-height:735px;} #homepage .link {background:rgba(244,244,244,.9);} #homepage .link .video_title {padding:46px 0;font-size:14px;} #homepage .link i::after {left:26px;top:19px;border-left: 18px solid rgba(0,0,0,1);border-top:15px solid transparent;border-bottom:14px solid transparent;} #homepage .link:hover i::after {border-left:18px solid rgba(0,0,0,1);} #heading {margin-left:-136px;width:232px;height:22px;margin-top:0;} #heading i {right:-40px;margin-top:-2px;width:24px;height:24px;border:2px solid #fff;} #heading i::after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid rgba(244,244,244,1.9);margin-top:4px;margin-left:-4px;} #heading div{background-size:auto 21px !important;height:22px !important;} #heading div#l_1 {width:20px;} #heading div#l_2 {width:16px;left:28px;} #heading div#l_3 {width:16px;left:51px;} #heading div#l_4 {width:17px;left:72px;} #heading div#l_5 {width:18px;left:105px;} #heading div#l_6 {width:4px;left:132px;} #heading div#l_7 {width:19px;left:142px;} #heading div#l_8 {width:22px;left:166px;} #heading div#l_9 {width:15px;left:195px;} #heading div#l_10 {width:16px;left:215px;} #home_popup #home_popup_close {width:20px;height:20px;padding:5px;top:10px;right:10px;background-size:20px;} #home_popup #home_popup_close::after{font-size:40px;left:1px;top:6px;} #home_popup_content {top: 20px;bottom:10px;left:15px;right:50px;} /* popup */ #popup #popup_content {width:100%;padding:80px 12px 30px 12px;margin:0 auto;} #popup #popup_content h2 {width:100%;margin-bottom:20px !important;font-size:20px;} .video_journal {margin:35px 28px;} .video_journal iframe {height:260px;} #navigation {margin:0 !important;right:12px;top:12px;width:120px;} #navigation .nav {float:right;margin-left:10px;} #navigation .nav .nname {display:none;} #popup_socials {margin: 36px 0 10px 0;} .video_popup_item p {margin-left:0 !important;margin-right:0 !important;} #popup #popup_content p {margin:20px 0;padding:0 28px;text-align:center;} #project_gallery {width:468px;margin:28px auto;} #project_gallery .project_gallery_item {width:144px;margin:0 0 12px 0;} #popup #popup_content .gallery{width:456px;height:258px;margin:18px auto 93px auto;} #popup #popup_content .gallery .main{width:456px;height:258px;} #press_popup #press_popup_content .thumbs, #popup #popup_content .thumbs {width:100%;position:static;height:30px;background:no-repeat;margin:0;padding:0;text-align:center;margin-top:20px;} #press_popup #press_popup_content .thumbs .thumbs_container, #popup #popup_content .thumbs .thumbs_container {display:none;} #press_popup #press_popup_content .thumbs .nav, #popup #popup_content .thumbs .nav {position:static;margin:0;display:inline-block;} #press_popup{background:#fff;width:100% !important;height:100% !important;left:0 !important;top:0 !important;position:fixed !important;margin:0 !important;padding:0 !important;} #press_popup #press_popup_content {padding:0;width:100% !important;height:100% !important;} #press_popup #press_popup_content .thumbs{position:fixed;left:0;bottom:36px;width:100% !important;margin:0 !important;} #popup #popup_content .gallery .bullet, #press_popup #press_popup_content .thumbs .bullet{padding:0 4px;height:30px;background:#000;width:6px;position:relative;display:inline-block;} #popup #popup_content .gallery .bullet::after, #press_popup #press_popup_content .thumbs .bullet::after{content:'';background:#fff;width:6px;height:6px;border-radius:50%;position:absolute;top:12px;left:4px;} #popup #popup_content .gallery .bullet.active::after, #press_popup #press_popup_content .thumbs .bullet.active::after{background:rgb(255,1,121);} #press_popup #press_popup_content #navigation{left:auto;top:12px !important;} .press_popup_item{width:auto;height:auto;left:12px;top:54px;right:12px;bottom:78px;position:fixed;} .press_popup_item img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;display:inline-block;width:auto !important;height:auto !important;max-width:100% !important;max-height:100% !important;} #popup #popup_content .banner {margin:28px 0 -30px -12px;padding:12px;min-height:144px;} #popup #popup_content .banner .image{max-width:222px;} #popup #popup_content .banner .image img {height:144px;} #popup #popup_content .banner .data{width:222px;margin-left:12px;height:144px;} #popup #popup_content .banner .data h3 {font-size:18px;} #popup #popup_content .banner .data .author {margin:0 0 6px 0;} #popup #popup_content .banner .data .description {height:90px;margin:0 0 2px 0 !important;} #popup #popup_content .description p {padding:0;line-height:120%;} /* projects */ .projects .item .image, .projects .item .video {width:300px;height: 202px;} .projects .item {width:456px;height:202px;} .projects .item .label {width:168px;padding:12px 10px;top:12px;} .projects .item .label h2 {margin:0 0 8px 0;} .projects .item .label .text{max-height:98px;overflow:hidden;margin:0 0 12px 0;} .projects .item .label .btn{margin-bottom:2px;} /* sassy tips */ .tips .item {width:222px;height:105px;} .tips .item .image_top_wrapper{width:105px;height:105px;} .tips .item .image_top_wrapper .image_wrapper{width:105px;height:105px;} .tips .item .image_top_wrapper .image_wrapper .image{width:105px;height:105px;} .tips .item .label{width:129px;min-height:50px;padding:10px 10px;top:12px;} .tips .item .label h2{margin:0 0 6px 0;font-size:16px;line-height:86%;} /* about */ #about_gallery_2 {top:38px;} #about_page_2 .text {width:380px;padding:80px 40px;} #about_page_2_close{width:20px;height:20px;padding:5px;background-size:20px;margin-left:-233px;top:93px;} /* contacts */ #typed_container{left:50%;margin:0 0 0 -220px;font-size:17px;top:70px;width:353px;position:absolute;} .contact_btn{top:135px;margin-left:-170px;} .contact_btn.active{margin-left:-220px;} #contact_popup {position:absolute;width:400px;margin-right:-200px;padding:12px;height:354px;margin-top:-175px;} #contact_popup #navigation{bottom:2px;right:12px;top:auto;} #contact_popup .textarea{margin-bottom:12px;} #contact_popup input[type="submit"]{margin:0;width:334px;padding-top:2px;} } @media (width:568px) { #about_gallery_2{width:568px;} } @media (min-height: 899px) { #download #block_1 #block_1_inner #block_1_inner_block {background-size:auto 100% !important;background-position:left top !important;} #download #block_3 {background-size:auto 100% !important;background-position:right top !important;} #download #block_2{background-size:auto 100% !important;background-position:center top !important;} #download #block_2 #block_2_line_1 {display:none;} #download #block_2 #block_2_line_2 {display:none;} #download #block_3 #block_3_line {display:none;} #download #block_1 #block_1_line {display:none;} } @media only screen and (max-width: 479px) { .lightbox .lb-outerContainer .lb-container .lb-close-new {top:-35px;right:-5px;} body {font-size: 13px;} #bottom_element{width:300px;} #events_items #bottom_element, #projects_items #bottom_element, #tips_items #bottom_element, #books_items #bottom_element, #press_items #bottom_element {margin-bottom: 30px;} /* sassy tips */ .tips .item {width:300px;height:140px;} .tips .item .image_top_wrapper, .tips .item .image_top_wrapper .image_wrapper, .tips .item .image_top_wrapper .image_wrapper .image {width:140px;height:140px;} .tips .item .label {width:180px;top:20px;padding:15px 10px;} .tips .item .label h2 {font-size:18px;line-height:100%;margin:0 0 7px 0;} .tips .item.item_2 .image_top_wrapper, .tips .item.item_4 .image_top_wrapper {float:right;} .tips .item.item_1 .image_top_wrapper, .tips .item.item_3 .image_top_wrapper {float:left;} .tips .item.item_2 .label, .tips .item.item_4 .label {right:auto;left:0;} .tips .item.item_1 .label, .tips .item.item_3 .label {left:auto;right:0;} /* tabletop */ .tabletop {width:310px !important;} .tabletop .item {margin:0 0 10px 0;} /* header */ #header {height:48px;} #header .wrapper {position:relative;} body #header #logo,#header.alter #logo {width:202px;background-size:auto 104px;margin-top:15px;background-position:-91px 1px;} #header.dark_theme #logo{background-position:-91px 1px;} #menu_icon{transition:all 100ms linear;display:block;position:absolute;top:8px;right:17px;width: 36px;height: 32px;background:#333;box-sizing:border-box;border-top:15px solid #f4f4f4;border-bottom:15px solid #f4f4f4;border-right:9px solid #f4f4f4;border-left:9px solid #f4f4f4;cursor:pointer;} #menu_icon.active{background:none;} #menu_icon::after{transition:all 100ms linear;content: "";position: absolute;left: 1px;display: block;width: 16px;top:-15px;height: 0;box-shadow: 0 10px 0 1px #333;} #menu_icon::before{transition:all 100ms linear;content: "";position: absolute;left: 1px;display: block;width: 16px;top:-15px;height: 0;box-shadow:0 22px 0 1px #333;} #menu_icon.active::after{content: "";position: absolute;left:6px;display: block;width: 20px;top: -6px;height: 0;box-shadow: 0 10px 0 1px #333;transition:all 100ms linear;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} #menu_icon.active::before{transition:all 100ms linear;content: "";position: absolute;left:-8px;display: block;width: 20px;top: -6px;height: 0;box-shadow: 0 10px 0 1px #333;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} body #header ul {display:block;position:absolute;width:200px;right:0;margin:0;top:47px;background:#f4f4f4;padding-bottom:12px;padding-top:5px;} body #header ul li {display: list-item;padding:0 15px;} body #header ul li a, #header ul li span {padding:7px 0 6px 0; font-size:15px !important;display:block;float:none;margin:0 auto;} body #header ul li ul {display:none;} #header ul li.current a:after, #header ul li.current span:after, #header ul li:last-child:hover a:after, #header ul li:hover a:after, #header ul li:hover span:after {right:100%;display:none;} #header ul li a, #header ul li span {color:#555 !important;} #header ul li ul {max-height:none !important;padding:0 !important; margin: 0; width: auto; transition:none;position:static;} #header ul li ul li {opacity: 1;transition:none;} #header ul li ul li a, #header ul li ul li span {width: 160px;} #header ul li span.back {text-indent: 20px;display:block;cursor:pointer;} #header ul li ul li a:before {display:none;} #header ul li ul li:last-child a {padding: 3px 5px;margin: 0;} #header ul.menu.mobile_hidden {display: none;} #header ul.menu.mobile_visible {display: block;} #header ul.menu li span.arrow {transition: all 150ms linear;cursor: pointer;height: 30px;width: 30px;display: block;position: absolute;right: 0;top: 0;padding: 0;opacity: 1;z-index: 6;transition: all 150ms linear;} #header ul.menu li span.arrow::after {content: "";display: block;width: 0;height: 0;border: inset 5px;border-color: transparent transparent transparent rgba(85, 85, 85, 0.8);border-left-style: solid;margin-right: 7px;position: absolute;top: 11px;right: 0;z-index: 6;opacity: 1 !important;left: auto;background: none;} #header ul li span.back::after {content: "";display: block;width: 0;height: 0;border: inset 5px;border-color: transparent rgba(85, 85, 85, 0.8) transparent transparent;border-left-style: solid;margin-right: 7px;position: absolute;top: 9px;z-index: 6;opacity: 1 !important;left: -4px;background: none;} .btn {font-size: 11px;} h2 {font-size:18px;} #footer .socials {padding-top: 15px;} #footer .socials a {display: list-item;list-style: none;line-height: 19px;font-size:12px;} #cover #cover_title {background-size: auto 42px;height: 21px !important;margin-top:10px} .wrapper {width:300px;padding: 0 10px;} #content {min-width:320px;} .grid {width:300px;} .item {margin: 0 0 30px 0;} /* projects */ .projects .item {width:300px;height:auto;} .projects .item .image, .projects .item .video {width: 300px; height: 200px;} .projects .item .label {padding:20px 10px;position:relative;top:0;margin:180px 0 0 20px;width:260px;} .projects .item .label .text{margin: 0 0 21px 0;} /* radio */ .radio .item {width:300px;height: auto;} .radio .item .image {display:none;} .radio .item .label {position:static;background:none;width:300px;padding:0;height:auto;} .radio .item .label .top {display:block;padding-left:0;height:auto;} .radio .item .label .top .radio_logo{position:static;margin:0 auto;background-position:center;display:none;} .radio .item .label .top h2 {text-align:center;width:90%;margin: 15px 5% 7px 5%;} .radio .item .label .bottom {position:static;margin-top:20px;width:100%;} .radio .item .label .bottom .inner .hide_block {width: 242px;display:block;} /* television */ .television .item {width: 300px;height: auto;} .television .item .image_wrapper {width: 300px; height: 168px;} .television .item .image_wrapper .image {width: 300px; height: 168px;} .television .item .label {margin: -20px 20px 0 20px; padding:22px 20px; width: 260px; height: auto;} .television .item .label h2 {margin: 0 0 14px 0;} /* press */ .press .item {width:300px;height:440px;} .press .item .image_wrapper {padding: 20px;width:260px;height:314px;} .press .item .image {height:314px;background-size: contain;} .press .item .label {padding: 0 20px;height:98px;width: 300px;margin: -15px 30px 0 0;} .press .item .label h2 {margin: 0 0 10px 0;} .press .item .label .inner_label {height:98px;} /* events */ #events_items{width:310px;} .events .item {width:145px;height:262px;padding:14px 8px;margin:0 10px 30px 0;} .events .item .date{font-size:11px;line-height:110%;} .events .item h2 {margin: 0 0 8px 0;} .events .item .top {width:129px;display:table-cell;vertical-align:middle;} .events .item .image_wrapper {width:129px;height:129px;margin:12px 0 10px 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-top-left-radius: 50%;border-top-right-radius: 50%;border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;} .events .item .image_wrapper .image {width:129px;height:129px;} .events .item .btn {font-size:10px;} /* inspirational */ .inspirational .item {width:300px;height: auto;padding-bottom: 12px;} .inspirational .item .image_wrapper {width:300px;height:182px;float: none;} .inspirational .item .image_wrapper .image {width:300px;height:182px;} .inspirational .item .label {position: relative;float: none;width: 260px;padding:24px 20px;margin: -37px 0 0 20px;} .inspirational .item .label .text {max-height: none;margin: 0 0 18px 0;} .inspirational .item .label h2 {margin: 0 0 15px 0;} .inspirational .item:nth-child(2n+2) .image_wrapper {float:none;} /* downloads */ #download {top:48px;} #download #block_1 #block_1_inner #block_1_inner_block {background-size: 480px auto !important;} #download #block_1 {width:100% !important; height:34% !important;} #download #block_2 {background-size:480px auto !important;width:100% !important; height:34% !important; top:33% !important; margin-left:0 !important;left:0 !important;} #download #block_3 {background-size:480px auto !important;width:100% !important; height:34% !important; top:auto !important; bottom:0 !important;} #download .download_block .block_content {margin-top: -30px;} #download .download_block .block_content .block_title {background-size: auto 21px !important;} #download .download_block .download_link {background-size: auto 18px;width: 81px;margin-top: 10px;margin: 0 0 0 -150px !important;width: 300px !important;left: 50% !important;} #download .download_block .download_link::after {height: 2px;bottom: 1px;} #download #block_1 #block_1_inner #block_1_inner_block, #download #block_2, #download .download_block#block_3{background-size:cover !important;background-position: center center;} #download .download_block .download_link{top:50%;margin-top:10px;} #download .download_block .block_content{top:50%;} /* loader */ #animating_loader {width:300px;margin-left:-150px;height:26px;background-size:auto 78px;} #animating_loader_sheet {background-size:300px auto;} /* homepage */ .templet-homepage #homepage_bg {background-size:auto 1080px;background-position:right 0;} /* about */ #about_page_2 .text {width:320px;padding:100px 20px 100px 40px;} #about_page_2_close {margin-left:-155px;} #about_gallery_2 .about_item {width:50%;height:26%;} #about_gallery_2 .about_item_9{display:none;} #about_gallery_2 .about_item_2{left:50%;top:0} #about_gallery_2 .about_item_3{left:0;top:25%;} #about_gallery_2 .about_item_4{left:50%;top:25%;} #about_gallery_2 .about_item_5{left:0;top:50%;} #about_gallery_2 .about_item_6{left:50%;top:50%;} #about_gallery_2 .about_item_7{left:0;top:75%;} #about_gallery_2 .about_item_8{left:50%;top:75%;} /* popup */ .video_journal {margin:35px 10px;} .video_journal iframe {height:150px;} #popup #popup_content .gallery{width:296px;height:168px;} #popup #popup_content .gallery .main{width:296px;height:168px;} #project_gallery {width:308px;} #popup #popup_content .banner .image {width:100%;float:none;max-width:100%;} #popup #popup_content .banner .image img {width:100%;height:auto;} #popup #popup_content .banner .data {height:auto;box-sizing:border-box;margin:0;text-align:center;width:100%;float:none;padding:24px 12px;} #popup #popup_content .banner .data h3 {font-size:20px;width:100%;} #popup #popup_content .banner .data .btn{position:static;display:inline-block;} #popup #popup_content .banner .data .description {height:auto;margin:0 0 12px 0 !important;} #popup #popup_content .banner .data .description p {text-align:center !important;margin-bottom:0 !important;} #popup #popup_content .banner .data .author {margin:0 0 9px 0;} /* homepage */ #homepage{line-height:150%;font-size:13px;} #homepage #layer_1 #img_1{position:static;} #homepage #layer_1 #txt_1{position:static;margin:0;text-align:center;width:240px;margin:0 auto 38px auto;} #homepage #layer_1 #img_2{top:auto;position:relative;} #homepage #layer_1 #txt_2{position:static;margin:0;text-align:center;width:240px;margin:40px auto 38px auto;} #homepage #layer_2 #img_3, #homepage #layer_2 #img_4, #homepage #layer_2 #img_6{position:static;} #homepage #layer_2 #img_6{float:right;} #homepage #layer_2 #txt_4, #homepage #layer_2 #txt_3{position:static;margin:0;text-align:center;width:240px;margin:40px auto 38px auto;} #homepage #layer_2 #txt_3{margin-top:0;} #homepage #layer_3 #img_7, #homepage #layer_3 #img_8, #homepage #layer_3 #img_9, #homepage #layer_3 #img_10 {position:static;} #homepage #layer_3 #img_11{position:relative;top:auto;right:auto;left:auto;} #homepage #layer_3 #txt_5, #homepage #layer_3 #txt_6, #homepage #layer_3 #txt_7{position:static;margin:0;text-align:center;width:240px;margin:40px auto 38px auto;} #homepage #layer_3 #img_7{width:300px;height:300px;} #homepage #layer_3 #img_8{width:300px;height:200px;} #homepage #layer_3 #img_9{float:right;} #homepage #footer{position:static;margin:30px auto 0 auto;width:300px;height:auto;} #homepage #footer .wrapper{min-height:0;} #press_items {width:310px;} .press .item{width:145px;height:252px;margin:0 10px 30px 0;} .press .item .image_wrapper{padding:8px;width:129px;height:165px;} .press .item .image{height:165px;} .press .item .label{padding:0 8px;height:90px;width:145px;margin:-11px 30px 0 0;} .press .item .label h2{font-size:16px;margin:0 0 5px 0;} .press .item .label .inner_label{width:129px;height:90px;} .press .item .label .btn {font-size:10px;} /* contacts */ #typed_container{margin: 0 0 0 -150px;top:90px;width:224px;} .contact_btn{top:186px;margin-left:-100px;} .contact_btn.active{margin-left:-150px;} #contact_popup {width:280px;margin:-121px 0 0 -140px;left:50%;} #contact_popup input[type="submit"] {width:214px;} /* journal */ #jornal_items{width:314px;} .jornal .item{width: 300px;} .jornal .item.small{width:145px;height:145px;} .jornal .item.small .image {width:145px;height:145px;} .jornal .item.small .label{width:145px;height:145px;} .jornal .item.small .label h2{font-size:18px;} .jornal .item.small .pre_label {width: 145px;} .jornal .item.big {width:300px;height:396px;} .jornal .item.big .in {width:252px;height:80px;} .jornal .item.big .image {width:300px;height:300px;} .jornal .item.big .label {margin:-12px 0 0 12px;padding:14px 12px;width:276px;height:108px;} /* books */ .books .item {width:300px;height:auto;} .books .item .image {width:300px;height:400px;} .books .item .label {width:260px;margin:-20px 20px 0 0;height:auto;} .books .item .label .author {width:100%;margin:0 0 10px 0;} .books .item .label .text {max-height:2000px;margin:0 0 10px 0;} .books .item .label h2 {font-size:20px;margin:0 0 5px 0;} } /* iPhone 5 & 5S in portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { #homepage_bg { height: 568px !important; background-size: auto 568px !important; } } /* iPhone 6 in portrait */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { #homepage_bg { height: 667px !important; background-size: auto 667px !important; } } /* iPhone 6 Plus in portrait */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { #homepage_bg { height: 736px !important; background-size: auto 756px !important; } }