article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block;}
audio, canvas, video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html, button, input, select, textarea{font-family:sans-serif;}
body{margin:0;}
a:focus{outline:thin dotted;}
a:active, a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
h2{font-size:1.5em;margin:0.83em 0;}
h3{font-size:1.17em;margin:1em 0;}
h4{font-size:1em;margin:1.33em 0;}
h5{font-size:0.83em;margin:1.67em 0;}
h6{font-size:0.67em;margin:2.33em 0;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
p, pre{margin:1em 0;}
code, kbd, pre, samp{font-family:monospace, serif;_font-family:"courier new", monospace;font-size:1em;}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
} q{quotes:none;}
q:before, q:after{content:"";content:none;}
small{font-size:80%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl, menu, ol, ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
menu, ol, ul{padding:0;}
nav ul, nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}
button, input, select, textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button, input{line-height:normal;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
html{font-family:"Marcellus", Palatino, serif;font-size:13px;line-height:1.25;overflow-x:hidden;}
body{overflow-x:hidden;min-height:100%;}
body, button, input, select, textarea{color:#404040;}
h1, h2, h3, h4, h5, h6{margin-bottom:0.809em;line-height:1.15;font-weight:100;}
h1{font-weight:100;color:#fff;font-size:2em;letter-spacing:2px;text-align:center;padding:0 0 5px;text-transform:uppercase;}
h2{text-transform:uppercase;font-weight:100;font-size:1.85rem;margin:5rem auto 3rem;text-align:center;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h2.section-header{font-size:1.5rem;}
.blog h2.section-header{margin:1rem 0 0.75rem;}
@media screen and (min-width:32.813em){
h2.section-header{font-size:2.25rem;margin-bottom:2.75rem;margin-top:6rem;}
.blog h2.section-header{margin:0.5rem 0 0.5rem;}
}
.projects-insert h2.section-header{margin-top:1.5rem;}
h3{text-transform:uppercase;letter-spacing:1px;font-size:1.25rem;line-height:1.35;text-align:center;}
.section-text h3{font-size:1.1rem;letter-spacing:0;line-height:1.75;padding:0 5%;font-family:"Marcellus", sans-serif;font-weight:500;}
@media screen and (min-width:32.813em){
.section-text h3{padding:0 20%;}
}
@media screen and (min-width:35.5em){
.section-text h3{letter-spacing:1px;font-size:1.25rem;}
}
@media screen and (min-width:44.5em){
.section-text h3{padding:0;}
}
h4{font-family:"Marcellus", Palatino, serif;font-style:normal;text-transform:capitalize;font-size:1.35rem;}
p, ul, ol, dl, blockquote, input{font-family:"Marcellus", Palatino, serif;font-size:1.05rem;line-height:1.75;margin-bottom:1.75rem;}
dfn, cite, em, i{font-style:italic;}
blockquote{margin:0 1.5em;}
address{margin:0 0 1.5em;}
pre{background:#efece9;font-family:"Courier 10 Pitch", Courier, monospace;font-size:15px;font-size:0.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;}
ol{list-style-type:decimal;margin-left:1.618em;}
nav ul, nav ol{list-style:none;margin:0;padding:0;}
b, strong{font-weight:bold;}
i, em{font-family:"Marcellus", Palatino, serif;font-style:italic;}
small{font-size:80%;}
big{font-size:125%;}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #54514b;
background-color: white;
height: 100%;
} a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
*,
*:before,
*:after{-webkit-box-sizing:inherit;box-sizing:inherit;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
ul, ol{margin:0;}
ul{list-style-type:none;}
ol{list-style:decimal;}
li > ul, li > ol{margin-bottom:0;margin-left:1.5em;}
dt{font-weight:bold;}
dd{margin:0 1.5em 1.5em;}
img{height:auto;max-width:100%;}
table{margin:0 0 1.5em;width:100%;}
embed, iframe, object{max-width:100%;}
#rsp_access{color:orange;font-size:1.25rem;margin-top:2rem;}
button, input[type="button"],
input[type="reset"],
input[type="submit"]{color:#fff !important;text-transform:uppercase;letter-spacing:1px;border:1px solid;border-color:transparent;outline:1px solid #211c18;background:#211c18;-webkit-box-shadow:none;box-shadow:none;color:rgba(0, 0, 0, 0.8);font-size:12px;font-size:1.25rem;line-height:1;padding:0.54rem 3rem;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px !important;margin-left:0.5rem;-webkit-transition:background 0.5s, border-color 0.5s, color 0.75s, outline 0.15s;transition:background 0.5s, border-color 0.5s, color 0.75s, outline 0.15s;}
button a, input[type="button"] a,
input[type="reset"] a,
input[type="submit"] a{}
button:hover, input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{color:#fff !important;border:1px solid #b15c11;background-color:#b15c11;}
button:active, input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active{border-color:#555 #555 #555;-webkit-box-shadow:none;box-shadow:none;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{color:#000;border:1px solid #000;background-color:#fff;width:20rem;padding:0.25rem 3rem 0.25rem 1rem !important;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{color:#848377 !important;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]{padding:3px;}
textarea{padding-left:3px;width:100%;}
a, a:visited{outline:none;color:inherit;text-decoration:none;-webkit-transition:color 0.5s;transition:color 0.5s;}
a:hover{outline:none;text-decoration:none;}
a:active, a:focus{outline:none;}
header ::-moz-selection{background:transparent;text-shadow:none;}
header ::selection{background:transparent;text-shadow:none;}
.navigation-secondary ::-moz-selection{background:transparent;text-shadow:none;}
.navigation-secondary ::selection{background:transparent;text-shadow:none;}
#grid ::-moz-selection{background:transparent;text-shadow:none;}
#grid ::selection{background:transparent;text-shadow:none;}::-moz-selection{background:#8f8b88;text-shadow:none;}::selection{background:#8f8b88;text-shadow:none;}
footer a::-moz-selection, header li::-moz-selection{background:transparent;}
footer a::-moz-selection, footer a::selection, header li::-moz-selection, header li::selection{background:transparent;}
.navigation-wrapper{height:8.15rem;width:100%;background:rgba(255, 255, 255, 0.9);position:fixed;top:0;z-index:999999;-webkit-transition:height 0.5s ease, opacity 1s 0.2s ease-in-out;transition:height 0.5s ease, opacity 1s 0.2s ease-in-out;}
.navigation-wrapper #mail-link{position:absolute;top:0;right:0;width:80px;height:50px;background-color:transparent;cursor:default;}
.page-template-homepage .navigation-wrapper #mail-link{display:none;}
@media screen and (min-width:561){
.navigation-wrapper #mail-link{display:none;}
}
header{overflow:hidden;}
.tuckedNav .navigation-wrapper{height:4.35rem;}
.active-menu .navigation-wrapper{height:100%;}
.home-instagram, .proj-instagram{position:absolute;top:20px;bottom:auto;right:20px;width:24px;height:24px;z-index:100;}
.proj-instagram{display:none;}
@media screen and (min-width:31.813em){
.home-instagram{top:calc(50% - 12px);bottom:auto;}
.proj-instagram{bottom:calc(0% - 47px);top:auto;}
}
.home-instagram:hover{opacity:0.6;}
.page-template-homepage .home-instagram, .page-template-page-profile .home-instagram{display:block;}
.page-template-page-rows .proj-instagram{}
.navigation-list{height:auto;max-width:80rem;margin:0 auto;overflow:hidden;padding:1.2rem 0 1.2rem 2.7rem;}
.tuckedNav .navigation-list{padding:1rem 0 1rem 2.7rem;}
.page_item{font-weight:400;letter-spacing:1px;text-transform:uppercase;text-align:center;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.navigation-primary .page_item{font-size:1.1rem;line-height:0;vertical-align:middle;color:#7b766a;height:100%;min-height:100%;width:32%;display:inline-block;}
@media screen and (max-width:31.813em){
.navigation-primary .page_item:nth-child(1),
.navigation-primary .page_item:nth-child(3){width:20%;position:absolute;top:2.5rem;z-index:99999;}
.tuckedNav .navigation-primary .page_item:nth-child(1),
.tuckedNav .navigation-primary .page_item:nth-child(3){top:3.25rem;}
.navigation-primary .page_item:nth-child(1){left:10%;display:none;}
.navigation-primary .page_item:nth-child(3){right:10%;display:none;}
.navigation-primary .page_item:nth-child(2){margin:0 auto;position:relative;display:block;}
.navigation-mobile{}
.navigation-mobile li{display:block;}
.menu-toggle{outline:0px solid #211c18;background:transparent;display:block;padding-top:0;position:fixed;top:0px;left:0px;margin:3px 0 0;padding:20px;}
.menu-toggle .line{display:block;margin:1px auto 3px;height:1px;background:#666;width:2rem;pointer-events:none;}
.menu-toggle:hover, .menu-toggle:active{background-color:transparent;border:0px solid #b15c11;}
.active-menu .menu-toggle .line{background:#b15c11 !important;}
}
@media screen and (max-width:33.938em){
.navigation-primary .page_item:nth-child(2){overflow:visible !important;left:0;right:0;width:32%;}
.navigation-list{padding-left:0;padding-right:0;max-width:100%;}
.navigation-primary .page_item:nth-child(2) .site-title{min-width:12.45rem;display:inline-block;}
.tuckedNav .navigation-list{padding-left:0;padding-right:0;}
.navigation-list-mobile{margin-top:3rem;}
.navigation-list-mobile li{margin-bottom:0.5em;font-size:1.2rem;}
.navigation-list-mobile li a{color:#b15c11;}
.navigation-list-mobile li.page-item-2, .navigation-list-mobile li.page-item-17{margin-top:2em;font-size:1.5rem;}
.navigation-list-mobile li.page-item-2 a, .navigation-list-mobile li.page-item-17 a{color:#000;}
}
.navigation-primary .page_item:nth-child(1),
.navigation-primary .page_item:nth-child(3){opacity:0;filter:alpha(opacity=0);}
@media screen and (min-width:31.813em){
.navigation-list{display:block;}
.navigation-mobile{display:none !important;}
.page_item.logo{display:inline-block;min-width:1px;width:32%;}
.navigation-primary .page_item{font-size:1.27rem;width:32%;}
.navigation-primary .page_item:nth-child(2) svg{width:53%;margin-top:1px;}
} .tuckedNav .navigation-primary .page_item{margin-top:-01rem;}
.tuckedNav .navigation-primary .page_item.logo{margin-top:-0.25rem;}
.navigation-secondary{position:fixed;left:0;right:0;height:6.35rem;top:8.1rem;padding:0.45rem 5% 0;z-index:99999999;-webkit-transition:top 0.5s ease;transition:top 0.5s ease;}
.tuckedNav .navigation-secondary{background-color:rgba(255, 255, 255, 0.9);}
@media screen and (max-width:31.813em){
.navigation-secondary{display:none;}
}
@media screen and (min-width:20.063em){
.navigation-secondary{height:4.5rem;}
}
@media screen and (min-width:30.438em){
.navigation-secondary{padding:0.25rem 0 0;height:2.8rem;padding:0;}
}
.tuckedNav .navigation-secondary{top:4.35rem;}
.navigation-secondary .navigation-list{padding:0.35rem 0;line-height:1.25;}
@media screen and (min-width:30.438em){
.navigation-secondary .navigation-list{line-height:1.85;padding:0rem 0 0.85rem;}
.touch .navigation-secondary .page_item{line-height:2.25;}
}
.navigation-secondary .page_item{font-size:1.15rem;color:#b0ada2;margin:0;padding:0.5rem 0.75rem;}
@media screen and (min-width:30.438em){
.navigation-secondary .page_item{font-size:1rem;}
.touch .navigation-secondary .page_item{font-size:1.2rem;}
}
.navigation-secondary .page_item:hover{color:#c5c5c5;}
.site-title{background:url(//smiros.com/wp-content/themes/smirosandsmiros/layout-images/logo.svg) no-repeat top center;background-size:12.3rem;height:6.5rem;width:100%;margin-top:-5px;display:inline-block;position:relative;text-align:center;vertical-align:top;overflow:hidden;-webkit-transition:height 0.5s ease, opacity 0.5s, filter 0.5s;-webkit-transition:height 0.5s ease, opacity 0.5s, -webkit-filter 0.5s;transition:height 0.5s ease, opacity 0.5s, -webkit-filter 0.5s;transition:height 0.5s ease, opacity 0.5s, filter 0.5s;transition:height 0.5s ease, opacity 0.5s, filter 0.5s, -webkit-filter 0.5s;}
.site-title.isLoaded, .pc .site-title.isLoaded{opacity:1;filter:alpha(opacity=100);}
.site-title.white-logo{background:url(//smiros.com/wp-content/themes/smirosandsmiros/layout-images/logo-white.svg) no-repeat top center;background-size:16.4rem;height:8.5rem;}
.site-title.white-logo2{background:url(//smiros.com/wp-content/themes/smirosandsmiros/layout-images/logo-white2.svg) no-repeat top center;}
.tuckedNav header .site-title{height:4.25rem;background-position:top;}
.navigation-list li a{color:#444 !important;}
.navigation-list li.current_page_item a, .navigation-list li.current_page_ancestor a, .navigation-list li.current_page_parent a{color:#a06843 !important;}
.navigation-secondary li a{color:#444 !important;}
.navigation-secondary .navigation-list li.current_page_item a{color:#a06843 !important;}
section{display:block;position:relative;margin:0 auto;overflow:hidden;text-align:left;text-align:center;}
#contact:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em;}
.section-content{text-align:left;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.section-content.centered{display:inline-block;vertical-align:middle;text-align:center;}
.section-text{width:90%;max-width:65rem;margin:0 auto;}
@media screen and (min-width:37.125em){
.section-text{width:80%;}
#contact:before{height:100%;}
}
@media screen and (min-width:53.5em){
.section-text{width:70%;}
} .centered .section-text{width:96%;margin-left:2%;}
@media screen and (min-width:53.5em){
.centered .section-text{width:100%;margin-left:0;}
}
.section-text li{text-align:center;line-height:2;}
.section-text li a:hover{color:#b15c11;}
.image-holder{background-size:cover;}
.site-main{text-align:center;}
.slideshow{width:100%;height:100vh;min-height:100svh;position:relative;display:block;}
.slideshow .image-holder{position:absolute;background-repeat:no-repeat;width:100%;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;}
.slideshow .image-holder img{display:none;}
#homepage-slideshow{background-color:#000;}
#homepage-slideshow.first-image-loaded{opacity:1;transition:none;}
img{width:100%;}
.callout{font-size:1rem;text-transform:uppercase;letter-spacing:1px;line-height:1.25;padding:0.5rem 4.5rem;}
.callout em{letter-spacing:0px;font-size:1.45rem;text-transform:capitalize;}
.row-caption, .row-caption p{font-size:1.15rem;line-height:1.2em;color:#fff;text-align:center;margin-top:0.5em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.inset.row-caption{position:absolute;width:100%;padding-top:10px;}
.inset.row-caption p{margin-bottom:0;}
.full-width.row-caption p{margin-top:1em;}
.pattern-background{overflow:hidden;position:relative;}
.section-callout{color:#fff;background-color:#211c18;display:block;padding:3rem 5% 3.1rem;text-transform:uppercase;letter-spacing:2px;text-align:center;position:relative;overflow:hidden;}
@media screen and (min-width:35.5em){
.section-callout{padding:5rem 3rem;margin:5px 0;}
} .section-callout blockquote{display:block;max-width:45rem;margin:0 auto;z-index:1;position:relative;font-size:1.15rem;}
@media screen and (min-width:35.5em){
.section-callout blockquote{font-size:1.35rem;}
}  #client-access:before{z-index:0;}
#client-access form input{z-index:1;-webkit-transform:translatez(0);transform:translatez(0);}
.section-callout:before, .pattern-background:before, #client-access:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.03;filter:alpha(opacity=3);background-color:inherit;background-image:url(//smiros.com/wp-content/themes/smirosandsmiros/layout-images/pattern.png);background-repeat:repeat;background-size:3rem;z-index:1;}
#client-access div{-webkit-transform:translatez(0);transform:translatez(0);z-index:999;position:relative;}
#client-access:after{}
#client-access > div{-webkit-transform:translatez(0);transform:translatez(0);}
#client-access input{display:block;min-width:100%;margin:1rem auto;}
@media screen and (min-width:29.625em){
#client-access input{display:inline-block;min-width:1px;margin:auto;margin-left:2%;}
} .social-links,
.share-button{left:0.85rem;position:absolute;}
.share-link{bottom:0em;}
.background-image:hover .share-button, .gallery-item:hover .share-button{opacity:1;filter:alpha(opacity=100);}
.touch .background-image:hover .share-button, .touch .gallery-item:hover .share-button{opacity:0;filter:alpha(opacity=0);}
.touch .background-image .share-button.sharebuttonShow, .touch .gallery-item .share-button.sharebuttonShow{opacity:1;filter:alpha(opacity=100);}
.share-button{width:2.15rem;height:2.15rem;display:block;background-image:url(//smiros.com/wp-content/themes/smirosandsmiros/layout-images/share_white.svg);background-repeat:no-repeat;background-size:contain;bottom:1rem;z-index:999;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.5s, bottom 1s;transition:opacity 0.5s, bottom 1s;}
.share-link:hover .share-button{opacity:0;filter:alpha(opacity=0);}
.share-link .social-links{bottom:0;padding-bottom:1rem;font-size:1rem;letter-spacing:1px;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 1s, bottom 1s;transition:opacity 1s, bottom 1s;}
.share-link:hover .social-links{opacity:1;filter:alpha(opacity=100);bottom:0;}
.touch .share-link:hover .social-links{opacity:0;filter:alpha(opacity=0);}
.touch .social-links.sharelinksShow, .touch .share-link:hover .social-links.sharelinksShow{opacity:1;filter:alpha(opacity=100);}
.share-icon, .share-icon polygon{fill:white;width:1.15rem;height:1.15rem;line-height:0;margin:0;padding:0;margin-bottom:-2px;vertical-align:baseline;-webkit-transition:fill 0.5s;transition:fill 0.5s;}
.touch .share-icon, .touch .share-icon polygon{text-shadow:1px 1px rgba(0, 0, 0, 0.7);}
@media screen and (min-width:680px){
.share-icon, .share-icon polygon{width:1.25rem;height:1.25rem;}
}
.share-link .social-links a{color:white;display:block;margin:0.5rem 0;text-align:left;pointer-events:none;-webkit-transition:color 0.5s;transition:color 0.5s;}
.social-links.blog-icons{position:absolute;right:0 !important;left:150px;bottom:0px;text-align:right;}
.social-links.blog-icons a{margin:0.5rem 0.15rem;color:#b0ada2;}
.social-links.blog-icons .share-icon, .social-links.blog-icons .share-icon polygon{color:#b0ada2;fill:#b0ada2;width:1rem;height:1rem;}
.social-links.blog-icons .share-icon:hover, .social-links.blog-icons .share-icon:hover polygon{color:#fff;fill:#fff;}
.social-link svg path{color:#fff;fill:#fff;}
.social-link svg:hover path{color:#efece9;fill:#efece9;}
body:not(.touch) .share-link:hover .social-links a{pointer-events:auto;}
.touch .gallery-item:not(.col){overflow:hidden;}
.touch .share-link .social-links a{-webkit-transform:translateX(-120%);transform:translateX(-120%);transition:all 0 0.25s;-webkit-transition:all 0 0.25s;}
.touch .social-links.sharelinksShow a{-webkit-transform:translateX(0);transform:translateX(0);transition:all 0 0.25s;-webkit-transition:all 0 0.25s;text-shadow:1px 1px rgba(0, 0, 0, 0.7);}
@media screen and (min-width:680px){
.share-link .social-links a{font-size:1.25rem;line-height:1.55;margin:0;}
}
.fb-share-button .pluginShareButtonLink a{color:white !important;-webkit-transition:color 0.5s;transition:color 0.5s;}
.share-link .social-links a:hover, .share-link .social-links a:hover .share-icon, .share-link .social-links a:hover .share-icon polygon{color:#a6541b;fill:#a6541b;}
.scroll-image{display:inline-block;}
.intro, .background-image{width:100%;width:100vw;height:94vh;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.75s, filter 0.75s;-webkit-transition:opacity 0.75s, -webkit-filter 0.75s;transition:opacity 0.75s, -webkit-filter 0.75s;transition:opacity 0.75s, filter 0.75s;transition:opacity 0.75s, filter 0.75s, -webkit-filter 0.75s;}
.full-width-row .background-image{object-position:center;}
@media screen and (max-width:768px){
.full-width-row .background-image{background:transparent;height:auto;}
.full-width-row .background-image .loader-image{display:block !important;width:100%;height:auto;position:relative;}
}
.intro.isLoaded, .background-image.isLoaded{opacity:1;filter:alpha(opacity=1);}
#homepage-callout{display:inline-block;background:rgba(56, 54, 48, 0.85);height:auto;position:absolute;bottom:0;z-index:99999;left:0;right:0;padding:0;opacity:0;filter:alpha(opacity=0);}
#homepage-callout.homeSsLoaded{-webkit-animation:introFadeIn 3s 1s 1 forwards;animation:introFadeIn 3s 1s 1 forwards;}
#homepage-callout.homeSsLoaded.fadeOut{opacity:1;filter:alpha(opacity=1);}
#homepage-callout:after{content:"";position:absolute;left:0;top:-6px;right:0;height:5px;background-color:rgba(130, 118, 95, 0.8);background:rgba(56, 54, 48, 0.85);z-index:1;}
@media screen and (min-width:680px){
#homepage-callout:after{}
}
#homepage-callout .callout-text{color:#ececec;font-weight:400;text-align:center;margin:0.5rem 0 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#homepage-callout a:hover,
#homepage-callout a:focus{opacity:0.8;filter:alpha(opacity=80);}
#homepage-callout .callout-text p{line-height:1.15;font-size:1rem;margin-bottom:0.75rem;}
.pc #homepage-callout .callout-text p{line-height:1.85;}
#homepage-callout .callout-text em{font-size:1.3rem;}
@media screen and (min-width:28.125em){
#homepage-callout .callout-text em{font-size:1.7rem;}
}
#affiliations{padding:0 0 5.5rem;}
#client-access{padding:2.35rem 0 5.25rem;background-color:#efece9;}
#contact,
.page-404{height:100vh;}
.page-404 .section-text{position:absolute;top:32vh;z-index:999;left:0;right:0;}
.page-404 .section-text svg{fill:black;}
.intro{overflow:hidden;position:relative;background-size:cover !important;}
.intro-text-container{top:32vh;left:0;right:0;max-width:40rem;padding:1rem 0;width:80%;margin-left:auto;margin-right:auto;color:white;z-index:0;position:relative;opacity:0.85;filter:alpha(opacity=85);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:rgba(33, 28, 24, 1);}
@media screen and (min-width:39.875em){
.intro-text-container{padding:2rem;}
} .intro-text-container.upAndAway{-webkit-animation:projectColorFadeout 1s 1 forwards;animation:projectColorFadeout 1s 1 forwards;}
.intro-instruction{font-size:1.25rem;position:absolute;bottom:1rem;left:0;right:0;z-index:0;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.mobile{display:none;}
.touch .mobile{display:inline;}
#grid .intro-instruction{position:fixed;z-index:99;font-size:1.1rem !important;letter-spacing:1px;text-shadow:1px 0px 1px #000, 0px 0px 5px rgba(0, 0, 0, 0.8);}
.page-template-homepage #grid,
.page-template-page-rows #grid,
.page-template-page-grid #grid{margin-bottom:3px;}
.page-template-homepage #grid .intro-instruction{z-index:999;}
@media screen and (min-width:36.875em){
.intro-instruction{font-size:1.1rem;letter-spacing:1px;}
}
.page-id-2 .instructional, .page-template-page-transformations .instructional{display:none;}
.instructional{font-size:0 !important;content:"";position:absolute;top:auto;right:auto;bottom:40px;left:calc(50% - 1.25rem);height:1.7rem;width:1.7rem;border-top:1.5px solid white;border-right:1.5px solid white;-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity:1;z-index:999;}
.intro-text-title{font-size:1.5rem;letter-spacing:1px;margin-bottom:0;margin-top:1.8rem;}
.intro-text-title.no-subtitle{margin-bottom:0.5rem;}
@media screen and (min-width:22.938em){
.intro-text-title{font-size:2rem;letter-spacing:1px;}
}
@media screen and (min-width:36.875em){
.intro-text-title{font-size:2.45rem;letter-spacing:2px;}
}
.intro-text-subtitle{font-size:1.1rem;margin-top:0;margin-bottom:1.9rem;}
@media screen and (min-width:36.875em){
.intro-text-subtitle{font-size:1.25rem;}
}
@media screen and (min-width:36.875em){
.intro-text-subtitle{font-size:1.5rem;}
} .project_template .section-callout{width:100%;background-color:transparent;padding:8rem 0;}
.project_template .section-callout blockquote{max-width:80rem;width:80%;padding:0 8.5rem;text-align:left;line-height:1.5;text-transform:none;letter-spacing:0;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.text-block{width:100%;padding:2rem 0 2.5rem;background-size:65px;position:relative;text-align:center;overflow:visible;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efece9;}
@media screen and (min-width:60.875em){
.text-block{padding:8rem 0;}
}
.gutter-cover{border:0;top:1px;right:0;bottom:auto;left:0;height:0px;width:100%;position:absolute;display:block;pointer-events:none;z-index:999;}
.inset-row .gutter-cover{top:0px;}
.inset-row .gallery-item{z-index:999;}
@media screen and (max-width:53.813em){
#studio-con-2 .col{margin-top:6px;}
} .text-block:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
.text-block-text{display:inline-block;vertical-align:middle;position:relative;z-index:9999;width:100%;margin-left:auto;margin-right:auto;padding:2%;}
 @media screen and (min-width:60.875em){
.text-block-text{width:80%;padding:0;}
}
.text-block-text p{font-weight:300;color:#211c18;font-size:1.05rem;line-height:2rem;text-align:left;max-width:60rem;position:relative;left:0;right:0;margin:auto;width:90%;}
@media screen and (min-width:60.875em){
.text-block-text p{padding:0;font-size:1.15rem;}
} .row{position:relative;}
.intro.background-image + .row,
.intro.landing-video-container + .row.gallery-columns-1{margin-top:5px;}
@media screen and (min-width:767px){
.intro.landing-video-container + .row.gallery-columns-1,
.row.gallery-columns-1 + .row.gallery-columns-1,
.row.gallery-columns-2 + .row.gallery-columns-1,
.row.gallery-columns-2 + .row.gallery-columns-2,
.row.gallery-columns-1 + .row.gallery-columns-2,
.intro.background-image + .row{margin-top:5px;}
}
.row.gallery-columns-1 + .row.gallery-columns-1 + .text-block{margin-top:-5px;}
.intro:after, .row:after{content:"";display:block;position:absolute;width:100%;top:100%;bottom:0;left:0;right:0;z-index:999;}
.inset-row.row:after{display:none;}
.loader-image{height:0;}
.hundred-width-row .background-image{background:transparent;height:auto !important;display:block !important;min-height:60vw;}
.hundred-width-row .background-image .loader-image{width:100%;height:auto;position:relative;opacity:1 !important;filter:alpha(opacity=1) !important;display:block !important;}
.gallery-item{position:relative;}
.gallery-item:after{content:"";display:block;position:absolute;width:5px;height:100%;background-color:#fff;top:0;bottom:0;left:100%;right:auto;z-index:99999;-webkit-transform:translatez(0);transform:translatez(0);}
.gallery-item.single-inset{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.gallery-item.single-inset:after{display:none;}
.inset-row .gallery-item:nth-child(even){z-index:1 !important;}
.gallery-item:last-child:after{display:none;}
.inset-row .gallery-item:nth-child(even):after{display:none;}
.inset-row .gallery-item:before{content:"";display:block;position:absolute;width:100%;height:5px;background-color:#efece9;top:0;bottom:100%;left:0;right:0;z-index:999999;}
.inset-row .gallery-item:nth-child(1):before,
.inset-row .gallery-item:nth-child(2):before{display:none;}
.inset-row{outline:none;overflow:hidden;}
@media screen and (min-width:53.813em){
.inset-row .row-image-container{margin:15%;position:relative;}
}   .project-footer{width:100%;height:10rem;background:#fff;padding:1.15rem 0 0;position:relative;}
.footer-title{text-transform:uppercase;color:#7f7f7f;font-weight:100;letter-spacing:1px;font-size:1.5rem;margin:1.4rem 0 0;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
@media screen and (min-width:22.938em){
.footer-title{font-size:2rem;}
}
@media screen and (min-width:36.875em){
.footer-title{}
}
.previous-next-buttons{color:#7f7f7f;font-weight:100;letter-spacing:1px;font-size:1rem;line-height:1.15rem;text-align:center;margin:0.5rem 0 0;font-family:"Marcellus";}
@media screen and (min-width:36.875em){
.previous-next-buttons{margin:1.3rem 0 0;}
}
.pc .previous-next-buttons{color:#5d5d5d;}
.previous-next-buttons a{margin:0 0.5rem;}
.profile_template, #main.blog,
.single-post{color:#000;background-color:#fff;padding-top:11rem;min-height:100vh;}
.profile_template{padding-top:8.15rem;}
.grid_template{padding-top:8.15rem;}
#main.blog,
.single-post{padding-top:9.75rem;}
@media screen and (min-width:36.875em){
#main.blog,
.single-post{padding-top:11rem;}
}
body.blog, body.single-post{background-image:url(//smiros.com/wp-content/themes/smirosandsmiros/layout-images/pattern2.png);}
.blog .article-images, .single-post .article-images{margin-bottom:15px;}
.blog p, .single-post p{display:inline;}
.blog p strong, .single-post p strong{color:white;font-weight:normal;}
.single-post article{margin-bottom:80px;padding-bottom:5px;border-bottom:1px solid #b0ada2;}
.blog article .entry-footer, .single-post article .entry-footer{margin-top:20px;text-align:left;position:relative;font-size:1.25rem;}
.single-post article img{cursor:pointer;}
.blog ul, .blog p, .blog .entry-content, .blog .entry-content p, .pc .blog .section-text ul, .pc .blog .section-text p, .pc .blog .section-text .entry-content, .pc .blog .section-text .entry-content p{font-size:1px !important;color:#423a32;z-index:-1;}
@media screen and (min-width:36.875em){
.no-touch .blog ul, .no-touch .blog p, .no-touch .blog .entry-content, .no-touch .blog .entry-content p, .no-touch.pc .blog .section-text ul, .no-touch.pc .blog .section-text p, .no-touch.pc .blog .section-text .entry-content, .no-touch.pc .blog .section-text .entry-content p{font-size:0px !important;}
}
body.blog, body.group-blog, body.single-post, #main.blog{background-color:#fff !important;}
.blog .section-text{width:100%;margin:0;max-width:none;padding:0 0.25rem 2rem;}
.blog .navigation{padding-top:2rem;}
.blog .section-text ul{min-height:calc(100vh - 200px);}
.blog .section-text li{width:calc(100vw - 1.75rem);height:calc(100vw - 1.75rem);margin:0.5rem !important;display:inline-block;position:relative;background-color:#423a32;}
.blog .section-text li a, .blog .section-text li > div{}
.blog .section-text li img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;max-width:none !important;background-color:#4e4c47;z-index:200;}
.blog .section-text li:hover img{opacity:0.9;}
@media screen and (min-width:36.875em){
.blog .section-text li{width:calc(50vw - 2rem);height:calc(50vw - 2rem);overflow:hidden;}
.blog .section-text li > div{height:calc(50vw - 2rem);}
}
@media screen and (min-width:60.875em){
.blog .section-text li{width:calc(33.33vw - 2rem);height:calc(33.33vw - 2rem);}
.blog .section-text li > div{height:calc(33.33vw - 2rem);}
} .blog article .entry-footer,
.single-post article .entry-footer{margin-top:20px;text-align:left;position:relative;font-size:1.25rem;}
h2.screen-reader-text{position:relative;display:none;}
.posts-navigation{padding-bottom:20px;font-style:italic;}
.nav-links > div{font-size:1.5rem;display:inline-block;}
.nav-links > div a{margin:0 0.75rem;}
.nav-links:before, .nav-links:after{content:"";height:1px;width:2rem;background-color:#000;margin:0.25rem 0.5rem;padding:0;display:inline-block;line-height:0;position:relative;}
.social-link{display:inline-block;width:2.65rem;height:2.65rem;margin:0 0.35rem;}
.social-link img{-webkit-filter:invert(1) brightness(0.2);filter:invert(1) brightness(0.2);}
@media screen and (min-width:768px){
.social-link{width:3rem;height:3rem;margin:0 0.5rem;}
} footer.social{margin:3.5rem auto 0;text-align:center;}
.blog footer.social{margin:1rem auto 1.25rem;}
.social-link img:hover{opacity:0.5;}
#studio img{margin-bottom:0;}
#affiliationbody{float:left;padding:5rem 0;position:relative;width:100%;}
#affiliationbody ul{list-style-type:none;margin-left:0;}
#affiliationbody ul li{color:#d9d9d9;text-align:center;}
#client-access input{vertical-align:middle;}
#contact p{color:black;}
#contact p a{color:#fff;}
#contact p a:hover{color:#e1b895;}
@media screen and (min-width:37.125em){
.section-contact p{font-size:1.25rem;}
} .page-template-page-grid{overflow:hidden;}
#grid{display:block;background-color:white;width:calc(100% - 10px);position:relative;margin:5px auto 0;overflow:hidden;}
@media screen and (min-width:680px){
#grid{width:calc(100% - 5px);}
} .page-template-homepage #grid:after{height:0px;}
.grid-item{float:left;position:relative;display:block;height:auto;overflow:hidden;line-height:0 !important;margin:0;padding:0;margin-bottom:1px;outline:5px solid white !important;background-color:#211c18;opacity:0;transition:opacity 2s ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.grid-item.item-loaded{opacity:1;}
.grid-item:before{content:"";display:block;position:absolute;background-color:inherit;top:0;right:0;bottom:4px;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);-webkit-transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);}
@media screen and (min-width:680px){
.grid-item:before{bottom:0;}
} .grid-item:hover:before,
.grid-item.enterProject:before{opacity:0.85;filter:alpha(opacity=85);}
.grid-item .image-holder{position:relative;overflow:hidden;}
.touch .grid-item.dontEnterProject:hover:before{opacity:0;filter:alpha(opacity=0);}
@media screen and (min-width:680px){
.grid-sizer, .grid-item.one-by-one, .grid-item.one-by-two, .grid-item.one-by-three{width:calc(50% - 5px);}
}
@media screen and (min-width:768px){
.grid-sizer, .grid-item.one-by-one, .grid-item.one-by-two, .grid-item.one-by-three{width:calc(33.33% - 5px);margin:2.5px;}
} .gallery-columns-2 .grid-sizer{-webkit-box-sizing:border-box;box-sizing:border-box;}
.grid-item.two-by-one, .grid-item.two-by-two, .grid-item.two-by-three{width:calc(50% - 5px);}
@media screen and (min-width:680px){
.grid-item.two-by-one, .grid-item.two-by-two, .grid-item.two-by-three{width:50%;width:calc(50% - 5px);}
}
.grid-item.three-by-one, .grid-item.three-by-two{width:calc(50% - 5px);}
@media screen and (min-width:680px){
.grid-item.three-by-one, .grid-item.three-by-two{width:75%;width:calc(75% - 5px);}
}
@media screen and (max-width:53.813em){
.gallery-columns-2 .col, .single-inset{margin-bottom:5px;}
}
.grid-item-text-container{padding:0;position:absolute;top:27%;right:8%;bottom:26.5%;left:8%;line-height:2;opacity:0;filter:alpha(opacity=0);z-index:999;-webkit-transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);-webkit-transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.25s cubic-bezier(0.74, 0.25, 0.56, 1.05);}
@media screen and (min-width: 680px) and (max-width: 53.813em) {
.grid-item-text-container{right:2%;left:2%;top:22%;bottom:21.5%;}
}
.grid-item.one-by-one .grid-item-text-container{top:20%;bottom:20%;}
@media screen and (min-width:75.5em){
.grid-item.one-by-one .grid-item-text-container{top:27%;bottom:27%;}
}
@media screen and (min-width:67.688em){
.grid-item-text-container{padding:2rem 1% 1.3rem;}
} .grid-item:hover .grid-item-text-container{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);-webkit-transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);}
.touch .grid-item.dontEnterProject:hover .grid-item-text-container{opacity:0;filter:alpha(opacity=0);}
.grid-item.enterProject .grid-item-text-container{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);-webkit-transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);transition:opacity 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05), -webkit-filter 0.5s cubic-bezier(0.74, 0.25, 0.56, 1.05);}
.grid-item-text-container:before{content:"";height:100%;display:inline-block;vertical-align:middle;}
.grid-item-text{text-align:center;vertical-align:middle;display:inline-block;width:100%;}
.grid-item-title, .grid-item-subtitle{color:white;margin:0;width:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
h4.grid-item-subtitle, h4.intro-text-subtitle{font-family:"Marcellus";letter-spacing:1px;margin-top:3px;font-weight:500;}
h4.grid-item-subtitle span, h4.intro-text-subtitle span{display:inline-block;}
h4.grid-item-subtitle span:first-child, h4.grid-item-subtitle span:last-child, h4.intro-text-subtitle span:first-child, h4.intro-text-subtitle span:last-child{vertical-align:middle;margin-top:-5px;}
.grid-item-title{font-size:1.5rem;}
.one-by-one .grid-item-title, .one-by-two .grid-item-title{font-size:1.75rem;}
.grid-item-subtitle{font-size:1.1rem !important;}
@media screen and (min-width: 67.688em) and (max-width: 75em) {
.grid-item-title{margin:0 5%;}
}
.grid-item-instruction{font-size:1.1rem !important;color:rgba(256, 256, 256, 0.7);}
.grid-item-instruction:hover{color:rgba(256, 256, 256, 1);}
@media screen and (min-width:767px){
.no-touch .grid-item-instruction{opacity:0;display:none;}
}  .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;-webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);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;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;}
.gallery-item .image-holder{opacity:0;filter:alpha(opacity=0);background-size:cover;-webkit-transition:opacity 0.75s, filter 0.75s;-webkit-transition:opacity 0.75s, -webkit-filter 0.75s;transition:opacity 0.75s, -webkit-filter 0.75s;transition:opacity 0.75s, filter 0.75s;transition:opacity 0.75s, filter 0.75s, -webkit-filter 0.75s;}
.gallery-item .image-holder.isLoaded{opacity:1;filter:alpha(opacity=1);}
.gallery-item{}
@media screen and (min-width:53.813em){
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
}
.gallery-caption{display:block;}
.cf:before, .cf:after{content:"";display:block;}
.cf:after{clear:both;}
.ie6 .cf{zoom:1;}
@keyframes introFadeIn {
from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframes introFadeIn {
from{opacity:0;}
to{opacity:1;}
} @keyframes projectColorFadeout {
from{opacity:0.95;-webkit-transform:translateY(0);transform:translateY(0);}
to{opacity:0;-webkit-transform:translateY(-10vh);transform:translateY(-10vh);}
}
@-webkit-keyframes projectColorFadeout {
from{opacity:0.95;-webkit-transform:translateY(0);}
to{opacity:0;-webkit-transform:translateY(-10vh);}
} @keyframes fadeout {
from{opacity:1;}
to{opacity:0;}
}
@-webkit-keyframes fadeout {
from{opacity:1;}
to{opacity:0;}
} @media print { *{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important;}
a, a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after, a[href^="javascript:"]:after,
a[href^="#"]:after{content:"";}
pre, blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr, img{page-break-inside:avoid;}
img{max-width:100% !important;}
@page{margin:0.5cm;}
p, h2, h3{orphans:3;widows:3;}
h2, h3{page-break-after:avoid;}
} .videocontainer{position:relative;width:300%;height:480px;left:-100%;}
.video{position:relative;top:0;left:0;width:100%;height:100%;}
.image-comparator{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.image-comparator .noUi-horizontal{height:1px;}
.image-comparator .noUi-target{border:1px solid #8f8b88;}
.image-comparator .slider{margin-top:15px;}
.image-comparator img{display:block;}
.noUi-origin{}
.noUi-target, .noUi-handle{-webkit-box-shadow:none;box-shadow:none;}
.image-comparator .noUi-horizontal .noUi-handle{width:16px;height:16px;border-color:#8f8b88;background-color:#8f8b88;}
@media screen and (max-width:680px){
.image-comparator .noUi-horizontal .noUi-handle{-webkit-transform:translate(8px, -2px);transform:translate(8px, -2px);}
}  .slideshow .image-holder img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit:cover;";}
.gallery-item .image-holder{}
.gallery-item .image-holder img, .gallery-item .image-holder img.image-loading{}
.gallery-item .image-holder img.image-loaded{}
section.section-profile{position:relative;}
.section-about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.03;filter:alpha(opacity=3);background-image:url(//smiros.com/wp-content/themes/smirosandsmiros/layout-images/pattern.png);background-repeat:repeat;background-size:3rem;}
.section-about{background-color:#efece9;padding:4.5rem 0 8rem;}
.section-studio h2.section-header{display:none;}
@media screen and (max-width:32.813em){
.section-about{margin-top:-4rem;}
}
.section-profile .bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;}
.section-profile .bg-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit:cover;";opacity:0.7;}
.section-content.centered{position:relative;}
.full-width-row .background-image .image-holder{position:relative;height:0;padding-top:94vh;}
@media screen and (max-width:767px){
.page-template-page-rows .background-image:not(.intro){font-size:0;margin-bottom:5px;}
.full-width-row + .text-block,
.hundred-width-row + .text-block{margin-top:-5px;}
}
.page-template-page-rows .background-image, .intro.background-image{}
.intro.background-image figure{position:absolute;top:0;right:0;bottom:0;left:0;}
.page-template-page-rows #grid .intro-instruction{display:none;}
@media screen and (min-width:861px){
.page-template-page-rows .background-image figure{position:absolute;top:0;right:0;bottom:0;left:0;}
}
.page-template-page-rows .background-image figure img, .intro.background-image figure img, .intro .background-image.poster-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit:cover;";position:absolute;inset:0;object-position:50% 50%;}
.gallery-item .image-holder{height:100%;position:relative;font-size:0;}
.gallery-item .image-holder img.inner-img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;}
.gallery-item.single-inset .image-holder img.inner-img{position:relative;}
.grid-item{position:relative;width:100%;height:100%;}
@media screen and (max-width:768px){
.projects-insert .grid-item{width:50%;}
.projects-insert .grid-item .grid-item-title{font-size:1.2rem;}
.projects-insert .grid-item h4.grid-item-subtitle span{font-size:1rem;}
.projects-insert .grid-item:nth-child(2n-1){right:4px;}
}
.grid-item .image-holder{position:relative;padding-top:100%;width:100%;height:100%;}
.grid-item .image-holder img.inner-img{height:100%;width:100%;-o-object-fit:cover !important;object-fit:cover !important;font-family:"object-fit:cover;";position:absolute;top:0;right:0;bottom:0;left:0;}
.grid-item:before{z-index:10;}
.page-template-homepage .projects-insert{margin-top:1.85em;}
.page-template-page-transformations .projects-insert{padding-top:1.85em;}
.projects-insert{background-color:#fff;}
.projects-insert #grid{margin-top:0.75em;}
.projects-insert .footer-title{font-size:1.5em;color:black;}
.start-anim .image-holder.zoom-in, .isLoaded.zoom-in .image-holder, .isLoaded.zoom-in.image-holder{-webkit-animation:zoomIn 8.5s forwards linear;animation:zoomIn 8.5s forwards linear;}
@-webkit-keyframes zoomIn {
to{-webkit-transform:translate3d(0, 0, 0) scale(1.1) rotate(0.05deg);transform:translate3d(0, 0, 0) scale(1.1) rotate(0.05deg);}
}
@keyframes zoomIn {
to{-webkit-transform:translate3d(0, 0, 0) scale(1.1) rotate(0.05deg);transform:translate3d(0, 0, 0) scale(1.1) rotate(0.05deg);}
} .start-anim .image-holder.zoom-out,
.isLoaded.zoom-out .image-holder, .isLoaded.zoom-out.image-holder{-webkit-animation:zoomOut 8.5s forwards linear;animation:zoomOut 8.5s forwards linear;}
@-webkit-keyframes zoomOut {
from{-webkit-transform:translate3d(0, 0, 0) scale(1.1) rotate(0.05deg);transform:translate3d(0, 0, 0) scale(1.1) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, 0, 0) scale(1) rotate(0.05deg);transform:translate3d(0, 0, 0) scale(1) rotate(0.05deg);}
}
@keyframes zoomOut {
from{-webkit-transform:translate3d(0, 0, 0) scale(1.1) rotate(0.05deg);transform:translate3d(0, 0, 0) scale(1.1) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, 0, 0) scale(1) rotate(0.05deg);transform:translate3d(0, 0, 0) scale(1) rotate(0.05deg);}
} .start-anim .image-holder.pan-up,
.isLoaded.pan-up .image-holder, .isLoaded.pan-up.image-holder{-webkit-animation:slideUp 8.5s forwards linear;animation:slideUp 8.5s forwards linear;}
@-webkit-keyframes slideUp {
from{-webkit-transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, 2.55%, 0) scale(1.05) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);}
}
@keyframes slideUp {
from{-webkit-transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, 2.55%, 0) scale(1.05) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);}
} .start-anim .image-holder.pan-up-to-center,
.isLoaded.pan-up-to-center .image-holder, .isLoaded.pan-up-to-center.image-holder{-webkit-animation:slideUpToCenter 8.5s forwards linear;animation:slideUpToCenter 8.5s forwards linear;}
@-webkit-keyframes slideUpToCenter {
from{-webkit-transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, 2.55%, 0) scale(1.05) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, -1.25%, 0) scale(1.05) rotate(0.05deg);}
}
@keyframes slideUpToCenter {
from{-webkit-transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, 2.55%, 0) scale(1.05) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, -1.25%, 0) scale(1.05) rotate(0.05deg);}
} .start-anim .image-holder.pan-down,
.isLoaded.pan-down .image-holder, .isLoaded.pan-down.image-holder{-webkit-animation:slideDown 8.5s forwards linear;animation:slideDown 8.5s forwards linear;}
@-webkit-keyframes slideDown {
from{-webkit-transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, -2.55%, 0) scale(1.05) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);}
}
@keyframes slideDown {
from{-webkit-transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, -2.55%, 0) scale(1.05) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);}
} .start-anim .image-holder.pan-down-to-center,
.isLoaded.pan-down-to-center .image-holder, .isLoaded.pan-down-to-center.image-holder{-webkit-animation:slideDownToCenter 8.5s forwards linear;animation:slideDownToCenter 8.5s forwards linear;}
@-webkit-keyframes slideDownToCenter {
from{-webkit-transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, -2.55%, 0) scale(1.05) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, 1.25%, 0) scale(1.05) rotate(0.05deg);}
}
@keyframes slideDownToCenter {
from{-webkit-transform:translate3d(0, -2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, -2.55%, 0) scale(1.05) rotate(0.05deg);}
to{-webkit-transform:translate3d(0, 2.5%, 0) scale(1.05) rotate(0.05deg);transform:translate3d(0, 1.25%, 0) scale(1.05) rotate(0.05deg);}
} .start-anim .image-holder.pan-left,
.isLoaded.pan-left .image-holder, .isLoaded.pan-left.image-holder{-webkit-animation:slideLeft 8.5s forwards linear;animation:slideLeft 8.5s forwards linear;}
@-webkit-keyframes slideLeft {
from{-webkit-transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);}
to{-webkit-transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);}
}
@keyframes slideLeft {
from{-webkit-transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);}
to{-webkit-transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);}
} .start-anim .image-holder.pan-left-to-center,
.isLoaded.pan-left-to-center .image-holder, .isLoaded.pan-left-to-center.image-holder{-webkit-animation:slideLeftToCenter 8.5s forwards linear;animation:slideLeftToCenter 8.5s forwards linear;}
@-webkit-keyframes slideLeftToCenter {
from{-webkit-transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);}
to{-webkit-transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(-1%, 0, 0) scale(1.04) rotate(0.05deg);}
}
@keyframes slideLeftToCenter {
from{-webkit-transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);}
to{-webkit-transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(-1%, 0, 0) scale(1.04) rotate(0.05deg);}
} .start-anim .image-holder.pan-right,
.isLoaded.pan-right .image-holder, .isLoaded.pan-right.image-holder{-webkit-animation:slideRight 8.5s forwards linear;animation:slideRight 8.5s forwards linear;}
@-webkit-keyframes slideRight {
from{-webkit-transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);}
to{-webkit-transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);}
}
@keyframes slideRight {
from{-webkit-transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);}
to{-webkit-transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);}
} .start-anim .image-holder.pan-right-to-center,
.isLoaded.pan-right-to-center .image-holder, .isLoaded.pan-right-to-center.image-holder{-webkit-animation:slideRightToCenter 8.5s forwards linear;animation:slideRightToCenter 8.5s forwards linear;}
@-webkit-keyframes slideRightToCenter {
from{-webkit-transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);}
to{-webkit-transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(1%, 0, 0) scale(1.04) rotate(0.05deg);}
}
@keyframes slideRightToCenter {
from{-webkit-transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(-2%, 0, 0) scale(1.04) rotate(0.05deg);}
to{-webkit-transform:translate3d(2%, 0, 0) scale(1.04) rotate(0.05deg);transform:translate3d(1%, 0, 0) scale(1.04) rotate(0.05deg);}
}
.intro.background-image .image-holder{-webkit-animation-timing-function:cubic-bezier(0.5, 1, 0.89, 1);animation-timing-function:cubic-bezier(0.5, 1, 0.89, 1);}
.landing-video-container video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;will-change:contents;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:3;}
.landing-video-container.play-video video{opacity:1;transition:opacity 0.35s ease-out;}
.intro.landing-video-container .intro-text-container {
position: absolute;
z-index: 999;
}