html { height:100%;overflow-y:scroll; }
body {
background:#fff;padding:0;margin:0;
font-family:ChronicleTextG1Roman, arial;color:#000;font-size:12px;
}
.header { height:60px;width:100%;position:fixed;top:-1px;z-index:190;background:rgba(255,255,255,0.95);transition:1s;opacity:1; }
.header.stuck { position:fixed;top:-1px;z-index:190;height:60px;opacity:0; }
#start-body { margin-top:60px; }
#start-body2 { margin-top:60px; }
#start-body2x { margin-top:60px; }
.bw-fluid-type-1 { margin:0 10px 0 10px; }
@media (min-width: 980px) {
.bw-fluid-type-1 { margin:0 40px 0 40px; }
.header { height:75px; }
.header.stuck { height:50px; }
#start-body { margin-top:75px; }
#start-body2 { margin-top:75px;padding-top:20px; }
#start-body2x { margin-top:75px;padding-top:0; }
}
.logo { margin:10px 0 0 0;display:inline-block;transition:1s; }
.logo img { height:30px;margin-top:10px; }
@media (min-width: 980px) {
.logo { margin:20px 0 0 0; }
.header.stuck .logo { margin:5px 0 0 0; }
.logo img { height:35px;margin-top:0; }
}
.main-menu { margin:20px auto 0 auto;width:280px;text-align:center;transition:1s; }
.other-main-menu { margin:10px 0 0 0;border:0px red solid;text-align:right;transition:1s; }
@media (min-width: 980px) {
.main-menu { width:210px;border:0px red solid; }
.other-main-menu { width:100%;margin:20px auto 0 auto; }
.header.stuck .main-menu { margin:5px auto 0 auto; }
.header.stuck .other-main-menu { margin:5px auto 0 auto; }
}
.iconic-menu, .iconic-menu .icon { width:17px;height:17px;display:inline-block; }
.iconic-menu { margin:10px 2px 0 2px; }
.iconic-menu .icon { background-repeat:no-repeat;background-image:url(iconic-menu.png);background-size:195px 37px;background-size:136px 34px; }
.menu-photo .icon { background-position:0 -1px; }
.menu-video .icon { background-position:-17px -1px; }
.menu-journal .icon { background-position:-34px -1px; }
.menu-about .icon { background-position:-51px -1px; }
.menu-contact .icon { background-position:-68px -1px; }
.menu-dog .icon { background-position:-85px -1px; }
.menu-search .icon { background-position:-102px -1px; }
.menu-stripes .icon { background-position:-119px -1px; }
.menu-photo:hover .icon { background-position:0 -18px; }
.menu-video:hover .icon { background-position:-17px -18px; }
.menu-journal:hover .icon { background-position:-34px -18px; }
.menu-about:hover .icon { background-position:-51px -18px; }
.menu-contact:hover .icon { background-position:-68px -18px; }
.menu-dog:hover .icon { background-position:-85px -18px; }
.menu-search:hover .icon { background-position:-102px -18px; }
.menu-stripes:hover .icon { background-position:-119px -18px; }
.menu-photo2 .icon { background-position:0 -1px; }
.menu-video2 .icon { background-position:-17px -1px; }
.menu-journal2 .icon { background-position:-34px -1px; }
.menu-about2 .icon { background-position:-51px -1px; }
.menu-contact2 .icon { background-position:-68px -1px; }
.menu-dog2 .icon { background-position:-85px -1px; }
.menu-search2 .icon { background-position:-102px -1px; }
.each-menu { border:0px blue solid;position:relative;display:inline-block; }
.each-menu .each-menu-drop { position:absolute;top:30px;left:50%;width:140px;height:160px;margin:0 0 0 -70px;display:none;border:0px green solid; }
.each-menu .each-menu-drop .circle { width:10px;height:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgba(0,0,0,1);position:absolute;top:2px;left:50%;margin:0 0 0 -5px; }
.each-menu .each-menu-drop .line { width:1px;height:28px;border-right:1px solid rgba(0,0,0,1);position:absolute;top:12px;left:50%;margin:0 0 0 -1px; }
.each-menu .each-menu-drop .box { width:140px;height:auto;border:1px solid rgba(0,0,0,1);background:#fff;position:absolute;top:40px;margin:0 0 0 0;padding:17px 0; }
.each-menu .each-menu-drop .box { font-size:13px;color:#999; }
.each-menu .each-menu-drop .box .pretext { color:#000;line-height:25px; }
.each-menu .menu-link { color:#000;line-height:25px;transition:color 1s; }
.each-menu .menu-link:hover { text-decoration:none;color:#999; }
.each-menu .menu-link.sub-menu-link { color:#999; }
.each-menu .menu-link.sub-menu-link:hover { color:#000; }
.each-menu:hover .each-menu-drop { display:block; }
.parallax-container { width:320px;height:300px;border:0px red solid; }
@media (min-width: 768px) {
.parallax-container { width:auto;height:700px;border:0px red solid; }
}
@media (min-width: 980px) {
.parallax-container { width:auto;height:700px;border:0px red solid; }
}
.main-menu-popup-bg { display:none;position:fixed;top:55px;left:0;z-index:103;background:transparent;width:100%;height:100%; }
.main-menu-popup-bg.main-menu-popup-bg-for-search { display:none;position:fixed;top:55px;left:0;z-index:103;background:transparent;width:100%;height:100%; }
.main-menu-popup { display:none;position:fixed;right:0;top:58px;z-index:105;background:rgba(255,255,255,0.9);padding-top:10px;padding-left:20px;padding-bottom:10px; }
.main-menu-popup.main-menu-popup-for-search { display:none;position:fixed;right:0;top:58px;z-index:105;background:rgba(255,255,255,0.9);padding-top:10px;padding-left:20px;padding-bottom:10px; }
.main-menu-popup .close-button { display:none; }
.main-menu-popup-for-search .close-button { background-image:url(closeBlack.svg); }
.main-menu-popup-for-search .content-search { margin-top:30px;margin-right:30px;margin-left:30px;padding-top:170px;border:0px red solid; }
.main-menu-popup-for-search .search-tooltips { text-align:center;font-size:14px;font-family:GothamThinRegular;margin-top:10px;font-style:italic; }
@media (min-width: 980px) {
.main-menu-popup-for-search .content-search { margin-top:60px;margin-right:60px;margin-left:60px; }
.main-menu-popup-for-search .search-tooltips { font-size:18px; }
}
.search-menu__input--group {
position: relative;
}
.search-menu__input--group__ico {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
display: block;
width: 28px;
height: 28px;
}
.search-menu__input--group__textfield {
width: 100%;
height: 100%;
padding: 20px 48px 20px 10px;
background: 0 0;
border-radius: 0;
border: none;
border-bottom: 1px solid #ccc !important;
font-family: GothamBookRegular;
font-size: 36px;
text-transform: uppercase;
font-weight: 500;
color: #222;
outline:none;
transition: 300ms all ease-in-out;
}
.search-menu__input--group__textfield:focus {
border-bottom: 1px solid #aaa !important;
transition: 300ms all ease-in-out;
}
.for-menu-pop-links { list-style:none;margin:0;padding:0; }
.for-menu-pop-links li { margin:5px 0 10px 0; }
.for-menu-pop-links ul { list-style:none;margin:0 0 0px 40px;padding:0; }
.main-menu-popup .menu-pop-link-1 {
text-decoration: none;
color:#262626;
color:#000;
text-transform: none;
letter-spacing: 0;
line-height: 2.2;
font-size: 18px;
font-size: 16px;
padding-bottom:5px;
border-bottom: 1px solid transparent;
transition: 300ms all ease-in-out;
}
.main-menu-popup .menu-pop-link-1 .icon { display;block;float:left;margin:5px 20px 0 0;
width:30px;height:30px;
width:20px;height:20px;
background-image:url(iconic-menu-centered.png);
background-image:url(iconic-menu.png);
background-size:240px 60px;
background-size:160px 40px;
background-repeat:no-repeat; }
.main-menu-popup .menu-pop-link-1 .icon-photo { background-position:0 0; }
.main-menu-popup .menu-pop-link-1 .icon-cinema { background-position:-20px 0; background-position:-30px 0; background-position:-20px 0; }
.main-menu-popup .menu-pop-link-1 .icon-journal { background-position:-40px 0; background-position:-60px 0; background-position:-40px 0; }
.main-menu-popup .menu-pop-link-1 .icon-about { background-position:-60px 0; background-position:-90px 0; background-position:-60px 0; }
.main-menu-popup .menu-pop-link-1 .icon-contact { background-position:-80px 0; background-position:-120px 0; background-position:-80px 0; }
.main-menu-popup .menu-pop-link-1 .icon-axioo { background-position:-100px 0; background-position:-150px 0; background-position:-100px 0; }
@media (min-width: 320px) {
.main-menu-popup { width:230px;height:auto;border:0px red solid; }
.main-menu-popup-for-search { width:100%;height:100%;border:0px red solid; }
}
@media (min-width: 980px) {
.main-menu-popup { position:fixed;top:0;left:0;width:100%;height:100%;background:#808080;padding-top:0; }
.main-menu-popup.main-menu-popup-for-search { position:fixed;top:0;left:0;width:100%;height:100%;background:#f2f2f2;padding-top:0; }
.main-menu-popup .close-button { position:absolute;top:30px;left:100%;display:block;margin-left:-60px;width:20px;height:20px;background-image:url(closeWhite.svg);background-size:20px 20px;background-repeat:no-repeat; }
.main-menu-popup-for-search .close-button { background-image:url(closeBlack.svg); }
.main-menu-popup .content { margin-top:60px;margin-right:60px;margin-left:60px;border:0px red solid; }
.main-menu-popup-for-search .content-search { margin-top:60px;margin-right:60px;margin-left:60px;padding-top:170px;border:0px red solid; }
.main-menu-popup-for-search .search-tooltips { text-align:center;font-size:18px;font-family:GothamThinRegular;margin-top:10px;font-style:italic; }
.search-menu__input--group {
position: relative;
}
.search-menu__input--group__ico {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
display: block;
width: 28px;
height: 28px;
}
.search-menu__input--group__textfield {
width: 100%;
height: 100%;
padding: 20px 48px 20px 10px;
background: 0 0;
border-radius: 0;
border: none;
border-bottom: 1px solid #ccc !important;
font-family: GothamBookRegular;
font-size: 36px;
text-transform: uppercase;
font-weight: 500;
color: #222;
outline:none;
transition: 300ms all ease-in-out;
}
.search-menu__input--group__textfield:focus {
border-bottom: 1px solid #aaa !important;
transition: 300ms all ease-in-out;
}
.for-menu-pop-links { list-style:none;margin:0;padding:0; }
.for-menu-pop-links ul { list-style:none;margin:0 0 20px 80px;padding:0; }
.main-menu-popup .menu-pop-link-1 {
color: #f5f5f5;
color: #222;
text-transform: uppercase;
font-size: 30px;
font-size: 26px;
letter-spacing:1px;
}
.main-menu-popup .menu-pop-link-1:hover {
border-bottom: 1px solid #C7C8C9;
border-bottom: 1px solid #000;
color: #C7C8C9;
color: #000;
}
.main-menu-popup .sneak-peak-menu-pop { border:0px white solid;position:relative; }
.main-menu-popup .sneak-peak-menu-pop img { position:absolute;top:0;left:0;display:none; }
}
.try-parallax {
height:auto;
overflow:hidden;
position:relative;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.try-parallax .de-parallax { position:absolute;top:-100px; }
.try-parallax .de-parallax img { display:none; }
.try-parallax .home-main-slide-img { width:100%;position:absolute; }
.home-parallax { /*background-image:url(home-slide1.jpg);*/ }
@media (min-width: 12000px) {
.try-parallax { height:720px; }
}
.coba { height:700px;
background-image:url(home-slide1.jpg);
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.lebar-max { width:100%; }
.highlight-posts { margin:1px 0 0 0; }
@media (min-width: 980px) {
.highlight-posts { margin:40px 0 20px 0; }
.highlight-posts.relative-white-upper-layer { margin:0;padding:40px 0 20px 0; }
}
.each-post { margin:0 auto 50px auto;display:block; }
.each-post .img { overflow:hidden;position:relative;display:block; }
.each-post .img img { position:absolute; }
.each-post .desc { border:0px solid red;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,0.8);display:block; }
.each-post .desc .detail { position:absolute;bottom:25px;left:15px;margin-right:15px;display:block; }
.each-post .detail .iconic-type { display:block;margin-bottom:10px;width:17px;height:17px;background-image:url(iconic-menu.png);background-repeat:no-repeat;background-size:136px 34px; }
.each-post .detail .icon-photo { background-position:0 -1px; }
.each-post .detail .icon-video { background-position:-17px -1px; }
.each-post .detail .icon-journal { background-position:-34px -1px; }
.each-post .detail .other { font-family:GothamMedium;font-size:8px;line-height:10px;letter-spacing:0;color:#656565;text-transform:uppercase;margin-bottom:20px; }
.each-post .detail .title { font-family:ChronicleTextG1Roman;font-size:18px;line-height:22px;color:#262626; }
.each-post .detail .sub-title { font-family:ChronicleTextG1Roman;font-size:11px;line-height:13px;color:#656565; }
.each-post-container { float:left;overflow:hidden;border:0px red solid;position:relative; }
.each-post-container .img { overflow:hidden;position:relative;display:block; }
.each-post-container .img img { position:absolute; }
.each-post-container .img .icon-play { position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background-image:url(icon.play.80.png);background-size:;background-position:;background-repeat:no-repeat;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; }
.each-post-container .desc { border:0px solid red;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,0.8);display:block;visibility:hidden;opacity:0;transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.each-post-container:hover .desc { visibility:visible;opacity:1;transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.each-post-container .desc .detail { position:absolute;bottom:25px;left:15px;margin-right:15px;display:block; }
.each-post-container .detail .iconic-type { display:block;margin-bottom:10px;width:17px;height:17px;background-image:url(iconic-menu.png);background-repeat:no-repeat;background-size:136px 34px; }
.each-post-container .detail .icon-photo { background-position:0 -1px; }
.each-post-container .detail .icon-video { background-position:-17px -1px; }
.each-post-container .detail .icon-journal { background-position:-34px -1px; }
.each-post-container .detail .other { font-family:GothamMedium;font-size:8px;line-height:10px;letter-spacing:0;color:#656565;text-transform:uppercase;margin-bottom:20px; }
.each-post-container .detail .title { font-family:ChronicleTextG1Roman;font-size:18px;line-height:22px;color:#262626; }
.each-post-container .detail .sub-title { font-family:ChronicleTextG1Roman;font-size:11px;line-height:13px;color:#656565; }
@media (min-width: 320px) AND (max-width: 374px) {
.each-post-container {
width:calc(50vw - 3px);height:calc(50vw - 1px);
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;
}
.each-post-container:nth-child(odd) {
margin-top:1px;
margin-right:1px;
margin-bottom:0px;
margin-left:2px;
}
.each-post-container:nth-child(even) {
margin-top:1px;
margin-right:1px;
margin-bottom:0px;
margin-left:1px;
}
.each-post-container .img { /* width:calc(200% + 5px);height:calc(200% + 5px); */width:calc(100% + 4px);height:calc(100% + 4px); }
.each-post-container .img img { width:calc(100% - 5px);width:calc(100% - 3px); }
.each-post-container .desc .detail { bottom:10px;left:10px;margin-right:5px; }
.each-post-container .detail .other { font-size:7px;line-height:9px;margin-bottom:5px; }
.each-post-container .detail .title { font-size:12px;line-height:16px; }
.each-post-container .detail .sub-title { font-family:GothamMedium;font-size:8px;line-height:10px; }
}
@media (min-width: 375px) AND (max-width: 567px) {
.each-post-container {
width:calc(50vw - 3px);
height:calc(50vw - 2px);
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;
}
.each-post-container:nth-child(odd) {
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:2px;
}
.each-post-container:nth-child(even) {
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;
}
.each-post-container .img { /* width:calc(200% + 5px);height:calc(200% + 5px); */
width:calc(100% + 4px);
height:calc(100% + 4px);
}
.each-post-container .img img { width:calc(100% - 5px);width:calc(100% - 3px); }
.each-post-container .desc .detail { bottom:10px;left:10px;margin-right:5px; }
.each-post-container .detail .other { font-size:7px;line-height:9px;margin-bottom:5px; }
.each-post-container .detail .title { font-size:12px;line-height:16px; }
.each-post-container .detail .sub-title { font-family:GothamMedium;font-size:8px;line-height:10px; }
}
@media (min-width: 568px) AND (max-width: 979px) {
.each-post-container { width:130px;height:130px;margin:calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5) calc((100% - 520px) / 5 / 2); }
.each-post-container:first-child { margin:calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5) calc((100% - 520px) / 5); }
.each-post-container:nth-child(5n+0) { margin:calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5) calc((100% - 520px) / 5); }
.each-post-container:nth-child(4n+0) { margin:calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5) calc((100% - 520px) / 5) calc((100% - 520px) / 5 / 2); }
.each-post-container .img { width:130px;height:130px; }
.each-post-container .img img { width:130px; }
.each-post-container .desc .detail { bottom:15px;left:10px;margin-right:5px; }
.each-post-container .detail .other { font-size:8px;line-height:10px;margin-bottom:5px; }
.each-post-container .detail .title { font-size:14px;line-height:18px; }
.each-post-container .detail .sub-title { font-size:10px;line-height:12px; }
}
@media (min-width: 980px) {
.each-post-container { width:195px;height:195px;margin:0 calc((100% - 780px)/3/2) calc((100% - 780px)/3) calc((100% - 780px)/3/2); }
.each-post-container:first-child { margin:0 calc((100% - 780px)/3/2) calc((100% - 780px)/3) 0; }
.each-post-container:nth-child(5n+0) { margin:0 calc((100% - 780px)/3/2) calc((100% - 780px)/3) 0; }
.each-post-container:nth-child(4n+0) { margin:0 0 calc((100% - 780px)/3) calc((100% - 780px)/3/2); }
.each-post-container .img { width:195px;height:195px; }
.each-post-container .img img { width:195px; }
}
.each-post-container2 { float:left;overflow:hidden;border:0px red solid;position:relative; }
.each-post-container2 .img { overflow:hidden;position:relative;display:block; }
.each-post-container2 .img img { position:absolute; }
.each-post-container2 .img .icon-play { position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background-image:url(icon.play.80.png);background-size:;background-position:;background-repeat:no-repeat;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; }
.each-post-container2 .desc { border:0px solid red;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,0.8);display:block;visibility:hidden;opacity:0;transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.each-post-container2:hover .desc { visibility:visible;opacity:1;transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.each-post-container2 .desc .detail { position:absolute;bottom:25px;left:15px;margin-right:15px;display:block; }
.each-post-container2 .detail .iconic-type { display:block;margin-bottom:10px;width:17px;height:17px;background-image:url(iconic-menu.png);background-repeat:no-repeat;background-size:136px 34px; }
.each-post-container2 .detail .icon-photo { background-position:0 -1px; }
.each-post-container2 .detail .icon-video { background-position:-17px -1px; }
.each-post-container2 .detail .icon-journal { background-position:-34px -1px; }
.each-post-container2 .detail .other { font-family:GothamMedium;font-size:8px;line-height:10px;letter-spacing:0;color:#656565;text-transform:uppercase;margin-bottom:20px; }
.each-post-container2 .detail .title { font-family:ChronicleTextG1Roman;font-size:18px;line-height:22px;color:#262626; }
.each-post-container2 .detail .sub-title { font-family:ChronicleTextG1Roman;font-size:11px;line-height:13px;color:#656565; }
@media (min-width: 320px) AND (max-width: 374px) {
.each-post-container2 { width:100px;height:100px;margin:0 calc((100% - 200px)/3/2) calc((100% - 200px)/3/2) calc((100% - 200px)/3/2); }
.each-post-container2:nth-child(odd) { margin:0 calc((100% - 200px)/3/2) calc((100% - 200px)/3) calc((100% - 200px)/3); }
.each-post-container2:nth-child(even) { margin:0 calc((100% - 200px)/3) calc((100% - 200px)/3) calc((100% - 200px)/3/2); }
.each-post-container2 .img { width:100px;height:100px; }
.each-post-container2 .img img { width:100px; }
.each-post-container2 .desc .detail { bottom:10px;left:10px;margin-right:5px; }
.each-post-container2 .detail .other { font-size:7px;line-height:9px;margin-bottom:5px; }
.each-post-container2 .detail .title { font-size:12px;line-height:14px; }
.each-post-container2 .detail .sub-title { font-family:GothamMedium;font-size:8px;line-height:10px; }
}
@media (min-width: 375px) AND (max-width: 567px) {
.each-post-container2 { width:120px;height:120px;margin:0 calc((100% - 240px)/3/2) calc((100% - 240px)/3/2) calc((100% - 240px)/3/2); }
.each-post-container2:nth-child(odd) { margin:0 calc((100% - 240px)/3/2) calc((100% - 240px)/3) calc((100% - 240px)/3); }
.each-post-container2:nth-child(even) { margin:0 calc((100% - 240px)/3) calc((100% - 240px)/3) calc((100% - 240px)/3/2); }
.each-post-container2 .img { width:120px;height:120px; }
.each-post-container2 .img img { width:120px; }
.each-post-container2 .desc .detail { bottom:10px;left:10px;margin-right:5px; }
.each-post-container2 .detail .other { font-size:7px;line-height:9px;margin-bottom:5px; }
.each-post-container2 .detail .title { font-size:12px;line-height:14px; }
.each-post-container2 .detail .sub-title { font-family:GothamMedium;font-size:8px;line-height:10px; }
}
@media (min-width: 568px) AND (max-width: 979px) {
.each-post-container2 { width:130px;height:130px;margin:0 calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5) calc((100% - 520px) / 5 / 2); }
.each-post-container2:first-child { margin:0 calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5) calc((100% - 520px) / 5); }
.each-post-container2:nth-child(5n+0) { margin:0 calc((100% - 520px) / 5 / 2) calc((100% - 520px) / 5) calc((100% - 520px) / 5); }
.each-post-container2:nth-child(4n+0) { margin:0 calc((100% - 520px) / 5) calc((100% - 520px) / 5) calc((100% - 520px) / 5 / 2); }
.each-post-container2 .img { width:130px;height:130px; }
.each-post-container2 .img img { width:130px; }
.each-post-container2 .desc .detail { bottom:15px;left:10px;margin-right:5px; }
.each-post-container2 .detail .other { font-size:8px;line-height:10px;margin-bottom:5px; }
.each-post-container2 .detail .title { font-size:14px;line-height:18px; }
.each-post-container2 .detail .sub-title { font-size:10px;line-height:12px; }
}
@media (min-width: 980px) {
.each-post-container2 { width:155px;height:155px;margin:0 calc((100% - 775px)/4/2) calc((100% - 775px)/4) calc((100% - 775px)/4/2); }
.each-post-container2:first-child { margin:0 calc((100% - 775px)/4/2) calc((100% - 775px)/4) 0; }
.each-post-container2:nth-child(6n+0) { margin:0 calc((100% - 775px)/4/2) calc((100% - 775px)/4) 0; }
.each-post-container2:nth-child(5n+0) { margin:0 0 calc((100% - 775px)/4) calc((100% - 775px)/4/2); }
.each-post-container2 .img { width:155px;height:155px; }
.each-post-container2 .img img { width:155px; }
.each-post-container2 .desc .detail { bottom:15px; }
.each-post-container2 .detail .other { margin-bottom:5px; }
.each-post-container2 .detail .title { font-size:16px;line-height:20px;margin-bottom:5px; }
.each-post-container2 .detail .sub-title { font-size:10px;line-height:12px; }
}
.for-link-lepas { margin:20px 0 30px 0;padding-left:20px; }
.link-lepas { color:#262626;font-size:20px;line-height:25px;text-decoration:none;border-bottom:1px solid #262626;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.link-lepas:hover, .link-lepas:focus { text-decoration:none;color:#262626;border-bottom:2px solid #262626;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
@media (min-width: 980px) {
.for-link-lepas { padding-left:0;margin:0 0 40px 0; }
.link-lepas { font-size:20px;line-height:29px; }
}
.judulan-section { margin:0 0 30px 0; }
.judulan-section span { color:#262626;font-size:22px;line-height:25px;border-bottom:1px solid #262626;display:inline-block; }
.for-contact-form .judulan-section { margin:0 0 40px 10px; }
@media (min-width: 980px) {
.judulan-section { margin:0 0 35px 0; }
.for-contact-form .judulan-section { margin:0 0 35px 0; }
.judulan-section span { font-size:24px;font-size:28px;line-height:29px; }
}
.judulan-section-4 { margin:0 0 30px 0; }
.judulan-section-4 span { color:#262626;font-size:22px;line-height:25px;border-bottom:1px solid #262626;display:inline-block; }
.for-contact-form .judulan-section-4 { margin:0 0 40px 10px; }
@media (min-width: 980px) {
.judulan-section-4 { margin:0 0 35px 0; }
.for-contact-form .judulan-section-4 { margin:0 0 35px 45px; }
.judulan-section-4 span { font-size:24px;font-size:20px;line-height:29px; }
}
.highlight-firsts-post {
/*margin:0 0 30px 0;*/
padding:0 0 30px 0;
position:relative;
top:auto;
z-index:1;
background:#fff;
/*
filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
transition:all 0.9s ease-in-out;
-webkit-transition:all 0.9s ease-in-out;
*/
}
.highlight-firsts-post:hover {
/*
margin:40px 0 30px 0;
filter: brightness(80%);
-webkit-filter: brightness(80%);
-moz-filter: brightness(80%);
-o-filter: brightness(80%);
-ms-filter: brightness(80%);
transition:all 0.9s ease-in-out;
-webkit-transition:all 0.9s ease-in-out;
*/
}
.highlight-firsts-post-detail { position:relative;z-index:2;background:#fff;padding:5px 0 0 0; }
.highlight-firsts-post-detail .tanggal { font-family:GothamThinRegular;font-size:9px;line-height:13px;color:#999999;letter-spacing:1px;text-transform:uppercase;margin-bottom:30px; }
.highlight-firsts-post-detail .tanggal a { font-family:GothamThinRegular;font-size:9px;line-height:13px;color:#999999;text-decoration:none;transition:0.5s; }
.highlight-firsts-post-detail .tanggal a:hover { text-decoration:none;color:#000000; }
.highlight-firsts-post-detail .tanggal a:focus { text-decoration:none;color:#000000; }
.highlight-firsts-post-detail .judul { font-family:ChronicleTextG1Roman;font-size:22px;line-height:26px;letter-spacing:0.5px;color:#000;margin-bottom:30px; }
.highlight-firsts-post-detail .subjudul { font-family:ChronicleTextG1Roman;font-size:11px;line-height:13px;color:#999;margin-bottom:35px; }
.highlight-firsts-post-detail .preview { font-family:GothamBookRegular;font-size:12px;line-height:24px;color:#545454;margin-bottom:35px; }
.highlight-firsts-post-detail .preview p { margin:0; }
.highlight-firsts-post-detail .more { font-family:GothamMedium;font-size:12px;line-height:23px;color:#262626;height:25px;padding:0 15px;display:inline-block;border:1px solid #262626;margin-bottom:25px;text-transform:uppercase; }
.highlight-firsts-post-detail .more:hover { text-decoration:none;color:#ffffff;background:#262626; }
.highlight-firsts-post-detail .more:focus { text-decoration:none; }
.highlight-firsts-post-detail .sep { width:180px;margin-bottom:30px;border-top:1px dashed #262626; }
.highlight-firsts-post-detail .sep.sep-last { width:180px;margin-bottom:0;border-top:1px dashed #262626; }
.highlight-posts-verytop{background:#fff;position:relative;z-index:2;}
.highlight-posts-verybottom { position:relative;background:#fff;z-index:2;margin:0 0 20px 0;padding:40px 0 20px 0 !important; }
.super-home-slide{background:none !important;}
@media (min-width: 980px) {
.super-home-slide{position:relative;z-index:1;}
.highlight-posts-verytop{margin:auto;padding:40px 0 20px 0;}
.highlight-firsts-post.fixed { position:fixed;top:0px; }
.highlight-firsts-post { padding:0 0 30px 0; }
.highlight-firsts-post-detail { /*outline:1px solid rgba(255,0,0,0.5);opacity:0.9;*/padding:10px 0 0 0; }
.highlight-firsts-post-detail .sep { width:280px; }
}
.footer-address { color:#656565;color:#7F7F7F;font-family:ChronicleTextG1Roman;font-size:12px;line-height:23px;margin-top:20px; }
.footer-address a { color:#1D2431;font-family:ChronicleTextG1Roman;font-size:12px;line-height:23px; }
.footer-address a:hover { text-decoration:none; }
.footer-address a:focus { text-decoration:none; }
@media (min-width: 980px) {
.footer-address { margin-top:40px; }
}
.footer { padding-bottom:30px; }
.footer .bw-fluid-type-1 { border-top:1px dashed #262626;border:0; }
.footer .copyright { margin-top:20px;margin-bottom:10px;color:#7f7f7f;font-family:GothamThinRegular;font-size:10px;text-transform:uppercase; }
@media (min-width: 980px) {
.footer .bw-fluid-type-1 { border-top:1px dashed #262626;border:0;padding-top:40px; }
}
.judulan-section-2 { text-align:center;padding-top:20px;margin:20px 0 20px 0;font-size:30px;line-height:30px;color:#000; }
@media (min-width: 980px) {
.judulan-section-2 { padding-top:0;margin:0 0 25px 0;font-size:40px;line-height:48px; }
}
.judulan-section-2x { text-align:center;padding-top:20px;margin:20px 0 20px 0;font-size:30px;font-size:15px;letter-spacing:9px;line-height:30px;color:#000;text-transform:uppercase; }
@media (min-width: 980px) {
.judulan-section-2x { padding-top:0;margin:15px 0 25px 0;font-size:40px;font-size:16px;line-height:48px;letter-spacing:8px;text-transform:uppercase; }
}
.sosmed-container { position:relative;height:30px;height:24px;margin-top:10px;border:0px red solid; }
.sosmed-container .sosmeds { width:100%;height:30px;height:24px;text-align:right;position:absolute;bottom:0; }
@media (min-width: 980px) {
.sosmed-container { height:210px;height:30px; }
.sosmed-container .sosmeds { position:absolute;bottom:0;bottom:-40px;height:30px; }
}
.sosmeds .sosmed { display:inline-block;width:24px;height:24px;margin:0 0 0 2px;background-image:url(iconic-sosmed.png);background-repeat:no-repeat;background-size:210px 30px;background-size:168px 24px;opacity:1;transition:all 0.4s ease-in-out; }
.sosmeds .sosmed:hover { opacity:0.8;transition:all 0.4s ease-in-out; }
.sosmeds .sosmed-fb { background-position:0 0; }
.sosmeds .sosmed-ig { background-position:-24px 0; }
.sosmeds .sosmed-yt { background-position:-48px 0; }
.sosmeds .sosmed-tw { background-position:-72px 0; }
.sosmeds .sosmed-pi { background-position:-96px 0; }
.sosmeds .sosmed-pi2 { background-position:-120px 0; }
.sosmeds .sosmed-pi3 { background-position:-144px 0; }
@media (min-width: 980px) {
.sosmeds .sosmed { display:inline-block;width:30px;height:30px;margin:0 0 0 2px;background-image:url(iconic-sosmed.png);background-repeat:no-repeat;background-size:210px 30px;opacity:1;transition:all 0.4s ease-in-out; }
.sosmeds .sosmed:hover { opacity:0.8;transition:all 0.4s ease-in-out; }
.sosmeds .sosmed-fb { background-position:0 0; }
.sosmeds .sosmed-ig { background-position:-30px 0; }
.sosmeds .sosmed-yt { background-position:-60px 0; }
.sosmeds .sosmed-tw { background-position:-90px 0; }
.sosmeds .sosmed-pi { background-position:-120px 0; }
.sosmeds .sosmed-pi2 { background-position:-150px 0; }
.sosmeds .sosmed-pi3 { background-position:-180px 0; }
}
.sep-only .bw-fluid-type-1 { border-top:1px dashed #262626;margin-top:-1px; }
@media (min-width: 980px) {
.sep-only .bw-fluid-type-1 { border-top:1px dashed #262626; }
}
.page-posts { margin:20px 0 0 0; }
.page-posts .post-collections { }
.page-posts .more { text-align:center; }
.page-posts .more a { font-family:GothamMedium;font-size:12px;color:#262626;height:25px;line-height:24px;padding:0 15px;display:inline-block;border:1px solid #262626;margin-bottom:25px;text-transform:uppercase; }
.page-posts .more a:hover { text-decoration:none;color:#ffffff;background:#262626; }
.page-posts .more a:focus { text-decoration:none; }
.mar-x-auto { float:none;margin-right:auto;margin-left:auto; }
.for-post-container { margin:0 0 25px 0;min-height:250px; }
.post-container {}
.post-container .img { overflow:hidden;position:relative;
filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
.post-container .img:hover {
filter: brightness(80%);
-webkit-filter: brightness(80%);
-moz-filter: brightness(80%);
-o-filter: brightness(80%);
-ms-filter: brightness(80%);
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
.post-container .img img { position:absolute; }
.post-container .img .icon-play { position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background-image:url(icon.play.80.png);background-size:;background-position:;background-repeat:no-repeat;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; }
.post-container .post-remark { margin:10px 10px 0 10px; }
.post-container .post-remark .tipe { font-family:GothamBookRegular;font-size:8px;line-height:10px;color:#7F7F7F;color:#a0a0a0;color:#bebebe;margin:0 0 10px 0;text-transform:uppercase; }
.post-container .post-remark .tipe a { color:#7F7F7F;color:#bebebe;text-decoration:none;transition:0.5s; }
.post-container .post-remark .tipe a:hover, .post-container .post-remark .tipe a:focus { color:#909090;color:#000000;text-decoration:none; }
.post-container .post-remark .judul { font-family:ChronicleTextG1Roman;font-size:18px;font-size:17px;line-height:22px;color:#262626;display:inline-block;letter-spacing:0.5px;margin:0 0 20px 0;text-decoration:none;transition:0.5s; }
.post-container .post-remark .judul:hover { color:#000;text-decoration:none; }
.post-container .post-remark .judul:focus { color:#000;text-decoration:none; }
.post-container .post-remark .other-detail { font-family:ChronicleTextG1Roman;font-size:11px;line-height:13px;color:#7F7F7F;color:#bebebe; }
.post-container:hover { }
@media (min-width: 980px) {
.for-post-container { margin:0 0 25px 0;border:0px blue solid;min-height:420px;max-height:none;transition:1s; }
.post-container .post-remark { margin:15px 0 0 0; }
}
.for-story { position:relative;z-index:2;padding:45px 0 0 0;background:#fff; }
.for-story .talent-avatar { float:right;width:100px; }
.for-story .talent-avatar .img { overflow:hidden;display:block;width:80px;height:80px;border-radius:40px 40px 40px 40px;-moz-border-radius:40px 40px 40px 40px;-webkit-border-radius:40px 40px 40px 40px;text-decoration:none; }
.for-story .talent-avatar .img img { width:80px; }
@media (min-width: 980px) {
.for-story { padding:45px 0 0 0;background:#fff; }
.for-story .talent-avatar { float:left;width:100px; }
.for-story .talent-avatar .img { overflow:hidden;display:block;width:80px;height:80px;border-radius:40px 40px 40px 40px;-moz-border-radius:40px 40px 40px 40px;-webkit-border-radius:40px 40px 40px 40px;text-decoration:none; }
.for-story .talent-avatar .img img { width:80px; }
}
.the-story-container { margin-left:50px;margin-right:50px; }
.the-story-container .story-remark { text-transform:uppercase;margin:0 0 10px 0;line-height:18px; }
.the-story-container .story-remark .tanggal { font-family:GothamThinRegular;font-size:9px;line-height:13px;color:#999999; }
.the-story-container .story-remark .talent { font-family:GothamThinRegular;font-size:9px;line-height:13px;color:#999999; }
.the-story-container .story-remark .talent a { font-family:GothamThinRegular;font-size:9px;line-height:13px;color:#999999;transition:0.5s; }
.the-story-container .story-remark .talent a:hover { text-decoration:none;color:#000000; }
.the-story-container .story-remark .talent a:focus { text-decoration:none;color:#000000; }
.the-story-container .judul { font-family:ChronicleTextG1Roman;font-size:22px;line-height:22px;letter-spacing:0.5px;color:#000;margin:0 0 10px 0; }
.the-story-container .other-detail { font-family:ChronicleTextG1Roman;font-size:11px;line-height:13px;color:#999;text-transform:capitalize;color:#999999;opacity:0.70; }
.the-story-container .other-detail .det1 { text-transform:capitalize; }
.the-story-container .other-detail .det2 { text-transform:lowercase; }
.the-story-container .insert { margin:40px 0 40px 60px;font-family:ChronicleTextG1Roman;font-size:11px;line-height:17px;color:#999999;opacity:0.70;/*width:280px;*/text-transform:uppercase; }
.the-story-container .isi-story { font-family:GothamBookRegular;font-size:12px;line-height:24px;color:#545454;position:relative; }
.the-story-container .isi-story p { margin-bottom:0; }
.the-story-container .sign { font-family:ChronicleTextG1Roman;font-family:antro_vectraregular;font-size:19px;font-size:26px;font-weight:bold;line-height:24px;color:#000; }
.the-story-container .isi-story-mobile-blanket { overflow:hidden;height:200px;position:relative;transition:1s;border:0px red solid; }
.the-story-container .isi-story-mobile-blanket .read-more-special { position:absolute;bottom:0;display:block;width:100%;height:100px;background:url(read-more-special.png) repeat-x;text-align:center;padding-top:60px;text-decoration:none;transition:1s;
background:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30&0+0,1+50 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 30%, rgba(255,255,255,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.the-story-container .isi-story-mobile-blanket .read-more-special span { display:block;width:100%;height:25px;line-height:25px;font-family:GothamBookRegular;font-size:12px;color:rgba(153,153,153,0.5);text-align:center;text-transform:uppercase;text-decoration:none;transition:1s;border:1px solid rgba(0,0,0,0.2); }
.the-story-container .gallery { text-align:center;position:relative;padding-top:10px; }
.the-story-container .galleryx { position:relative;width:auto;margin:0 auto; }
.the-story-container .gallery img { margin:0 0 2px 0;cursor:pointer;position:relative; }
.the-story-container .gallery .special { display:inline-block;position:relative; }
.the-story-container .gallery .itarg { width:100%; }
.the-story-container .gallery .tarrl,
.the-story-container .gallery .tarrr { position:absolute;display:none;cursor:pointer; }
.gallery { text-align:center;position:relative;padding-top:10px; }
.gallery img { margin:0 0 2px 0;cursor:pointer;position:relative; }
.gallery .special { display:inline-block;position:relative; }
.gallery .itarg { width:100%; }
.gallery .tarrl,
.gallery .tarrr { position:absolute;display:none;cursor:pointer; }
.relative-white-upper-layer{position:relative;z-index:4;background:#fff;}
@media (min-width: 320px) {
.container-fluid.bw-fluid-type-2.relative-white-upper-layer{padding:0 30px;}
.the-story-container .gallery { width:auto; }
.gallery { width:auto; }
.gallery .special { padding-bottom:20px; }
}
@media (min-width: 375px) {
.container-fluid.bw-fluid-type-2.relative-white-upper-layer{padding:0 40px;}
.the-story-container .gallery { width:auto; }
.gallery { width:auto; }
.gallery .special { padding-bottom:20px; }
}
@media (min-width: 568px) {
.container-fluid.bw-fluid-type-2.relative-white-upper-layer{padding:0 40px;}
.the-story-container .gallery { width:auto; }
.gallery { width:auto; }
.gallery .special { padding-bottom:20px; }
}
@media (min-width: 768px) {
.container-fluid.bw-fluid-type-2.relative-white-upper-layer{padding:0 40px;}
.the-story-container .gallery { width:auto; }
.gallery { width:auto; }
.gallery .special { padding-bottom:20px; }
}
@media (min-width: 980px) {
.bw-fluid-type-2 { margin-left:40px;margin-right:40px;margin-right:0;margin-left:0;padding-right:40px;padding-left:40px; }
.the-story-container { margin-left:100px; }
.the-story-container .story-remark { margin:0 0 25px 0; }
.the-story-container .story-remark .tanggal { }
.the-story-container .story-remark .talent { }
.the-story-container .story-remark .talent a { }
.the-story-container .judul { font-size:22px;line-height:26px;margin:0 0 20px 0; }
.the-story-container .other-detail { font-size:11px;line-height:13px; }
.the-story-container .insert { width:320px;letter-spacing:1px; }
.the-story-container .gallery { width:840px; }
.the-story-container .gallery .itarg { width:840px; }
.gallery { width:840px;padding-top:10px;margin:0 auto; }
.gallery .itarg { width:840px; }
.the-story-container .isi-story-mobile-blanket { overflow:visible;height:auto; }
.the-story-container .isi-story-mobile-blanket .read-more-special { display:none; }
.footer { height:auto;width:100%;position:fixed;bottom:0;z-index:99;background:rgba(255,255,255,1);opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in-out; }
.footer.relative-white-upper-layer { z-index:120;z-index:90;padding-top:329px;padding-top:0; }
.footer.opa1 { opacity:1; }
}
.bottomNav { position:fixed;z-index:9000;text-align:right;background:#fff;height:20px;display:none; }
.bottomNav a { color:#009097;text-decoration:none;line-height:20px; }
.for-bg-swiper { background:rgba(0,0,0,1);position:fixed;top:-70px;left:0;z-index:9998;width:100%;display:none; }
.for-swiper { position:fixed;top:0;left:0;z-index:9998;width:100%;background:transparent;display:none; }
.for-swiper .close-bar { background:;color:#000;height:30px;width:100%;padding:5px;position:fixed;top:0;left:0;z-index:9997;text-align:right;line-height:30px;font-family:arial;font-size:11px; }
.swiper-wrapper { }
.swiper-container {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.5);
z-index:9996;
}
.swiper-slide {
display:inline-block;
position:relative;
}
.swiper-slide>img {
width:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.hiddenTemp { display:none; }
.imgSlideShowBG { position:fixed;background:rgba(255,255,255,0.9);z-index:200;width:100%;height:100%;display:none; }
.imgPanel { position:absolute;position:fixed;z-index:210;background:#00f;background:transparent;display:none;overflow:; }
.imgPanel .mainImage { position:relative;z-index:220;top:0;left:0;overflow:hidden;border:0px blue solid; }
.imgPanel .mainImage .theImage { position:relative;z-index:230; }
.imgPanel .mainImage .pop-pinterest-button { position:absolute;top:50%;left:50%;opacity:0.5;filter:alpha(opacity=50);filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.imgPanel .mainImage .pop-pinterest-button:hover { opacity:1;filter:alpha(opacity=100);filter:grayscale(0%);-webkit-filter:grayscale(0%);transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.pop-pinterest-button { position:absolute;top:50%;left:50%;opacity:0.5;filter:alpha(opacity=50);transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.pop-pinterest-button .icon-button-pinterest { background:url(iconic-sosmed.png) no-repeat -180px 0;height:30px;width:30px;display:inline-block;background-size:210px 30px; }
.prevButt { position:fixed;z-index:9300;top:50%;left:25px;margin-top:-24px;cursor:pointer;display:none; }
.nextButt { position:fixed;z-index:9300;top:50%;right:25px;margin-top:-24px;cursor:pointer;display:none; }
.special .pop-pinterest-button { position:absolute;top:10px;left:100%;margin-left:-40px;opacity:0.5;filter:alpha(opacity=50);filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.special .pop-pinterest-button:hover { opacity:1;filter:alpha(opacity=100);filter:grayscale(0%);-webkit-filter:grayscale(0%);transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
@media (min-width: 320px) {
.pop-pinterest-button { }
.pop-pinterest-button .icon-button-pinterest { background:url(iconic-sosmed.png) no-repeat -120px 0;height:20px;width:20px;display:inline-block;background-size:140px 20px; }
.special .pop-pinterest-button { top:10px;left:100%;margin-left:-30px; }
}
.swiper-slide .pop-pinterest-button { position:absolute;top:50%;left:50%;top:10px;left:100%;margin-left:-30px;opacity:0.5;filter:alpha(opacity=50);filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.swiper-slide .pop-pinterest-button:hover { opacity:1;filter:alpha(opacity=100);filter:grayscale(0%);-webkit-filter:grayscale(0%);transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out; }
.icon-display-gallery { display:inline-block;height:24px;margin-right:10px;background-image:url(icon.display.gallery.png);background-repeat:no-repeat;background-size:47px 30px;background-size:37px 48px; }
.icon-display-gallery.icon-grid { width:25px;background-position:0 0; }
.icon-display-gallery.icon-stack { width:12px;background-position:-25px 0; }
.icon-display-gallery.icon-grid:hover { width:25px;background-position:0 -24px; }
.icon-display-gallery.icon-stack:hover { width:12px;background-position:-25px -24px; }
.icon-display-gallery.icon-grid.active { width:25px;background-position:0 -24px; }
.icon-display-gallery.icon-stack.active { width:12px;background-position:-25px -24px; }
.gallery-arrow-indicator{display:inline-block;}
.icon-display-gallery-arrow { float:left;width:126px;height:25px;margin-right:15px;background-image:url(arrow-gallery-style.png);background-repeat:no-repeat;background-size:126px 25px;
/* Safari 4.0 - 8.0 */
-webkit-animation-name: nudgeIn;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-name: nudgeIn;
animation-duration: 5s;
}
.text-gallery-arrow { float:left;height:25px;line-height:25px;font-size:15px;color:#373737;font-family:"Palatino Linotype"; }
@keyframes nudgeIn {
0% {
transform:translateX(0px);
}
30% {
transform:translateX(8px);
}
35% {
transform:translateX(0px);
}
40% {
transform:translateX(4px);
}
45% {
transform:translateX(0px);
}
85% {
transform:translateX(8px);
}
90% {
transform:translateX(0px);
}
95% {
transform:translateX(4px);
}
100% {
transform:translateX(0px);
}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes light-nudge{
from{transform:translateX(0px);}
to{transform:translateX(10px);}
}
/* Standard syntax */
@keyframes light-nudge {
from{transform:translateX(0px);}
to{transform:translateX(10px);}
}
.isi-about-1 { color:#262626;font-family:ChronicleTextG1Roman;font-size:12px;line-height:24px;margin:0 0 0 0;letter-spacing:0; }
.isi-about-1:first-letter { font-size:40px;float:left;height:35px;line-height:40px;margin:13px 8px -10px 0;color:#fff;font-family:antro_vectraregular; }
.isi-about-2 { color:#656565;font-family:ChronicleTextG1Roman;font-size:12px;line-height:24px;margin:0 0 0 0; }
.nama-about { font-family:GothamBookRegular;font-family:ChronicleTextG1Roman;letter-spacing:5px;font-size:18px;font-size:15px;line-height:22px;text-transform:uppercase;color:#262626;margin:20px 0 25px 0; }
.nama-about a { color:#262626;text-decoration:none; }
.nama-about a:hover { color:#262626;text-decoration:none; }
.nama-about a:focus { color:#262626;text-decoration:none; }
.nama-about .sep { color:#B2B2B2; }
.about-big-letter { float:left;font-size:70px; }
.fleft { float:left; }
.mar-bottom-0 { margin-bottom:0; }
.each-row-talent { }
.each-row-talent .for-portrait { position:relative;border:0px red solid; }
.each-row-talent .for-portrait .triangle { position:absolute;background:transparent;width:20px;height:20px;top:30px; }
.each-row-talent .for-portrait .triangle-left { right:0;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff; }
.each-row-talent .for-portrait .triangle-right { left:0;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;}
.each-row-talent .for-portrait .triangle-bottom { left:25px;top:100%;margin-top:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff; }
.judulan-section-3 { margin:30px 0 15px 0;font-size:27px;font-size:14px;letter-spacing:5px;line-height:32px;color:#fff;text-transform:uppercase; }
#googleMap { height:200px; }
@media (min-width: 980px) {
#googleMap { height:615px; }
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
border:0;
background:transparent;
border-bottom:1px solid #fff;
font-size:19px;
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
border-bottom:1px solid #fff;
}
/*
textarea.materialize-textarea { border:0; }
*/
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid #26a69a;
border-bottom: 1px solid #f2f2f2;
/*box-shadow: 0 1px 0 0 #26a69a;
box-shadow: 0 1px 0 0 #f2f2f2;*/
}
textarea.materialize-textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #ffffff;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
resize:none;
margin: 0 0 0 0;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: all 0.3s;
}
textarea.materialize-textarea:focus {
border: none;
border-bottom: 1px solid #f2f2f2;
transition: all 0.3s;
}
.for-contact-form { margin-top:50px;margin-bottom:50px; }
.form-container { border:0px red solid;position:relative; }
.form-container .thanks { display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:#D2D2D2; }
.form-container .thanks table { width:100%;height:100%; }
.form-container .thanks table td { vertical-align:middle;text-align:center; }
.form-container .thanks .close-butt { display:block;position:absolute;z-index:3;top:0;right:0;width:30px;height:30px;line-height:30px;color:#000;text-shadow:none;background:#999999;text-align:center;font-size:25px;font-family:arial; }
.form-container .thanks .close-butt img { width:26px;height:26px;position:absolute;top:50%;left:50%;margin:-13px 0 0 -13px; }
.form-container .thanks .th-1 { font-family:GothamMedium;font-size:26px;letter-spacing:1px;text-transform:uppercase; }
.form-container .thanks .th-2 { font-family:ChronicleTextG1Roman;font-size:19px;font-size:16px; }
.de-form { position:relative;z-index:1;background-color:#D2D2D2;padding:20px 0 0 0;margin:0 10px; }
.form-content { position:relative;color:#262626;padding-bottom:40px; }
.form-content .de-fieldset { display:inline-block;position:relative;width:calc(100% - 10px);border:0px red solid;margin-bottom:20px; }
.form-content .label, .form-content .label2 { float:left;width:100px;text-align:left;font-size:15px;color:#262626;background-color:transparent;border-radius:0;height:25px;line-height:25px;padding:3px 5px 0 40px; }
.form-content .label2.label-code { width:auto;position:absolute;top:35px;left:40px;padding-left:0; }
.form-content .label label, .form-content .label2 label { font-size:15px;color:#262626;font-weight:normal;padding:0; }
.form-content .input, .form-content .input2 { float:left;width:calc(100% - 100px);font-size:19px;color:#262626; }
.form-content .input2.input-code { position:absolute;left:40px;width:calc(100% - 50px); }
.form-content .input2.input-code input { width:calc(100% - 105px); }
.form-content .mobile-hide { display:none; }
.form-content .input input, .form-content .input2 input { font-size:18px;font-family:GothamBookRegular;color:#262626;color:#595959;width:calc(100% - 20px);outline:none; }
.form-content .input .error, .form-content .input2 .error { border-bottom:1px solid #f20000; }
.form-content .input-isi textarea { height:auto;font-family:GothamBookRegular;width:calc(100% - 20px); }
.form-content .input-code .captcha-main-image { }
.form-content .input-code input { width:calc(100% - 125px); }
.submit-butt { font-size:14px;line-height:22px;letter-spacing:1px;font-family:GothamMedium;padding:5px 15px;border-radius:0;position:absolute;bottom:0;right:0;background-color:#999999 !important;color:#262626 !important;border:0;transition: all 0.8s; }
.submit-butt:hover { background-color:#858585 !important;transition: all 0.8s; }
.submit-butt:focus { border:0;outline:none; }
.captcha-main-image { cursor:pointer; }
@media (min-width: 980px) {
.de-form { background-color:#D2D2D2;padding-top:50px;margin:0; }
.form-content { height:150px;height:auto;padding-bottom:0; }
.form-content .de-fieldset { width:calc(100% - 40px); }
.form-content .label { width:160px;font-size:19px;font-size:17px;padding:3px 5px 0 50px; }
.form-content .label label { font-size:18px;font-size:16px; }
.form-content .input { width:calc(100% - 180px); }
.form-content .label2 { width:260px;font-size:19px;font-size:17px;padding:3px 5px 0 50px; }
.form-content .label2 label { font-size:18px;font-size:16px; }
.form-content .input2 { width:calc(100% - 280px); }
.form-content .label2.label-code { width:260px;position:relative;top:auto;left:auto;padding-left:50px; }
.form-content .input2.input-code { position:relative;left:auto;width:calc(100% - 280px); }
.form-content .input2.input-code input { width:calc(100% - 180px); }
.form-content .mobile-hide { display:inline-block; }
.submit-butt { font-size:16px;line-height:22px;letter-spacing:1px;padding:5px 20px; }
}
.additional-contact { margin-bottom:30px; }
.additional-contact a { text-decoration:none; }
.additional-contact .clabel { font-size:11px;color:#262626;font-family:GothamMedium;padding:0;margin:0 0 15px 0;text-transform:uppercase; }
.additional-contact .cdetil { font-size:11px;color:#999999;font-family:ChronicleTextG1Roman;padding:0;margin:0 0 25px 0;line-height:17px; }
.additional-contact .cdetil a { color:#999999; }
.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:.25rem!important}
.pt-1,.py-1{padding-top:.25rem!important}
.pr-1,.px-1{padding-right:.25rem!important}
.pb-1,.py-1{padding-bottom:.25rem!important}
.pl-1,.px-1{padding-left:.25rem!important}
.p-2{padding:.5rem!important}
.pt-2,.py-2{padding-top:.5rem!important}
.pr-2,.px-2{padding-right:.5rem!important}
.pb-2,.py-2{padding-bottom:.5rem!important}
.pl-2,.px-2{padding-left:.5rem!important}
.p-3{padding:1rem!important}
.pt-3,.py-3{padding-top:1rem!important}
.pr-3,.px-3{padding-right:1rem!important}
.pb-3,.py-3{padding-bottom:1rem!important}
.pl-3,.px-3{padding-left:1rem!important}
.p-4{padding:1.5rem!important}
.pt-4,.py-4{padding-top:1.5rem!important}
.pr-4,.px-4{padding-right:1.5rem!important}
.pb-4,.py-4{padding-bottom:1.5rem!important}
.pl-4,.px-4{padding-left:1.5rem!important}
.p-5{padding:3rem!important}
.pt-5,.py-5{padding-top:3rem!important}
.pr-5,.px-5{padding-right:3rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}
.pl-5,.px-5{padding-left:3rem!important}
.m-n1{margin:-.25rem!important}
.mt-n1,.my-n1{margin-top:-.25rem!important}
.mr-n1,.mx-n1{margin-right:-.25rem!important}
.mb-n1,.my-n1{margin-bottom:-.25rem!important}
.ml-n1,.mx-n1{margin-left:-.25rem!important}
.m-n2{margin:-.5rem!important}
.mt-n2,.my-n2{margin-top:-.5rem!important}
.mr-n2,.mx-n2{margin-right:-.5rem!important}
.mb-n2,.my-n2{margin-bottom:-.5rem!important}
.ml-n2,.mx-n2{margin-left:-.5rem!important}
.m-n3{margin:-1rem!important}
.mt-n3,.my-n3{margin-top:-1rem!important}
.mr-n3,.mx-n3{margin-right:-1rem!important}
.mb-n3,.my-n3{margin-bottom:-1rem!important}
.ml-n3,.mx-n3{margin-left:-1rem!important}
.m-n4{margin:-1.5rem!important}
.mt-n4,.my-n4{margin-top:-1.5rem!important}
.mr-n4,.mx-n4{margin-right:-1.5rem!important}
.mb-n4,.my-n4{margin-bottom:-1.5rem!important}
.ml-n4,.mx-n4{margin-left:-1.5rem!important}
.m-n5{margin:-3rem!important}
.mt-n5,.my-n5{margin-top:-3rem!important}
.mr-n5,.mx-n5{margin-right:-3rem!important}
.mb-n5,.my-n5{margin-bottom:-3rem!important}
.ml-n5,.mx-n5{margin-left:-3rem!important}
.m-auto{margin:auto!important}
.mt-auto,.my-auto{margin-top:auto!important}
.mr-auto,.mx-auto{margin-right:auto!important}
.mb-auto,.my-auto{margin-bottom:auto!important}
.ml-auto,.mx-auto{margin-left:auto!important}
@media (min-width:375px){
.m-sm-0{margin:0!important}
.mt-sm-0,.my-sm-0{margin-top:0!important}
.mr-sm-0,.mx-sm-0{margin-right:0!important}
.mb-sm-0,.my-sm-0{margin-bottom:0!important}
.ml-sm-0,.mx-sm-0{margin-left:0!important}
.m-sm-1{margin:.25rem!important}
.mt-sm-1,.my-sm-1{margin-top:.25rem!important}
.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}
.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}
.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}
.m-sm-2{margin:.5rem!important}
.mt-sm-2,.my-sm-2{margin-top:.5rem!important}
.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}
.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}
.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}
.m-sm-3{margin:1rem!important}
.mt-sm-3,.my-sm-3{margin-top:1rem!important}
.mr-sm-3,.mx-sm-3{margin-right:1rem!important}
.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}
.ml-sm-3,.mx-sm-3{margin-left:1rem!important}
.m-sm-4{margin:1.5rem!important}
.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}
.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}
.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}
.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}
.m-sm-5{margin:3rem!important}
.mt-sm-5,.my-sm-5{margin-top:3rem!important}
.mr-sm-5,.mx-sm-5{margin-right:3rem!important}
.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}
.ml-sm-5,.mx-sm-5{margin-left:3rem!important}
.p-sm-0{padding:0!important}
.pt-sm-0,.py-sm-0{padding-top:0!important}
.pr-sm-0,.px-sm-0{padding-right:0!important}
.pb-sm-0,.py-sm-0{padding-bottom:0!important}
.pl-sm-0,.px-sm-0{padding-left:0!important}
.p-sm-1{padding:.25rem!important}
.pt-sm-1,.py-sm-1{padding-top:.25rem!important}
.pr-sm-1,.px-sm-1{padding-right:.25rem!important}
.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}
.pl-sm-1,.px-sm-1{padding-left:.25rem!important}
.p-sm-2{padding:.5rem!important}
.pt-sm-2,.py-sm-2{padding-top:.5rem!important}
.pr-sm-2,.px-sm-2{padding-right:.5rem!important}
.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}
.pl-sm-2,.px-sm-2{padding-left:.5rem!important}
.p-sm-3{padding:1rem!important}
.pt-sm-3,.py-sm-3{padding-top:1rem!important}
.pr-sm-3,.px-sm-3{padding-right:1rem!important}
.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}
.pl-sm-3,.px-sm-3{padding-left:1rem!important}
.p-sm-4{padding:1.5rem!important}
.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}
.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}
.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}
.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}
.p-sm-5{padding:3rem!important}
.pt-sm-5,.py-sm-5{padding-top:3rem!important}
.pr-sm-5,.px-sm-5{padding-right:3rem!important}
.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}
.pl-sm-5,.px-sm-5{padding-left:3rem!important}
.m-sm-n1{margin:-.25rem!important}
.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}
.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}
.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}
.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}
.m-sm-n2{margin:-.5rem!important}
.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}
.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}
.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}
.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}
.m-sm-n3{margin:-1rem!important}
.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}
.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}
.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}
.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}
.m-sm-n4{margin:-1.5rem!important}
.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}
.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}
.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}
.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}
.m-sm-n5{margin:-3rem!important}
.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}
.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}
.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}
.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}
.m-sm-auto{margin:auto!important}
.mt-sm-auto,.my-sm-auto{margin-top:auto!important}
.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}
.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}
.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}
}
@media (min-width:768px){
.m-md-0{margin:0!important}
.mt-md-0,.my-md-0{margin-top:0!important}
.mr-md-0,.mx-md-0{margin-right:0!important}
.mb-md-0,.my-md-0{margin-bottom:0!important}
.ml-md-0,.mx-md-0{margin-left:0!important}
.m-md-1{margin:.25rem!important}
.mt-md-1,.my-md-1{margin-top:.25rem!important}
.mr-md-1,.mx-md-1{margin-right:.25rem!important}
.mb-md-1,.my-md-1{margin-bottom:.25rem!important}
.ml-md-1,.mx-md-1{margin-left:.25rem!important}
.m-md-2{margin:.5rem!important}
.mt-md-2,.my-md-2{margin-top:.5rem!important}
.mr-md-2,.mx-md-2{margin-right:.5rem!important}
.mb-md-2,.my-md-2{margin-bottom:.5rem!important}
.ml-md-2,.mx-md-2{margin-left:.5rem!important}
.m-md-3{margin:1rem!important}
.mt-md-3,.my-md-3{margin-top:1rem!important}
.mr-md-3,.mx-md-3{margin-right:1rem!important}
.mb-md-3,.my-md-3{margin-bottom:1rem!important}
.ml-md-3,.mx-md-3{margin-left:1rem!important}
.m-md-4{margin:1.5rem!important}
.mt-md-4,.my-md-4{margin-top:1.5rem!important}
.mr-md-4,.mx-md-4{margin-right:1.5rem!important}
.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}
.ml-md-4,.mx-md-4{margin-left:1.5rem!important}
.m-md-5{margin:3rem!important}
.mt-md-5,.my-md-5{margin-top:3rem!important}
.mr-md-5,.mx-md-5{margin-right:3rem!important}
.mb-md-5,.my-md-5{margin-bottom:3rem!important}
.ml-md-5,.mx-md-5{margin-left:3rem!important}
.p-md-0{padding:0!important}
.pt-md-0,.py-md-0{padding-top:0!important}
.pr-md-0,.px-md-0{padding-right:0!important}
.pb-md-0,.py-md-0{padding-bottom:0!important}
.pl-md-0,.px-md-0{padding-left:0!important}
.p-md-1{padding:.25rem!important}
.pt-md-1,.py-md-1{padding-top:.25rem!important}
.pr-md-1,.px-md-1{padding-right:.25rem!important}
.pb-md-1,.py-md-1{padding-bottom:.25rem!important}
.pl-md-1,.px-md-1{padding-left:.25rem!important}
.p-md-2{padding:.5rem!important}
.pt-md-2,.py-md-2{padding-top:.5rem!important}
.pr-md-2,.px-md-2{padding-right:.5rem!important}
.pb-md-2,.py-md-2{padding-bottom:.5rem!important}
.pl-md-2,.px-md-2{padding-left:.5rem!important}
.p-md-3{padding:1rem!important}
.pt-md-3,.py-md-3{padding-top:1rem!important}
.pr-md-3,.px-md-3{padding-right:1rem!important}
.pb-md-3,.py-md-3{padding-bottom:1rem!important}
.pl-md-3,.px-md-3{padding-left:1rem!important}
.p-md-4{padding:1.5rem!important}
.pt-md-4,.py-md-4{padding-top:1.5rem!important}
.pr-md-4,.px-md-4{padding-right:1.5rem!important}
.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}
.pl-md-4,.px-md-4{padding-left:1.5rem!important}
.p-md-5{padding:3rem!important}
.pt-md-5,.py-md-5{padding-top:3rem!important}
.pr-md-5,.px-md-5{padding-right:3rem!important}
.pb-md-5,.py-md-5{padding-bottom:3rem!important}
.pl-md-5,.px-md-5{padding-left:3rem!important}
.m-md-n1{margin:-.25rem!important}
.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}
.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}
.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}
.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}
.m-md-n2{margin:-.5rem!important}
.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}
.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}
.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}
.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}
.m-md-n3{margin:-1rem!important}
.mt-md-n3,.my-md-n3{margin-top:-1rem!important}
.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}
.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}
.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}
.m-md-n4{margin:-1.5rem!important}
.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}
.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}
.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}
.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}
.m-md-n5{margin:-3rem!important}
.mt-md-n5,.my-md-n5{margin-top:-3rem!important}
.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}
.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}
.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}
.m-md-auto{margin:auto!important}
.mt-md-auto,.my-md-auto{margin-top:auto!important}
.mr-md-auto,.mx-md-auto{margin-right:auto!important}
.mb-md-auto,.my-md-auto{margin-bottom:auto!important}
.ml-md-auto,.mx-md-auto{margin-left:auto!important}
}
@media (min-width:980px){
.m-lg-0{margin:0!important}
.mt-lg-0,.my-lg-0{margin-top:0!important}
.mr-lg-0,.mx-lg-0{margin-right:0!important}
.mb-lg-0,.my-lg-0{margin-bottom:0!important}
.ml-lg-0,.mx-lg-0{margin-left:0!important}
.m-lg-1{margin:.25rem!important}
.mt-lg-1,.my-lg-1{margin-top:.25rem!important}
.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}
.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}
.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}
.m-lg-2{margin:.5rem!important}
.mt-lg-2,.my-lg-2{margin-top:.5rem!important}
.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}
.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}
.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}
.m-lg-3{margin:1rem!important}
.mt-lg-3,.my-lg-3{margin-top:1rem!important}
.mr-lg-3,.mx-lg-3{margin-right:1rem!important}
.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}
.ml-lg-3,.mx-lg-3{margin-left:1rem!important}
.m-lg-4{margin:1.5rem!important}
.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}
.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}
.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}
.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}
.m-lg-5{margin:3rem!important}
.mt-lg-5,.my-lg-5{margin-top:3rem!important}
.mr-lg-5,.mx-lg-5{margin-right:3rem!important}
.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}
.ml-lg-5,.mx-lg-5{margin-left:3rem!important}
.p-lg-0{padding:0!important}
.pt-lg-0,.py-lg-0{padding-top:0!important}
.pr-lg-0,.px-lg-0{padding-right:0!important}
.pb-lg-0,.py-lg-0{padding-bottom:0!important}
.pl-lg-0,.px-lg-0{padding-left:0!important}
.p-lg-1{padding:.25rem!important}
.pt-lg-1,.py-lg-1{padding-top:.25rem!important}
.pr-lg-1,.px-lg-1{padding-right:.25rem!important}
.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}
.pl-lg-1,.px-lg-1{padding-left:.25rem!important}
.p-lg-2{padding:.5rem!important}
.pt-lg-2,.py-lg-2{padding-top:.5rem!important}
.pr-lg-2,.px-lg-2{padding-right:.5rem!important}
.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}
.pl-lg-2,.px-lg-2{padding-left:.5rem!important}
.p-lg-3{padding:1rem!important}
.pt-lg-3,.py-lg-3{padding-top:1rem!important}
.pr-lg-3,.px-lg-3{padding-right:1rem!important}
.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}
.pl-lg-3,.px-lg-3{padding-left:1rem!important}
.p-lg-4{padding:1.5rem!important}
.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}
.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}
.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}
.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}
.p-lg-5{padding:3rem!important}
.pt-lg-5,.py-lg-5{padding-top:3rem!important}
.pr-lg-5,.px-lg-5{padding-right:3rem!important}
.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}
.pl-lg-5,.px-lg-5{padding-left:3rem!important}
.m-lg-n1{margin:-.25rem!important}
.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}
.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}
.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}
.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}
.m-lg-n2{margin:-.5rem!important}
.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}
.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}
.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}
.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}
.m-lg-n3{margin:-1rem!important}
.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}
.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}
.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}
.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}
.m-lg-n4{margin:-1.5rem!important}
.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}
.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}
.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}
.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}
.m-lg-n5{margin:-3rem!important}
.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}
.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}
.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}
.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}
.m-lg-auto{margin:auto!important}
.mt-lg-auto,.my-lg-auto{margin-top:auto!important}
.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}
.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}
.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}
}
@media (min-width:1200px){
.m-xl-0{margin:0!important}
.mt-xl-0,.my-xl-0{margin-top:0!important}
.mr-xl-0,.mx-xl-0{margin-right:0!important}
.mb-xl-0,.my-xl-0{margin-bottom:0!important}
.ml-xl-0,.mx-xl-0{margin-left:0!important}
.m-xl-1{margin:.25rem!important}
.mt-xl-1,.my-xl-1{margin-top:.25rem!important}
.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}
.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}
.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}
.m-xl-2{margin:.5rem!important}
.mt-xl-2,.my-xl-2{margin-top:.5rem!important}
.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}
.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}
.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}
.m-xl-3{margin:1rem!important}
.mt-xl-3,.my-xl-3{margin-top:1rem!important}
.mr-xl-3,.mx-xl-3{margin-right:1rem!important}
.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}
.ml-xl-3,.mx-xl-3{margin-left:1rem!important}
.m-xl-4{margin:1.5rem!important}
.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}
.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}
.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}
.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}
.m-xl-5{margin:3rem!important}
.mt-xl-5,.my-xl-5{margin-top:3rem!important}
.mr-xl-5,.mx-xl-5{margin-right:3rem!important}
.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}
.ml-xl-5,.mx-xl-5{margin-left:3rem!important}
.p-xl-0{padding:0!important}
.pt-xl-0,.py-xl-0{padding-top:0!important}
.pr-xl-0,.px-xl-0{padding-right:0!important}
.pb-xl-0,.py-xl-0{padding-bottom:0!important}
.pl-xl-0,.px-xl-0{padding-left:0!important}
.p-xl-1{padding:.25rem!important}
.pt-xl-1,.py-xl-1{padding-top:.25rem!important}
.pr-xl-1,.px-xl-1{padding-right:.25rem!important}
.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}
.pl-xl-1,.px-xl-1{padding-left:.25rem!important}
.p-xl-2{padding:.5rem!important}
.pt-xl-2,.py-xl-2{padding-top:.5rem!important}
.pr-xl-2,.px-xl-2{padding-right:.5rem!important}
.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}
.pl-xl-2,.px-xl-2{padding-left:.5rem!important}
.p-xl-3{padding:1rem!important}
.pt-xl-3,.py-xl-3{padding-top:1rem!important}
.pr-xl-3,.px-xl-3{padding-right:1rem!important}
.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}
.pl-xl-3,.px-xl-3{padding-left:1rem!important}
.p-xl-4{padding:1.5rem!important}
.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}
.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}
.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}
.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}
.p-xl-5{padding:3rem!important}
.pt-xl-5,.py-xl-5{padding-top:3rem!important}
.pr-xl-5,.px-xl-5{padding-right:3rem!important}
.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}
.pl-xl-5,.px-xl-5{padding-left:3rem!important}
.m-xl-n1{margin:-.25rem!important}
.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}
.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}
.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}
.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}
.m-xl-n2{margin:-.5rem!important}
.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}
.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}
.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}
.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}
.m-xl-n3{margin:-1rem!important}
.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}
.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}
.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}
.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}
.m-xl-n4{margin:-1.5rem!important}
.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}
.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}
.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}
.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}
.m-xl-n5{margin:-3rem!important}
.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}
.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}
.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}
.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}
.m-xl-auto{margin:auto!important}
.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}
.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}
.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}
}
.text-xs-left { text-align:left !important; }
.text-xs-right { text-align:right !important; }
.text-xs-center { text-align:center !important; }
@media (min-width: 375px) {
.text-sm-left { text-align:left !important; }
.text-sm-right { text-align:right !important; }
.text-sm-center { text-align:center !important; }
}
@media (min-width: 768px) {
.text-md-left { text-align:left !important; }
.text-md-right { text-align:right !important; }
.text-md-center { text-align:center !important; }
}
@media (min-width: 980px) {
.text-lg-left { text-align:left !important; }
.text-lg-right { text-align:right !important; }
.text-lg-center { text-align:center !important; }
}
@media (min-width: 1200px) {
.text-xl-left { text-align:left !important; }
.text-xl-right { text-align:right !important; }
.text-xl-center { text-align:center !important; }
}
@media (min-width: 320px) {
.container { width:100%; }
}
@media (min-width: 375px) {
.container { width:100%; }
}
@media (min-width: 568px) {
.container { width:100%; }
}
@media (min-width: 768px) {
.container { width:100%; }
}
@media (min-width: 980px) {
.container { width:980px; }
}
@media (min-width: 1200px) {
.container { width:980px; }
}
.hiddendiv {
display: none;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
/* future version of deprecated 'word-wrap' */
padding-top: 1.2rem;
/* prevents text jump on Enter keypress */
position: absolute;
top: 0;
}
.icon-page { width:17px;height:17px;width:16px;height:16px;display:inline-block;float:left;margin-top:-5px;border:0 red solid }
.icon-page { background-repeat:no-repeat;background-image:url(iconic-menu-centered.png);background-size:195px 37px;background-size:136px 34px;background-size:128px 32px; }
.icon-page.icon-photo { background-position:0 -16px; }
.icon-page.icon-video { background-position:-16px -16px; }
.icon-page.icon-journal { background-position:-32px -16px; }
.anima.fade-up{
opacity:0;
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-ms-transform: translateY(60px);
transform:translateY(60px);
-webkit-transition: -webkit-transform .5s ease-out,opacity .5s ease-in;
transition: transform .5s ease-out,opacity .5s ease-in-out;
}
.anima.fade-up.in{
opacity:1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform:translateY(0px);
}
.anima.fade-down{
opacity:0;
-webkit-transform: translateY(-60px);
-moz-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform:translateY(-60px);
-webkit-transition: -webkit-transform .5s ease-out,opacity .5s ease-in;
transition: transform .5s ease-out,opacity .5s ease-in-out;
}
.anima.fade-down.in{
opacity:1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform:translateY(0px);
}
.anima.fade-left{
opacity:0;
-webkit-transform: translateX(60px);
-moz-transform: translateX(60px);
-ms-transform: translateX(60px);
transform:translateX(60px);
-webkit-transition: -webkit-transform .5s ease-out,opacity .5s ease-in;
transition: transform .5s ease-out,opacity .5s ease-in-out;
}
.anima.fade-left.in{
opacity:1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform:translateX(0px);
}
.anima.fade-right{
opacity:0;
-webkit-transform: translateX(-60px);
-moz-transform: translateX(-60px);
-ms-transform: translateX(-60px);
transform:translateX(-60px);
-webkit-transition: -webkit-transform .5s ease-out,opacity .5s ease-in;
transition: transform .5s ease-out,opacity .5s ease-in-out;
}
.anima.fade-right.in{
opacity:1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform:translateX(0px);
}
.selimut { background:#fff;position:relative;z-index:100;margin-bottom:0; }
@media (min-width: 980px) {
.selimut { background:#fff;position:relative;z-index:100;margin-bottom:329px; }
.selimut.relative-white-upper-layer { margin-bottom:0;padding-bottom:329px;padding-bottom:0; }
}
.owl-carousel {position:relative;}
.owl-carousel .owl-stage-outer {z-index:9990;}
.owl-carousel .owl-nav{position:absolute;z-index:9999;top:50%;width:100%;}
.owl-carousel .owl-nav .owl-prev{float:left;}
.owl-carousel .owl-nav .owl-next{float:right;}
.parallax-window {
min-height: 400px;
background: transparent;
}
.coba-parallax {background-attachment:scroll;height:400px;}
.new-parallax-container {
perspective:1px;
height:600px;
height:auto;
overflow:hidden;
border:0px red solid;
z-index:1;
position:fixed;
top:0;
width:100%;
}
.new-parallax {
height:700px;
height:auto;
background-attachment: fixed;
background-position: center;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
border:0px blue solid;
}
.new-parallax-container::after {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
@media (min-width: 320px) {
#start-bodyxx{margin-top:60px;}
.new-parallax-container { height:280px;height:auto; }
.new-parallax { height:280px;height:auto;background-attachment:scroll;background-size:contain; }
}
@media (min-width: 980px) {
#start-bodyxx{margin-top:auto;}
.new-parallax-container { height:550px;height:auto;margin-top:-75px;padding-top:75px; }
.new-parallax { height:650px;height:auto;background-attachment:fixed;background-size:cover; }
}
.desktop-only{display:none;}
@media (min-width: 980px) {
.desktop-only{display:block;}
}
.overflowHidden{overflow:hidden;}