@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";
.zilla-dribbble-shots {
padding: 0;
margin: 0;
}
.zilla-dribbble-shots li {
position: relative;
float: left;
max-width: 400px;
margin: 0 20px 20px 0;
list-style-type: none;
}
.zilla-dribbble-shots img {
height: auto;
width: auto;
max-width: 100%;
vertical-align: bottom;
}
.views-likes-overlay {
position: absolute;
bottom: 0;
left: 0;
padding: 30px 6%;
padding-top: 6%;
padding-bottom: 6%;
width: 100%;
font-size: 14px;
opacity: 0;
visibility: hidden;
background-color: rgba(244, 252, 252, 0.9);
}
.zilla-dribbble-shots li:hover .views-likes-overlay {
opacity: 1;
visibility: visible;
}
.views-likes-overlay .number {
position: relative;
bottom: 3px;
}
.views-likes-overlay svg {
width: auto;
height: 18px;
margin-right: 10px;
fill: #d29d00;
}
.dribbble-likes,
.dribbble-views {
padding-right: 30px;
padding-left: 30px;
}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//www.aseamarine.com.au/wp/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//www.aseamarine.com.au/wp/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//www.aseamarine.com.au/wp/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}
 */ @font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: local('NotoSansJP-Regular.otf'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}
body {
color: #4d4d4d;
font-weight: 400;
}
body, .page-subtitle > a, .page-content .zilla-dribbble-shots li .views-likes-overlay, .primary-sidebar ul, .primary-sidebar .sidebar-address, .primary-sidebar .copyright, input,
textarea,
input.url[type="text"], .page-template-contact .section-subtitle, .comment-form input,
.comment-form textarea, button {
font-family: 'Montserrat', sans-serif!important; }
.section-title, .page-title, .blog-day, .page-content .dribbble-title, .primary-sidebar .widget-title, .site-title, .hero-title, .hero-subtitle, .service-name, .cover-blog-title, .cta-title, .portfolio-project-title, .project-info .project-info-title, .testimonial-title, .contact-title, .page-template-contact .section-title, .archive-post-title, .pagination-title, .comments-title, .mob-logo .site-logo-link, .featured-area-title, .about-member-modal-name, .about-member-name, .about-content .about-rte.no-featured-section h3, .selling-points-title, .career-info-title, .counter-title, .counter-number, .result-title, .portfolio-slide .slide-title, .portfolio-title {
font-family: 'Montserrat', sans-serif!important; }
a {
font-weight: 700;
}
a,
a:hover,
a:active,
a:visited,
a:focus {
outline: 0;
text-decoration: none;
}
dl, dt, dd, ol, ul, li, section {
margin: 0;
padding: 0;
border: 0;
}
p {
max-width: none;
}
strong {
font-weight: 700;
}
body #slideshow {
text-align: left!important;
}
.section-title {
text-align: center;
font-weight: 500;
}
.cover-title {
margin-bottom: 0;
}
.left-meta {
max-width: none;
}
.page-template-default .title-section {
margin-bottom: 0;
}
.page-template-services .page-content {
background-color: #fff;
}
.page-template-services .second-segment {
padding-top: 0;
}
.page-template-contact .section-title {
margin-bottom: 1.25rem;
font-size: 2.5rem;
letter-spacing: 0.125rem;
}
.about-description {
padding-bottom: 0;
}
button {
outline: none;
}
.fa-lg {
vertical-align: 0!important;
line-height: inherit!important;
}
.testimonial-text-inner {
padding-left: 0;
padding-right: 1.25rem;
}
.meta-content {
text-align: justify;
}
.meta-content.topmargin {
margin-top: 30px;
}
.page-content .segment ul {
margin-bottom: 20px;
}
.page-content .segment li {
display: block;
text-align: left;
text-indent: -2.125rem;
padding-left: 2.125rem;
padding-top: 5px;
padding-bottom: 8px;
font-weight: 700;
}
.page-content .segment li:before {
font-family: FontAwesome;
font-size: 11px;
content: "\f00c";
color: #00bad6;
background: #fdfdfd;
border-radius: 4px;
border: 1px solid #ccc;
padding: 6px;
margin-right: 0.5625rem;
vertical-align: middle;
}
@media all and (max-width: 1024px) {
.content-width, .zinc-gallery, .testimonials-inner, .inner-slider-section, .slick-gallery-container, .portfolio-testimonials-inner {
width: calc(100vw - 17px);
}
.testimonial-text-inner {
padding-right: 0;
}
} .page-title, .section-title {
font-size: 2.5rem;
font-weight: 700;
padding-right: 1rem;
padding-left: 1rem;
margin-bottom: 1.25rem;
line-height: 1.3em;
letter-spacing: 0.125rem;
}
.page-subtitle {
font-size: 1.1875rem;
}
.page-subtitle_large {
font-size: 1.3rem;
color: #658dce;
border-top: 4px solid #f9a51a;
padding: 18px 0 5px;
display: inline-block;
}
.emphasis {
font-size: 1.1875rem;
border: 1px solid #fbe1ba;
background: #fef6eb;
padding: 20px;
margin-bottom: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.attn { color: #d64d4d; font-weight: 700; }
.page-subtitle.onwhite, .page-subtitle.tel_phone, .telappo, .admin-desk span {
color: #3e6093;
}
.page-content li:hover {
color: inherit;
}
.tel_phone a, .telappo a {
font-family: 'Montserrat', sans-serif;
font-size: 1.3125rem;
}
@media all and (max-width: 480px) {
.page-title, .section-title {
font-size: 1.3rem;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
} .zinc-button {
-webkit-transition: all linear 0.4s;
transition: all linear 0.4s;
position: relative;
display: block;
width: 15rem;
min-height: 3.75rem;
padding: 1.28rem 0.9375rem 1.25rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-size: 1rem;
font-weight: 500;
line-height: 1rem;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-align: center;
text-decoration: none;
border: 1px solid #2864ac;
background: #2864ac;
color: #fff;
}
.primary-button:hover, .secondary-button:hover, .light-button:hover, .cta-button:hover {
background-color: #4283ce;
box-shadow: 15rem 0 0 0 #4283ce inset;
color: #fff!important;
border-color: #4283ce;
}
.secondary-button:hover .text {
visibility: visible;
opacity: 1;
}
.button-arrow {
display: none!important;
} .zinc-loader {
background-color: #fff;
}
.zinc-loader .sk-cube-grid {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 9.375rem;
height: 9.375rem;
margin: 0 auto;
}
.zinc-loader .sk-cube-grid img {
width: 150px;
height: 150px;
}
@keyframes roll {
from {
transform: perspective(300px) rotateY(360deg);
}
50%{
transform: perspective(300px) rotateY(180deg);
}
to{
transform: perspective(300px) rotateY(0deg);
}
}
.rolling{
animation: roll 2s linear infinite;
}
.theme-background {
color: #4d4d4d;
background: transparent!important;
}
.secondary-background {
background: #fff;
}
.secondary-background.cover-services {
background: #fff;
} h1#aseamarine a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/logo-vert.svg);
background-size: 200px 94px;
width: 200px;
height: 94px;
text-indent: -9999px;
display: block;
margin: 50px auto 40px;
}
.mob-logo {
position: fixed;
left: 0;
z-index: 300;
display: block;
width: 100%;
height: 70px;
transition: height 0.3s ease 0s;
}
.mob-logo a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/logo-hori.svg) no-repeat;
background-size: 107px 50px;
width: 107px;
height: 50px;
text-indent: -9999px;
}
.mob-logo .site-logo-link {
margin-left: 0.9rem;
margin-top: 0.6rem;
float: left;
text-decoration: none;
}
@media all and (max-width: 1024px) {
.mob-logo {
background: #fff;
}
.mob-logo.smaller {
background-color: rgba(255, 255, 255, 0.95);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.30);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.30);
height: 70px;
}
} .site-header-menu-line {
background: #fff;
}
.primary-sidebar, .primary-sidebar.open {
background: #fff;
transition: none;
-webkit-box-shadow: 1px -6px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px -6px 7px 0px rgba(0,0,0,0.2);
box-shadow: 1px -6px 7px 0px rgba(0,0,0,0.2);
}
.primary-sidebar.open {
transition: all 0.2s linear 0s;
}
@media all and (max-width: 1024px) {
.primary-sidebar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transition: all 0.2s linear 0s;
z-index: 300;
width: auto;
position: fixed;
right: 0;
left: auto;
}
.primary-sidebar.fixed {
position: fixed;
top: 0; }
.primary-sidebar.fixed .site-header-menu-line {
fill: #141414; }
.primary-sidebar.open {
background-color: #fff; }
}
.primary-sidebar .inner-sidebar {
opacity: 100;
transition: all 0.2s linear 0s;
}
.menu-menu-container {
margin: 30px auto 5px;
}
.primary-sidebar ul {
width: 210px;
margin: 0 auto;
}
.primary-sidebar ul > li {
text-align: left;
clear: both;
}
.primary-sidebar ul li:before {
font-family: FontAwesome;
content: "\f111";
opacity: 0;
color: rgba(0, 0, 0, 0);
margin-right: 0.3em;
}
.primary-sidebar ul li.current-menu-item:before {
font-family: FontAwesome;
content: "\f111";
opacity: 1;
color: #b2d4f1;
}
.primary-sidebar ul > li > a {
color: #2f598b;
padding-top: 0.7em;
padding-bottom: 0.7em;
display: inline-block;
font-weight: 500;
}
.primary-sidebar ul > li > a:hover {
color: #739bd6;
}
.arrow-icon-holder {
background: rgba(0, 0, 0, 0) url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/arrow.svg) no-repeat scroll 50% 50% / 15px 9px;
box-sizing: border-box;
height: 23px;
margin-left: 0;
margin-top: 0;
padding: 0;
position: absolute;
transform-origin: 50% 50% 0;
transition: all 0.35s linear 0s;
width: 30px;
}
.arrow-icon {
-webkit-transform: none;
-ms-transform: none;
transform: none;
display: none;
}
.open .arrow-icon-holder {
transform-origin: 50% 50% 0px;
transition: all 0.35s linear 0s;
}
.primary-sidebar ul > li.menu-item-has-children > a {
z-index: 1;
background: #fff;
}
li.menu-item-has-children {
overflow: hidden;
}
.primary-sidebar ul > li > .sub-menu > li > a {
color: #2f598b;
display: inline-block;
padding-bottom: 0;
line-height: 2em;
transition: all 0.35s linear 0s;
}
.primary-sidebar ul > li > .sub-menu > li > a:hover {
color: #739bd6;
}
.primary-sidebar ul > li > .sub-menu {
margin: 6px 6px 6px 17px;
z-index: 0;
}
.primary-sidebar ul > li > .sub-menu.visible {
margin: 6px 6px 6px 17px;
}
li.current-menu-item .arrow-icon-holder,
li.current-menu-parent .arrow-icon-holder {
pointer-events : none;
opacity: 0.1;
}
.primary-sidebar ul.sidebar-social {
width: 220px;
}
.primary-sidebar ul.sidebar-social > li {
float: left;
padding: 0;
margin: 0 4px 20px;
clear: none;
vertical-align: middle;
}
.primary-sidebar ul.sidebar-social > li > a {
display: block;
width: 45px;
height: 45px;
text-indent: -9999px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.primary-sidebar ul.sidebar-social > li > a:hover {
opacity: 0.7;
}
.sidebar-social li.face a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/facebook.png) no-repeat;
background-size: 45px 45px;
width: 45px;
height: 45px;
}
.sidebar-social li.goog a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/google.png) no-repeat;
background-size: 45px 45px;
width: 45px;
height: 45px;
}
.sidebar-social li.twit a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/twitter.png) no-repeat;
background-size: 45px 45px;
width: 45px;
height: 45px;
}
.sidebar-social li.line a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/line.png) no-repeat;
background-size: 45px 45px;
width: 45px;
height: 45px;
}
.primary-sidebar ul.sidebar-banner {
width: 100%;
margin-bottom: 0;
}
.primary-sidebar ul.sidebar-banner > li {
padding: 0;
margin: 0 -1.25rem!important;
clear: both;
}
.primary-sidebar ul.sidebar-banner > li.webappoin {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(6%, rgba(253,253,253,1)), color-stop(50%, rgba(243,243,243,1)), color-stop(51%, rgba(237,237,237,1)), color-stop(97%, rgba(254,254,254,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.primary-sidebar ul.sidebar-banner > li > a {
display: block;
width: 230px;
height: 70px;
text-indent: -9999px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
margin: 0 auto;
padding: 0;
}
.sidebar-banner li.officetel a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/side-tel.png) no-repeat;
background-size: 226px 55px;
width: 226px;
height: 55px;
}
.fb_iframe_widget {
margin-top: 26px;
margin-left: 20px;
}
.textwidget .fb_iframe_widget {
float: left;
} .cd-primary-nav-trigger {
position: fixed;
top: 23px;
right: 13px;
z-index: 301;
}
.cd-primary-nav-trigger {
display: none;
}
@media all and (max-width: 1024px) {
.cd-primary-nav-trigger {
display: block;
}
}
.cd-menu-icon {
border: none;
background: transparent;
padding: 0;
cursor: pointer;
}
.cd-menu-icon:hover { opacity: 0.7; }
.cd-menu-icon-box {
width: 26px;
height: 12px;
display: inline-block;
position: relative;
}
.cd-menu-icon-inner {
display: block;
top: 50%;
margin-top: 0px;
}
.cd-menu-icon-inner, .cd-menu-icon-inner::before, .cd-menu-icon-inner::after {
width: 26px;
height: 4px;
background-color: #223d68;
border-radius: 4px;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.cd-menu-icon-inner::before, .cd-menu-icon-inner::after {
content: "";
display: block;
}
.cd-menu-icon-inner::before { top: -7px; }
.cd-menu-icon-inner::after { bottom: -7px; } .cd-menu-icon--spin .cd-menu-icon-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.cd-menu-icon--spin .cd-menu-icon-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.cd-menu-icon--spin .cd-menu-icon-inner::after {
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.cd-menu-icon--spin.is-active .cd-menu-icon-inner {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.cd-menu-icon--spin.is-active .cd-menu-icon-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.cd-menu-icon--spin.is-active .cd-menu-icon-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } .cd-menu-icon--spin-r .cd-menu-icon-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.cd-menu-icon--spin-r .cd-menu-icon-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.cd-menu-icon--spin-r .cd-menu-icon-inner::after {
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.cd-menu-icon--spin-r.is-active .cd-menu-icon-inner {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.cd-menu-icon--spin-r.is-active .cd-menu-icon-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.cd-menu-icon--spin-r.is-active .cd-menu-icon-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } @media all and (max-width: 1024px) {
.page-content {
margin-left: 0!important;
margin-top: 70px;
}
.title-section {
margin-top: 0!important;
}
.tablet-menu-icon {
margin-top: 1.25rem;
}
.page-template-cover .page-content {
margin-top: 4.375rem;
}
} .title-section {
margin-top: 0;
padding-bottom: 3.125rem;
padding-top: 3.625rem;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/titlebg.jpg) repeat-x #39609a;
}
.page-title {
color: #fff;
margin-bottom: 25px;
}
.page-subtitle {
color: #98b4d9;
border-top: 4px solid #f9a51a;
padding: 18px 20px 5px;
display: inline-block;
}
.segment {
padding-top: 0;
}
.no-results {
padding-bottom: 6.25rem;
}
.breadcrumbs {
border-top: none;
margin-top: 0!important;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/woodbg.png) repeat #f3f3f3;
padding: 2rem;
}
.breadcrumbs span {
font-size: 1rem;
color: #57606d;
}
@media only screen and (max-width: 480px) { 
.breadcrumbs {
padding: 1rem;
}
.breadcrumbs span {
font-size: 0.8125rem;
}
}
.breadcrumbs i {
font-size: 12px;
color: #a2b1bc;
margin-right: 6px;
margin-left: 6px;
} .featured-area-images,
.featured-area-contents {
position: relative;
float: left;
width: 50%;
text-align: left;
}
.featured-area-contents {
display: table;
}
.featured-area-description {
font-size: 1rem;
color: #4d4d4d;
}
@media all and (max-width: 1200px) {
.featured-area-images,
.featured-area-contents {
width: 100%;
margin-bottom: -0.34rem; }
}
@media all and (max-width: 900px) {
.no-sidebar .featured-area-images,
.no-sidebar .featured-area-text {
width: 100%;
margin-bottom: -0.3125rem; } }
.featured-area-content-inner {
display: table-cell;
vertical-align: middle;
transform: none;
padding: 0;
position: static;
top: auto;
}
.thumb-responsive img, .featured-area-images, .featured-area-contents {
height: 100%;
}
.featured-area {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/graybg.png) repeat;
overflow: hidden;
margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1200px) {
.featured-area {
padding-bottom: 4.375rem;
}
}
.featured-area-contents {
padding: 0 2.5rem;
}
.featured-area-title {
font-size: 1.4375rem;
font-weight: 700;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
max-width: none;
margin: 4rem auto 2rem;
color: #003471;
line-height: 1.3em;
}
@media only screen and (min-width: 1600px) {
.featured-area-title {
margin: 10rem auto 2rem;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.featured-area-title {
margin: 8rem auto 2rem;
}
} .about-description h3 {
color: #fff;
font-size: 18px;
line-height: 1.7em;
text-transform: none;
}
.cover-services,
.cover-blog {
padding-top: 5rem;
}
.page-description {
padding: 1.8rem 1.25rem 2rem;
margin: 0 auto;
max-width: 40rem;
color: #4d4d4d;
}
.service-name {
font-weight: 700;
}
.services-block .service-description {
color: #6d6d6d;
}
.services-container {
margin: 4.75rem auto;
}
.col2img-container {
margin: 0 auto 3.125rem;
overflow: hidden;
padding: 0 3.75rem;
max-width: 72.125rem;
display: block;
}
.whitewood {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/woodbg.png) repeat #f3f3f3;
}
.whitewood .col2img-container {
margin: 4.375rem auto 3.125rem;
padding: 3.75rem;
}
.col2rimg-1 .wrappingp {
margin-bottom: 30px;
}
.col2rimg-1, .col2rimg-2 {
float: left;
}
.col2limg-1, .col2limg-2 {
float: right;
}
.rounded-trim {
position: relative;
overflow: hidden;
border-radius: 50%;
}
.rounded-trim img {
display: inline;
margin: 0 auto;
height: 100%;
width: auto;
}
.s-trim {
position: relative;
overflow: hidden;
}
.s-trim img {
display: inline;
margin: 0 auto;
object-fit:cover;
}
.col2rimg-1 h5, .col2limg-1 h5 {
color: #1d3f75;
font-size: 1rem;
}
.col2rimg-1 p, .col2limg-1 p {
margin: 0 auto;
text-align: justify;
}
.whitewood .col2img-container .col2rimg-1 p,
.whitewood .col2img-container .col2limg-1 p {
margin: 2rem auto;
}
@media only screen and (min-width: 1201px) {
.col2img-container {
padding: 0 6.25rem;
}
.whitewood .col2img-container {
padding: 3.75rem 6.25rem;
}
.col2rimg-1 {
width: 70%;
padding-right: 4.375rem;
}
.col2limg-1 {
width: 70%;
padding-left: 4.375rem;
}
.col2rimg-2, .col2limg-2 {
width: 30%;
}
.rounded-trim {
width: 230px;
height: 230px;
}
.col2rimg-2 .rounded-trim {
float: right;
}
.col2limg-2 .rounded-trim {
float: left;
}
}
@media only screen and (min-width: 1400px) {
.col2img-container {
padding: 0 10rem;
}
.whitewood .col2img-container {
padding: 3.75rem 10rem;
}
}
@media (min-width: 780px) and (max-width: 1300px) { 
.col2rimg-1 {
width: 60%;
padding-right: 3.125rem;
}
.col2limg-1 {
width: 60%;
padding-left: 3.125rem;
}
.col2rimg-2, .col2limg-2 {
width: 40%;
padding-top: 1rem;
}
.rounded-trim {
width: 260px;
height: 260px;
}
.col2rimg-2 .rounded-trim {
float: right;
}
.col2limg-2 .rounded-trim {
float: left;
}
}
@media only screen and (max-width: 779px) { 
.col2img-container {
padding: 0;
}
.whitewood .col2img-container {
padding: 2rem 0 3.125rem;
}	
.col2rimg-1, .col2rimg-2, .col2limg-1, .col2limg-2 {
width: auto;
float: none;
}
.col2rimg-1 p, .col2limg-1 p, .page-content .segment ul {
padding: 0 1.875rem 2.5rem;
}
.rounded-trim {
width: 300px;
height: 300px;
float: none;
margin: 0 auto;
}
}
.animwrap {
padding: 2.5rem 3.75rem 3.125rem;
overflow: hidden;
}
.animwrap:after{
content: "";
clear: both;
display: block;
}
.col6 {
float: left;
margin-bottom: 20px;
}
@media only screen and (min-width: 1450px) {
.col6 {
width: 16.66%;
}
.page-services .col6 {
width: 33.33%;
}
.page-services .col6:nth-child(4) {
clear: both;
}
}
@media only screen and (max-width: 1449px) { 
.col6 {
width: 33.33%;
}
.col6:nth-child(4) {
clear: both;
}
}
@media only screen and (max-width: 779px) { 
.col6 {
width: 50%;
}
.animwrap {
padding: 1rem 0rem 2rem;
}
.col6:nth-child(4) {
clear: none;
}
}
@media only screen and (max-width: 480px) { 
.col6 {
width: auto;
float: none;
}
}
#bouncemenu1 {
margin: 2.5rem auto 5rem;
}
.ud-icon-box .icon-rounded {
border-radius: 50%;
display: inline-block;
width: 130px; 
height: 130px;
position: relative;
}
.ud-icon-box .icon-rounded span em {
visibility: hidden;
}
.ud-icon-box .icon-rounded.ud-icon-menu1 { background: #85aa80; }
.ud-icon-box .icon-rounded.ud-icon-menu2 { background: #e28c82; }
.ud-icon-box .icon-rounded.ud-icon-menu3 { background: #fcbd64; }
.ud-icon-box .icon-rounded.ud-icon-menu4 { background: #bba689; }
.ud-icon-box .icon-rounded.ud-icon-menu5 { background: #9cc9cf; }
.ud-icon-box .icon-rounded.ud-icon-menu6 { background: #9aceae; }
.ud-icon-box .icon-rounded.ud-icon-menu1 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu1.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu1:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu2 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu2.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu1:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu2:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu3:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu4:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu5:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu6:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu3 span {
background: url(//www.aseamarine.com.au/wp/wp-content/uploads/2018/10/konkan.png) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu4 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu4.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu5 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu5.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu6 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu6.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded span {
width: 80px;
height: 80px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-top: -40px;
margin-left: -40px;
}
.ud-icon-content h4 {
color: #4d4d4d;
letter-spacing: 0.125rem;
margin-top: 0.625rem;
}
.service_details {
padding: 0 1.5625rem;
margin: 2rem auto;
text-align: justify;
}
.service_details p {
font-size: 0.875rem;
color: #6d6d6d;
} .selling-points-section.segment, .generalpage.segment {
padding-bottom: 0;
}
.selling-block {
display: inline-block;
float: left;
width: 50%;
margin-bottom: 3.125rem;
overflow: hidden; 
}
.selling-block .thumb-responsive {
display: block;
margin: 0 auto;
max-width: 9.375rem;
overflow: hidden;
}
.selling-block .thumb-responsive img {
width: auto;
height: auto;
}
.selling-block .service-description {
color: #6d6d6d;
}
.selling-block:only-of-type, .selling-block:last-of-type:nth-of-type(odd) {
float: none;
}
.selling-block:nth-of-type(odd) {
clear: left;
}
@media all and (max-width: 1240px) {
.selling-block {
width: 100%; }
}
.selling-block .thumb-responsive,
.selling-point-image-wrapper {
max-width: none!important;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
float: left;
margin-right: 3.8%;
min-height: 1px;
}
.onecol {
width: 4.85%;
}
.twocol {
width: 13.45%;
}
.threecol {
width: 22.05%;
}
.fourcol {
width: 30.75%;
}
.fivecol {
width: 39.45%;
}
.sixcol {
width: 48%;
}
.sevencol {
width: 56.75%;
}
.eightcol {
width: 65.4%;
}
.ninecol {
width: 74.05%;
}
.tencol {
width: 82.7%;
}
.elevencol {
width: 91.35%;
}
.twelvecol, .fullwidth {
float: left;
width: 100%;
}
.last {
margin-right: 0 !important;
}
.colfullimg {
margin-top: 1.25rem;
margin-bottom: 3.125rem;
}
@media only screen and (max-width: 734px) {
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin: 0 0 25px;
width: 100%;
float: none;
}
}
.ud-container-m p, .ud-container-l p {
text-align: justify;
}
.ud-container-m p.page-subtitle, .ud-container-l p.page-subtitle {
text-align: center;
}
.ud-container {
margin: 0 auto;
padding: 4.375rem 2.5rem 3.125rem;
overflow: hidden;
}
.ud-container-l {
margin: 0 auto;
padding: 4.375rem 0 3.125rem;
max-width: 73.125rem;
overflow: hidden;
}
.ud-container-m {
margin: 0 auto;
padding: 4.375rem 3.25rem 3.125rem;
max-width: 61.25rem;
overflow: hidden;
}
.topbtmzero { padding-top: 0!important; padding-bottom: 0!important; }
@media only screen and (max-width: 480px) { 
.ud-container-m {
padding: 0 1.875rem 1rem;
}
}
.ud-container-m.nopaddingbtm {
padding-bottom: 0;
}
.segment.aboutlogomark {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/woodbg.png) repeat #f3f3f3;
padding-bottom: 3rem;
margin-bottom: 0;
}
.profilebox {
margin-bottom: 3.125rem;
}
.profilebox p {
text-align: left;
margin: 5px;
}
.twelvecol.last.udprofile > ul {
padding-right: 70px;
float: right;
}
.page-content .segment .profilebox li {
display: block;
text-align: left;
text-indent: 0;
paddinig: 0;
font-weight: 400;
}
.page-content .segment .profilebox li:before {
content: "■";
color: #00bad6;
background: none;
border-radius: 0;
padding: 0;
margin-right: 0;
border: none;
font-size: inherit;
}
.page-content .segment.testimonials li:before {
content: none;
color: #00bad6;
background: none;
border-radius: 0;
padding: 0;
margin-right: 0;
border: none;
font-size: inherit;
}
.page-content .segment.testimonials ul {
margin-bottom: 0;
padding: 0;
}
.page-content .segment.testimonials li {
padding: 0;
text-align: center;
display: block;
text-indent: 0;
padding: 0;
font-weight: 400;
}
.profilebox .fourcol p {
text-align: center;
color: #2f598b;
font-weight: 700;
}
@media only screen and (max-width: 734px) {
.profilebox p, .profilebox li {
text-align: center;
}
.profilebox .fourcol {
margin-bottom: 0;
}
.profilebox .sevencol {
margin-bottom: 3.125rem;
}
.twelvecol.last.udprofile > ul {
padding-right: 0;
float: none;
}
} .counter-section.segment {
padding-bottom: 3.125rem;
}
.counterbox {
overflow: hidden;
padding: 0 1.25rem;
}
.counter-area {
transform: none;
padding: 0 1.25rem 3.125rem;
width: 100%;
}
.counter-title {
margin: 5.625rem auto;
line-height: 1.3em;
}
.counter-number {
font-family: 'Montserrat', sans-serif!important;
font-weight: 700;
color: #596e8e;
margin-bottom: 0.625rem;
} .cta-section {
padding-bottom: 5rem;
}
.cta-overlay {
background: rgba(255, 255, 255, 0.5)!important;
}
.cta-foreground {
padding-top: 100px;
}
.cta-title {
color: #000;
font-weight: 500;
}
.cta-subtitle {
color: #4d4d4d;
} .catname {
text-align: left;
margin-top: 8px;
margin-bottom: 10px;
display: flex;
line-height: 1em;
}
.catname .uncategorized {
background: #9fa5ad;
border-radius: 30px;
line-height: 20px;
color: #fff;
}
.catname .notice {
background: #e38f7f;
border-radius: 30px;
line-height: 20px;
color: #fff;
}
.catname .blog {
background: #29599b;
border-radius: 30px;
line-height: 20px;
color: #fff;
}
.catname span a {
padding: 0 20px 2px;
display: inline-block;
}
.catname .uncategorized a,
.catname .notice a,
.catname .blog a {
color: #fff;
font-size: 14px;
}
.right-meta {
bottom: 0;
float-right: auto;
float-left: auto;
float: none;
display: none;
}
.blog .blog-date:hover,
.blog .blog-date:hover * {
background: #00bad6;
cursor: default;
}
.blog-date,
.archive-career,
.archive-career * {
cursor: auto;
background-color: #00bad6!important;
}
.archive-career {
padding-top: 6.25rem;
}
.archive-career .careers-excerpt .read-more {
cursor: pointer;
width: auto;
}
.archive-post p {
padding-right: 0;
}
.archive-post .read-more {
transition: all 0.25s linear 0s;
width: auto;
margin-top: 1.875rem;
}
.archive-post-title {
margin-top: 1.125rem;
}
.archive-post-title > a {
transition: all 0.25s linear 0s;
font-weight: 500;
}
.blog .archive-post-title a:hover,
.archive-post-title > a:hover {
color: #00bad6;
cursor: pointer;
text-decoration: none;
}
.read-more {
border: none;
display: inline;
width: auto;
padding: 8px;
letter-spacing: 0;
text-align: center;
background: #f6f6f6;
}
.read-more:after {
width: auto;
position: static;
content: none;
}
.read-more:hover:after {
color: #00bad6;
}
.blog-date-inner {
height: 6.25rem;
width: 3.75rem;
}
.blog-day {
position: relative;
top: 40%;
}
.blog-month {
position: absolute;
top: 1.25rem;
width: 3.75rem;
display: block;
}
.blog-month label {
text-align: center;
}
.careertitle {
font-size: 1.5625rem;
}
.career-info-section {
margin-top: 5rem;
margin-bottom: 5rem;
}
.career-content {
margin-bottom: 5rem;
}
.career-gallery-container {
overflow: auto;
}
.career-info-arrow {
display: none;
}
.cover-blog-button-container {
margin-top: 3.75rem; 
}
.page-numbers.current {
background: #f2f2f2;
color: #6a7484;
}
.page-numbers {
font-size: 0.875rem;
padding: 8px 7px 8px 15px;
text-align: center;
text-decoration: none;
background: #5f98ce;
color: #fff;
}
.page-numbers.dots {
background: #fff;
color: #6a7484;
}
a.page-numbers:hover {
color: #fff;
background: #a2c8e8;
}
.post-pagination-prev, .post-pagination-next {
padding: 2.5rem 2.5rem 2rem;
}
.post-pagination-prev .pagination-title, .post-pagination-next .pagination-title {
margin-bottom: 0.5rem;
}
.post-pagination-next div, .post-pagination-prev div {
visibility: hidden;
}
a .post-pagination-next div, a .post-pagination-prev div {
visibility: visible;
}
.post-pagination-prev .prev-arrow, .post-pagination-next .next-arrow {
bottom: 2.5rem;
}
.singular-post {
padding-bottom: 3.75rem;
} #comments {
padding-top: 0.75rem;
padding-bottom: 6.25rem;
} #openinghours {
margin: 0 auto;
}
#openinghours p strong {
font-size: 1.125rem;
padding: 0;
}
#openinghours section {
display: table;
margin: 0 auto;
table-layout: fixed;
width: 14.0625rem;
padding: 0.5rem 0;
border-bottom: 1px solid #adadad;
}
#openinghours section:first-child {
padding-top: 0;
}
#openinghours section:last-child {
padding-bottom: 0;
border-bottom: none;
}
#openinghours section aside {
color: #223b63;
text-align: left;
font-weight: 700;
}
#openinghours article {
display: table-cell;
vertical-align: top;
}
#openinghours article p {
margin: 0 auto;
width: 7.5rem;
color: #4d4d4d;
letter-spacing: 0.1rem;
}
#openinghours section .attn {
color: #223b63;
font-size: 0.8125rem;
margin-top: 0;
}
#caloutput .attn {
color: #223b63;
font-size: 0.8125rem;
display: inline-block;
}
#openinghours section .attn span {
color: #ff0000;
}
#caloutput .attn strong {
color: #d64d4d; background: rgba(211, 175, 175, .2);
padding: 0 13px;
font-weight: 700;
} #caloutput {
margin: 0 auto;
max-width: 350px;
padding: 0 1.25rem;
}
#caloutput td, #caloutput th {
border: none;
color: #5b626b;
font-size: 13px;
padding: 0;
}
#caloutput th {
padding-bottom: 1rem;
}
#caloutput table {
font-weight: 700;
margin-top: 0;
margin-bottom: 1px;
}
.cal_wrapper {
background-color: transparent;
position: relative;
clear: both;
padding: 0;
}
ul.cal_ui {
padding: 0;
text-align: center;
position: absolute;
right: 0;
top: -5px;
left: auto;
margin-top: 0;
}
.cal_ui input[type="button"] {
float: left;
height: 29px;
font-size: 13px;
list-style: none;
background-repeat: no-repeat;
cursor: pointer;
color: #9f9e9e;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-webkit-appearance: none; 
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.cal_ui input[type="button"]:first-child {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/cal_01_on.png);
width: 29px;
background-size: 29px 29px;
border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
-webkit-border-radius: 6px 0 0 6px;
}
.cal_ui input:first-child:hover {
opacity: 0.8;
width: 29px;
background-size: 29px 29px;
}
.cal_ui input[type="button"]:nth-child(2) {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/cal_02_on.png);
width: 54px;
background-size: 54px 29px;
}
.cal_ui input:nth-child(2):hover {
opacity: 0.8;
width: 54px;
background-size: 54px 29px;
}
.cal_ui input:last-child {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/cal_03_on.png);
width: 29px;
background-size: 29px 29px;
border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
}
.cal_ui input:last-child:hover {
opacity: 0.8;
width: 29px;
background-size: 29px 29px;
}
div.cal_wrapper table.cal tr th p {
float: left;
padding: 5px 2px;
margin: 0px;
color: #666;
font-size: 1rem;
color: #0f559c;
font-weight: 700;
}
div.cal_wrapper table.cal tr th div.cal_ui {
float: right;
padding-right: 3px;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
border: none;
margin: 0;
padding: 0;
color: transparent!important;
}
#caloutput div.cal_wrapper table.cal tr td {
border-bottom: solid 1px #adadad;
}
div.cal_wrapper table.cal tr td {
font-size: 1rem;
text-align: center;
padding: 0;
}
div.cal_wrapper table.cal tr.headline {
background-color: transparent;
}
div.cal_wrapper table.cal tr td div {
position: relative;
padding: 5px 10px;
font-size: 13px;
text-align: center;
color: #616885;
background-color: transparent;
}
div.cal_wrapper table.cal tr td div span {
display: none;
position: absolute;
top: 20px;
left: 0px;
width: 180px;
border: solid 1px #EEE;
background-color: #FFF;
text-align: left;
padding: 5px;
z-index: 10;
color: #000;
font-weight: 400;
line-height: 1.5em;
box-shadow: 1px 1px 3px #666;
}
div.cal_wrapper table.cal tr td div.Sat {
color: #1c4b9f;
}
div.cal_wrapper table.cal tr td div.Sun {
color: #d64d4d;
background: rgba(211, 175, 175, .2);
}
div.cal_wrapper table.cal tr td div.Deli {
background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.Holyday {
font-weight: 700;
color: #d64d4d;
background: rgba(211, 175, 175, .2);
}
div.cal_wrapper table.cal tr td div.Business {
color: #616885;
background: transparent;
}
div.cal_wrapper table.cal tr td div.backward {
color: #ccc;
font-weight: 700;
background-color: transparent;
}
div.cal_wrapper table.cal tr td div.pointer {
cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
background-color: #EEE;
}
div.cal_wrapper table.cal tr.headline td {
padding: 8px 0px!important;
color: #6a7486;
} .footer-area-image {
height: 100%;
overflow: hidden;
position: relative;
}
.img-responsive-box {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.thumb-responsive {
height: 100%;
overflow: hidden;
width: 100%;
}
.thumb-responsive img {
margin-bottom: -6px;
}
.alignvh {
overflow: hidden;
padding-bottom: 0.0625rem;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.toptextbox {
background-color: rgba(255, 255, 255, 0.83);
display: block;
height: calc(100% - 140px);
left: 4.375rem;
position: absolute;
text-align: center;
top: 4.375rem;
width: calc(100% - 140px);
z-index: 2;
}
.wrapcol {
padding: 4.375rem 3.75rem;
overflow: hidden;
}
.page-content#footer1{
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/graybg.png) repeat #f7f7f7;
margin-top: 0;
border-top: 1px solid #efefef;
}
.page-content#footer2 {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/graybg.png) repeat #f7f7f7;
margin-top: 0;
padding-top: 50px;
padding-bottom: 30px;
}
.page-content#footer3 {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/titlebg.jpg) repeat-x;
margin-top: 0;
}
p#copyright {
margin-top:  1.25rem;
color: #c8dcf4;
font-size: 0.75rem;
margin-bottom: -0.625rem;
}
p#powered {
padding-left: 13px;
color: #7d9ec6;
font-size: 0.625rem;
margin-bottom: 1rem;
}
p#powered a {
color: #7d9ec6;
text-decoration: none;
font-size: 0.75rem;
font-weight: 400;
}
p#powered a:hover {
color: #b6cdea;
}
@media all and (max-width: 767px) { 
ul.cal_main li {
font-size: 11px;
padding: 8px 0px;
}
}
.footer-area-title {
font-size: 1.125rem;
font-weight: 400;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.footer-area-title:after {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.footer-area-description {
max-width: 100%;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.375rem;
color: #666666; } img.smarthide_s {
display: none;
}
p.s-screen-text {
margin-bottom: 0;
}
@media only screen and (min-width: 1600px) { 
.col3-1, .col3-2 {
width: 50%;
float: left;
}
.col3-2 {
padding-top: 5.625rem;
}
}
@media (min-width: 1400px) and (max-width: 1599px) { 
.col3-1{
width: 65%;
float: left;
}
.col3-2 {
width: 35%;
float: left;
padding-top: 4.375rem;
}
}
@media (min-width: 735px) and (max-width: 1399px) { 
.col3-1 {
width: 100%;
float: none;
}
.col3-2 {
width: 100%;
float: none;
padding-top: 5.625rem;
padding-bottom: 4.375rem;
}
img.smarthide_s {
display: block;
}
img.smarthide_l {
display: none;
}
}
@media only screen and (max-width: 734px) {
.col3-1, .col3-2 {
width: 100%;
float: none;
}
.col3-1 {
margin-bottom: 4.375rem;
}
.footer-area-image {
float: none;
}
.col3-2 {
margin-bottom: 3.125rem;
}
}
@media only screen and (max-width: 480px) { 
.toptextbox {
height: calc(100% - 110px);
left: 3.4375rem;
top: 3.4375rem;
width: calc(100% - 110px);
}
.s-screen-text {
font-size: 0.8125rem;
}
.wrapcol {
padding: 1.875rem;
}
} .scrollup {
border-radius: 2px;
bottom: 22px;
display: none;
font-size: 25px;
height: 36px;
opacity: 0.7;
position: fixed;
right: 15px;
text-align: center;
width: 36px;
z-index: 2;
background: #87b6dd;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.scrollup i {
line-height: 34px;
color: #fff;
height: 100%;
vertical-align: middle;
}
.scrollup:hover {
background: #5f98ce!important;
opacity: 1;
} #accessmap .cover-services	{ padding-top: 0; }
.segment#accessmap .segment:first-child { padding-bottom: 0; }
.googlemap {
background: #fff;
}
.googlemap #map {
position: relative;
padding: 0 0 33.3333%;
height: 0;
overflow: hidden;
border-bottom: 1px solid #ccc;
}
.googlemap #map1 {
position: relative;
padding: 0 0 66.6666%;
height: 0;
overflow: hidden;
border: 1px solid #ccc;
}
.wrapcol_inner {
padding: 4.375rem 0 1.25rem;
}
@media only screen and (min-width: 1180px) {
.col2-1, .col2-2 {
width: 50%;
float: left;
}
.wrapcol_inner {
padding: 0 0 0 3.125rem;
}
}
@media (min-width: 1180px) and (max-width: 1499px) {
.googlemap #map1 {
padding: 0 0 100%;
}
}
@media only screen and (max-width: 1399px) { 
.wrapcol {
padding: 0 3.75rem 3.75rem;
}
.googlemap #map1 {
padding: 0 0 100%;
}
.googlemap #map {
padding: 0 0 50%;
}
}
@media only screen and (max-width: 480px) {
.googlemap #map1 {
padding: 0 0 100%;
}
.googlemap #map {
padding: 0 0 100%;
margin-bottom: 45px;
}
}
.segment.nopaddingbtm { padding-bottom: 0; }
.telappo {
font-size: 1.1875rem;
margin: 1.875rem 0 1.25rem;
clear: both;
}
.onlineappo a, .showtheway a, .spcarpark a {
color: #fff;
margin: 0 auto;
padding: 10px 13px;
text-align: center;
text-decoration: none;
border-radius: 3px;
float: left;
line-height: 1.3em;
}
.onlineappo {
float: right;
}
.onlineappo a{
background: #5c9fd6;
}
@media only screen and (max-width: 414px) { 
.onlineappo, .showtheway, .spcarpark {
float: none;
}
.showtheway, .spcarpark {
margin-top: -15px;
}
}
.showtheway a {
background: #304971;
}
.spcarpark a {
background: #606060;
}
.onlineappo a:hover {
background: #6fabdd;
color: #fff;
}
.showtheway a:hover {
background: #425b7f;
color: #fff;
}
.spcarpark a:hover {
background: #707070;
color: #fff;
}
@media only screen and (max-width: 480px) { 
.onlineappo, .showtheway, .spcarpark {
font-size: 0.8125rem;
height: 40px;	
}
.wrapcol {
padding: 1.875rem;
}
} .grid-sizer,
.grid-item {
width: 31.999%;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/woodbg.png) repeat #f3f3f3;
padding: 30px;
margin-bottom: 50px;
box-sizing: border-box;
}
.grid-item {
-webkit-box-shadow: 0px 1px 3px 0px rgba(128,128,128,0.4);
-moz-box-shadow: 0px 1px 3px 0px rgba(128,128,128,0.4);
box-shadow: 0px 1px 3px 0px rgba(128,128,128,0.4);
}
.grid-item p {
text-align: justify;
}
.gutter-sizer { width: 2%; }
@media only screen and (max-width: 779px) { 
.grid-sizer,
.grid-item {
width: 46.999%;
}
.gutter-sizer { width: 6%; }
}
@media only screen and (max-width: 480px) { 
.grid-sizer,
.grid-item {
width: 100%;
}
.gutter-sizer { width: 0; }
}
.grid-item h3 {
color: #000;
line-height: 1.3em;
}
.accent-underline {
margin-bottom: 30px;
}
.grid-item p.faqicon {
background: #00bad6 none repeat scroll 0 0;
border-radius: 50%;
color: #edd293;
font-size: 20px;
height: 50px;
left: 50%;
line-height: 50px;
margin-left: -25px;
position: absolute;
top: -44px;
vertical-align: top;
width: 50px;
text-align: center;
display: inline-block;
}
.center{  text-align: center;
} .cd-testimonials-wrapper {
position: relative;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/testimonial.jpg) no-repeat 100% 0 #ecd3ab;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 20px 40px 40px;
z-index: 1;
}
.cd-testimonials {
color: #333;
text-align: center;
}
.cd-testimonials::after {
clear: both;
content: "";
display: table;
}
.cd-testimonials > li {
position: absolute;
opacity: 0;
}
.cd-testimonials > li:first-child {
position: relative;
opacity: 1;
}
.cd-testimonials p {
margin-bottom: 1em;
padding: 0 30px;
color: #333;
line-height: 1.3em;
}
p.testimonial-title {
font-size: 2.625rem;
color: #704d30;
margin-bottom: 27px;
text-shadow: 1px 1px 2px #fff; 
font-weight: 500;
}
@media only screen and (max-width: 480px) { 
p.testimonial-title {
font-size: 2.0625rem;
}
.cd-testimonials p {
padding: 0 15px;	
}
}
@media only screen and (min-width: 768px) {
.cd-testimonials p {
font-size: 1.25rem;
}
}
.cd-author img, .cd-author .cd-author-info {
display: inline-block;
vertical-align: middle;
}
.cd-author img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 5px;
}
.cd-author .cd-author-info {
text-align: left;
line-height: 1.2;
}
.page-content .cd-author .cd-author-info li {
display: block;
color: #071d4f;
}
.cd-author .cd-author-info li:first-child {
font-size: 14px;
font-size: 0.875rem;
}
.cd-author .cd-author-info li:last-child {
font-size: 0.625rem;
color: #071d4f;
}
@media only screen and (min-width: 768px) {
.cd-author img {
width: 50px;
height: 50px;
}
.cd-author .cd-author-info {
line-height: 1.4;
}
.cd-author .cd-author-info li:first-child {
font-size: 16px;
font-size: 1rem;
}
.cd-author .cd-author-info li:last-child {
font-size: 0.875rem;
}
}
.flex-direction-nav li {
position: absolute;
height: 100%;
width: 40px;
top: 0;
}
.flex-direction-nav li:first-child {
left: 0;
}
.flex-direction-nav li:last-child {
right: 0;
}
.flex-direction-nav li a {
display: block;
height: 100%;
width: 100%; overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.no-touch .flex-direction-nav li a:hover {
background: rgba(140, 103, 74, 0.2);
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after { content: '';
position: absolute;
left: 50%;
top: 58%;
width: 3px;
height: 13px;
background-color: #ffffff;
}
.flex-direction-nav li a::before {
-webkit-transform: translateY(-35px) rotate(45deg);
-moz-transform: translateY(-35px) rotate(45deg);
-ms-transform: translateY(-35px) rotate(45deg);
-o-transform: translateY(-35px) rotate(45deg);
transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
-webkit-transform: translateY(-27px) rotate(-45deg);
-moz-transform: translateY(-27px) rotate(-45deg);
-ms-transform: translateY(-27px) rotate(-45deg);
-o-transform: translateY(-27px) rotate(-45deg);
transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
-webkit-transform: translateY(-35px) rotate(-45deg);
-moz-transform: translateY(-35px) rotate(-45deg);
-ms-transform: translateY(-35px) rotate(-45deg);
-o-transform: translateY(-35px) rotate(-45deg);
transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
-webkit-transform: translateY(-27px) rotate(45deg);
-moz-transform: translateY(-27px) rotate(45deg);
-ms-transform: translateY(-27px) rotate(45deg);
-o-transform: translateY(-27px) rotate(45deg);
transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
.flex-direction-nav li {
width: 40px;
}
}
@media only screen and (min-width: 1170px) {
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
background-color: #ffffff;
}
} .segment.banner {
padding-bottom: 3.75rem;
}
.banner .section-title {
margin-top: 3.75rem;
}
.banner-container {
padding: 2.5rem 3.75rem 0;
margin: 0 auto;
}
.banner-container:after{
content: "";
clear: both;
display: block;
}
.col4 {
float: left;
margin-bottom: 30px;
}
.col4 img {
padding: 0 1.5625rem;
}
@media only screen and (min-width: 1450px) {
.col4 {
width: 25%;
}
}
@media only screen and (max-width: 1449px) { 
.banner-container {
max-width: 45.625rem;
}
.col4 {
width: 50%;
}
.col4:nth-child(3) {
clear: none;
}
}
@media only screen and (max-width: 779px) { 
.col4 {
width: 50%;
}
.banner-container {
padding: 2.5rem 2rem 0;
}
.col4:nth-child(3) {
clear: none;
}
.col4 img {
padding: 0 0.8125rem;
}
}
@media only screen and (max-width: 480px) { 
.col4 {
width: auto;
float: none;
}
}
#sitemap {
padding: 60px;
}
@media only screen and (max-width: 779px) { 
#sitemap {
padding: 30px 0px;
}
}
@media only screen and (max-width: 480px) { 
#sitemap {
padding: 30px 0px;
}
}
p.intro {
color: #fff;
font-size: 18px;
line-height: 1.7em;
}
.sidebar-social li a {
vertical-align: middle;
}
.sidebar-social .fb {
margin-bottom: 10px;
}
.sidebar-social .fb span.icon {
background: #4566ae;
}
.sidebar-social span.icon {
width: 28px;
height: 28px;
display: inline-block;
padding-top: 5px;
margin-right: 7px;
}
.icon i {
color: #fff;
}
.admin-desk {
margin-top: 70px;
padding: 0 50px;
}
.officeloc {
color: #4d4d4d;
margin-top: 0;
padding: 0 30px;
text-align: left;
}
.primary-sidebar ul#innerwidget {
width: auto;
margin: 0;
}
.fb-like iframe {
width: 100px!important;
}@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg); }
40% {
-webkit-transform: translateY(-30px) rotate(90deg);
transform: translateY(-30px) rotate(90deg); }
60% {
-webkit-transform: translateY(-15px) rotate(90deg);
transform: translateY(-15px) rotate(90deg); } }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg); }
40% {
-webkit-transform: translateY(-30px) rotate(90deg);
transform: translateY(-30px) rotate(90deg); }
60% {
-webkit-transform: translateY(-15px) rotate(90deg);
transform: translateY(-15px) rotate(90deg); } }
.zinc-button.hero-button:hover {
color: #141414; }
.primary-sidebar {
color: #141414;
background-color: #fafafa; }
.primary-sidebar a {
color: #141414; }
.primary-sidebar .sidebar-address > a {
color: #141414; }
.primary-sidebar .social-icon {
fill: #141414; }
.primary-sidebar a {
color: #141414; }
.primary-sidebar .sidebar-address a {
color: #141414; }
.primary-sidebar .social-icon {
fill: #141414; }
.primary-sidebar a {
color: #141414; }
.primary-sidebar .sidebar-address {
margin-bottom: 1.4em; }
.primary-sidebar .sidebar-address .contact-email > a,
.primary-sidebar .sidebar-address .contact-phone > a {
color: #141414; }
.primary-sidebar .social-icon {
fill: #141414; }
.primary-sidebar a {
color: #141414; }
.primary-sidebar .social-icon {
fill: #141414; }
.primary-sidebar .widget-title {
color: #141414; }
@media all and (max-width: 480px) {
.primary-sidebar {
background: transparent; }
.primary-sidebar.open {
background-color: #fafafa; } }
.primary-sidebar ul > li > a {
color: #141414; }
.primary-sidebar ul > li > .sub-menu > li > a {
color: #141414; }
.arrow-icon {
fill: #141414; }
.site-title > a,
.site-subtitle {
color: #141414; }
.hero-title,
.hero-subtitle,
.hero-tagline {
color: #141414; }
.hero-arrow .button-arrow {
stroke: #141414; }
.testimonial-text {
background-color: #f9f8f6; }
.testimonial-icon {
fill: #141414; }
.testimonial-title,
.testimonial-description {
color: #141414; }
.slick-dots li button {
border: 1px solid #141414; }
.slick-dots li.slick-active button {
border: 0; }
.hero-overlay {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6);
width: 100%;
height: 100%; }
.contact-info {
color: #141414; }
.contact-image-overlay {
background-color: #fafafa;
background-color: rgba(250, 250, 250, 0.6); }
.contact-form-black {
background-color: #f9f8f6; }
.contact-title {
color: #141414; }
.dark-label,
.dark-input {
color: #141414; }
.widget_search input {
color: #141414; }
.widget_search .search-button:hover {
color: #fff; }
.theme-background {
color: #141414;
background-color: #fafafa; }
.about-team-content-link:hover {
color: #141414; }
.inner-slider-section,
.slick-gallery-container {
position: relative; }
.inner-slider-section .slick-prev,
.inner-slider-section .slick-next,
.slick-gallery-container .slick-prev,
.slick-gallery-container .slick-next {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc/images/arrow-dark.svg) no-repeat; }
.slide-title {
color: #fff; }
.portfolio-slide .slide-button {
color: #fff;
border-color: #fff; }
.portfolio-slide .slide-button:hover {
color: #141414;
background-color: #fff;
box-shadow: inset 15rem 0 0 0 #fff; }
.site-header-menu-line {
fill: #141414; }
.primary-sidebar.open .site-header-menu-line {
fill: #141414; }
@media all and (max-width: 480px) {
body:not(.page-template-cover) .open .site-header-menu-line {
fill: #141414; } }
.contact-email a,
.contact-phone a {
color: #141414;
font-weight: 700; }
.contact-list .send-button {
color: #141414;
border-color: #141414; }
.contact-list .send-button:hover {
color: #fff;
box-shadow: inset 15rem 0 0 0 #141414; }
.contact-list .contact-cancel-button:hover {
color: #141414;
box-shadow: none; }.alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
max-width: 100%; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
margin: 0; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.clear {
clear: both; }
body, .page-subtitle > a, .page-content .zilla-dribbble-shots li .views-likes-overlay, .primary-sidebar ul, .primary-sidebar .sidebar-address, .primary-sidebar .copyright, input,
textarea,
input.url[type="text"], .page-template-contact .section-subtitle, .comment-form input,
.comment-form textarea {
font-family: "Roboto", sans-serif; }
.section-title, .page-title, .blog-day, .page-content .dribbble-title, .primary-sidebar .widget-title, .site-title, .hero-title, .hero-subtitle, .service-name, .cover-blog-title, .cta-title, .portfolio-project-title, .project-info .project-info-title, .testimonial-title, .contact-title, .page-template-contact .section-title, .archive-post-title, .pagination-title, .comments-title, .mobile-logo .site-logo-link, .featured-area-title, .about-member-modal-name, .about-member-name, .about-content .about-rte.no-featured-section h3, .selling-points-title, .career-info-title, .counter-title, .counter-number, .result-title, .portfolio-slide .slide-title, .portfolio-title {
font-family: "Oswald", sans-serif; }
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg); }
40% {
-webkit-transform: translateY(-30px) rotate(90deg);
transform: translateY(-30px) rotate(90deg); }
60% {
-webkit-transform: translateY(-15px) rotate(90deg);
transform: translateY(-15px) rotate(90deg); } }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg); }
40% {
-webkit-transform: translateY(-30px) rotate(90deg);
transform: translateY(-30px) rotate(90deg); }
60% {
-webkit-transform: translateY(-15px) rotate(90deg);
transform: translateY(-15px) rotate(90deg); } }
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1;
text-transform: uppercase; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #d5d5d5;
margin: 1em 0;
padding: 0; }
html, body {
padding: 0;
margin: 0; }
body {
font-weight: 300;
text-align: center;
word-wrap: break-word;
background-color: #fff;
box-sizing: border-box; }
body * {
box-sizing: inherit; }
p {
max-width: 40rem;
margin-right: auto;
margin-left: auto;
line-height: 1.5rem; }
a {
font-weight: 400;
text-decoration: underline;
color: #141414;
-webkit-transition: all linear 0.25s;
transition: all linear 0.25s; }
a:hover {
text-decoration: none; }
ul,
ol {
padding-left: 0;
margin-top: 0.9375rem;
margin-left: 1.25em;
list-style-position: inside; }
ul > li {
margin-bottom: 0.9375rem;
list-style: none; }
ul li:before {
position: relative;
padding-right: 0.75rem;
content: "\25A0"; }
ol li {
position: relative;
margin-bottom: 0.9375rem;
list-style-type: none;
counter-increment: list; }
ol {
counter-reset: section; }
ol > li:before {
position: absolute;
left: -2.5em;
width: 2em;
text-align: right;
content: counter(section) ".";
counter-increment: section; }
img {
height: auto;
max-width: 100%; }
table {
width: 100%;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
border-collapse: collapse; }
td, th {
padding: 0.9375rem;
border: 1px solid #d5d5d5;
text-align: left; }
.inner-width-860 {
max-width: 53.75rem;
margin: 0 auto; }
@media all and (max-width: 1200px) {
.inner-width-860 {
padding-right: 1.25rem;
padding-left: 1.25rem; } }
.inner-width-645 {
max-width: 40.3125rem;
margin: 0 auto; }
@media all and (max-width: 1200px) {
.inner-width-645 {
padding-right: 1.25rem;
padding-left: 1.25rem; } }
.inner-width-600 {
max-width: 37.5rem;
margin: 0 auto; }
.error {
color: #ff0000 !important; }
.secondary-background {
background-color: #fafafa; }
.content {
height: 100%;
overflow: hidden; }
.accent-underline {
position: relative;
padding-bottom: 1.5625rem; }
.accent-underline:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
height: 0.0625rem;
width: 2.25rem;
border-bottom: 1px solid;
overflow: hidden;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.single-button-container {
width: 100%;
clear: both; }
.single-button-container .zinc-button {
margin: 0 auto; }
.zinc-button,
.contact-submit > .pushbutton-wide {
-webkit-transition: all linear 0.4s;
transition: all linear 0.4s;
position: relative;
display: block;
width: 15rem;
min-height: 3.75rem;
padding: 1.5rem 1.25rem 1.5625rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-size: 0.75rem;
font-weight: 400;
line-height: 1rem;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border: 1px solid; }
.zinc-button:hover .button-arrow,
.contact-submit > .pushbutton-wide:hover .button-arrow {
display: inline-block;
stroke: #fff; }
.button-text {
position: relative;
display: block; }
.button-text .text {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s; }
.button-text.animating, .button-text.visible {
display: inline; }
.button-text.animating-in {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.35s linear;
transition: -webkit-transform 0.35s linear;
transition: transform 0.35s linear;
transition: transform 0.35s linear, -webkit-transform 0.35s linear; }
.button-text.animating-out {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
.button-text.visible {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
.button-arrow-svg {
position: absolute; }
.button-arrow {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
display: none;
position: relative;
stroke: #141414;
left: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.primary-button,
.secondary-button,
.contact-submit > .pushbutton-wide {
color: #141414;
border-color: #141414;
box-shadow: none; }
.primary-button:hover,
.secondary-button:hover,
.contact-submit > .pushbutton-wide:hover {
color: #fff;
background-color: #141414;
box-shadow: inset 15rem 0 0 0 #141414; }
@media all and (max-width: 480px) {
.primary-button:hover,
.secondary-button:hover,
.contact-submit > .pushbutton-wide:hover {
color: #141414;
background-color: transparent;
box-shadow: none; } }
.primary-button,
.tertiary-button,
.contact-submit > .pushbutton-wide {
padding: 1.5rem 1.25rem 1.5625rem 1.25rem; }
.secondary-button:hover {
box-sizing: border-box; }
.secondary-button:hover .button-text {
overflow: hidden; }
.secondary-button:hover .text {
opacity: 0;
visibility: hidden;
-webkit-transition: none;
transition: none; }
.secondary-button:hover .button-arrow-svg {
position: absolute;
top: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.tertiary-button {
color: #fff;
border: 1px solid;
box-shadow: none;
opacity: 1;
cursor: pointer; }
.tertiary-button:hover {
background-color: #fff;
box-shadow: inset 15rem 0 0 0 #fff; }
.light-button {
color: #fff;
border-color: #fff; }
.light-button:hover {
background-color: #fff;
box-shadow: inset 15rem 0 0 0 #fff;
color: #fff; }
.contact-submit > .pushbutton-wide {
cursor: pointer;
opacity: 1; }
.segment {
clear: both;
padding-top: 6.25rem;
padding-bottom: 6.25rem; }
.section-title {
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 300; }
@media all and (max-width: 480px) {
.section-title {
padding-right: 1.25rem;
padding-left: 1.25rem; } }
.section-subtitle {
margin-top: 1.25rem;
margin-bottom: 0;
letter-spacing: 0.02em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-size: 1.125rem;
font-weight: 300;
text-transform: none;
color: #adadad; }
@media all and (max-width: 480px) {
.section-subtitle {
padding-right: 1.25rem;
padding-left: 1.25rem; } }
.section-description {
margin-top: 2.8125rem; }
.bounce {
-webkit-animation: bounce 3.5s infinite;
animation: bounce 3.5s infinite; }
.thumb-responsive {
overflow: hidden;
height: 100%;
width: 100%; }
.thumb-responsive img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%; }
.read-more {
display: block;
clear: left;
width: 6.25rem;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-size: 0.75rem;
font-weight: 400;
line-height: 1rem;
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px solid #141414; }
.read-more:hover {
text-decoration: none; }
.read-more:after {
position: absolute;
width: 0.5em;
height: 1.125rem;
margin-left: -0.3em;
text-indent: -9999em;
background-color: #fff;
content: "."; }
.title-section {
margin-top: 5.625rem; }
.page-title {
padding-right: 1.25rem;
padding-left: 1.25rem;
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 300; }
.page-title > a {
font-weight: 300;
letter-spacing: normal;
text-decoration: none; }
.page-subtitle {
padding-top: 1.5625rem;
margin-top: 0;
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 300;
text-transform: none; }
.page-subtitle > a {
font-weight: 300;
letter-spacing: normal;
text-decoration: none;
text-transform: none; }
.blog-date {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
float: left;
height: 6.25rem;
width: 3.75rem;
letter-spacing: normal;
color: #fff;
cursor: default; }
.blog-date * {
cursor: default; }
.blog .blog-date:hover {
background-color: #141414;
cursor: pointer; }
.blog .blog-date:hover * {
cursor: pointer; }
.blog-date-inner {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.blog-day {
font-size: 2rem;
font-weight: 300;
text-decoration: none; }
.blog-day a {
font-weight: 300;
letter-spacing: normal; }
.blog-month {
font-size: 0.875rem;
font-weight: 300;
letter-spacing: 0.1em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-transform: uppercase; }
.blog-month a {
letter-spacing: inherit; }
.secondary-link {
text-decoration: none;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.secondary-link:hover {
color: #141414; }
.wp-caption {
position: relative; }
.wp-caption-text {
background-color: #fafafa;
background-color: rgba(250, 250, 250, 0.8);
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
max-width: none;
width: 100%;
padding: 1rem 0 1rem 2.5rem;
font-size: 0.875rem;
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc/images/message.svg);
background-repeat: no-repeat;
background-position: -4.375rem -1.5625rem; }
.featured-image-section {
height: 21.875rem;
margin-bottom: 1.25rem;
overflow: hidden;
clear: both; }
.featured-image-section > div {
height: 100%; }
.featured-image-section > div > .thumb-responsive {
height: 100%; }
@media all and (max-width: 1170px) {
.featured-image-section {
height: 17.5rem; } }
@media all and (max-width: 770px) {
.featured-image-section {
height: 12.5rem; } }
.theme-background {
color: #fff;
background-color: #1e1d1d; }
.background-overlay {
background-color: #1e1d1d;
background-color: rgba(30, 29, 29, 0.9);
position: fixed;
top: 0;
left: 0;
z-index: 101;
display: none;
width: 100%;
height: 100%;
cursor: pointer; }
.background-overlay.show {
display: block; }
.uneven-gallery {
overflow: hidden; }
.uneven-gallery-inner {
max-width: 60rem;
margin: 0 auto; }
.uneven-gallery-image {
position: relative;
float: left;
width: 28.75rem;
height: 20rem;
margin: 0.625rem;
overflow: hidden; }
@media all and (max-width: 1024px) {
.uneven-gallery-image {
margin: 0; } }
.uneven-gallery-image.second:not(.last-two) {
float: right;
height: 41.25rem; }
@media all and (max-width: 1000px) {
.uneven-gallery-image.second:not(.last-two) {
float: none; } }
.uneven-gallery-image.fourth {
width: 58.75rem; }
.uneven-gallery-image.last-one {
width: 58.75rem;
height: 41.25rem; }
@media all and (max-width: 1000px) {
.uneven-gallery-image {
width: 100%; } }
@media all and (max-width: 1200px) {
.sidebar .uneven-gallery-image {
width: 100%; } }
@media all and (max-width: 1200px) {
.sidebar .portfolio-type.second:not(.last-two) {
float: none; } }
.uneven-gallery-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.slick-dots {
position: absolute;
bottom: 0.9375rem; }
.slick-dots > li {
float: left;
list-style: none; }
.slick-dots > li > button {
height: 0.625rem;
width: 0.625rem;
margin-right: 0.3125rem;
margin-left: 0.3125rem;
padding: 0;
font-size: 0;
background-color: #fff;
border: none;
border-radius: 50%;
box-shadow: none;
cursor: pointer; }
.slick-dots > li:before {
content: "";
padding: 0; }
.slick-dots > li.slick-active > button {
background-color: #1e1d1d;
border: 1px solid #fff; }
.second-segment {
padding-bottom: 0;
overflow: hidden;
background-color: #fff; }
.second-title {
margin-bottom: 5.625rem; }
.sd-content .share-end:before {
padding: 0;
content: ""; }
.page-content .zilla-dribbble-shots {
padding-top: 5rem; }
.page-content .zilla-dribbble-shots li {
display: block;
float: left;
width: 33.33333%;
max-width: none;
margin-right: 0;
margin-bottom: 0; }
.page-content .zilla-dribbble-shots li .dribbble-views svg,
.page-content .zilla-dribbble-shots li .dribbble-likes svg {
max-width: 1.875rem; }
@media all and (max-width: 760px) {
.page-content .zilla-dribbble-shots li {
width: 100%; } }
.page-content .zilla-dribbble-shots li img {
margin-right: 0;
margin-bottom: 0; }
.page-content .zilla-dribbble-shots li .views-likes-overlay {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
padding-top: 30px;
padding-bottom: 30px;
font-weight: 300;
letter-spacing: 0.02em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
color: #141414; }
@media all and (max-width: 480px) {
.page-content .zilla-dribbble-shots li {
width: 100%; } }
.page-content .zilla-dribbble-shots li:hover {
opacity: 1; }
.page-content .dribbble-title {
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 300; }
@media all and (max-width: 1024px) {
.page-content .dribbble-title {
padding-right: 1.5625rem;
padding-left: 1.5625rem; } }
@media all and (max-width: 1024px) {
.page-content .dribbble-description {
padding-right: 1.5625rem;
padding-left: 1.5625rem; } }
.page-content .dribbble-description a {
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
@media all and (max-with: 880px) {
.page-content .dribbble-views {
width: 100%; } }
.page-content li {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
display: inline;
margin-bottom: 0;
overflow: hidden;
list-style-type: none; }
.page-content li a {
overflow: hidden; }
.page-content li img {
margin-right: 0.625rem;
margin-bottom: 0.625rem; }
.page-content li:hover {
color: #7a7a7a; }
.page-content li:before {
padding-right: 0;
content: ""; }
@media all and (max-width: 480px) {
.page-content li {
display: block; } }
.zinc-gallery-caption {
display: none; }
.featured-area-list .featured-list-element {
display: block;
margin-bottom: 1.25rem; }
.featured-area-list .featured-list-element:hover {
opacity: 1; }
.slick-prev,
.slick-next {
position: absolute;
top: 50%;
z-index: 200;
width: 1.875rem;
height: 2.1875rem;
font-size: 0;
cursor: pointer;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc/images/arrow.svg) no-repeat;
background-size: cover;
border: 0; }
.slick-prev {
left: 0.625rem;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
.slick-next {
right: 0.625rem;
left: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.x-object-fit-cover {
width: inherit !important;
height: inherit !important;
min-width: inherit !important;
min-height: inherit !important;
overflow: hidden !important; }
_:-ms-lang(x), figure {
height: 200px;
overflow: hidden; }
figure img {
width: 33%;
height: 200px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 0 0;
object-position: 0 0; }
figure :root img {
height: auto;
width: auto; }
figure _:-ms-lang(x), figure img {
height: auto;
width: auto; }
@media all and (max-width: 1024px) {
.page-title,
.page-subtitle,
.section-content,
.section-description,
.cover-portfolio p,
.page-content > p,
.inner-portfolio .post-tags {
padding-left: 1.5625rem;
padding-right: 1.5625rem; }
.archive-post p,
.hero-tagline,
.hero-subtitle {
padding-right: 1.5625rem; } }
@media all and (max-width: 480px) {
.hero-tagline,
.hero-subtitle {
padding-left: 1.5625rem; } }
.content-width, .zinc-gallery, .testimonials-inner, .inner-slider-section,
.slick-gallery-container, .portfolio-testimonials-inner {
width: calc(100vw - 310px); }
@media all and (max-width: 1024px) {
.content-width, .zinc-gallery, .testimonials-inner, .inner-slider-section,
.slick-gallery-container, .portfolio-testimonials-inner {
width: calc(100vw - 70px); } }
@media all and (max-width: 480px) {
.content-width, .zinc-gallery, .testimonials-inner, .inner-slider-section,
.slick-gallery-container, .portfolio-testimonials-inner {
width: 100vw; } }
.no-sidebar .content-width, .no-sidebar .zinc-gallery, .no-sidebar .testimonials-inner, .no-sidebar .inner-slider-section, .no-sidebar
.slick-gallery-container, .no-sidebar .portfolio-testimonials-inner {
width: 100vw; }
.widget {
margin-bottom: 3.125rem; }
.zilla-dribbble-shots li {
margin-right: 0; }
.zilla-dribbble-shots li img {
width: 100%; }
.widget_recent_entries .widget-title {
margin-bottom: 1.875rem; }
.widget-input {
margin-bottom: 0.9375rem; }
.widget_search {
display: block;
width: 80%;
margin-right: auto;
margin-left: auto; }
.widget_search input {
color: #fff; }
.widget_search .search-button {
max-width: 100%;
cursor: pointer; }
.widget_search .search-button:hover {
color: #141414;
background-color: transparent; }
.primary-sidebar li:hover .number {
color: #7a7a7a; }
.primary-sidebar .social-icons {
margin-top: 0.625rem; }
.primary-sidebar {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
position: fixed;
left: 0;
z-index: 300;
height: 100%;
width: 19.375rem;
color: #fff;
text-align: center;
background-color: #141414; }
.primary-sidebar.fixed {
position: fixed; }
.ie9 .primary-sidebar {
overflow-y: scroll !important; }
.admin-bar .primary-sidebar {
top: 2rem; }
@media all and (max-width: 768px) {
.admin-bar .primary-sidebar {
top: 2.875rem; } }
.primary-sidebar #wp-calendar td,
.primary-sidebar #wp-calendar th {
padding: 0.625rem; }
.primary-sidebar #wp-calendar a {
letter-spacing: normal; }
.primary-sidebar a {
color: #fff;
word-wrap: break-word; }
@media all and (max-width: 1024px) {
.primary-sidebar {
height: 100vh;
top: 0;
width: 4.375rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.primary-sidebar .inner-sidebar {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
display: none;
opacity: 0; }
.primary-sidebar .inner-sidebar.visible {
display: inline;
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.primary-sidebar .inner-sidebar.animating {
display: none; }
.primary-sidebar .inner-sidebar.animating-in {
opacity: 1;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
transition: transform 0.5s linear, opacity 0.5s linear;
transition: transform 0.5s linear, opacity 0.5s linear, -webkit-transform 0.5s linear; }
.primary-sidebar .inner-sidebar.animating-out {
opacity: 0;
-webkit-transition: opacity 0s linear;
transition: opacity 0s linear; }
.primary-sidebar.open {
width: 19.375rem; } }
@media all and (max-width: 480px) {
.primary-sidebar {
position: absolute;
right: 0;
left: auto;
background: transparent; }
.primary-sidebar.fixed {
position: fixed;
top: 0; }
.primary-sidebar.fixed .site-header-menu-line {
fill: #141414; }
.primary-sidebar.open {
width: 100%;
background-color: #141414; } }
.primary-sidebar ul {
padding-left: 0;
margin-left: 0; }
.primary-sidebar ul > li {
font-size: 0.875rem;
font-weight: 300;
list-style-type: none; }
.primary-sidebar ul > li.menu-item-has-children > a {
position: relative; }
.primary-sidebar ul > li.menu-item-has-children.open > a > .arrow-icon-holder {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg); }
.primary-sidebar ul > li:before {
padding: 0;
content: ""; }
.primary-sidebar ul > li > a {
display: block;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
font-weight: 300;
letter-spacing: normal;
color: #999999;
text-decoration: none;
text-transform: uppercase; }
.primary-sidebar ul > li > a:hover {
color: #fff; }
.primary-sidebar ul > li > .sub-menu {
display: none;
margin-top: 0; }
.primary-sidebar ul > li > .sub-menu.animating, .primary-sidebar ul > li > .sub-menu.visible {
display: block; }
.primary-sidebar ul > li > .sub-menu.animating-in {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s ease;
transition: opacity 0.4s, -webkit-transform 0.4s ease;
transition: opacity 0.4s, transform 0.4s ease;
transition: opacity 0.4s, transform 0.4s ease, -webkit-transform 0.4s ease; }
.primary-sidebar ul > li > .sub-menu.animating-out {
opacity: 0;
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%);
-webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease;
transition: opacity 0.2s, -webkit-transform 0.4s ease;
transition: opacity 0.2s, transform 0.4s ease;
transition: opacity 0.2s, transform 0.4s ease, -webkit-transform 0.4s ease; }
.primary-sidebar ul > li > .sub-menu.visible {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.primary-sidebar ul > li > .sub-menu > li {
list-style: none; }
.primary-sidebar ul > li > .sub-menu > li > a {
display: block;
padding-top: 0;
padding-bottom: 0.9375rem;
color: #fff;
text-decoration: none;
text-transform: none;
-webkit-transition: color linear 0.5s;
transition: color linear 0.5s; }
@media all and (max-width: 1024px) {
.menu-item-has-children:target > .sub-menu {
display: block; } }
.primary-sidebar .widget {
padding-right: 1.25rem;
padding-left: 1.25rem;
list-style-type: none; }
.primary-sidebar .widget-title {
font-size: 0.875rem;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
color: #fff; }
.primary-sidebar .widget-title:after {
border-bottom: 0; }
.primary-sidebar .widget_calendar {
padding-right: 0;
padding-left: 0; }
.primary-sidebar .sidebar-address {
font-style: normal;
font-weight: 300;
line-height: 1.375rem; }
.primary-sidebar .sidebar-address > .address-line {
font-size: 0.875rem;
color: #666666; }
.primary-sidebar .sidebar-address .contact-email {
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.primary-sidebar .sidebar-address .contact-email:hover {
color: #fff; }
.primary-sidebar .sidebar-address a {
letter-spacing: normal;
color: #666666;
text-decoration: none;
text-transform: none; }
.primary-sidebar .sidebar-address a:hover {
color: #fff; }
.primary-sidebar .copyright {
margin-top: 3.125rem;
margin-bottom: 1.25rem;
font-size: 0.875rem;
font-weight: 300;
color: #666666; }
.site-title-container {
padding-bottom: 0.625rem;
margin-top: 3.75rem;
margin-bottom: 3.75rem; }
.site-title {
position: static !important;
margin-bottom: 0.3125rem;
font-weight: 300;
text-align: center; }
.site-title > a {
color: #fff;
font-weight: 300;
letter-spacing: 0.02em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
line-height: normal;
text-decoration: none; }
.site-subtitle {
padding-right: 3.125rem;
padding-left: 3.125rem;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.4;
text-transform: none; }
.arrow-icon-holder {
position: absolute;
height: 0.75rem;
width: 0.9375rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
margin-left: 0.9375rem;
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s; }
.arrow-icon {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
height: 0.75rem;
width: 0.9375rem;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
fill: #999999;
box-sizing: border-box; }
.arrow-icon-holder:hover .arrow-icon {
fill: #fff; }
.tablet-sidebar {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
position: fixed;
z-index: 100;
float: left;
display: none;
width: 4.375rem;
background-color: #141414; }
@media all and (max-width: 1024px) {
.tablet-sidebar {
display: block; } }
.tablet-sidebar.open {
width: 19.375rem; }
.tablet-menu-icon {
position: absolute;
right: 1.40625rem;
z-index: 500;
display: none;
width: 1.5625rem;
height: 2.875rem;
padding: 0;
margin: 1.5625rem auto 0;
cursor: pointer;
background: transparent;
border: 0; }
.tablet-menu-icon:active, .tablet-menu-icon:visited, .tablet-menu-icon:focus {
padding-right: inherit;
padding-left: inherit;
outline: none; }
.tablet-menu-icon.open {
right: 0.9375rem; }
.open .tablet-menu-icon .site-header-menu-line {
fill: #fff; }
@media all and (max-width: 1024px) {
.tablet-menu-icon {
display: block; } }
@media all and (max-width: 480px) {
.tablet-menu-icon {
margin-top: 1.25rem; } }
.site-header-menu-line {
display: block;
width: 1.5625rem;
height: 0.1875rem;
fill: #fff; }
.site-header-menu-icon-2 {
position: absolute;
top: 0.4375rem; }
.site-header-menu-icon-3 {
position: absolute;
top: 0.875rem; }
.open .site-header-menu-icon-1 {
top: 0;
-webkit-transform: rotate(-45deg) translate(1px, -9px);
-ms-transform: rotate(-45deg) translate(1px, -9px);
transform: rotate(-45deg) translate(1px, -9px); }
.open .site-header-menu-icon-2 {
display: none; }
.open .site-header-menu-icon-3 {
-webkit-transform: rotate(45deg) translate(-3px, 4px);
-ms-transform: rotate(45deg) translate(-3px, 4px);
transform: rotate(45deg) translate(-3px, 4px); }
@media all and (max-width: 480px) {
body:not(.page-template-cover) .site-header-menu-line {
fill: #141414; }
body:not(.page-template-cover) .open .site-header-menu-line {
fill: #fff; } }
.widget_nav_menu {
margin-bottom: 0; }
.menu li {
margin-bottom: 0; }
.menu li > a {
padding-bottom: 0; }
.widget-zinc-contact-info {
margin-top: 2.5rem; }
.widget-zinc-contact-info .widget-title {
margin-bottom: 1.25rem; }
.page-content {
padding-top: 0;
margin-top: 0;
margin-left: 19.375rem;
background-color: #fff;
overflow: hidden; }
@media all and (max-width: 1024px) {
.page-content {
margin-left: 4.3125rem; } }
@media all and (max-width: 480px) {
.page-content {
margin-top: 4.375rem;
margin-left: 0; } }
.ie9 .page-content {
margin-left: 17.8125rem; }
@media all and (max-width: 480px) {
.page-template-cover .page-content {
margin-top: 0; } }
.no-sidebar .page-content {
margin-left: 0; }
.page-template-default .title-section {
margin-bottom: 3.125rem; }
.page-template-default .cta-section {
margin-top: 6.25rem; }
.social-icon {
height: 1.25rem;
width: 1.25rem;
margin: 0.625rem;
fill: #666666;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.social-icon:hover {
fill: #fff; }
.hero {
position: relative;
background-size: cover; }
@media all and (max-width: 480px) {
.hero {
height: calc(100vh - 70px); } }
@media all and (max-width: 768px) {
.admin-bar .hero {
height: calc(100vh - 32px); } }
@media all and (max-width: 480px) {
.admin-bar .hero {
height: calc(100vh - 46px); } }
.hero-overlay {
width: 100%;
height: 100%;
background-color: #141414;
background-color: rgba(20, 20, 20, 0.6); }
.hero-content {
padding-top: 10.625rem;
padding-right: 5.625rem;
padding-left: 5.625rem;
color: #fff;
text-align: left; }
@media all and (max-width: 767px) {
.hero-content {
padding-top: 1.25rem;
padding-left: 1.25rem; }
.hero-content .hero-subtitle {
font-size: 3.75rem; } }
@media all and (max-width: 480px) {
.hero-content {
padding-top: 5rem;
padding-right: 0;
padding-left: 0;
text-align: center; }
.hero-content .hero-title {
margin-top: 0; }
.hero-content .hero-subtitle {
font-size: 2.125rem; } }
.hero-title {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.hero-title:after {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media all and (max-width: 480px) {
.hero-title:after {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
.hero-subtitle {
margin-top: 2.5rem;
margin-bottom: 1.25rem;
font-size: 3.875rem;
font-weight: 300;
line-height: 1; }
.hero-tagline {
margin-top: 0;
margin-left: 0;
font-size: 1.375rem;
font-weight: 300;
line-height: normal;
color: #999999; }
.hero-arrow {
position: absolute;
bottom: 2.8125rem;
left: calc(50% - 7px);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.hero-arrow .button-arrow {
stroke: #fff; }
@media all and (max-width: 767px) {
.hero-arrow {
display: none; } }
.zinc-button.hero-button {
margin-top: 3.125rem; }
.zinc-button.hero-button:hover {
background-color: #fff; }
@media all and (max-width: 480px) {
.zinc-button.hero-button {
margin: 0 auto; } }
.cover-title {
margin-bottom: 2.8125rem; }
.services-container {
max-width: 73.125rem;
padding-right: 1.25rem;
padding-left: 1.25rem;
margin: 4.375rem auto 0;
overflow: hidden; }
.services-block {
display: inline-block;
float: left;
width: 50%;
margin-bottom: 2.5rem;
overflow: hidden; }
.services-block .thumb-responsive {
display: block;
margin: 0 auto;
max-width: 9.375rem;
overflow: hidden; }
.services-block .thumb-responsive img {
width: auto;
height: auto; }
.services-block .service-description {
color: #adadad; }
.services-block:only-of-type, .services-block:last-of-type:nth-of-type(odd) {
float: none; }
.services-block:nth-of-type(odd) {
clear: left; }
@media all and (max-width: 1240px) {
.services-block {
width: 100%; } }
.services-inner {
margin: 0 auto;
max-width: 25rem; }
.service-name {
margin-bottom: 0.5rem;
letter-spacing: 0.2em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-size: 1.125rem;
font-weight: 300; }
.cover-gallery-container {
max-width: 48.75rem;
margin: 0 auto;
overflow: hidden; }
.cover-gallery .section-description {
margin-bottom: 3.4375rem; }
.cover-gallery-image {
display: inline-block;
margin: 1.25rem; }
.cover-blog {
overflow: hidden; }
.cover-blog-inner {
max-width: 37.5rem;
margin: 0 auto; }
.cover-blog-block {
display: block;
overflow: hidden;
padding-top: 3.125rem;
padding-bottom: 3.125rem;
border-bottom: 1px solid #d5d5d5; }
.cover-blog-block:last-of-type {
border-bottom: none; }
.cover-blog-section-title {
margin-bottom: 1.875rem; }
.cover-blog-text {
float: left;
overflow: hidden;
padding-left: 2.5rem;
width: calc(100% - 60px);
text-align: left;
text-decoration: none; }
@media all and (max-width: 480px) {
.cover-blog-text {
width: 100%;
padding-right: 5%;
padding-left: 5%;
text-align: center; }
.cover-blog-text .read-more {
margin-top: 1.875rem; } }
.cover-blog-title {
margin-top: 0;
margin-bottom: 0;
padding-right: 1.5625rem;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-size: 1.125rem; }
.cover-blog-title > a {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
font-weight: 300;
text-decoration: none;
color: #141414; }
@media all and (max-width: 480px) {
.cover-blog-title {
margin-top: 1.875rem;
text-align: center; } }
.cover-blog-description {
font-size: 0.875rem;
color: #141414; }
.cover-blog-description p {
margin-bottom: 0;
padding-right: 1.5625rem; }
.cover-blog-description .read-more {
margin-top: 0.9375rem; }
@media all and (max-width: 480px) {
.cover-blog-description .read-more {
margin-right: auto;
margin-left: auto; } }
.cover-blog-button-container {
margin-top: 1.25rem; }
.cover-blog-date * {
cursor: default; }
.cover-featured-blog .cover-blog-date:hover {
background-color: #141414;
cursor: pointer; }
.cover-featured-blog .cover-blog-date:hover * {
cursor: pointer; }
.cover-blog-date-block {
cursor: pointer; }
.cover-blog-date-block .cover-blog-day,
.cover-blog-date-block .cover-blog-month {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s; }
@media all and (max-width: 480px) {
.cover-blog-date-block {
text-decoration: none; }
.cover-blog-date-block .cover-blog-date {
display: block;
float: none;
margin: 0 auto; } }
.cover-about {
padding-bottom: 0;
overflow: hidden; }
.cta-section {
position: relative;
min-height: 24.6875rem;
padding-top: 5.625rem;
padding-bottom: 5.625rem; }
.cta-foreground {
position: relative;
z-index: 2;
color: #fff; }
.cta-background {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background-position: center;
background-size: cover; }
.cta-overlay {
width: 100%;
height: 100%; }
.cta-title {
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 300; }
@media all and (max-width: 480px) {
.cta-title {
padding-right: 1.25rem;
padding-left: 1.25rem; } }
.cta-subtitle {
margin-top: 1.5625rem;
margin-bottom: 0;
letter-spacing: 0.03em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.4em;
text-transform: none;
color: white; }
@media all and (max-width: 480px) {
.cta-subtitle {
padding-right: 1.25rem;
padding-left: 1.25rem; } }
.cta-foreground .cta-underline {
padding-right: 1.5625rem;
padding-bottom: 1.5625rem;
padding-left: 1.5625rem; }
.cta-foreground .cta-underline:after {
border-color: white; }
.cta-button-container {
margin-top: 3.75rem; }
.cta-button {
padding-bottom: 1.375rem;
box-shadow: none; }
.cta-button:hover {
box-shadow: inset 15rem 0 0 0 #fff; }
.inner-portfolio {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
overflow: hidden;
margin: 0 auto;
padding: 0.3125rem;
max-width: 60rem; }
.portfolio-posts {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
overflow: hidden; }
.portfolio-project {
position: relative;
height: 100%;
overflow: hidden; }
.portfolio-project:hover .portfolio-project-desc, .portfolio-project.hover .portfolio-project-desc {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.portfolio-type {
width: 100%;
height: calc(100vw - 0.625rem);
padding: 0.3125rem; }
@media all and (min-width: 481px) {
.portfolio-type {
height: calc(100vw - 5rem); } }
@media all and (min-width: 768px) {
.portfolio-type:nth-of-type(4n+1), .portfolio-type:nth-of-type(4n+2) {
width: 50%;
height: 20rem; }
.portfolio-type:nth-of-type(4n+3) {
height: 20rem; }
.portfolio-type:nth-of-type(4n+4) {
height: 40rem; }
.portfolio-type:nth-of-type(4n+3), .portfolio-type:nth-of-type(4n+4) {
width: 100%; }
.portfolio-type:nth-of-type(4n+5):last-of-type {
width: 100%; } }
.portfolio-project-img {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.portfolio-project-desc {
-webkit-transition: all linear 0.3s;
transition: all linear 0.3s;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 1.25rem;
left: 1.25rem;
z-index: 2;
display: block;
width: calc(100% - 40px);
height: calc(100% - 40px);
padding-right: 1.5625rem;
padding-left: 1.5625rem;
text-align: center;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); }
.portfolio-project-desc-inner {
position: relative;
top: 50%;
overflow: hidden;
padding-bottom: 0.0625rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.portfolio-project-category {
color: #141414;
font-size: 0.875rem;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-decoration: none;
text-transform: uppercase; }
.portfolio-project-category:after {
content: " / "; }
.portfolio-project-category:last-of-type:after {
content: ""; }
.portfolio-project-title {
font-size: 1.875rem;
font-weight: 300;
letter-spacing: 0.06em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.zinc-button.portfolio-button {
margin: 0 auto;
border-width: 1px;
line-height: 0.75rem; }
.zinc-button.portfolio-button:hover {
background-color: transparent; }
.portfolio-more-button {
width: 100%;
overflow: hidden;
clear: both; }
.btn-load-more-portfolio {
display: inline;
cursor: pointer;
background-color: #fff; }
.portfolio-audio-post-img {
width: 100%;
height: 21.875rem;
-o-object-fit: cover;
object-fit: cover; }
.project-info {
text-align: left; }
.project-info .project-info-title {
font-weight: 400;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.project-info .project-info-title:after {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.project-info .portfolio-entry-meta {
width: 16.25rem; }
.project-info .portfolio-meta-icon-block {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
border-top: 1px solid #d5d5d5; }
.project-info .portfolio-meta-icon-block:last-of-type {
border-bottom: 1px solid #d5d5d5; }
.project-info dt {
float: left;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-transform: uppercase; }
.project-info dd {
font-size: 0.75rem;
font-weight: 300; }
.project-info dd a {
text-transform: none; }
.project-info .project-info-inner {
clear: both; }
.project-info .project-info-meta {
float: left; }
.project-info .project-info .project-info-description {
float: left;
width: calc(100% - 320px);
margin-left: 3.75rem; }
.project-info .project-info .project-info-description p {
font-size: 0.875rem;
color: #7a7a7a; }
.testimonials {
padding-top: 0;
padding-bottom: 0; }
.testimonial {
overflow: hidden; }
.testimonials-inner {
position: relative; }
.testimonial-image,
.testimonial-text {
float: left;
width: 50%; }
@media all and (max-width: 1200px) {
.testimonial-image,
.testimonial-text {
width: 100%; } }
@media all and (max-width: 900px) {
.no-sidebar .testimonial-image,
.no-sidebar .testimonial-text {
width: 100%; } }
.testimonial-text {
background-color: #1e1d1d; }
.testimonial-title {
color: #fff;
font-size: 2.5rem;
font-weight: 300; }
.testimonial-description {
color: #666666;
font-size: 0.875rem; }
.testimonial-text-inner {
position: relative;
top: 50%;
overflow: hidden;
max-width: 25.625rem;
margin: 0 auto;
padding-right: 1.25rem;
padding-left: 1.25rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.testimonial-icon-container {
height: 1.875rem; }
.testimonial-icon {
width: 3.125rem;
height: 1.875rem;
fill: #fff; }
.testimonial-author-info {
margin-top: 2.1875rem;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.4em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-transform: uppercase; } .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.input-label {
display: block;
font-size: 0.875rem;
text-align: left;
color: #141414; }
.contact-form .grunion-field-label,
.contact-form .grunion-field-label span .contact-form .grunion-field-label.url {
padding-top: 1.25rem;
font-size: 0.875rem;
font-weight: 300;
letter-spacing: normal;
color: #141414;
text-transform: none; }
.dark-label {
color: #fff; }
input,
textarea,
input.url[type="text"] {
width: 100%;
padding-top: 0.9375rem;
padding-bottom: 1.25rem;
margin-bottom: 0.5rem;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: normal;
color: #7a7a7a;
text-align: left;
text-transform: none;
background: none;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #d5d5d5;
border-left: 0;
outline: none; }
input.error,
textarea.error,
input.url[type="text"].error {
border-color: #ff0000; }
.dark-input {
color: #fff; }
.contact {
overflow: hidden; }
.contact-image,
.contact-form-black {
float: left;
width: 50%; }
@media all and (max-width: 1200px) {
.contact-image,
.contact-form-black {
width: 100%; } }
.contact-form-black {
background-color: #1e1d1d; }
.contact-form:not(.contact-form-black) {
width: 100%; }
.contact-form-inner {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 80%;
margin: 0 auto; }
.contact-image {
position: relative;
background-size: cover; }
.contact-image-overlay {
background-color: #1e1d1d;
background-color: rgba(30, 29, 29, 0.9);
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%; }
.contact-info {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
color: #fff; }
.pointer-icon {
height: 4.6875rem;
width: 3.4375rem;
margin-bottom: 3.125rem; }
.contact-line {
margin-top: 1.25rem; }
.contact-title {
font-size: 1.125rem;
font-weight: 400;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-transform: uppercase;
color: #fff; }
.contact-list {
margin-top: 2.5rem;
margin-left: 0;
list-style: none; }
.contact-list > li:before {
content: "";
padding: 0; }
li.buttons:hover {
opacity: 1; }
.send-button {
margin: 0 auto;
font-size: 0.75rem;
cursor: pointer;
background: none;
border-bottom-color: #fff; }
.send-button:hover {
color: #1e1d1d; }
.contact-cancel-button {
display: none;
position: relative;
top: 1.375rem;
float: right;
color: #fff;
text-decoration: none;
opacity: 1; }
.contact-cancel-button:hover {
text-decoration: underline;
color: #fff; }
.contact-textarea {
height: 3.125rem; }
.page-content .contact-form input[type="text"],
.page-content .contact-form input[type="email"],
.page-content .contact-form textarea {
width: 100%; }
.contact-submit {
max-width: 100%; }
.page-template-contact .contact-section {
margin-top: 6.25rem; }
.page-template-contact .site-title-container {
margin-bottom: 0; }
.zilla .contact-form textarea {
height: 3.125rem; }
.after-contact {
position: relative;
top: 1.25rem;
clear: both; }
.contact-list .buttons {
display: block;
overflow: hidden; }
input:focus,
textarea:focus,
input.url[type="text"]:focus {
opacity: 1; }
.page-template-contact .cover-about {
padding-top: 5.625rem; }
.page-template-contact .accent-underline {
margin-bottom: 5.625rem;
padding-bottom: 1.5625rem; }
.page-template-contact .section-title {
margin-bottom: 0.625rem;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.page-template-contact .section-subtitle {
font-size: 1.125rem;
font-weight: 300;
letter-spacing: 0.02em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.page-template-contact .about-description {
display: none; }
.contact-email a,
.contact-phone a {
text-decoration: none;
color: #fff; }
.contact-phone-email {
padding-top: 0.625rem; }
.contact-phone-email .contact-line {
font-size: 0.6875rem; }
.archive-post {
float: left;
width: 100%;
text-align: left; }
.archive-post > p {
max-width: 100%;
font-size: 0.875rem; }
.archive-post.no-image {
padding-top: 1rem;
border-top: 1px solid #d5d5d5; }
.archive-post .read-more {
display: block;
width: 6.25rem;
margin-top: 0.625rem;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.archive-post-container {
overflow: hidden;
margin-top: 6.25rem; }
.archive-post-meta {
position: relative;
float: left;
width: calc(100% - 60px);
padding-left: 2.5rem; }
.archive-post-title {
margin-bottom: 0.3125rem;
font-weight: 300;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
line-height: normal;
text-align: left; }
.archive-post-title > a {
font-size: 1.125rem;
font-weight: 300;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-decoration: none;
color: #141414;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.archive-post-title > a:hover {
color: #141414;
cursor: default; }
.blog .archive-post-title a:hover {
text-decoration: underline;
cursor: pointer; }
.archive-post-date a {
color: #fff;
text-decoration: none; }
.archive-post-date:hover a {
color: #fff; }
.archive-post-author {
padding-bottom: 0.9375rem;
font-size: 0.875rem;
font-weight: 300;
text-align: left; }
.archive-post-author a {
font-weight: 300;
letter-spacing: normal;
text-transform: none; }
.archive-post-meta-comments {
float: right;
font-size: 0.875rem; }
.archive-post-meta-comments a {
font-weight: 300;
letter-spacing: normal;
text-decoration: none;
text-transform: none; }
.archive-post-meta-category:after {
content: ", "; }
.archive-post-meta-category:last-of-type:after {
content: ""; }
.icon-message {
position: relative;
top: 0.3125rem;
width: 1.25rem;
height: 1.25rem;
margin-right: 0.625rem; }
.right-meta {
position: absolute;
right: 0;
bottom: 0.9375rem;
float: right; }
@media all and (max-width: 668px) {
.right-meta {
position: static;
float: left;
margin-bottom: 0.625rem;
clear: left; } }
.left-meta {
float: left;
max-width: 85%; }
.pagination {
padding-top: 9.375rem;
padding-bottom: 9.375rem; }
.page-numbers {
font-size: 0.875rem;
color: #9e9c9c;
letter-spacing: 0.6em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-decoration: none; }
.page-numbers:hover, .page-numbers.current {
color: #141414; }
.breadcrumbs {
margin-top: 4.0625rem;
margin-bottom: 4.0625rem;
padding-top: 2rem;
padding-bottom: 2rem;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
background-color: #fafafa; }
.breadcrumbs-list {
overflow: hidden;
margin: 0 auto;
padding: 0; }
.breadcrumbs-list > li {
display: inline;
font-size: 0.875rem;
list-style: none; }
.breadcrumbs-list > li:before {
content: "";
padding: 0; }
.breadcrumbs-list > li > a {
font-size: 0.875rem;
font-weight: 300;
letter-spacing: normal;
text-decoration: none;
text-transform: none;
color: #141414;
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s; }
.breadcrumbs-list > li > a:after {
content: " / "; }
.singular-post {
clear: both;
float: left;
width: 100%;
text-align: left; }
.singular-post > p,
.singular-post > ul,
.singular-post > ol {
max-width: 100%;
font-size: 0.875rem;
line-height: 1.5rem; }
.singular-post.no-image {
padding-top: 1rem;
border-top: 1px solid #d5d5d5; }
blockquote {
padding-top: 3.125rem;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.75rem;
text-align: center;
display: block;
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc/images/quotes.svg);
background-size: 45px 30px;
background-position: center top;
background-repeat: no-repeat; }
blockquote cite {
display: block;
margin-top: 0.625rem;
width: 100%;
letter-spacing: 0.42em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-align: center;
text-transform: uppercase;
font-size: 0.75rem;
font-style: normal;
font-weight: 700; }
.quote-author-title {
margin-left: 5px; }
.testimonial-icon {
stroke: #141414; }
.post-tags {
display: block;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
clear: both;
text-align: left;
border-bottom: 1px solid #d5d5d5; }
.post-tags .tag {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
font-size: 0.875rem;
font-weight: 300;
letter-spacing: normal;
text-decoration: none;
text-transform: lowercase; }
.post-tags .tag:hover {
color: #141414; }
.post-tags .tag:before {
content: "#"; }
.post-tags .tag:after {
content: ", "; }
.post-tags .tag:last-of-type:after {
content: ""; }
.post-pagination-section {
padding-bottom: 0;
text-align: left;
overflow: hidden; }
.post-pagination-prev,
.post-pagination-next {
float: left;
height: 100%;
width: 50%;
padding: 2.5rem;
border-top: 1px solid #d5d5d5; }
@media all and (max-width: 767px) {
.post-pagination-prev,
.post-pagination-next {
width: 100%; } }
.post-pagination-prev {
position: relative;
overflow: hidden;
text-align: right;
border-right: 1px solid #d5d5d5; }
.post-pagination-prev .prev-arrow {
position: absolute;
bottom: 0.9375rem;
left: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.post-pagination-prev .pagination-title {
margin-left: 1.25rem; }
@media all and (max-width: 767px) {
.post-pagination-prev .pagination-title {
margin-left: 3.75rem; } }
.post-pagination-prev .accent-underline:after {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
right: 0;
left: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.post-pagination-prev:hover .accent-underline:after {
width: 100%; }
.post-pagination-next {
position: relative;
overflow: hidden; }
.post-pagination-next .next-arrow {
position: absolute;
bottom: 0.9375rem;
right: 0; }
.post-pagination-next .accent-underline:after {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
right: auto;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.post-pagination-next:hover .accent-underline:after {
width: 100%; }
.post-pagination-next-inner,
.post-pagination-prev-inner {
position: relative;
width: 25rem; }
@media all and (max-width: 1240px) {
.post-pagination-next-inner,
.post-pagination-prev-inner {
width: 18.75rem; } }
@media all and (max-width: 767px) {
.post-pagination-next-inner,
.post-pagination-prev-inner {
width: 100%; } }
.post-pagination-next-inner {
float: left; }
.post-pagination-prev-inner {
float: right; }
.post-pagination-text {
font-size: 0.875rem;
letter-spacing: normal;
text-transform: none;
color: #949494; }
.pagination-title {
width: calc(100% - 20px);
margin-top: 0.625rem;
font-weight: 400;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-transform: uppercase; }
a:hover .pagination-title {
color: #141414; }
@media all and (max-width: 767px) {
.pagination-title {
width: calc(100% - 60px); } }
.no-next .post-pagination-next .post-pagination-next {
opacity: 0.4; }
.no-next .post-pagination-next .post-pagination-next-inner {
visibility: hidden; }
.no-next .post-pagination-next:hover .accent-underline:after {
width: 2.25rem; }
.no-prev .post-pagination-prev .post-pagination-prev {
opacity: 0.4; }
.no-prev .post-pagination-prev .post-pagination-prev-inner {
visibility: hidden; }
.no-prev .post-pagination-prev:hover .accent-underline:after {
width: 2.25rem; }
.next-arrow,
.prev-arrow {
border: none; }
.slick-gallery-container {
position: absolute; }
.slick-gallery-container:not('.portfolio-gallery') .zinc-slideshow-slide {
width: 100%;
height: 31.25rem; }
@media all and (max-width: 1150px) {
.slick-gallery-container:not('.portfolio-gallery') .zinc-slideshow-slide {
height: 25rem; } }
@media all and (max-width: 960px) {
.slick-gallery-container:not('.portfolio-gallery') .zinc-slideshow-slide {
height: 18.75rem; } }
@media all and (max-width: 660px) {
.slick-gallery-container:not('.portfolio-gallery') .zinc-slideshow-slide {
height: 12.5rem; } }
.audio-section {
padding-top: 1.25rem;
padding-bottom: 0; }
.password-protected-button {
margin: 0 auto; }
.comment-form {
overflow: hidden; }
.comment-form input,
.comment-form textarea {
text-align: left; }
.comment-form .comment-submit {
display: block;
width: auto;
margin: 0 auto;
line-height: 1;
cursor: pointer;
opacity: 1; }
@media all and (max-width: 480px) {
.comment-form .comment-submit {
margin: 3.125rem auto 0; } }
.comment-form label {
float: left; }
#comments {
clear: left;
padding-top: 6.25rem;
padding-bottom: 0;
background-color: #fff; }
.comment-list {
margin-left: 0;
padding-left: 0;
list-style: none; }
.comment-list li:hover {
opacity: 1; }
.comment-list li:after {
content: "";
padding: 0; }
@media all and (max-width: 480px) {
.comment-list .comment .children {
padding-left: 0;
margin-top: 1.875rem;
margin-left: 0; } }
.comments-title {
font-size: 1.5rem;
font-weight: 300;
text-align: left;
color: #141414; }
.comment-body {
max-width: 100%;
width: 40.625rem;
margin: 3.125rem auto 0;
overflow: hidden; }
.comment-metadata > a {
text-decoration: none; }
.comment-meta,
.comment-content {
float: left; }
@media all and (max-width: 480px) {
.comment-meta,
.comment-content {
float: none; } }
.comment-meta {
padding-right: 1.25rem; }
.avatar {
border-radius: 50%; }
.comment-author .avatar {
margin-top: 0; }
.comment-author a,
.url {
letter-spacing: normal;
text-transform: none;
text-decoration: none;
font-weight: 700;
font-size: 0.75rem; }
.comment-author .avatar {
margin-top: 0; }
.comment-date {
margin-left: 0.625rem;
letter-spacing: normal;
text-transform: none;
color: #545454;
font-size: 0.75rem;
font-weight: 300; }
@media all and (max-width: 480px) {
.comment-date {
margin-left: 0.625rem; } }
.comment-content {
width: 80%;
color: #141414;
text-align: left; }
.comment-content p {
margin-top: 0.3125rem;
font-size: 0.875rem;
line-height: 1.5rem;
color: #7a7a7a; }
@media all and (max-width: 480px) {
.comment-content {
width: 100%;
text-align: center; } }
.reply {
clear: left; }
.comment {
padding-top: 1.875rem;
padding-bottom: 1.875rem; }
.comment-reply-link {
font-weight: 400;
text-transform: uppercase;
color: #141414;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.comment-respond {
display: none;
max-width: 40.625rem;
margin: 0 auto; }
.comment .children {
padding-left: 5rem; }
.comment .children li.comment:before {
content: ""; }
#cancel-comment {
float: right;
padding-top: 1.25rem;
margin-top: 1.5625rem;
margin-right: 1.25rem;
font-size: 0.75rem;
font-weight: 700; }
#cancel-comment:hover {
color: #141414; }
@media all and (max-width: 480px) {
#cancel-comment {
float: none;
margin: 0 auto; } }
.comment-form-input,
.comment-form-textarea {
width: 100%;
border-bottom-color: #141414; }
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
margin-top: 0;
margin-bottom: 0; }
#cancel-comment-reply-link {
display: none; }
.form-submit {
float: left; }
@media all and (max-width: 480px) {
.form-submit {
float: none; } }
.comment-subscription-form {
float: left;
clear: both; }
.comment-subscription-form > label {
float: none; }
.comment-subscription-form > input {
margin-bottom: 0; }
.comment-edit-link,
.comment-reply-link,
.logged-in-as > a {
font-size: 0.75rem; }
.comment-awaiting-moderation {
font-size: 0.875rem;
font-style: italic; }
.mobile-logo {
position: absolute;
left: 0;
z-index: 300;
display: none;
width: 100%;
height: 4.375rem;
background-color: transparent; }
@media all and (max-width: 480px) {
.mobile-logo {
display: block; } }
.mobile-logo.fixed {
position: fixed;
top: 0;
z-index: 100;
background-color: #fff; }
.mobile-logo.no-logo {
overflow: hidden; }
.mobile-logo.no-logo .site-logo-link {
padding-right: 3.125rem;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-align: left;
text-transform: uppercase; }
.page-template-cover .mobile-logo.no-logo .site-logo-link {
color: #fff; }
.mobile-logo.no-logo .site-logo-link:after {
content: "";
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.mobile-logo.no-logo.fixed .site-logo-link {
color: #141414; }
.mobile-logo:after {
position: absolute;
bottom: 0;
left: 5%;
width: 90%;
border-bottom: 1px solid #d5d5d5;
content: ""; }
.mobile-logo img {
float: left;
width: 2.5rem;
height: 2.5rem;
-o-object-fit: cover;
object-fit: cover; }
.mobile-logo .site-logo-link {
float: left;
margin-top: 1.25rem;
margin-left: 1.25rem;
font-weight: 400;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-decoration: none; }
.mobile-logo .site-logo-link:after {
left: 0; }
.featured-area-image,
.featured-area-content {
position: relative;
float: left;
width: 50%;
text-align: left; }
@media all and (max-width: 1200px) {
.featured-area-image,
.featured-area-content {
width: 100%;
margin-bottom: -0.3125rem; } }
@media all and (max-width: 900px) {
.no-sidebar .featured-area-image,
.no-sidebar .featured-area-text {
width: 100%;
margin-bottom: -0.3125rem; } }
.featured-area-content-inner {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: table;
padding-right: 2.5rem;
padding-left: 2.5rem;
margin: 0 auto; }
.featured-area-title {
font-size: 1.125rem;
font-weight: 300;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.featured-area-title:after {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.featured-area-description {
max-width: 100%;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.375rem;
color: #666666; }
.featured-area-content .featured-area-list {
margin-left: 0; }
.featured-area-content .featured-area-list li {
font-size: 0.875rem; }
.featured-area-content .featured-area-list li .featured-element-inner {
opacity: #666666; }
.featured-area-content .featured-area-list li:before {
padding-right: 1.5625rem;
content: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc/images/tick.png); }
.about-team-content,
.about-team-image {
position: relative;
float: left;
width: 50%;
text-align: left; }
@media all and (max-width: 1200px) {
.about-team-content,
.about-team-image {
width: 100%; } }
@media all and (max-width: 1000px) {
.no-sidebar .about-team-content,
.no-sidebar .about-team-image {
width: 100%; } }
.about-team-content-inner {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-right: 4.0625rem;
padding-left: 4.0625rem; }
.about-team-content-inner .featured-area-title {
margin-top: 0; }
.about-team-image {
background-size: cover; }
.member-long-arrow {
width: 1.5625rem;
height: 0.9375rem;
margin-top: 1.25rem;
fill: #fff; }
.about-members {
text-align: center; }
.about-member-thumbnail {
position: relative;
float: left;
width: 25%;
padding-bottom: 25%;
overflow: hidden; }
.about-member-thumbnail:hover .about-member-overlay {
left: 0; }
.about-member-thumbnail .thumb-responsive {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 100%;
-webkit-transition: left 0.3s;
transition: left 0.3s; }
.about-member-thumbnail .thumb-responsive img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media all and (max-width: 480px) {
.about-member-thumbnail {
width: 100%;
padding-bottom: 100%; } }
@media all and (max-width: 1024px) {
.no-object-fit .about-member-thumbnail > .thumb-responsive img {
width: auto;
height: auto; }
.no-object-fit .about-member-modal-thumbnail {
height: 18.75rem; }
.no-object-fit .about-member-modal-thumbnail .thumb-responsive img {
width: 100%;
height: 18.75rem; } }
.about-member-modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 2000;
width: 60rem;
height: 31.25rem;
max-width: calc(100vw - 60px);
cursor: auto;
visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
@media all and (max-width: 1024px) {
.about-member-modal {
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: scroll;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.no-thumb .about-member-modal {
top: 50%;
min-height: 100%;
background-color: #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
.about-member-modal-content {
width: 100%;
height: 100%;
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all linear 0.5s;
transition: all linear 0.5s; }
@media all and (max-width: 1024px) {
.about-member-modal-content {
height: auto; } }
.show-modal {
position: relative; }
.show-modal .about-member-modal {
visibility: visible; }
.show-modal .about-member-modal-content {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.about-member-modal-thumbnail {
position: relative;
float: left;
width: 50%;
height: 100%; }
@media all and (max-width: 1024px) {
.about-member-modal-thumbnail {
width: 100%;
height: 50vh; } }
.no-thumb .about-member-modal-thumbnail {
display: none; }
.about-member-modal-text {
position: relative;
float: left;
width: 50%;
height: 100%;
background-color: #fff; }
.about-member-modal-text .accent-underline {
margin-bottom: 0; }
@media all and (max-width: 1024px) {
.about-member-modal-text {
width: 100%;
min-height: 50vh;
padding-bottom: 1.25rem; }
.no-thumb .about-member-modal-text {
min-height: 0; } }
.no-thumb .about-member-modal-text {
width: 100%; }
.about-member-modal-name {
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 300; }
.about-member-modal-title {
margin-top: 1.25rem;
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 300;
text-transform: none;
color: #545454; }
.about-member-modal-description {
max-width: 23.75rem;
margin: 1.9375rem auto 0;
font-size: 0.875rem;
font-weight: 300; }
.about-member-modal-description .read-more,
.about-member-modal-description .sharedaddy {
display: none; }
@media all and (max-width: 480px) {
.about-member-modal-description p {
padding-left: 0.9375rem;
padding-right: 0.9375rem; } }
.about-member-modal-facebook,
.about-member-modal-twitter,
.about-member-modal-linkedin {
text-decoration: none; }
.about-member-modal-social-icons {
margin-bottom: 1.875rem; }
.about-member-modal-social-icon {
fill: #141414; }
.about-member-modal-email {
background-color: #fff; }
.about-team-content-link {
font-size: 0.875rem; }
.about-team-content-link:hover {
color: #fff;
text-decoration: none; }
.about-member-overlay {
position: absolute;
left: -200%;
width: 100%;
height: 100%;
color: #fff;
-webkit-transition: left 0.4s linear;
transition: left 0.4s linear;
cursor: pointer; }
.no-thumb .about-member-overlay {
left: 0; }
.about-member-overlay-content {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.about-member-name {
margin-top: 0;
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: 0.2em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.about-member-title {
margin-top: 0.75rem;
margin-bottom: 0;
font-size: 0.875rem;
font-weight: 300;
text-transform: none; }
.about-description {
padding-bottom: 5.625rem;
margin-bottom: 0; }
.about-gallery {
overflow: hidden; }
.about-gallery-title {
margin-bottom: 5.625rem; }
.about-content {
padding-bottom: 0; }
.about-content .about-rte.no-featured-section {
padding-top: 0; }
.about-member-thumbnail-overlay {
background-color: #1e1d1d;
background-color: rgba(30, 29, 29, 0.9);
position: absolute;
top: 0;
left: 0; }
.modal-close-icon {
position: absolute;
top: 1.25rem;
right: 1.25rem;
z-index: 100;
width: 1.25rem;
height: 1.25rem;
fill: #141414;
cursor: pointer; }
@media all and (max-width: 1024px) {
.modal-close-icon {
display: block;
fill: #fff; }
.no-thumb .modal-close-icon {
fill: #141414; } }
.about-team-section {
padding-top: 0;
padding-bottom: 0; }
.selling-point-image-wrapper {
margin: 0 auto;
max-width: 9.375rem; }
.selling-point-image {
height: auto;
width: auto;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover; }
.selling-points-title {
font-weight: 300;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-transform: uppercase; }
.no-featured-section .selling-points-title {
position: relative;
padding-bottom: 1.5625rem;
font-size: 2.5rem;
letter-spacing: normal; }
.no-featured-section .selling-points-title:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
height: 0.0625rem;
width: 2.25rem;
border-bottom: 1px solid;
overflow: hidden;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.archive-career {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
margin-top: 0;
border-bottom: 1px solid #d5d5d5;
cursor: pointer; }
.archive-career * {
cursor: pointer; }
.archive-career .careers-excerpt {
float: none;
width: auto;
margin-left: 6.25rem; }
.archive-career .careers-excerpt .read-more {
width: 7.625rem;
color: #141414; }
.archive-career .careers-excerpt p .read-more {
display: none; }
.archive-career .archive-career-title {
margin-top: 0; }
.archive-career .archive-career-title a {
cursor: pointer; }
.archive-career:last-of-type {
border-bottom: 0; }
.page-template-careers .cover-about {
padding-bottom: 0;
background-color: #fafafa; }
.single-career .cover-services {
padding-bottom: 0; }
.career-content {
padding-bottom: 0; }
.career-info-section {
padding-bottom: 0; }
.career-info-section.no-featured-section {
padding-top: 0; }
.career-content {
font-size: 0.875rem;
color: #141414, 40%; }
.career-gallery-image {
float: left;
width: 33.33333%;
height: 23.125rem; }
.career-gallery-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media all and (max-width: 1000px) {
.career-gallery-image {
width: 100%;
margin-right: 0;
margin-left: 0; } }
.benefits-block {
width: 49%;
padding-right: 1.25rem;
padding-left: 1.25rem; }
@media all and (max-width: 1000px) {
.benefits-block {
width: 100%;
padding-right: 0;
padding-left: 0; } }
.type-career .featured-area-title:after {
content: ""; }
.career-info-inner {
max-width: 41.25rem;
margin: auto; }
.career-info-arrow {
position: relative;
top: 3.125rem;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.career-info-title {
font-size: 1.375rem;
font-weight: 300;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.career-info-description {
font-size: 0.875rem;
color: #7a7a7a; }
.career-info-description a {
text-decoration: none;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.career-info-description a:hover {
color: #141414; }
.single-career .cover-services {
padding-top: 4.375rem; }
@media all and (min-width: 481px) {
.single-portfolio .page-content .segment:first-of-type {
padding-top: 0; } }
.single-portfolio .testimonials {
background-color: #fafafa; }
.single-portfolio .testimonial .testimonial-text {
width: 100%;
background-color: #fafafa; }
.single-portfolio .testimonial .testimonial-text-inner {
top: auto;
max-width: 38.75rem;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
@media all and (max-width: 480px) {
.single-portfolio .testimonial .testimonial-text-inner {
padding-right: 1.875rem;
padding-left: 1.875rem; } }
.single-portfolio .testimonial .testimonial-description {
color: #141414; }
.single-portfolio .testimonial .testimonial-icon {
margin-top: 0.0625rem;
fill: #141414; }
.zinc-slideshow-slide {
display: inline-block;
width: 50%;
height: 20.625rem;
margin: -0.25rem 0 0; }
@media all and (max-width: 1000px) {
.zinc-slideshow-slide {
width: 100%; } }
.logo-banner {
padding-top: 0;
padding-bottom: 0;
text-align: center; }
.inner-counter {
max-width: 60rem;
margin: 0 auto;
overflow: hidden; }
.inner-counter {
max-width: 60rem;
margin: 0 auto;
overflow: hidden; }
.counter-title {
margin-bottom: 5.625rem;
font-size: 2.5rem;
font-weight: 300; }
.counter-area {
position: relative;
top: 0;
float: none;
width: calc(100% - 80px);
padding-bottom: 1.25rem;
margin: 0 auto; }
@media all and (min-width: 768px) {
.counter-area {
top: 100%;
float: left;
width: 100%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%); }
.counter-area.counters-2 {
width: 50%; }
.counter-area.counters-3 {
width: 33%; }
.counter-area.counters-4 {
width: 25%; } }
.counter-area-inner {
display: inline-block;
vertical-align: top; }
.counter-area-inner img {
width: auto;
height: auto; }
.counter-number {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-size: 2.5rem;
font-weight: 300; }
.counter-description {
margin-top: 0;
margin-bottom: 0;
font-size: 0.875rem;
font-weight: 300;
color: #7a7a7a; }
.single-portfolio .featured-image-section {
height: 30rem; }
@media all and (max-width: 1170px) {
.single-portfolio .featured-image-section {
height: 23.75rem; } }
@media all and (max-width: 1170px) {
.single-portfolio .featured-image-section {
height: 17.5rem; } }
@media all and (max-width: 770px) {
.single-portfolio .featured-image-section {
height: 12.5rem; } }
.end-result {
overflow: hidden; }
.result-title {
float: left;
width: 10rem;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-align: left;
line-height: 1.625rem; }
.result-title:after {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.result-desc {
float: left;
width: calc(100% - 180px);
margin-left: 1.25rem;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.4375rem;
text-align: left;
color: #7a7a7a; }
@media all and (max-width: 1000px) {
.result-desc {
width: 100%;
margin-left: 0; } }
.portfolio-audio.has-poster {
height: 25rem; }
.portfolio-audio-post-img {
width: 100%;
height: 21.875rem;
-o-object-fit: cover;
object-fit: cover; }
.project-info {
text-align: left; }
.project-info .project-info-title {
margin-bottom: 1.875rem;
font-weight: 400;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
line-height: 1.625rem; }
.project-info .project-info-title:after {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.project-info .portfolio-entry-meta {
width: 16.25rem; }
.project-info .portfolio-meta-icon-block {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
border-top: 1px solid #d5d5d5; }
.project-info .portfolio-meta-icon-block:last-of-type {
border-bottom: 1px solid #d5d5d5; }
.project-info dt {
float: left;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-transform: uppercase; }
.project-info dd {
margin-left: 0;
font-size: 0.75rem;
font-weight: 300; }
.project-info dd a {
text-transform: none; }
.project-info .project-info-inner {
clear: both; }
.project-info .project-info-meta {
float: left;
margin-right: 3.75rem; }
.project-info .project-info-description {
float: left; }
.project-info .project-info-description p {
font-size: 0.875rem;
color: #7a7a7a; }
.project-info .project-info-description iframe {
margin-top: 1.25rem; }
@media all and (max-width: 1000px) {
.project-info .project-info-description {
width: 100%;
margin-left: 0; } }
.project-info .project-info-description.no-content {
width: 100%;
margin-left: 0; }
.single-portfolio .project-info-description {
width: auto;
float: none;
margin-left: 0; }
.single-portfolio .project-info-description p {
max-width: none; }
@media all and (max-width: 1000px) {
.single-portfolio .project-info-description {
width: 100%;
clear: left; } }
.fluid-width-video-wrapper {
margin-bottom: 1.25rem; }
.inner-slider-section,
.slick-gallery-container {
position: relative; }
.inner-slider-section .slick-dots,
.slick-gallery-container .slick-dots {
right: auto !important;
left: 50%;
margin-left: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.inner-slider-section .slick-prev,
.inner-slider-section .slick-next,
.slick-gallery-container .slick-prev,
.slick-gallery-container .slick-next {
position: absolute;
top: 50%;
z-index: 300;
width: 1.875rem;
height: 2.1875rem;
font-size: 0;
cursor: pointer;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc/images/arrow.svg) no-repeat cover;
background-size: cover;
border: 0; }
.inner-slider-section .slick-prev,
.slick-gallery-container .slick-prev {
left: 0.625rem;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
.inner-slider-section .slick-next,
.slick-gallery-container .slick-next {
right: 0.625rem;
left: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.portfolio-slide {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
position: relative;
width: 100%; }
.portfolio-slide .slide-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.portfolio-slide .slide-content {
position: relative;
top: 50%;
left: 50%;
z-index: 1;
text-align: center;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%); }
.portfolio-slide .slide-title {
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 400;
text-transform: none; }
.portfolio-slide .slide-button {
display: inline-block;
margin-top: 0.3125rem;
margin-bottom: 0.3125rem; }
.portfolio-title {
font-size: 2.5rem;
font-weight: 300; }
.portfolio-title:after {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.portfolio-more-posts-title {
margin-bottom: 5.625rem; }
.portfolio-testimonials {
padding-top: 6.25rem;
padding-bottom: 6.25rem; }
.project-logo-1 {
max-width: 16.25rem; }
.slider-section {
padding-bottom: 0;
padding-top: 0; }
.slider-section .slick-dots li {
float: none; }
@media all and (max-width: 480px) {
.slider-section .slick-dots {
bottom: 0.3125rem; }
.slider-section .slick-dots li {
float: left; } }
.portfolio-gallery {
padding-bottom: 0; }
.portfolio-testimonials-inner .slick-prev,
.portfolio-testimonials-inner .slick-next {
z-index: 300;
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc/images/arrow-dark.svg);
background-repeat: no-repeat;
background-size: cover; }
@media all and (max-width: 480px) {
.portfolio-testimonials-inner .slick-prev,
.portfolio-testimonials-inner .slick-next {
width: 1.25rem;
height: 1.4375rem; } }
.slide-button {
margin-right: 0.625rem;
margin-left: 0.625rem; }
.single-portfolio .page-content section:first-of-type {
padding-top: 0; }
.portfolio-testimonial-text {
height: 100%; }
.portfolio-testimonial-text .testimonial-text-inner {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.portfolio-video {
position: relative; }
.video-poster-embed {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
cursor: pointer; }
.video-poster-embed .video-poster-embed-overlay {
-webkit-transition: all linear 0.35s;
transition: all linear 0.35s;
background-color: #141414;
background-color: rgba(20, 20, 20, 0.7);
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
cursor: pointer; }
.video-poster-embed img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 101; }
.video-poster-embed .play-icon {
display: block;
position: absolute;
top: 50%;
left: 50%;
height: 5.9375rem;
width: 5.9375rem;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
overflow: hidden;
fill: #fff; }
.portfolio-video-player .wp-video {
width: 100% !important; }
.page-template-services .page-content {
background-color: #fafafa; }
.page-template-services .featured-area-title:after {
border: 0; }
.page-template-services .cover-services {
padding-bottom: 1.1875rem; }
@media all and (max-width: 480px) {
.page-template-services .second-segment {
padding-top: 3.125rem; }
.page-template-services .cover-services {
padding-bottom: 3.125rem; } }
.services-content {
padding-bottom: 0; }
@media all and (max-width: 480px) {
.services-content-section {
padding-bottom: 0; } }
.no-js .zinc-loader {
display: none; }
.zinc-loader {
position: fixed;
top: 0;
left: 0;
z-index: 9998;
width: 100%;
height: 100%;
background-color: #141414; }
.zinc-loader .sk-cube-grid {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 3.125rem;
height: 3.125rem;
margin: 0 auto; }
.zinc-loader .sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.5s infinite linear;
animation: sk-cubeGridScaleDelay 1.5s infinite linear; }
.zinc-loader .sk-cube-grid .sk-cube1 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.zinc-loader .sk-cube-grid .sk-cube2 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.zinc-loader .sk-cube-grid .sk-cube3 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
.zinc-loader .sk-cube-grid .sk-cube4 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.zinc-loader .sk-cube-grid .sk-cube5 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.zinc-loader .sk-cube-grid .sk-cube6 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.zinc-loader .sk-cube-grid .sk-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.zinc-loader .sk-cube-grid .sk-cube8 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.zinc-loader .sk-cube-grid .sk-cube9 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); }
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); } }
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1); }
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1); } }
.meta-content {
max-width: 40rem;
margin-right: auto;
margin-left: auto;
line-height: 1.5rem; }
.meta-content ul {
margin-left: 0; }
.meta-content ul li {
display: list-item;
text-align: center; }
.meta-content ul li ul {
margin-top: 0; }
.meta-content ul li:before {
padding-right: 5px;
content: "\25A0"; }
.meta-content ol {
margin-left: 0; }
.meta-content ol li {
display: list-item;
text-align: center;
list-style-type: decimal; }
.meta-content ol li:before {
content: ""; }
.meta-content ol li ol {
margin-top: 0;
margin-left: 0.625rem; }
.meta-content h1,
.meta-content h2,
.meta-content h3,
.meta-content h4 {
font-weight: 300; }
.meta-content h1 {
font-size: 3.875rem; }
.meta-content h2 {
font-size: 2.5rem; }
.meta-content h3 {
font-size: 1.875rem; }
.meta-content h4 {
font-size: 1.375rem; }
.meta-content h5 {
font-size: 1.125rem; }
.meta-content h6 {
font-size: 1rem; }
.meta-content.featured-area-description ul > li,
.meta-content.featured-area-description ol > li, .meta-content.project-info-description ul > li,
.meta-content.project-info-description ol > li, .meta-content.result-desc ul > li,
.meta-content.result-desc ol > li {
margin-left: 0.625rem;
text-align: left; }
.meta-content.featured-area-description a {
color: #fff; }
 */ @font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: local('NotoSansJP-Regular.otf'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 500;
src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}
body {
color: #4d4d4d;
font-weight: 400;
}
body, .page-subtitle > a, .page-content .zilla-dribbble-shots li .views-likes-overlay, .primary-sidebar ul, .primary-sidebar .sidebar-address, .primary-sidebar .copyright, input,
textarea,
input.url[type="text"], .page-template-contact .section-subtitle, .comment-form input,
.comment-form textarea, button {
font-family: 'Montserrat', sans-serif!important; }
.section-title, .page-title, .blog-day, .page-content .dribbble-title, .primary-sidebar .widget-title, .site-title, .hero-title, .hero-subtitle, .service-name, .cover-blog-title, .cta-title, .portfolio-project-title, .project-info .project-info-title, .testimonial-title, .contact-title, .page-template-contact .section-title, .archive-post-title, .pagination-title, .comments-title, .mob-logo .site-logo-link, .featured-area-title, .about-member-modal-name, .about-member-name, .about-content .about-rte.no-featured-section h3, .selling-points-title, .career-info-title, .counter-title, .counter-number, .result-title, .portfolio-slide .slide-title, .portfolio-title {
font-family: 'Montserrat', sans-serif!important; }
a {
font-weight: 700;
}
a,
a:hover,
a:active,
a:visited,
a:focus {
outline: 0;
text-decoration: none;
}
dl, dt, dd, ol, ul, li, section {
margin: 0;
padding: 0;
border: 0;
}
p {
max-width: none;
}
strong {
font-weight: 700;
}
body #slideshow {
text-align: left!important;
}
.section-title {
text-align: center;
font-weight: 500;
}
.cover-title {
margin-bottom: 0;
}
.left-meta {
max-width: none;
}
.page-template-default .title-section {
margin-bottom: 0;
}
.page-template-services .page-content {
background-color: #fff;
}
.page-template-services .second-segment {
padding-top: 0;
}
.page-template-contact .section-title {
margin-bottom: 1.25rem;
font-size: 2.5rem;
letter-spacing: 0.125rem;
}
.about-description {
padding-bottom: 0;
}
button {
outline: none;
}
.fa-lg {
vertical-align: 0!important;
line-height: inherit!important;
}
.testimonial-text-inner {
padding-left: 0;
padding-right: 1.25rem;
}
.meta-content {
text-align: justify;
}
.meta-content.topmargin {
margin-top: 30px;
}
.page-content .segment ul {
margin-bottom: 20px;
}
.page-content .segment li {
display: block;
text-align: left;
text-indent: -2.125rem;
padding-left: 2.125rem;
padding-top: 5px;
padding-bottom: 8px;
font-weight: 700;
}
.page-content .segment li:before {
font-family: FontAwesome;
font-size: 11px;
content: "\f00c";
color: #00bad6;
background: #fdfdfd;
border-radius: 4px;
border: 1px solid #ccc;
padding: 6px;
margin-right: 0.5625rem;
vertical-align: middle;
}
@media all and (max-width: 1024px) {
.content-width, .zinc-gallery, .testimonials-inner, .inner-slider-section, .slick-gallery-container, .portfolio-testimonials-inner {
width: calc(100vw - 17px);
}
.testimonial-text-inner {
padding-right: 0;
}
} .page-title, .section-title {
font-size: 2.5rem;
font-weight: 700;
padding-right: 1rem;
padding-left: 1rem;
margin-bottom: 1.25rem;
line-height: 1.3em;
letter-spacing: 0.125rem;
}
.page-subtitle {
font-size: 1.1875rem;
}
.page-subtitle_large {
font-size: 1.3rem;
color: #658dce;
border-top: 4px solid #f9a51a;
padding: 18px 0 5px;
display: inline-block;
}
.emphasis {
font-size: 1.1875rem;
border: 1px solid #fbe1ba;
background: #fef6eb;
padding: 20px;
margin-bottom: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.attn { color: #d64d4d; font-weight: 700; }
.page-subtitle.onwhite, .page-subtitle.tel_phone, .telappo, .admin-desk span {
color: #3e6093;
}
.page-content li:hover {
color: inherit;
}
.tel_phone a, .telappo a {
font-family: 'Montserrat', sans-serif;
font-size: 1.3125rem;
}
@media all and (max-width: 480px) {
.page-title, .section-title {
font-size: 1.3rem;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
} .zinc-button {
-webkit-transition: all linear 0.4s;
transition: all linear 0.4s;
position: relative;
display: block;
width: 15rem;
min-height: 3.75rem;
padding: 1.28rem 0.9375rem 1.25rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
font-size: 1rem;
font-weight: 500;
line-height: 1rem;
letter-spacing: 0.3em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
text-align: center;
text-decoration: none;
border: 1px solid #2864ac;
background: #2864ac;
color: #fff;
}
.primary-button:hover, .secondary-button:hover, .light-button:hover, .cta-button:hover {
background-color: #4283ce;
box-shadow: 15rem 0 0 0 #4283ce inset;
color: #fff!important;
border-color: #4283ce;
}
.secondary-button:hover .text {
visibility: visible;
opacity: 1;
}
.button-arrow {
display: none!important;
} .zinc-loader {
background-color: #fff;
}
.zinc-loader .sk-cube-grid {
position: relative;
top: 50%;
overflow: hidden;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 9.375rem;
height: 9.375rem;
margin: 0 auto;
}
.zinc-loader .sk-cube-grid img {
width: 150px;
height: 150px;
}
@keyframes roll {
from {
transform: perspective(300px) rotateY(360deg);
}
50%{
transform: perspective(300px) rotateY(180deg);
}
to{
transform: perspective(300px) rotateY(0deg);
}
}
.rolling{
animation: roll 2s linear infinite;
}
.theme-background {
color: #4d4d4d;
background: transparent!important;
}
.secondary-background {
background: #fff;
}
.secondary-background.cover-services {
background: #fff;
} h1#aseamarine a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/logo-vert.svg);
background-size: 200px 94px;
width: 200px;
height: 94px;
text-indent: -9999px;
display: block;
margin: 50px auto 40px;
}
.mob-logo {
position: fixed;
left: 0;
z-index: 300;
display: block;
width: 100%;
height: 70px;
transition: height 0.3s ease 0s;
}
.mob-logo a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/logo-hori.svg) no-repeat;
background-size: 107px 50px;
width: 107px;
height: 50px;
text-indent: -9999px;
}
.mob-logo .site-logo-link {
margin-left: 0.9rem;
margin-top: 0.6rem;
float: left;
text-decoration: none;
}
@media all and (max-width: 1024px) {
.mob-logo {
background: #fff;
}
.mob-logo.smaller {
background-color: rgba(255, 255, 255, 0.95);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.30);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.30);
height: 70px;
}
} .site-header-menu-line {
background: #fff;
}
.primary-sidebar, .primary-sidebar.open {
background: #fff;
transition: none;
-webkit-box-shadow: 1px -6px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px -6px 7px 0px rgba(0,0,0,0.2);
box-shadow: 1px -6px 7px 0px rgba(0,0,0,0.2);
}
.primary-sidebar.open {
transition: all 0.2s linear 0s;
}
@media all and (max-width: 1024px) {
.primary-sidebar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transition: all 0.2s linear 0s;
z-index: 300;
width: auto;
position: fixed;
right: 0;
left: auto;
}
.primary-sidebar.fixed {
position: fixed;
top: 0; }
.primary-sidebar.fixed .site-header-menu-line {
fill: #141414; }
.primary-sidebar.open {
background-color: #fff; }
}
.primary-sidebar .inner-sidebar {
opacity: 100;
transition: all 0.2s linear 0s;
}
.menu-menu-container {
margin: 30px auto 5px;
}
.primary-sidebar ul {
width: 210px;
margin: 0 auto;
}
.primary-sidebar ul > li {
text-align: left;
clear: both;
}
.primary-sidebar ul li:before {
font-family: FontAwesome;
content: "\f111";
opacity: 0;
color: rgba(0, 0, 0, 0);
margin-right: 0.3em;
}
.primary-sidebar ul li.current-menu-item:before {
font-family: FontAwesome;
content: "\f111";
opacity: 1;
color: #b2d4f1;
}
.primary-sidebar ul > li > a {
color: #2f598b;
padding-top: 0.7em;
padding-bottom: 0.7em;
display: inline-block;
font-weight: 500;
}
.primary-sidebar ul > li > a:hover {
color: #739bd6;
}
.arrow-icon-holder {
background: rgba(0, 0, 0, 0) url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/arrow.svg) no-repeat scroll 50% 50% / 15px 9px;
box-sizing: border-box;
height: 23px;
margin-left: 0;
margin-top: 0;
padding: 0;
position: absolute;
transform-origin: 50% 50% 0;
transition: all 0.35s linear 0s;
width: 30px;
}
.arrow-icon {
-webkit-transform: none;
-ms-transform: none;
transform: none;
display: none;
}
.open .arrow-icon-holder {
transform-origin: 50% 50% 0px;
transition: all 0.35s linear 0s;
}
.primary-sidebar ul > li.menu-item-has-children > a {
z-index: 1;
background: #fff;
}
li.menu-item-has-children {
overflow: hidden;
}
.primary-sidebar ul > li > .sub-menu > li > a {
color: #2f598b;
display: inline-block;
padding-bottom: 0;
line-height: 2em;
transition: all 0.35s linear 0s;
}
.primary-sidebar ul > li > .sub-menu > li > a:hover {
color: #739bd6;
}
.primary-sidebar ul > li > .sub-menu {
margin: 6px 6px 6px 17px;
z-index: 0;
}
.primary-sidebar ul > li > .sub-menu.visible {
margin: 6px 6px 6px 17px;
}
li.current-menu-item .arrow-icon-holder,
li.current-menu-parent .arrow-icon-holder {
pointer-events : none;
opacity: 0.1;
}
.primary-sidebar ul.sidebar-social {
width: 220px;
}
.primary-sidebar ul.sidebar-social > li {
float: left;
padding: 0;
margin: 0 4px 20px;
clear: none;
vertical-align: middle;
}
.primary-sidebar ul.sidebar-social > li > a {
display: block;
width: 45px;
height: 45px;
text-indent: -9999px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.primary-sidebar ul.sidebar-social > li > a:hover {
opacity: 0.7;
}
.sidebar-social li.face a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/facebook.png) no-repeat;
background-size: 45px 45px;
width: 45px;
height: 45px;
}
.sidebar-social li.goog a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/google.png) no-repeat;
background-size: 45px 45px;
width: 45px;
height: 45px;
}
.sidebar-social li.twit a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/twitter.png) no-repeat;
background-size: 45px 45px;
width: 45px;
height: 45px;
}
.sidebar-social li.line a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/line.png) no-repeat;
background-size: 45px 45px;
width: 45px;
height: 45px;
}
.primary-sidebar ul.sidebar-banner {
width: 100%;
margin-bottom: 0;
}
.primary-sidebar ul.sidebar-banner > li {
padding: 0;
margin: 0 -1.25rem!important;
clear: both;
}
.primary-sidebar ul.sidebar-banner > li.webappoin {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(6%, rgba(253,253,253,1)), color-stop(50%, rgba(243,243,243,1)), color-stop(51%, rgba(237,237,237,1)), color-stop(97%, rgba(254,254,254,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 6%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(254,254,254,1) 97%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.primary-sidebar ul.sidebar-banner > li > a {
display: block;
width: 230px;
height: 70px;
text-indent: -9999px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
margin: 0 auto;
padding: 0;
}
.sidebar-banner li.officetel a {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/side-tel.png) no-repeat;
background-size: 226px 55px;
width: 226px;
height: 55px;
}
.fb_iframe_widget {
margin-top: 26px;
margin-left: 20px;
}
.textwidget .fb_iframe_widget {
float: left;
} .cd-primary-nav-trigger {
position: fixed;
top: 23px;
right: 13px;
z-index: 301;
}
.cd-primary-nav-trigger {
display: none;
}
@media all and (max-width: 1024px) {
.cd-primary-nav-trigger {
display: block;
}
}
.cd-menu-icon {
border: none;
background: transparent;
padding: 0;
cursor: pointer;
}
.cd-menu-icon:hover { opacity: 0.7; }
.cd-menu-icon-box {
width: 26px;
height: 12px;
display: inline-block;
position: relative;
}
.cd-menu-icon-inner {
display: block;
top: 50%;
margin-top: 0px;
}
.cd-menu-icon-inner, .cd-menu-icon-inner::before, .cd-menu-icon-inner::after {
width: 26px;
height: 4px;
background-color: #223d68;
border-radius: 4px;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.cd-menu-icon-inner::before, .cd-menu-icon-inner::after {
content: "";
display: block;
}
.cd-menu-icon-inner::before { top: -7px; }
.cd-menu-icon-inner::after { bottom: -7px; } .cd-menu-icon--spin .cd-menu-icon-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.cd-menu-icon--spin .cd-menu-icon-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.cd-menu-icon--spin .cd-menu-icon-inner::after {
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.cd-menu-icon--spin.is-active .cd-menu-icon-inner {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.cd-menu-icon--spin.is-active .cd-menu-icon-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.cd-menu-icon--spin.is-active .cd-menu-icon-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } .cd-menu-icon--spin-r .cd-menu-icon-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.cd-menu-icon--spin-r .cd-menu-icon-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.cd-menu-icon--spin-r .cd-menu-icon-inner::after {
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.cd-menu-icon--spin-r.is-active .cd-menu-icon-inner {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.cd-menu-icon--spin-r.is-active .cd-menu-icon-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.cd-menu-icon--spin-r.is-active .cd-menu-icon-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } @media all and (max-width: 1024px) {
.page-content {
margin-left: 0!important;
margin-top: 70px;
}
.title-section {
margin-top: 0!important;
}
.tablet-menu-icon {
margin-top: 1.25rem;
}
.page-template-cover .page-content {
margin-top: 4.375rem;
}
} .title-section {
margin-top: 0;
padding-bottom: 3.125rem;
padding-top: 3.625rem;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/titlebg.jpg) repeat-x #39609a;
}
.page-title {
color: #fff;
margin-bottom: 25px;
}
.page-subtitle {
color: #98b4d9;
border-top: 4px solid #f9a51a;
padding: 18px 20px 5px;
display: inline-block;
}
.segment {
padding-top: 0;
}
.no-results {
padding-bottom: 6.25rem;
}
.breadcrumbs {
border-top: none;
margin-top: 0!important;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/woodbg.png) repeat #f3f3f3;
padding: 2rem;
}
.breadcrumbs span {
font-size: 1rem;
color: #57606d;
}
@media only screen and (max-width: 480px) { 
.breadcrumbs {
padding: 1rem;
}
.breadcrumbs span {
font-size: 0.8125rem;
}
}
.breadcrumbs i {
font-size: 12px;
color: #a2b1bc;
margin-right: 6px;
margin-left: 6px;
} .featured-area-images,
.featured-area-contents {
position: relative;
float: left;
width: 50%;
text-align: left;
}
.featured-area-contents {
display: table;
}
.featured-area-description {
font-size: 1rem;
color: #4d4d4d;
}
@media all and (max-width: 1200px) {
.featured-area-images,
.featured-area-contents {
width: 100%;
margin-bottom: -0.34rem; }
}
@media all and (max-width: 900px) {
.no-sidebar .featured-area-images,
.no-sidebar .featured-area-text {
width: 100%;
margin-bottom: -0.3125rem; } }
.featured-area-content-inner {
display: table-cell;
vertical-align: middle;
transform: none;
padding: 0;
position: static;
top: auto;
}
.thumb-responsive img, .featured-area-images, .featured-area-contents {
height: 100%;
}
.featured-area {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/graybg.png) repeat;
overflow: hidden;
margin-bottom: 2.5rem;
}
@media only screen and (max-width: 1200px) {
.featured-area {
padding-bottom: 4.375rem;
}
}
.featured-area-contents {
padding: 0 2.5rem;
}
.featured-area-title {
font-size: 1.4375rem;
font-weight: 700;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
max-width: none;
margin: 4rem auto 2rem;
color: #003471;
line-height: 1.3em;
}
@media only screen and (min-width: 1600px) {
.featured-area-title {
margin: 10rem auto 2rem;
}
}
@media (min-width: 1400px) and (max-width: 1599px) {
.featured-area-title {
margin: 8rem auto 2rem;
}
} .about-description h3 {
color: #fff;
font-size: 18px;
line-height: 1.7em;
text-transform: none;
}
.cover-services,
.cover-blog {
padding-top: 5rem;
}
.page-description {
padding: 1.8rem 1.25rem 2rem;
margin: 0 auto;
max-width: 40rem;
color: #4d4d4d;
}
.service-name {
font-weight: 700;
}
.services-block .service-description {
color: #6d6d6d;
}
.services-container {
margin: 4.75rem auto;
}
.col2img-container {
margin: 0 auto 3.125rem;
overflow: hidden;
padding: 0 3.75rem;
max-width: 72.125rem;
display: block;
}
.whitewood {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/woodbg.png) repeat #f3f3f3;
}
.whitewood .col2img-container {
margin: 4.375rem auto 3.125rem;
padding: 3.75rem;
}
.col2rimg-1 .wrappingp {
margin-bottom: 30px;
}
.col2rimg-1, .col2rimg-2 {
float: left;
}
.col2limg-1, .col2limg-2 {
float: right;
}
.rounded-trim {
position: relative;
overflow: hidden;
border-radius: 50%;
}
.rounded-trim img {
display: inline;
margin: 0 auto;
height: 100%;
width: auto;
}
.s-trim {
position: relative;
overflow: hidden;
}
.s-trim img {
display: inline;
margin: 0 auto;
object-fit:cover;
}
.col2rimg-1 h5, .col2limg-1 h5 {
color: #1d3f75;
font-size: 1rem;
}
.col2rimg-1 p, .col2limg-1 p {
margin: 0 auto;
text-align: justify;
}
.whitewood .col2img-container .col2rimg-1 p,
.whitewood .col2img-container .col2limg-1 p {
margin: 2rem auto;
}
@media only screen and (min-width: 1201px) {
.col2img-container {
padding: 0 6.25rem;
}
.whitewood .col2img-container {
padding: 3.75rem 6.25rem;
}
.col2rimg-1 {
width: 70%;
padding-right: 4.375rem;
}
.col2limg-1 {
width: 70%;
padding-left: 4.375rem;
}
.col2rimg-2, .col2limg-2 {
width: 30%;
}
.rounded-trim {
width: 230px;
height: 230px;
}
.col2rimg-2 .rounded-trim {
float: right;
}
.col2limg-2 .rounded-trim {
float: left;
}
}
@media only screen and (min-width: 1400px) {
.col2img-container {
padding: 0 10rem;
}
.whitewood .col2img-container {
padding: 3.75rem 10rem;
}
}
@media (min-width: 780px) and (max-width: 1300px) { 
.col2rimg-1 {
width: 60%;
padding-right: 3.125rem;
}
.col2limg-1 {
width: 60%;
padding-left: 3.125rem;
}
.col2rimg-2, .col2limg-2 {
width: 40%;
padding-top: 1rem;
}
.rounded-trim {
width: 260px;
height: 260px;
}
.col2rimg-2 .rounded-trim {
float: right;
}
.col2limg-2 .rounded-trim {
float: left;
}
}
@media only screen and (max-width: 779px) { 
.col2img-container {
padding: 0;
}
.whitewood .col2img-container {
padding: 2rem 0 3.125rem;
}	
.col2rimg-1, .col2rimg-2, .col2limg-1, .col2limg-2 {
width: auto;
float: none;
}
.col2rimg-1 p, .col2limg-1 p, .page-content .segment ul {
padding: 0 1.875rem 2.5rem;
}
.rounded-trim {
width: 300px;
height: 300px;
float: none;
margin: 0 auto;
}
}
.animwrap {
padding: 2.5rem 3.75rem 3.125rem;
overflow: hidden;
}
.animwrap:after{
content: "";
clear: both;
display: block;
}
.col6 {
float: left;
margin-bottom: 20px;
}
@media only screen and (min-width: 1450px) {
.col6 {
width: 16.66%;
}
.page-services .col6 {
width: 33.33%;
}
.page-services .col6:nth-child(4) {
clear: both;
}
}
@media only screen and (max-width: 1449px) { 
.col6 {
width: 33.33%;
}
.col6:nth-child(4) {
clear: both;
}
}
@media only screen and (max-width: 779px) { 
.col6 {
width: 50%;
}
.animwrap {
padding: 1rem 0rem 2rem;
}
.col6:nth-child(4) {
clear: none;
}
}
@media only screen and (max-width: 480px) { 
.col6 {
width: auto;
float: none;
}
}
#bouncemenu1 {
margin: 2.5rem auto 5rem;
}
.ud-icon-box .icon-rounded {
border-radius: 50%;
display: inline-block;
width: 130px; 
height: 130px;
position: relative;
}
.ud-icon-box .icon-rounded span em {
visibility: hidden;
}
.ud-icon-box .icon-rounded.ud-icon-menu1 { background: #85aa80; }
.ud-icon-box .icon-rounded.ud-icon-menu2 { background: #e28c82; }
.ud-icon-box .icon-rounded.ud-icon-menu3 { background: #fcbd64; }
.ud-icon-box .icon-rounded.ud-icon-menu4 { background: #bba689; }
.ud-icon-box .icon-rounded.ud-icon-menu5 { background: #9cc9cf; }
.ud-icon-box .icon-rounded.ud-icon-menu6 { background: #9aceae; }
.ud-icon-box .icon-rounded.ud-icon-menu1 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu1.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu1:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu2 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu2.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu1:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu2:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu3:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu4:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu5:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu6:hover {
opacity:0.7
}
.ud-icon-box .icon-rounded.ud-icon-menu3 span {
background: url(//www.aseamarine.com.au/wp/wp-content/uploads/2018/10/konkan.png) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu4 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu4.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu5 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu5.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded.ud-icon-menu6 span {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/ud-menu6.svg) no-repeat 50% 50% transparent;
background-size: 80px 80px;
transition: all 1s;
}
.ud-icon-box .icon-rounded span {
width: 80px;
height: 80px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-top: -40px;
margin-left: -40px;
}
.ud-icon-content h4 {
color: #4d4d4d;
letter-spacing: 0.125rem;
margin-top: 0.625rem;
}
.service_details {
padding: 0 1.5625rem;
margin: 2rem auto;
text-align: justify;
}
.service_details p {
font-size: 0.875rem;
color: #6d6d6d;
} .selling-points-section.segment, .generalpage.segment {
padding-bottom: 0;
}
.selling-block {
display: inline-block;
float: left;
width: 50%;
margin-bottom: 3.125rem;
overflow: hidden; 
}
.selling-block .thumb-responsive {
display: block;
margin: 0 auto;
max-width: 9.375rem;
overflow: hidden;
}
.selling-block .thumb-responsive img {
width: auto;
height: auto;
}
.selling-block .service-description {
color: #6d6d6d;
}
.selling-block:only-of-type, .selling-block:last-of-type:nth-of-type(odd) {
float: none;
}
.selling-block:nth-of-type(odd) {
clear: left;
}
@media all and (max-width: 1240px) {
.selling-block {
width: 100%; }
}
.selling-block .thumb-responsive,
.selling-point-image-wrapper {
max-width: none!important;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
float: left;
margin-right: 3.8%;
min-height: 1px;
}
.onecol {
width: 4.85%;
}
.twocol {
width: 13.45%;
}
.threecol {
width: 22.05%;
}
.fourcol {
width: 30.75%;
}
.fivecol {
width: 39.45%;
}
.sixcol {
width: 48%;
}
.sevencol {
width: 56.75%;
}
.eightcol {
width: 65.4%;
}
.ninecol {
width: 74.05%;
}
.tencol {
width: 82.7%;
}
.elevencol {
width: 91.35%;
}
.twelvecol, .fullwidth {
float: left;
width: 100%;
}
.last {
margin-right: 0 !important;
}
.colfullimg {
margin-top: 1.25rem;
margin-bottom: 3.125rem;
}
@media only screen and (max-width: 734px) {
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin: 0 0 25px;
width: 100%;
float: none;
}
}
.ud-container-m p, .ud-container-l p {
text-align: justify;
}
.ud-container-m p.page-subtitle, .ud-container-l p.page-subtitle {
text-align: center;
}
.ud-container {
margin: 0 auto;
padding: 4.375rem 2.5rem 3.125rem;
overflow: hidden;
}
.ud-container-l {
margin: 0 auto;
padding: 4.375rem 0 3.125rem;
max-width: 73.125rem;
overflow: hidden;
}
.ud-container-m {
margin: 0 auto;
padding: 4.375rem 3.25rem 3.125rem;
max-width: 61.25rem;
overflow: hidden;
}
.topbtmzero { padding-top: 0!important; padding-bottom: 0!important; }
@media only screen and (max-width: 480px) { 
.ud-container-m {
padding: 0 1.875rem 1rem;
}
}
.ud-container-m.nopaddingbtm {
padding-bottom: 0;
}
.segment.aboutlogomark {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/woodbg.png) repeat #f3f3f3;
padding-bottom: 3rem;
margin-bottom: 0;
}
.profilebox {
margin-bottom: 3.125rem;
}
.profilebox p {
text-align: left;
margin: 5px;
}
.twelvecol.last.udprofile > ul {
padding-right: 70px;
float: right;
}
.page-content .segment .profilebox li {
display: block;
text-align: left;
text-indent: 0;
paddinig: 0;
font-weight: 400;
}
.page-content .segment .profilebox li:before {
content: "■";
color: #00bad6;
background: none;
border-radius: 0;
padding: 0;
margin-right: 0;
border: none;
font-size: inherit;
}
.page-content .segment.testimonials li:before {
content: none;
color: #00bad6;
background: none;
border-radius: 0;
padding: 0;
margin-right: 0;
border: none;
font-size: inherit;
}
.page-content .segment.testimonials ul {
margin-bottom: 0;
padding: 0;
}
.page-content .segment.testimonials li {
padding: 0;
text-align: center;
display: block;
text-indent: 0;
padding: 0;
font-weight: 400;
}
.profilebox .fourcol p {
text-align: center;
color: #2f598b;
font-weight: 700;
}
@media only screen and (max-width: 734px) {
.profilebox p, .profilebox li {
text-align: center;
}
.profilebox .fourcol {
margin-bottom: 0;
}
.profilebox .sevencol {
margin-bottom: 3.125rem;
}
.twelvecol.last.udprofile > ul {
padding-right: 0;
float: none;
}
} .counter-section.segment {
padding-bottom: 3.125rem;
}
.counterbox {
overflow: hidden;
padding: 0 1.25rem;
}
.counter-area {
transform: none;
padding: 0 1.25rem 3.125rem;
width: 100%;
}
.counter-title {
margin: 5.625rem auto;
line-height: 1.3em;
}
.counter-number {
font-family: 'Montserrat', sans-serif!important;
font-weight: 700;
color: #596e8e;
margin-bottom: 0.625rem;
} .cta-section {
padding-bottom: 5rem;
}
.cta-overlay {
background: rgba(255, 255, 255, 0.5)!important;
}
.cta-foreground {
padding-top: 100px;
}
.cta-title {
color: #000;
font-weight: 500;
}
.cta-subtitle {
color: #4d4d4d;
} .catname {
text-align: left;
margin-top: 8px;
margin-bottom: 10px;
display: flex;
line-height: 1em;
}
.catname .uncategorized {
background: #9fa5ad;
border-radius: 30px;
line-height: 20px;
color: #fff;
}
.catname .notice {
background: #e38f7f;
border-radius: 30px;
line-height: 20px;
color: #fff;
}
.catname .blog {
background: #29599b;
border-radius: 30px;
line-height: 20px;
color: #fff;
}
.catname span a {
padding: 0 20px 2px;
display: inline-block;
}
.catname .uncategorized a,
.catname .notice a,
.catname .blog a {
color: #fff;
font-size: 14px;
}
.right-meta {
bottom: 0;
float-right: auto;
float-left: auto;
float: none;
display: none;
}
.blog .blog-date:hover,
.blog .blog-date:hover * {
background: #00bad6;
cursor: default;
}
.blog-date,
.archive-career,
.archive-career * {
cursor: auto;
background-color: #00bad6!important;
}
.archive-career {
padding-top: 6.25rem;
}
.archive-career .careers-excerpt .read-more {
cursor: pointer;
width: auto;
}
.archive-post p {
padding-right: 0;
}
.archive-post .read-more {
transition: all 0.25s linear 0s;
width: auto;
margin-top: 1.875rem;
}
.archive-post-title {
margin-top: 1.125rem;
}
.archive-post-title > a {
transition: all 0.25s linear 0s;
font-weight: 500;
}
.blog .archive-post-title a:hover,
.archive-post-title > a:hover {
color: #00bad6;
cursor: pointer;
text-decoration: none;
}
.read-more {
border: none;
display: inline;
width: auto;
padding: 8px;
letter-spacing: 0;
text-align: center;
background: #f6f6f6;
}
.read-more:after {
width: auto;
position: static;
content: none;
}
.read-more:hover:after {
color: #00bad6;
}
.blog-date-inner {
height: 6.25rem;
width: 3.75rem;
}
.blog-day {
position: relative;
top: 40%;
}
.blog-month {
position: absolute;
top: 1.25rem;
width: 3.75rem;
display: block;
}
.blog-month label {
text-align: center;
}
.careertitle {
font-size: 1.5625rem;
}
.career-info-section {
margin-top: 5rem;
margin-bottom: 5rem;
}
.career-content {
margin-bottom: 5rem;
}
.career-gallery-container {
overflow: auto;
}
.career-info-arrow {
display: none;
}
.cover-blog-button-container {
margin-top: 3.75rem; 
}
.page-numbers.current {
background: #f2f2f2;
color: #6a7484;
}
.page-numbers {
font-size: 0.875rem;
padding: 8px 7px 8px 15px;
text-align: center;
text-decoration: none;
background: #5f98ce;
color: #fff;
}
.page-numbers.dots {
background: #fff;
color: #6a7484;
}
a.page-numbers:hover {
color: #fff;
background: #a2c8e8;
}
.post-pagination-prev, .post-pagination-next {
padding: 2.5rem 2.5rem 2rem;
}
.post-pagination-prev .pagination-title, .post-pagination-next .pagination-title {
margin-bottom: 0.5rem;
}
.post-pagination-next div, .post-pagination-prev div {
visibility: hidden;
}
a .post-pagination-next div, a .post-pagination-prev div {
visibility: visible;
}
.post-pagination-prev .prev-arrow, .post-pagination-next .next-arrow {
bottom: 2.5rem;
}
.singular-post {
padding-bottom: 3.75rem;
} #comments {
padding-top: 0.75rem;
padding-bottom: 6.25rem;
} #openinghours {
margin: 0 auto;
}
#openinghours p strong {
font-size: 1.125rem;
padding: 0;
}
#openinghours section {
display: table;
margin: 0 auto;
table-layout: fixed;
width: 14.0625rem;
padding: 0.5rem 0;
border-bottom: 1px solid #adadad;
}
#openinghours section:first-child {
padding-top: 0;
}
#openinghours section:last-child {
padding-bottom: 0;
border-bottom: none;
}
#openinghours section aside {
color: #223b63;
text-align: left;
font-weight: 700;
}
#openinghours article {
display: table-cell;
vertical-align: top;
}
#openinghours article p {
margin: 0 auto;
width: 7.5rem;
color: #4d4d4d;
letter-spacing: 0.1rem;
}
#openinghours section .attn {
color: #223b63;
font-size: 0.8125rem;
margin-top: 0;
}
#caloutput .attn {
color: #223b63;
font-size: 0.8125rem;
display: inline-block;
}
#openinghours section .attn span {
color: #ff0000;
}
#caloutput .attn strong {
color: #d64d4d; background: rgba(211, 175, 175, .2);
padding: 0 13px;
font-weight: 700;
} #caloutput {
margin: 0 auto;
max-width: 350px;
padding: 0 1.25rem;
}
#caloutput td, #caloutput th {
border: none;
color: #5b626b;
font-size: 13px;
padding: 0;
}
#caloutput th {
padding-bottom: 1rem;
}
#caloutput table {
font-weight: 700;
margin-top: 0;
margin-bottom: 1px;
}
.cal_wrapper {
background-color: transparent;
position: relative;
clear: both;
padding: 0;
}
ul.cal_ui {
padding: 0;
text-align: center;
position: absolute;
right: 0;
top: -5px;
left: auto;
margin-top: 0;
}
.cal_ui input[type="button"] {
float: left;
height: 29px;
font-size: 13px;
list-style: none;
background-repeat: no-repeat;
cursor: pointer;
color: #9f9e9e;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-webkit-appearance: none; 
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.cal_ui input[type="button"]:first-child {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/cal_01_on.png);
width: 29px;
background-size: 29px 29px;
border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
-webkit-border-radius: 6px 0 0 6px;
}
.cal_ui input:first-child:hover {
opacity: 0.8;
width: 29px;
background-size: 29px 29px;
}
.cal_ui input[type="button"]:nth-child(2) {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/cal_02_on.png);
width: 54px;
background-size: 54px 29px;
}
.cal_ui input:nth-child(2):hover {
opacity: 0.8;
width: 54px;
background-size: 54px 29px;
}
.cal_ui input:last-child {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/cal_03_on.png);
width: 29px;
background-size: 29px 29px;
border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
}
.cal_ui input:last-child:hover {
opacity: 0.8;
width: 29px;
background-size: 29px 29px;
}
div.cal_wrapper table.cal tr th p {
float: left;
padding: 5px 2px;
margin: 0px;
color: #666;
font-size: 1rem;
color: #0f559c;
font-weight: 700;
}
div.cal_wrapper table.cal tr th div.cal_ui {
float: right;
padding-right: 3px;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
border: none;
margin: 0;
padding: 0;
color: transparent!important;
}
#caloutput div.cal_wrapper table.cal tr td {
border-bottom: solid 1px #adadad;
}
div.cal_wrapper table.cal tr td {
font-size: 1rem;
text-align: center;
padding: 0;
}
div.cal_wrapper table.cal tr.headline {
background-color: transparent;
}
div.cal_wrapper table.cal tr td div {
position: relative;
padding: 5px 10px;
font-size: 13px;
text-align: center;
color: #616885;
background-color: transparent;
}
div.cal_wrapper table.cal tr td div span {
display: none;
position: absolute;
top: 20px;
left: 0px;
width: 180px;
border: solid 1px #EEE;
background-color: #FFF;
text-align: left;
padding: 5px;
z-index: 10;
color: #000;
font-weight: 400;
line-height: 1.5em;
box-shadow: 1px 1px 3px #666;
}
div.cal_wrapper table.cal tr td div.Sat {
color: #1c4b9f;
}
div.cal_wrapper table.cal tr td div.Sun {
color: #d64d4d;
background: rgba(211, 175, 175, .2);
}
div.cal_wrapper table.cal tr td div.Deli {
background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.Holyday {
font-weight: 700;
color: #d64d4d;
background: rgba(211, 175, 175, .2);
}
div.cal_wrapper table.cal tr td div.Business {
color: #616885;
background: transparent;
}
div.cal_wrapper table.cal tr td div.backward {
color: #ccc;
font-weight: 700;
background-color: transparent;
}
div.cal_wrapper table.cal tr td div.pointer {
cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
background-color: #EEE;
}
div.cal_wrapper table.cal tr.headline td {
padding: 8px 0px!important;
color: #6a7486;
} .footer-area-image {
height: 100%;
overflow: hidden;
position: relative;
}
.img-responsive-box {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.thumb-responsive {
height: 100%;
overflow: hidden;
width: 100%;
}
.thumb-responsive img {
margin-bottom: -6px;
}
.alignvh {
overflow: hidden;
padding-bottom: 0.0625rem;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.toptextbox {
background-color: rgba(255, 255, 255, 0.83);
display: block;
height: calc(100% - 140px);
left: 4.375rem;
position: absolute;
text-align: center;
top: 4.375rem;
width: calc(100% - 140px);
z-index: 2;
}
.wrapcol {
padding: 4.375rem 3.75rem;
overflow: hidden;
}
.page-content#footer1{
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/graybg.png) repeat #f7f7f7;
margin-top: 0;
border-top: 1px solid #efefef;
}
.page-content#footer2 {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/graybg.png) repeat #f7f7f7;
margin-top: 0;
padding-top: 50px;
padding-bottom: 30px;
}
.page-content#footer3 {
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/titlebg.jpg) repeat-x;
margin-top: 0;
}
p#copyright {
margin-top:  1.25rem;
color: #c8dcf4;
font-size: 0.75rem;
margin-bottom: -0.625rem;
}
p#powered {
padding-left: 13px;
color: #7d9ec6;
font-size: 0.625rem;
margin-bottom: 1rem;
}
p#powered a {
color: #7d9ec6;
text-decoration: none;
font-size: 0.75rem;
font-weight: 400;
}
p#powered a:hover {
color: #b6cdea;
}
@media all and (max-width: 767px) { 
ul.cal_main li {
font-size: 11px;
padding: 8px 0px;
}
}
.footer-area-title {
font-size: 1.125rem;
font-weight: 400;
letter-spacing: 0.259em;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none; }
.footer-area-title:after {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.footer-area-description {
max-width: 100%;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.375rem;
color: #666666; } img.smarthide_s {
display: none;
}
p.s-screen-text {
margin-bottom: 0;
}
@media only screen and (min-width: 1600px) { 
.col3-1, .col3-2 {
width: 50%;
float: left;
}
.col3-2 {
padding-top: 5.625rem;
}
}
@media (min-width: 1400px) and (max-width: 1599px) { 
.col3-1{
width: 65%;
float: left;
}
.col3-2 {
width: 35%;
float: left;
padding-top: 4.375rem;
}
}
@media (min-width: 735px) and (max-width: 1399px) { 
.col3-1 {
width: 100%;
float: none;
}
.col3-2 {
width: 100%;
float: none;
padding-top: 5.625rem;
padding-bottom: 4.375rem;
}
img.smarthide_s {
display: block;
}
img.smarthide_l {
display: none;
}
}
@media only screen and (max-width: 734px) {
.col3-1, .col3-2 {
width: 100%;
float: none;
}
.col3-1 {
margin-bottom: 4.375rem;
}
.footer-area-image {
float: none;
}
.col3-2 {
margin-bottom: 3.125rem;
}
}
@media only screen and (max-width: 480px) { 
.toptextbox {
height: calc(100% - 110px);
left: 3.4375rem;
top: 3.4375rem;
width: calc(100% - 110px);
}
.s-screen-text {
font-size: 0.8125rem;
}
.wrapcol {
padding: 1.875rem;
}
} .scrollup {
border-radius: 2px;
bottom: 22px;
display: none;
font-size: 25px;
height: 36px;
opacity: 0.7;
position: fixed;
right: 15px;
text-align: center;
width: 36px;
z-index: 2;
background: #87b6dd;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.scrollup i {
line-height: 34px;
color: #fff;
height: 100%;
vertical-align: middle;
}
.scrollup:hover {
background: #5f98ce!important;
opacity: 1;
} #accessmap .cover-services	{ padding-top: 0; }
.segment#accessmap .segment:first-child { padding-bottom: 0; }
.googlemap {
background: #fff;
}
.googlemap #map {
position: relative;
padding: 0 0 33.3333%;
height: 0;
overflow: hidden;
border-bottom: 1px solid #ccc;
}
.googlemap #map1 {
position: relative;
padding: 0 0 66.6666%;
height: 0;
overflow: hidden;
border: 1px solid #ccc;
}
.wrapcol_inner {
padding: 4.375rem 0 1.25rem;
}
@media only screen and (min-width: 1180px) {
.col2-1, .col2-2 {
width: 50%;
float: left;
}
.wrapcol_inner {
padding: 0 0 0 3.125rem;
}
}
@media (min-width: 1180px) and (max-width: 1499px) {
.googlemap #map1 {
padding: 0 0 100%;
}
}
@media only screen and (max-width: 1399px) { 
.wrapcol {
padding: 0 3.75rem 3.75rem;
}
.googlemap #map1 {
padding: 0 0 100%;
}
.googlemap #map {
padding: 0 0 50%;
}
}
@media only screen and (max-width: 480px) {
.googlemap #map1 {
padding: 0 0 100%;
}
.googlemap #map {
padding: 0 0 100%;
margin-bottom: 45px;
}
}
.segment.nopaddingbtm { padding-bottom: 0; }
.telappo {
font-size: 1.1875rem;
margin: 1.875rem 0 1.25rem;
clear: both;
}
.onlineappo a, .showtheway a, .spcarpark a {
color: #fff;
margin: 0 auto;
padding: 10px 13px;
text-align: center;
text-decoration: none;
border-radius: 3px;
float: left;
line-height: 1.3em;
}
.onlineappo {
float: right;
}
.onlineappo a{
background: #5c9fd6;
}
@media only screen and (max-width: 414px) { 
.onlineappo, .showtheway, .spcarpark {
float: none;
}
.showtheway, .spcarpark {
margin-top: -15px;
}
}
.showtheway a {
background: #304971;
}
.spcarpark a {
background: #606060;
}
.onlineappo a:hover {
background: #6fabdd;
color: #fff;
}
.showtheway a:hover {
background: #425b7f;
color: #fff;
}
.spcarpark a:hover {
background: #707070;
color: #fff;
}
@media only screen and (max-width: 480px) { 
.onlineappo, .showtheway, .spcarpark {
font-size: 0.8125rem;
height: 40px;	
}
.wrapcol {
padding: 1.875rem;
}
} .grid-sizer,
.grid-item {
width: 31.999%;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/woodbg.png) repeat #f3f3f3;
padding: 30px;
margin-bottom: 50px;
box-sizing: border-box;
}
.grid-item {
-webkit-box-shadow: 0px 1px 3px 0px rgba(128,128,128,0.4);
-moz-box-shadow: 0px 1px 3px 0px rgba(128,128,128,0.4);
box-shadow: 0px 1px 3px 0px rgba(128,128,128,0.4);
}
.grid-item p {
text-align: justify;
}
.gutter-sizer { width: 2%; }
@media only screen and (max-width: 779px) { 
.grid-sizer,
.grid-item {
width: 46.999%;
}
.gutter-sizer { width: 6%; }
}
@media only screen and (max-width: 480px) { 
.grid-sizer,
.grid-item {
width: 100%;
}
.gutter-sizer { width: 0; }
}
.grid-item h3 {
color: #000;
line-height: 1.3em;
}
.accent-underline {
margin-bottom: 30px;
}
.grid-item p.faqicon {
background: #00bad6 none repeat scroll 0 0;
border-radius: 50%;
color: #edd293;
font-size: 20px;
height: 50px;
left: 50%;
line-height: 50px;
margin-left: -25px;
position: absolute;
top: -44px;
vertical-align: top;
width: 50px;
text-align: center;
display: inline-block;
}
.center{  text-align: center;
} .cd-testimonials-wrapper {
position: relative;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/images/testimonial.jpg) no-repeat 100% 0 #ecd3ab;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 20px 40px 40px;
z-index: 1;
}
.cd-testimonials {
color: #333;
text-align: center;
}
.cd-testimonials::after {
clear: both;
content: "";
display: table;
}
.cd-testimonials > li {
position: absolute;
opacity: 0;
}
.cd-testimonials > li:first-child {
position: relative;
opacity: 1;
}
.cd-testimonials p {
margin-bottom: 1em;
padding: 0 30px;
color: #333;
line-height: 1.3em;
}
p.testimonial-title {
font-size: 2.625rem;
color: #704d30;
margin-bottom: 27px;
text-shadow: 1px 1px 2px #fff; 
font-weight: 500;
}
@media only screen and (max-width: 480px) { 
p.testimonial-title {
font-size: 2.0625rem;
}
.cd-testimonials p {
padding: 0 15px;	
}
}
@media only screen and (min-width: 768px) {
.cd-testimonials p {
font-size: 1.25rem;
}
}
.cd-author img, .cd-author .cd-author-info {
display: inline-block;
vertical-align: middle;
}
.cd-author img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 5px;
}
.cd-author .cd-author-info {
text-align: left;
line-height: 1.2;
}
.page-content .cd-author .cd-author-info li {
display: block;
color: #071d4f;
}
.cd-author .cd-author-info li:first-child {
font-size: 14px;
font-size: 0.875rem;
}
.cd-author .cd-author-info li:last-child {
font-size: 0.625rem;
color: #071d4f;
}
@media only screen and (min-width: 768px) {
.cd-author img {
width: 50px;
height: 50px;
}
.cd-author .cd-author-info {
line-height: 1.4;
}
.cd-author .cd-author-info li:first-child {
font-size: 16px;
font-size: 1rem;
}
.cd-author .cd-author-info li:last-child {
font-size: 0.875rem;
}
}
.flex-direction-nav li {
position: absolute;
height: 100%;
width: 40px;
top: 0;
}
.flex-direction-nav li:first-child {
left: 0;
}
.flex-direction-nav li:last-child {
right: 0;
}
.flex-direction-nav li a {
display: block;
height: 100%;
width: 100%; overflow: hidden;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.no-touch .flex-direction-nav li a:hover {
background: rgba(140, 103, 74, 0.2);
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after { content: '';
position: absolute;
left: 50%;
top: 58%;
width: 3px;
height: 13px;
background-color: #ffffff;
}
.flex-direction-nav li a::before {
-webkit-transform: translateY(-35px) rotate(45deg);
-moz-transform: translateY(-35px) rotate(45deg);
-ms-transform: translateY(-35px) rotate(45deg);
-o-transform: translateY(-35px) rotate(45deg);
transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
-webkit-transform: translateY(-27px) rotate(-45deg);
-moz-transform: translateY(-27px) rotate(-45deg);
-ms-transform: translateY(-27px) rotate(-45deg);
-o-transform: translateY(-27px) rotate(-45deg);
transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
-webkit-transform: translateY(-35px) rotate(-45deg);
-moz-transform: translateY(-35px) rotate(-45deg);
-ms-transform: translateY(-35px) rotate(-45deg);
-o-transform: translateY(-35px) rotate(-45deg);
transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
-webkit-transform: translateY(-27px) rotate(45deg);
-moz-transform: translateY(-27px) rotate(45deg);
-ms-transform: translateY(-27px) rotate(45deg);
-o-transform: translateY(-27px) rotate(45deg);
transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
.flex-direction-nav li {
width: 40px;
}
}
@media only screen and (min-width: 1170px) {
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
background-color: #ffffff;
}
} .segment.banner {
padding-bottom: 3.75rem;
}
.banner .section-title {
margin-top: 3.75rem;
}
.banner-container {
padding: 2.5rem 3.75rem 0;
margin: 0 auto;
}
.banner-container:after{
content: "";
clear: both;
display: block;
}
.col4 {
float: left;
margin-bottom: 30px;
}
.col4 img {
padding: 0 1.5625rem;
}
@media only screen and (min-width: 1450px) {
.col4 {
width: 25%;
}
}
@media only screen and (max-width: 1449px) { 
.banner-container {
max-width: 45.625rem;
}
.col4 {
width: 50%;
}
.col4:nth-child(3) {
clear: none;
}
}
@media only screen and (max-width: 779px) { 
.col4 {
width: 50%;
}
.banner-container {
padding: 2.5rem 2rem 0;
}
.col4:nth-child(3) {
clear: none;
}
.col4 img {
padding: 0 0.8125rem;
}
}
@media only screen and (max-width: 480px) { 
.col4 {
width: auto;
float: none;
}
}
#sitemap {
padding: 60px;
}
@media only screen and (max-width: 779px) { 
#sitemap {
padding: 30px 0px;
}
}
@media only screen and (max-width: 480px) { 
#sitemap {
padding: 30px 0px;
}
}
p.intro {
color: #fff;
font-size: 18px;
line-height: 1.7em;
}
.sidebar-social li a {
vertical-align: middle;
}
.sidebar-social .fb {
margin-bottom: 10px;
}
.sidebar-social .fb span.icon {
background: #4566ae;
}
.sidebar-social span.icon {
width: 28px;
height: 28px;
display: inline-block;
padding-top: 5px;
margin-right: 7px;
}
.icon i {
color: #fff;
}
.admin-desk {
margin-top: 70px;
padding: 0 50px;
}
.officeloc {
color: #4d4d4d;
margin-top: 0;
padding: 0 30px;
text-align: left;
}
.primary-sidebar ul#innerwidget {
width: auto;
margin: 0;
}
.fb-like iframe {
width: 100px!important;
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/css/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/css/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/css/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/css/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/css/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//www.aseamarine.com.au/wp/wp-content/themes/tz-zinc-child/css/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}