/*! normalize.css v1.1.3 | MIT License | git.io/normalize */


@font-face {
  font-family: 'eb_garamondregular';
  src: url('../fonts/ebgaramondwght-webfont.woff2') format('woff2'),
       url('../fonts/ebgaramondwght-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'eb_garamonditalic';
  src: url('../fonts/ebgaramond-italicwght-webfont.woff2') format('woff2'),
       url('../fonts/ebgaramond-italicwght-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'nothing_you_could_doregular';
  src: url('../fonts/nothingyoucoulddo-regular-webfont.woff2') format('woff2'),
       url('../fonts/nothingyoucoulddo-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

body,
figure,
form {
 margin:0
}
.content,
.page,
.project,
.thumbs {
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -ms-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 transform-style:preserve-3d;
 left:0;
}
.menu-item a,
.menu-item a.active,
.ui-button,
.ui-group,
.ui-pagination li a,
a {
 text-decoration:none;
}
.-text-italic,
.-text-subheading,
dfn {
 font-style:italic
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
 display:block;

}

footer {
text-align: center;
}
audio,
canvas,
video {
 display:inline-block
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden] {
 display:none
}
button,
html,
input,
select,
textarea {
  font-family: 'eb_garamondregular','Fira Sans', Garamond, serif;
  
}
a:active,
a:focus,
a:hover {
 outline:0
}
h1 {
 margin:.67em 0
}
h2 {
 margin:.83em 0
}

dl,
h3,
menu,
ol,
p,
pre,
ul {
 margin:0em 0
}
h4 {
 margin:1.33em 0
}
h5 {
 margin:1.67em 0
}
h6 {
 margin:2.33em 0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:700
}
blockquote {
 margin:1em 40px
}
hr {
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 height:0
}
mark {
 background:#ff0;
 color:#000
}
code,
kbd,
pre,
samp {
 font-family:'courier new',monospace;
 font-size:1em
}
.sidebar .ui-button-close,
body {
  font-family: 'eb_garamondregular','Fira Sans', Garamond, serif;
  /* ova e font glaven*/
}
pre {
 white-space:pre;
 white-space:pre-wrap;
 word-wrap:break-word
}
q {
 quotes:none
}
q:after,
q:before {
 content:'';
 content:none
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
.page,
.page-content,
.sidebar {
 position:absolute;
 top: 0%;
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
dd {
 margin:0 0 0 40px
}
menu,
ol,
ul {
 padding:0 0 0 0px
}
nav ol,
nav ul {
 list-style:none;
 text-align: center;
}
img {
 border:0;
 -ms-interpolation-mode:bicubic;
 /*max-height: 900px;*/
 max-width: 100%;
}
svg:not(:root) {
 overflow:hidden
}
fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0;
 white-space:normal
}
button,
input,
select,
textarea {
 font-size:100%;
 margin:0;
 vertical-align:baseline
}
button,
input {
 line-height:normal
}
button,
select {
 text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
input[type=checkbox],
input[type=radio] {
 box-sizing:border-box;
 padding:0
}
input[type=search] {
 -webkit-appearance:textfield;
 -moz-box-sizing:content-box;
 -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
}
.sidebar- .sidebar-bottom,
.sidebar- .sidebar-top,
.sidebar>* {
 padding-left:2rem;
 padding-right:2rem
}
textarea {
 overflow:auto;
 vertical-align:top
}
.-button,
.page-caption,
body::after {
 vertical-align:middle
}
table {
 border-collapse:collapse;
 border-spacing:0
}
*,
:after,
:before {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
html {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 font-size:100%
}
body {
 font-size:16px;
 line-height:1.0;
 color:#222;
 overflow-y:auto;
 overflow-x:hidden
 /* ova e font golemina glavna sprema koja site h1 i drugi se mestat */
}
.sidebar,
body.on-sidebar-bottom,
body.on-sidebar-top {
 overflow-y:hidden
}
a {
 color:currentColor;
 border-bottom: none;
 -webkit-transition:all .25 ease-in-out;
 -moz-transition:all .25 ease-in-out;
 transition:all .25 ease-in-out
 /* ova e border pod a anchor blocks*/
}
a:hover {
 border-bottom-color:transparent;
 

}
a[background],
a[href^="https://www.flickr.com/photos/"] {
 border-bottom:0;

}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:400;
 line-height:1.25;
 margin-top:1em;
 margin-bottom:1em
}
h4,
h5,
h6 {
 margin-bottom:0
}
h1 {
 font-size:2rem
}
h2 {
 font-size:1.625rem
}
h3 {
 font-size:1.375rem
}
h4 {
 font-size:1.125rem
}
h5 {
 font-size:1rem
}
h6 {
 font-size:.75rem
}
blockquote,
code,
ol,
p,
pre,
table,
ul {
 margin-top:0em;
 margin-bottom:0em
}
p+ol,
p+ul {
 margin-top:-.5em
}
article>a {
 margin-bottom:1em;
}
.project article>:last-child {
 margin-bottom:2em
}
small {
 font-size:15px
}
a:hover kbd,
kbd {
 border-bottom:dotted 1px;
 font-family:inherit;
 font-size:inherit
}
hr {
 border:0;
 border-bottom-style:dotted;
 border-bottom-width:1px;
 border-bottom-color:#222
}
.content,
.project,
.thumbs {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 -webkit-perspective:1000px;
 -moz-perspective:1000px;
 perspective:1000px;
 -webkit-perspective-origin:50% 50%;
 -moz-perspective-origin:50% 50%;
 perspective-origin:50% 50%;
 transform-style:preserve-3d;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 overflow:hidden;
 max-height:100%;
}
.page-content,
.ui-button,
.ui-group,
.ui-pagination {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.content {
 background-color:#222
}
.project,
.thumbs {
 background-color:transparent
}
.on-press .content {
 cursor:-moz-grab!important;
 cursor:-webkit-grab!important;
 cursor:grab!important
}
.on-drag .content {
 cursor:-moz-grabbing!important;
 cursor:-webkit-grabbing!important;
 cursor:grabbing!important
}
.-button,
.submenu-trigger,
.thumb img,
.thumb-caption,
.thumb-content:hover,
.ui-pagination li,
.ui-pagination li a {
 cursor:pointer
}
.project article img {
 width:100%
}
.thumbs {
 top:500%;
}
.sidebar {
 background:rgb(224, 224, 224);
 -webkit-overflow-scrolling:touch
 /* ova e boja na sidebar*/

}
.sidebar>* {
 width:auto;
 float:left;
 display:block
}
.sidebar>:after {
 content:"";
 display:table;
 clear:both
}
.sidebar>:last-child {
 margin-bottom:1.5rem
}
.sidebar>header {
 margin-bottom:1rem;
 }
.sidebar>header>* {
 margin-top:0;
 margin-bottom:0
}
.sidebar img {
 max-width:100%;
 height:auto
}
.sidebar a {
 position:relative;
 z-index:200;

}
.sidebar a:hover {
 color:#be2b2b; 
/*  ova e za boja na hover na link vo sidebar kaj Logo Aleksandar Gjorgievski*/ 
}
.sidebar-left,
.sidebar-right {
 width:24rem;
 height:100%;
 padding-top:2.5rem;
 overflow-y:auto
}
/* ova e sidebar shirina */
.sidebar-left {
 left:0;
 max-height:100%;
 border-right: 1px solid rgb(128, 128, 128);
}
/* ova e granicna linija megu sidebar i strana  */
.sidebar-right {
 right:0;
 border-left:1px dotted rgba(0,0,0,.13)
}
.sidebar-bottom,
.sidebar-top {
 height:3.5rem;
 max-width:100%;
 overflow-y:visible;
 width:100%
}
.sidebar-top {
 top:0;
 border-bottom:1px solid rgba(0,0,0,.13)
}
.sidebar-bottom {
 bottom:0;
 border-top:1px solid rgba(0,0,0,.13)
}
.-sidebar .sidebar-bottom,
.-sidebar .sidebar-top,
.page,
.page-content-photo {
 height:100%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.sidebar- .sidebar:hover .ui-button-close {
 -webkit-transform-origin:50%;
 -moz-transform-origin:50%;
 -ms-transform-origin:50%;
 -o-transform-origin:50%;
 transform-origin:50%;
 -webkit-transform:rotateZ(90deg);
 -moz-transform:rotateZ(90deg);
 -ms-transform:rotateZ(90deg);
 -o-transform:rotateZ(90deg);
 transform:rotateZ(90deg);
 opacity:0
}
.sidebar- .sidebar:hover .ui-button-close:hover {
 -webkit-transform:rotateZ(180deg);
 -moz-transform:rotateZ(180deg);
 -ms-transform:rotateZ(180deg);
 -o-transform:rotateZ(180deg);
 transform:rotateZ(180deg)
}
.sidebar- .sidebar-bottom>:not(.ui),
.sidebar- .sidebar-top>:not(.ui) {
 padding:0;
 float:none
}
.sidebar- .sidebar-bottom>:last-child,
.sidebar- .sidebar-top>:last-child {
 margin-bottom:0
}
.sidebar- .sidebar-bottom>header,
.sidebar- .sidebar-top>header {
 margin-bottom:0;
 margin-right:3rem
}
.is-mobile .sidebar>* {
 padding-right:2.25rem;
 padding-left:2.25rem
}
.-sidebar .sidebar {
 width:100%;
 overflow-y:auto;
 padding-top:1.5rem;
 padding-bottom:1.5rem
}

.page {
 width:100%;
 top:50%;
 transform-style:preserve-3d;
 -webkit-transform:translate3d(0 0 0);
 -moz-transform:translate3d(0 0 0);
 -ms-transform:translate3d(0 0 0);
 -o-transform:translate3d(0 0 0);
 transform:translate3d(0 0 0);
 -webkit-perspective:1000px;
 -moz-perspective:1000px;
 perspective:1000px;
 visibility:hidden;
 overflow:auto;
 margin-right:0;
background:radial-gradient(circle at 45% 50%, rgba(255, 255, 255, 1) 10%, rgba(200, 200, 200, 1) 100%);
/*ova e boja na pozadina*/
}


.scroll .page {
 overflow-y:auto
}
.single-page main {
 min-height:100%
}
.page-content {
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 -ms-transform-style:preserve-3d;
 -o-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-transform:translate3d(0 0 0);
 -moz-transform:translate3d(0 0 0);
 -ms-transform:translate3d(0 0 0);
 -o-transform:translate3d(0 0 0);
 transform:translate3d(0 0 0);
 backface-visibility:hidden;
 -webkit-perspective:1000;
 -moz-perspective:1000;
 perspective:1000;
 /*top:0;
 right:0;
 bottom:0;
 left:0;*/
 padding:1rem;
 
 
}
.page-content-photo[self*=left] img,
.ui-button-toggle {
 right:initial
}
.page-content-custom {
 /*position:relative;*/
 top:inherit;
 min-height:100%
}
.page-content-photo.load img {
 width:100%
}
.page-content-photo[self*=top] img {
 bottom:initial
}
.page-content-photo[self*=bottom] img {
 top:initial
}
.page-caption,
.thumb img {
 right:0;
 left:0;
 max-height:100%
}
.page-content-photo[self*=right] img {
 left:initial;
 max-width: calc(100% - 24px);
}
.page-content iframe {
 position:absolute;
 top:0;
 right:0;
 bottom:3rem;
 left:0;
 margin:auto;
 width:100%;
 height:100%
}
.page-content.text {
 top:6rem;
 left:6rem;
 background:0 0
}
a.page-content-custom {
 position:absolute
}
.on-contain,
.on-cover {
 padding:0
}
.item-cover {
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center
}
.page-content img {
 /*max-height:100%;*/
 max-height:calc(100vh - 7rem);
}
.thumbs .page-content {
 /*padding-left:24px;
 padding-right:24px*/
 background-color: rgb(224, 224, 224);
 top:0;
 right:0;
 bottom:0;
 left:0;
 padding:3rem;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 .page-content-custom {
  min-height:100%;
  height:100%
 }
 .thumbs .page .page-content {
  width:auto
 }
}
.page-caption {
 /*position:relative;*/
 bottom:0rem;
 display:flex;
 font-size: 1.25rem;
 font-family: 'nothing_you_could_doregular';
 /*text-align:center;*/
 /* max-width:1200px; */
 margin-top: 0.5rem;
 -webkit-transition:opacity .4s ease,bottom .4s ease-in-out;
 -moz-transition:opacity .4s ease,bottom .4s ease-in-out;
 transition:opacity .4s ease,bottom .4s ease-in-out;
 align-self: end;
 background-color: rgb(255,255,255,0.5);
 padding: 5px;
 font-weight: 700;
 letter-spacing: 3px;
 color: rgb(75, 75, 75);
}
.on-skin-dark .page-caption{
  background-color: unset;
}
.page-caption p {
 margin-bottom:0
}
.page-caption:hover {
 opacity:1
}
.menu {
 float:left
}
.menu+* {
 clear:both
}
.sidebar-left .menu,
.sidebar-right .menu {
 margin-bottom:1.5
}
.menu-content {
 margin:0;
 padding-left:0;
 padding-bottom: 1rem;
 border-top: 1px solid #909294;
 border-bottom: 1px solid #909294;
border-image: radial-gradient(rgb(0, 0, 0), rgb(215, 215, 215)) 1;
}
.menu-item>* {
 display:block;
 color:#000000;
 letter-spacing: 8px;
 font-size: 2.5rem;
 margin-bottom: 0rem;
 margin-bottom: 0rem;

}
 
.sidebar- .sidebar-bottom .menu-content,
.sidebar- .sidebar-top .menu-content,
.submenu-content {
 padding-bottom:0;
}
.menu-item a {
 border:0;
 padding:.5rem;
 letter-spacing: 1px;
 font-size: 1rem;
 text-transform: uppercase;
 margin-top: 0rem;


}
.menu-item a.active {
 color:#be2b2b;
 font-weight: bolder;
}

.submenu-content {

 overflow:hidden;
 display:block;
 margin-bottom: 1rem;
 margin-top: 0.5rem;
 opacity:0;
 -webkit-transition:max-height .2s ease-out,opacity .2s ease-out;
 -moz-transition:max-height .2s ease-out,opacity .2s ease-out;
 transition:max-height .2s ease-out,opacity .2s ease-out
}

.menu-item :hover{
  opacity: 1;
 }
.submenu-open .submenu-content,
.submenu-trigger:hover::before,
.submenu-trigger:hover::after{
 opacity:1;

 
}
.submenu-content .menu-item:last-of-type {
 margin-bottom:6px
}
.submenu-trigger::before {
 position:relative;
 content:"-";
 opacity:0;
 width:2ch;
 
}
.submenu-trigger::after {
  position:relative;
  content:"-";
  opacity:0;
  width:2ch;
 }

.submenu-open .submenu-trigger::before,
.submenu-open .submenu-trigger::after {
 opacity:1
}
.sidebar- .sidebar-bottom .submenu-open,
.sidebar- .sidebar-top .submenu-open ,
.thumb-photo:before {
 content:""
}
.sidebar- .sidebar-bottom .menu,
.sidebar- .sidebar-top .menu {
 float:none
}
.sidebar- .sidebar-bottom .menu-item,
.sidebar- .sidebar-top .menu-item {
 display:inline-block;
 padding-left:3ch;
 padding-right:3ch
}
.sidebar- .sidebar-bottom .submenu-content .menu-item,
.sidebar- .sidebar-top .submenu-content .menu-item,
.thumb img,
.thumb-photo {
 display:block
}
.sidebar- .sidebar-bottom .submenu-content,
.sidebar- .sidebar-top .submenu-content {
 position:absolute;
 min-width:9rem;
 padding:0;
 margin-top:0;
 margin-left:-3ch
}
.sidebar- .sidebar-bottom .submenu,
.sidebar- .sidebar-top .submenu {
 padding-left:3ch
}
.sidebar- .sidebar-bottom .submenu-open .submenu-content,
.sidebar- .sidebar-bottom .submenu-open.menu-item,
.sidebar- .sidebar-top .submenu-open .submenu-content,
.sidebar- .sidebar-top .submenu-open.menu-item {
 background:#f5f5f5
}
.sidebar- .sidebar-bottom .submenu-open .submenu-content,
.sidebar- .sidebar-top .submenu-open .submenu-content {
 box-shadow:0 4px 4px -4px rgba(0,0,0,.5)
}
.sidebar- .sidebar-bottom .submenu-content {
 bottom:43px
}
.sidebar- .sidebar-bottom .submenu-content .menu-item:last-of-type {
 margin-bottom:0
}
.sidebar- .sidebar-bottom .submenu-open .submenu-content {
 padding-bottom:0;
 margin-bottom:0;
 box-shadow:0 -4px 4px -4px rgba(0,0,0,.5)
}
.thumb,
.thumb-content {
 -webkit-transition:all .25s ease-in-out;
 -moz-transition:all .25s ease-in-out;
 transition:all .25s ease-in-out
}
.thumb {
 position:relative;
 float:left;
 overflow:hidden;
 text-overflow: ellipsis;
 text-align:center;
 padding:1rem;

}
.thumb img {
 position:absolute;
 top:0;
 bottom:0;
 max-width:100%;
 margin:auto;
 padding:0
}

.lg- .thumb-content{
/*border: 4px outset rgb(80, 80, 80);
border-radius: 4px;*/
box-shadow:
  0px 0px 0.1px -9px rgba(0, 0, 0, 0.032),
  0.1px 0.1px 0.2px -9px rgba(0, 0, 0, 0.047),
  0.2px 0.3px 0.4px -9px rgba(0, 0, 0, 0.057),
  0.5px 0.6px 0.6px -9px rgba(0, 0, 0, 0.067),
  0.8px 1px 0.9px -9px rgba(0, 0, 0, 0.075),
  1.3px 1.5px 1.2px -9px rgba(0, 0, 0, 0.083),
  2px 2.4px 1.8px -9px rgba(0, 0, 0, 0.093),
  3.1px 3.8px 2.6px -9px rgba(0, 0, 0, 0.103),
  5px 6.1px 3.9px -9px rgba(0, 0, 0, 0.118),
  9px 11px 7px -9px rgba(0, 0, 0, 0.15)
;
}
.thumb-content,
.thumb-photo {
 position:relative;
 width:100%;
 overflow:hidden;
 background-color: rgb(235, 235, 235);
 padding: 5px;
}
.thumb-content img {
  box-shadow:none;
}
.text .thumb-content {
 font-weight:700;
 margin-bottom:2rem
}
.page-content-photo img,
.photo-enlarged,
.text .thumb-caption {
 top:0;
 left:0;
 right:0;
 /*margin:auto;*/
 bottom:0
}
.thumb-photo {
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
 background-clip:content-box;
 
}
.thumb-photo:before {
 display:block;
 width:100%;
 padding-top:66.6667%;
 
}
.thumb-photo.diptych {
 background-position:left center,right center;
 background-size:50%
}
.thumb-photo.triptych {
 background-position:0 center,50% center,100% center;
 background-size:33%
}
.photo-contain,
.photo-enlarged,
body::after {
 background-position:center center;
 background-repeat:no-repeat
}
.thumb-img {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.thumb-caption {
 position:relative;
 width:100%;
 padding:.25rem;
 text-align:center;
 font-size:10px;

}
.text .thumb-caption {
 position:absolute
}
.page-content-photo img {
 position:relative;
 opacity:1;
 -webkit-transition:opacity .4s ease;
 -moz-transition:opacity .4s ease;
 transition:opacity .4s ease;
 /*max-height:100%;*/
 /*max-height:calc(100vh - 40px);*/
 /*max-width:calc(100% - 24px);*/
}
/* ova e za margini glavni gore i dolu da se podesat za na landscape mobile da e pogolema slikata */
.ui-button,
.ui-button img,
.ui-button svg,
.ui-group {
 float:left;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
}
.img-wrapper,
.ui-button img {
 max-width:100%
}
.on-photo-fit-contain .page-content-photo img,
.on-photo-fit-cover .page-content-photo img {
 display:none
}
.on-photo-fit-contain .page-content-photo,
.on-photo-fit-cover .page-content-photo {
 width:100%
}
.photo-enlarged {
 position:absolute;
 visibility:visible;
 display:block;
 background-size:contain;
 opacity:1
}
.on-photo-fit-cover .photo-enlarged {
 background-size:cover
}
.photo-contain {
 background-size:contain
}
.-sm .thumb-content,
.photo-cover {
 background-size:cover
}
.on-photo-fit-contain .page-content-photo {
 overflow:hidden
}
.page-content-photo.load img {
 box-shadow:none;
 opacity:0
}
.-button:hover,
.fallback main>* {
 box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}
.page-content-photo.load::after {
 content:'loading...';
 position:absolute;
 display:block;
 top:50%;
 left:50%;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%);
 width:150px;
 text-align:center;
 margin-left:-75px
}
.load.error {
 background-image:none;
 content:'Image error'
}
.page-content-video.load::after {
 display:none
}
.ui-group {
 position:absolute
}
.ui-group>*,
.ui-group>.ui-button {
 position:relative;
 float:left;
 margin:0 0 0 1rem;
 padding:0;
 border-bottom:0
}
.ui-button,
.ui-group {
 position:absolute;
 cursor:pointer;
 z-index:3001;
 font-weight:700;
 display:block;
 padding:12px 16px;
 margin:0px 4px;
 transition:all .3s ease-in-out
}
.ui-button img {
 height:auto
}
.ui-button svg {
 fill:currentColor
}
.ui-button img,
.ui-button svg {
 transition:all .3s ease-in-out
}
.ui-button img+span,
.ui-button svg+span {
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 line-height:1.5rem
}
.ui-button span {
 border-bottom:0px solid currentColor
}
.ui-button:hover span {
 border-bottom:1px solid transparent
}
a.ui-button {
 border-bottom:0
}
.ui-button-toggle svg {
 margin-right:8px
}
.sidebar-top .ui-button-toggle {
 top:2px
}
.ui-button-prev {
  position: absolute;
 left:0;
 top:50%;
 transform: translate(0%, -50%);
}
.ui-button-next {
  position: absolute;
  top: 50%;
  right: 0;
transform: translate(0%, -50%);
}
.-button,
.-text-center,
.fallback aside,
.fallback header,
.ui-enumeration,
.ui-pagination {
 text-align:center;
}
.ui-button-section {
 left:initial;
 position:relative;
 float:right;
 margin-left:0
}
.ui-button-views {
 left:initial;
 position:relative;
 float:right
}
.on-thumbs-enabled .ui-button-views {
 margin-right:0;
 margin-left:0
}
.ui-button-close {
 right:initial;
 top:0;
 right:0
}
.sidebar .ui-button-close {
 width:auto;
 margin-right:18px;
 opacity:0;
 font-size:26px;
 line-height:1.5rem;
 font-weight:400
}
.sidebar .ui-button-close span {
 border:0
}
.sidebar .ui-button-close:hover {
 opacity:1;
 color:#F44336
}
.sidebar- .on-sidebar-opened .ui-button-toggle {
 opacity:1;
 -webkit-transform:scale(0);
 -moz-transform:scale(0);
 -ms-transform:scale(0);
 -o-transform:scale(0);
 transform:scale(1)
}
.sidebar- .on-sidebar-bottom .ui-button-toggle {
 top:initial;
 bottom:0
}
.sidebar- .on-sidebar-bottom .ui-button-prev {
 left:initial;
 right:56px
}
.ui-pagination {
 width:auto;
 height:auto;
 margin:0;
 padding:0;
 z-index:3000;
 -webkit-transition:opacity .3s ease;
 -moz-transition:opacity .3s ease;
 transition:opacity .3s ease
}
.ui-pagination li,
.ui-pagination li a .line {
 -webkit-transition:all .4s ease;
 -moz-transition:all .4s ease;
 transition:all .4s ease;
}
.ui-pagination li {
 height:100%;
 margin:0;
 transition:all .4s ease
}
.ui-pagination li a .dot,
.ui-pagination li a .line {
 z-index:1;
 margin:auto;
 background-color:currentColor;
 opacity: 0.6;
}
.ui-pagination li a {
 display:inline-block;
 position:relative;
 color:currentColor;
 z-index:1;
 width:100%;
 height:100%;
 border:0;
 -webkit-transition:all .25s ease;
 -moz-transition:all .25s ease;
 transition:all .25s ease
}
.ui-pagination li a .line {
 position:absolute;
 top:8px;
 left:1px;
 width:37px;
 height:1px;
 transition:all .4s ease;
 
}
.ui-pagination li a .dot {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:8px;
 height:8px;
 border-radius:2px;
 -webkit-transition:all .4s ease;
 -moz-transition:all .4s ease;
 transition:all .4s ease
}
.ui-pagination li:not(.act) a:hover {
 opacity:.3
}
.ui-pagination li.act {
 opacity:1
}
.ui-pagination li.act a .dot,
.ui-pagination li.act a .line {
 background-color:#be2b2b
}
.ui-pagination.horizontal {
 width:auto;
 height:2.75rem;
 position:absolute;
 right:0;
 bottom:0rem;
 left:0
}
.ui-pagination.horizontal li {
 display:inline-block;
 width:2%;
 max-width:20px;
 min-width:10px
}
.ui-pagination.horizontal li.act {
 max-width:36px;
 width:36px
}
.ui-pagination.horizontal li.act a .dot {
 width:30px
}
.ui-pagination.vertical {
 width:3rem;
 height:auto;
 position:absolute;
 top:50%;
 right:8px;
 left:initial;
 bottom:initial!important;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%)
}
.ui-pagination.vertical li {
 display:block;
 width:100%;
 height:20px;
 margin:0 auto;
 min-height:1vh
}
.ui-pagination.vertical li.act {
 max-height:36px;
 height:36px
}
.ui-pagination.vertical li.act a .dot {
 width:4px;
 height:24px
}
.ui-pagination li.hide {
 display:none
}
.ui-enumeration {
 position:absolute;
 right: 50%;
 top:0;
 z-index:3000;
 line-height:3rem;
 display: yes;
 font-family: 'nothing_you_could_doregular';
 /* ova e broj na strani pozicija gore ili dolu*/
}
.on-inactive .ui {
 opacity:0
}
.on-inactive .page-caption {
  opacity:1
}
.on-inactive .ui-button-next,
.on-inactive .ui-button-prev {
 -webkit-transition-delay:2s;
 -moz-transition-delay:2s;
 transition-delay:2s
}
.-lg .ui-enumeration {
 bottom:.25rem
}
.-lg .ui-pagination {
 bottom:.375rem
}
.-lg .ui-button,
.-lg .ui-group {
 margin: 4px 12px;
 padding:16px 18px;
 opacity: 1;
}
.-lg .caption {
 bottom:3rem
}
.-lg .thumb {
 padding:.5rem
}
.-md .ui-pagination {
 bottom:0;
 display:none
}
.-md .ui-enumeration {
 bottom:0;
 display:block;
 font-size:11px
}
.-md .thumb:not(.text) .thumb-caption,
.-sidebar [hide-on-sidebar-mobile],
.sidebar- [hide-on-sidebar-desktop] {
 display:none
}
.-md .ui-button,
.-md .ui-group {
 margin:0;
 padding:12px;
 opacity: 1;
}


.-md .ui-button-next {
 right:0;
 display: none;
}
.-md .ui-button-prev {
 left:0;
 display: none;
}

.-md .page-content-photo img {
 max-height:calc(100vh - 96px)
}
.-md .page-content-custom {
 padding:3rem 1.5rem
}


.-md .photo-cover,
body::after {
 top:0;
 left:0;
 bottom:0;
 right:0
}
.-md .on-contain,
.-md .on-cover {
 padding:0
}
.-md .thumb {
 padding:1px
}
.-md .thumbs .page-content {
 padding-left:.75rem;
 padding-right:.75rem
}
.-md .text .thumb-content {
 margin-bottom:0
}
.-md .photo .thumb-content,
.-md .thumb-photo {
 height:100%;
 margin: auto auto;
}
.-md .thumb-photo::before {
 height:100%;
 padding-top:100%
}
.-sm .thumbs .page-content {
 padding-left:2px;
 padding-right:2px
}
.-sm .thumb-photo {
 max-height:100%;
 max-width:100%
}
::selection {
 background:#333;
 color:#fff;
 text-shadow:none
}
::-moz-selection {
 background:#333;
 color:#fff;
 text-shadow:none
}
::-webkit-selection {
 background:#333;
 color:#fff;
 text-shadow:none
}
@-webkit-keyframes spin {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes spin {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
body::after {
 opacity:1;
 content:'loading...';
 position:fixed;
 padding-top:24px;
 padding-left:48px;
 line-height:20px;
 font-weight:700;
 font-size:13px;
 z-index:10000;
 width:100vw;
 height:100vh;
 background-color:#fafafa;
 color:#000
}
body.on-ready::after {
 -webkit-animation-name:fade;
 -webkit-animation-duration:.3s;
 -webkit-animation-iteration-count:1;
 -webkit-animation-fill-mode:forwards;
 animation-name:fade;
 animation-duration:.3s;
 animation-iteration-count:1;
 animation-fill-mode:forwards
}
@keyframes fade {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  visibility:hidden
 }
}
@-webkit-keyframes fade {
 0% {
  opacity:1
 }
 100% {
  opacity:0;
  visibility:hidden
 }
}
body.on-fallback::after {
 display:none!important
}
.helper .page>*,
.helper .page>*>*,
.helper .thumb {
 outline:#4489cc dashed 1px
}
.helper .button,
.helper .caption,
.helper .page-content>*>*,
.helper .thumb-content {
 outline:#DD4A68 dotted 1px
}
.helper .pagination {
 border:1px dotted #32dd86
}
.helper .thumb-photo::before {
 background-color:rgba(81,206,36,.31)
}
.on-skin-dark .project {
 background-color:#000
 /* ova e boja na pozadinata pri flip na stranata */
}
.on-skin-dark .on-project .ui,
.on-skin-dark .project .dot,
.on-skin-dark .ui-button-menu {
 color:#eee
 /* ova e boja na site buttons pri skin-dark strana */
}

.page-skin-dark {
 background: radial-gradient(circle at 47% 50%, rgb(83, 83, 83) 20%, rgb(0, 0, 0) 100%);
 color:#f5f5f5
}
.page-skin-dark pre {
 color:initial
}
.on-skin-light .on-project .ui,
.on-skin-light .project .dot {
 color:#212121
}
.page-skin-light {
 background-color:#eee;
 color:#212121
}
.page-skin-white {
  background:#f5f5f5;
  color:#212121
}
.page-skin-black {
  background:#000000;
  color:#f5f5f5
 }
 .page-skin-black pre {
  color:initial
 }
 .on-skin-black .on-project .ui,
.on-skin-black .project .dot,
.on-skin-black .ui-button-menu {
 color:#eee
 /* ova e boja na site buttons pri skin-black strana */
}
body.fallback {
 opacity:1!important;
 background-color:#f2f2f2;
 margin:0 auto;
 max-width:720px
}
body.fallback>* {
 padding:3rem;
 width:100%
}
body.fallback>:first-child {
 padding-bottom:0
}
body.fallback>:last-child {
 padding-top:0
}
body.fallback::after {
 display:none
}
.fallback main {
 opacity:1;
 margin:0 auto
}
.fallback main>* {
 margin:6vh auto 0!important;
 padding:3rem!important;
 min-height:94vh;
 background-color:#fff;
 border-radius:4px
}
.fallback main>:first-child {
 margin-top:0!important
}
.fallback main>img {
 text-align:center;
 max-width:100%;
 height:auto;
 min-height:auto;
 flex:none;
 margin:0 auto 2rem
}
.fallback main .caption {
 position:relative;
 display:block
}
.fallback [class*="-p"],
.fallback [class*="-m"],
.fallback [class*="-spacing"] {
 margin:0;
 padding:0
}
.fallback [self*=size-] {
 width:100%
}
.fallback aside {
 opacity:1;
 float:left
}
.fallback aside>* {
 width:100%;
 margin-bottom:2rem
}
.fallback figure>img {
 width:100%;
 height:auto;
 margin:0 auto 2rem;
 flex:none!important
}
.fallback figure>img:last-of-type,
.fallback nav>* {
 margin-bottom:0
}
.fallback article div {
 margin-left:auto;
 margin-right:auto
}
.fallback .button {
 position:relative
}
.fallback nav>* {
 display:block;
 padding:.5rem 0
}
.fallback nav a {
 border-bottom:0;
 text-decoration:underline
}
.fallback nav a:hover {
 background-color:#fff;
 text-decoration:none
}
.fallback [class*=grid-]>*,
.fallback [layout*="rows/"]>* {
 width:100%!important;
 margin-left:0;
 margin-right:0
}
.fallback [skin=dark] {
 background-color:#141414;
 color:#f5f5f5;
}
@media (max-width:640px) {
 body.fallback>* {
  padding:8px
 }
 body.fallback * {
  width:100%
 }
}
@media (max-width:480px) {
 .fallback main>* {
  padding:1rem!important
 }
}
.-opacity-0 {
 opacity:0!important
}
.-opacity-1 {
 opacity:.25!important
}
.-opacity-2 {
 opacity:.55!important
}
.-opacity-3 {
 opacity:.75!important
}
.-opacity-none {
 opacity:1!important
}
.-pos-absolute {
 position:absolute!important
}
.-pos-relative {
 position:relative!important
}
.-pos-fixed {
 position:fixed!important
}
.-pos-static {
 position:static!important
}
.-pos-top {
 top:0!important
}
.-pos-bottom {
 bottom:0!important
}
.-pos-left {
 left:0!important
}
.-pos-right {
 right:0!important
}
.-button {
 padding:.75rem 1.25rem;
 background-color:#E53935;
 color:#fff;
 text-decoration:none;
 line-height:1.25!important;
 width:auto;
 min-width:7.5rem;
 display:inline-block;
 border:1px solid transparent;
 border-radius:2px;
 margin:.5rem 0
}
.-button:hover {
 text-decoration:none
}
.-button:active {
 background-image:linear-gradient(to bottom,rgba(0,0,0,.06) 0,transparent 100%)
}
.-button-group .-button {
 border-radius:0;
 margin-right:-1px;
 float:left
}
.-button-group .-button:first-of-type {
 margin-left:0;
 border-radius:2px 0 0 2px
}
.-button-group .-button:last-of-type {
 border-radius:0 2px 2px 0
}
.-button-outline {
 background-color:transparent;
 box-shadow:none;
 border:1px solid currentColor;
 color:#222
}
.-button-outline:hover {
 box-shadow:inset 0 0 0 10rem rgba(0,0,0,.04);
 border-color:currentColor
}
.-button-text {
 background-color:transparent;
 box-shadow:none;
 text-decoration:underline;
 border:1px solid transparent;
 color:currentColor
}
.-button-text:hover {
 text-decoration:none;
 box-shadow:none
}
.-button-text:active {
 background-image:none
}
.-button-outline.-text-bold {
 border-width:2px
}
.-border-none {
 border:0!important
}
.-border-round {
 border-radius:3px!important
}
.-border-circle {
 border-radius:50%!important
}
.-shadow-1 {
 box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)!important
}
.-shadow-2 {
 box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)!important
}
.-shadow-3 {
 box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)!important
}
.-shadow-4 {
 box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)!important
}
.-shadow-5 {
 box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)!important
}
.-shadow-none {
 box-shadow:none!important
}
.-bg-none {
 background:0 0!important
}
.-bg-cover,
[fit*=cover] {
 background-size:cover!important
}
.-bg-contain,
[fit*=contain] {
 background-size:contain!important
}
.-bg-repeat-none,
[fit][fit*=repeat-none] {
 background-repeat:no-repeat!important
}
.-bg-repeat,
[fit][fit*=repeat] {
 background-repeat:repeat!important
}
.-bg-repeat-y,
[fit][fit*=repeat-y] {
 background-repeat:repeat-y!important
}
.-bg-repeat-x,
[fit][fit*=repeat-x] {
 background-repeat:repeat-x!important
}
.-bg-norepeat,
[fit] {
 background-repeat:no-repeat!important
}
.-bg-top-left,
[fit][fit*=top-left] {
 background-position:left top!important
}
.-bg-top-center,
[fit][fit*=top-center],
[fit][fit~=top] {
 background-position:center top!important
}
.bg-top-right,
[fit][fit~=top-right] {
 background-position:right top!important
}
.-bg-center-left,
[fit][fit*=center-left],
[fit][fit~=left] {
 background-position:left center!important
}
.-bg-center-center,
.-bg-centered,
[fit*=center-center],
[fit],
[fit~=center] {
 background-position:center center!important
}
.-bg-center-right,
[fit][fit*=center-right],
[fit][fit~=right] {
 background-position:right center!important
}
.-bg-bottom-left,
[fit][fit*=bottom-left] {
 background-position:left bottom!important
}
.-bg-bottom-center,
[fit][fit*=bottom-center],
[fit][fit~=bottom] {
 background-position:center bottom!important
}
.-bg-bottom-right,
[fit][fit*=bottom-right] {
 background-position:right bottom!important
}
.-cph-0>*,
.-lg .-lg-cph-0>*,
.-lg .-lg-ph-0,
.-md.-lg .-md-cph-0>*,
.-md.-lg .-md-ph-0,
.-ph-0,
.-sm.-md.-lg .-sm-cph-0>*,
.-sm.-md.-lg .-sm-ph-0 {
 padding-left:0!important;
 padding-right:0!important
}
.-cph-1>*,
.-lg .-lg-cph-1>*,
.-lg .-lg-ph-1,
.-md.-lg .-md-cph-1>*,
.-md.-lg .-md-ph-1,
.-ph-1,
.-sm.-md.-lg .-sm-cph-1>*,
.-sm.-md.-lg .-sm-ph-1 {
 padding-left:.25rem!important;
 padding-right:.25rem!important
}
.-cph-2>*,
.-lg .-lg-cph-2>*,
.-lg .-lg-ph-2,
.-md.-lg .-md-cph-2>*,
.-md.-lg .-md-ph-2,
.-ph-2,
.-sm.-md.-lg .-sm-cph-2>*,
.-sm.-md.-lg .-sm-ph-2 {
 padding-left:.5rem!important;
 padding-right:.5rem!important
}
.-cph-3>*,
.-lg .-lg-cph-3>*,
.-lg .-lg-ph-3,
.-md.-lg .-md-cph-3>*,
.-md.-lg .-md-ph-3,
.-ph-3,
.-sm.-md.-lg .-sm-cph-3>*,
.-sm.-md.-lg .-sm-ph-3 {
 padding-left:1rem!important;
 padding-right:1rem!important
}
.-cph-4>*,
.-lg .-lg-cph-4>*,
.-lg .-lg-ph-4,
.-md.-lg .-md-cph-4>*,
.-md.-lg .-md-ph-4,
.-ph-4,
.-sm.-md.-lg .-sm-cph-4>*,
.-sm.-md.-lg .-sm-ph-4 {
 padding-left:2rem!important;
 padding-right:2rem!important
}
.-cph-5>*,
.-lg .-lg-cph-5>*,
.-lg .-lg-ph-5,
.-md.-lg .-md-cph-5>*,
.-md.-lg .-md-ph-5,
.-ph-5,
.-sm.-md.-lg .-sm-cph-5>*,
.-sm.-md.-lg .-sm-ph-5 {
 padding-left:3rem!important;
 padding-right:3rem!important
}
.-cph-6>*,
.-lg .-lg-cph-6>*,
.-lg .-lg-ph-6,
.-md.-lg .-md-cph-6>*,
.-md.-lg .-md-ph-6,
.-ph-6,
.-sm.-md.-lg .-sm-cph-6>*,
.-sm.-md.-lg .-sm-ph-6 {
 padding-left:4rem!important;
 padding-right:4rem!important
}
.-cph-7>*,
.-lg .-lg-cph-7>*,
.-lg .-lg-ph-7,
.-md.-lg .-md-cph-7>*,
.-md.-lg .-md-ph-7,
.-ph-7,
.-sm.-md.-lg .-sm-cph-7>*,
.-sm.-md.-lg .-sm-ph-7 {
 padding-left:5rem!important;
 padding-right:5rem!important
}
.-cpv-0>*,
.-lg .-lg-cpv-0>*,
.-lg .-lg-pv-0,
.-md.-lg .-md-cpv-0>*,
.-md.-lg .-md-pv-0,
.-pv-0,
.-sm.-md.-lg .-sm-cpv-0>*,
.-sm.-md.-lg .-sm-pv-0 {
 padding-top:0!important;
 padding-bottom:0!important
}
.-cpv-1>*,
.-lg .-lg-cpv-1>*,
.-lg .-lg-pv-1,
.-md.-lg .-md-cpv-1>*,
.-md.-lg .-md-pv-1,
.-pv-1,
.-sm.-md.-lg .-sm-cpv-1>*,
.-sm.-md.-lg .-sm-pv-1 {
 padding-top:.25rem!important;
 padding-bottom:.25rem!important
}
.-cpv-2>*,
.-lg .-lg-cpv-2>*,
.-lg .-lg-pv-2,
.-md.-lg .-md-cpv-2>*,
.-md.-lg .-md-pv-2,
.-pv-2,
.-sm.-md.-lg .-sm-cpv-2>*,
.-sm.-md.-lg .-sm-pv-2 {
 padding-top:.5rem!important;
 padding-bottom:.5rem!important
}
.-cpv-3>*,
.-lg .-lg-cpv-3>*,
.-lg .-lg-pv-3,
.-md.-lg .-md-cpv-3>*,
.-md.-lg .-md-pv-3,
.-pv-3,
.-sm.-md.-lg .-sm-cpv-3>*,
.-sm.-md.-lg .-sm-pv-3 {
 padding-top:1rem!important;
 padding-bottom:1rem!important
}
.-cpv-4>*,
.-lg .-lg-cpv-4>*,
.-lg .-lg-pv-4,
.-md.-lg .-md-cpv-4>*,
.-md.-lg .-md-pv-4,
.-pv-4,
.-sm.-md.-lg .-sm-cpv-4>*,
.-sm.-md.-lg .-sm-pv-4 {
 padding-top:2rem!important;
 padding-bottom:2rem!important
}
.-cpv-5>*,
.-lg .-lg-cpv-5>*,
.-lg .-lg-pv-5,
.-md.-lg .-md-cpv-5>*,
.-md.-lg .-md-pv-5,
.-pv-5,
.-sm.-md.-lg .-sm-cpv-5>*,
.-sm.-md.-lg .-sm-pv-5 {
 padding-top:3rem!important;
 padding-bottom:3rem!important
}
.-cpv-6>*,
.-lg .-lg-cpv-6>*,
.-lg .-lg-pv-6,
.-md.-lg .-md-cpv-6>*,
.-md.-lg .-md-pv-6,
.-pv-6,
.-sm.-md.-lg .-sm-cpv-6>*,
.-sm.-md.-lg .-sm-pv-6 {
 padding-top:4rem!important;
 padding-bottom:4rem!important
}
.-cpv-7>*,
.-lg .-lg-cpv-7>*,
.-lg .-lg-pv-7,
.-md.-lg .-md-cpv-7>*,
.-md.-lg .-md-pv-7,
.-pv-7,
.-sm.-md.-lg .-sm-cpv-7>*,
.-sm.-md.-lg .-sm-pv-7 {
 padding-top:5rem!important;
 padding-bottom:5rem!important
}
.-mh-auto {
 margin-left:auto!important;
 margin-right:auto!important
}
.-cmh-0>*,
.-lg .-lg-cmh-0>*,
.-lg .-lg-mh-0,
.-md.-lg .-md-cmh-0>*,
.-md.-lg .-md-mh-0,
.-mh-0,
.-sm.-md.-lg .-sm-cmh-0>*,
.-sm.-md.-lg .-sm-mh-0 {
 margin-left:0!important;
 margin-right:0!important
}
.-cmh-1>*,
.-lg .-lg-cmh-1>*,
.-lg .-lg-mh-1,
.-md.-lg .-md-cmh-1>*,
.-md.-lg .-md-mh-1,
.-mh-1,
.-sm.-md.-lg .-sm-cmh-1>*,
.-sm.-md.-lg .-sm-mh-1 {
 margin-left:.25rem!important;
 margin-right:.25rem!important
}
.-cmh-2>*,
.-lg .-lg-cmh-2>*,
.-lg .-lg-mh-2,
.-md.-lg .-md-cmh-2>*,
.-md.-lg .-md-mh-2,
.-mh-2,
.-sm.-md.-lg .-sm-cmh-2>*,
.-sm.-md.-lg .-sm-mh-2 {
 margin-left:.5rem!important;
 margin-right:.5rem!important
}
.-cmh-3>*,
.-lg .-lg-cmh-3>*,
.-lg .-lg-mh-3,
.-md.-lg .-md-cmh-3>*,
.-md.-lg .-md-mh-3,
.-mh-3,
.-sm.-md.-lg .-sm-cmh-3>*,
.-sm.-md.-lg .-sm-mh-3 {
 margin-left:1rem!important;
 margin-right:1rem!important
}
.-cmh-4>*,
.-lg .-lg-cmh-4>*,
.-lg .-lg-mh-4,
.-md.-lg .-md-cmh-4>*,
.-md.-lg .-md-mh-4,
.-mh-4,
.-sm.-md.-lg .-sm-cmh-4>*,
.-sm.-md.-lg .-sm-mh-4 {
 margin-left:2rem!important;
 margin-right:2rem!important
}
.-cmh-5>*,
.-lg .-lg-cmh-5>*,
.-lg .-lg-mh-5,
.-md.-lg .-md-cmh-5>*,
.-md.-lg .-md-mh-5,
.-mh-5,
.-sm.-md.-lg .-sm-cmh-5>*,
.-sm.-md.-lg .-sm-mh-5 {
 margin-left:3rem!important;
 margin-right:3rem!important
}
.-cmh-6>*,
.-lg .-lg-cmh-6>*,
.-lg .-lg-mh-6,
.-md.-lg .-md-cmh-6>*,
.-md.-lg .-md-mh-6,
.-mh-6,
.-sm.-md.-lg .-sm-cmh-6>*,
.-sm.-md.-lg .-sm-mh-6 {
 margin-left:4rem!important;
 margin-right:4rem!important
}
.-cmh-7>*,
.-lg .-lg-cmh-7>*,
.-lg .-lg-mh-7,
.-md.-lg .-md-cmh-7>*,
.-md.-lg .-md-mh-7,
.-mh-7,
.-sm.-md.-lg .-sm-cmh-7>*,
.-sm.-md.-lg .-sm-mh-7 {
 margin-left:5rem!important;
 margin-right:5rem!important
}
.-mv-auto {
 margin-top:auto!important;
 margin-bottom:auto!important
}
.-cmv-0>*,
.-lg .-lg-cmv-0>*,
.-lg .-lg-mv-0,
.-md.-lg .-md-cmv-0>*,
.-md.-lg .-md-mv-0,
.-mv-0,
.-sm.-md.-lg .-sm-cmv-0>*,
.-sm.-md.-lg .-sm-mv-0 {
 margin-top:0!important;
 margin-bottom:0!important
}
.-cmv-1>*,
.-lg .-lg-cmv-1>*,
.-lg .-lg-mv-1,
.-md.-lg .-md-cmv-1>*,
.-md.-lg .-md-mv-1,
.-mv-1,
.-sm.-md.-lg .-sm-cmv-1>*,
.-sm.-md.-lg .-sm-mv-1 {
 margin-top:.25rem!important;
 margin-bottom:.25rem!important
}
.-cmv-2>*,
.-lg .-lg-cmv-2>*,
.-lg .-lg-mv-2,
.-md.-lg .-md-cmv-2>*,
.-md.-lg .-md-mv-2,
.-mv-2,
.-sm.-md.-lg .-sm-cmv-2>*,
.-sm.-md.-lg .-sm-mv-2 {
 margin-top:.5rem!important;
 margin-bottom:.5rem!important
}
.-cmv-3>*,
.-lg .-lg-cmv-3>*,
.-lg .-lg-mv-3,
.-md.-lg .-md-cmv-3>*,
.-md.-lg .-md-mv-3,
.-mv-3,
.-sm.-md.-lg .-sm-cmv-3>*,
.-sm.-md.-lg .-sm-mv-3 {
 margin-top:1rem!important;
 margin-bottom:1rem!important
}
.-cmv-4>*,
.-lg .-lg-cmv-4>*,
.-lg .-lg-mv-4,
.-md.-lg .-md-cmv-4>*,
.-md.-lg .-md-mv-4,
.-mv-4,
.-sm.-md.-lg .-sm-cmv-4>*,
.-sm.-md.-lg .-sm-mv-4 {
 margin-top:2rem!important;
 margin-bottom:2rem!important
}
.-cmv-5>*,
.-lg .-lg-cmv-5>*,
.-lg .-lg-mv-5,
.-md.-lg .-md-cmv-5>*,
.-md.-lg .-md-mv-5,
.-mv-5,
.-sm.-md.-lg .-sm-cmv-5>*,
.-sm.-md.-lg .-sm-mv-5 {
 margin-top:3rem!important;
 margin-bottom:3rem!important
}
.-cmv-6>*,
.-lg .-lg-cmv-6>*,
.-lg .-lg-mv-6,
.-md.-lg .-md-cmv-6>*,
.-md.-lg .-md-mv-6,
.-mv-6,
.-sm.-md.-lg .-sm-cmv-6>*,
.-sm.-md.-lg .-sm-mv-6 {
 margin-top:4rem!important;
 margin-bottom:4rem!important
}
.-cmv-7>*,
.-lg .-lg-cmv-7>*,
.-lg .-lg-mv-7,
.-md.-lg .-md-cmv-7>*,
.-md.-lg .-md-mv-7,
.-mv-7,
.-sm.-md.-lg .-sm-cmv-7>*,
.-sm.-md.-lg .-sm-mv-7 {
 margin-top:5rem!important;
 margin-bottom:5rem!important
}
.-lg .-lg-p-0,
.-md.-lg .-md-p-0,
.-p-0,
.-sm.-md.-lg .-sm-p-0 {
 padding:0!important
}
.-lg .-lg-p-1,
.-md.-lg .-md-p-1,
.-p-1,
.-sm.-md.-lg .-sm-p-1 {
 padding:.25rem!important
}
.-lg .-lg-p-2,
.-md.-lg .-md-p-2,
.-p-2,
.-sm.-md.-lg .-sm-p-2 {
 padding:.5rem!important
}
.-lg .-lg-p-3,
.-md.-lg .-md-p-3,
.-p-3,
.-sm.-md.-lg .-sm-p-3 {
 padding:1rem!important
}
.-lg .-lg-p-4,
.-md.-lg .-md-p-4,
.-p-4,
.-sm.-md.-lg .-sm-p-4 {
 padding:2rem!important
}
.-lg .-lg-p-5,
.-md.-lg .-md-p-5,
.-p-5,
.-sm.-md.-lg .-sm-p-5 {
 padding:3rem!important
}
.-lg .-lg-p-6,
.-md.-lg .-md-p-6,
.-p-6,
.-sm.-md.-lg .-sm-p-6 {
 padding:4rem!important
}
.-lg .-lg-p-7,
.-md.-lg .-md-p-7,
.-p-7,
.-sm.-md.-lg .-sm-p-7 {
 padding:5rem!important
}
.-lg .-lg-pl-0,
.-md.-lg .-md-pl-0,
.-pl-0,
.-sm.-md.-lg .-sm-pl-0 {
 padding-left:0!important
}
.-lg .-lg-pl-1,
.-md.-lg .-md-pl-1,
.-pl-1,
.-sm.-md.-lg .-sm-pl-1 {
 padding-left:.25rem!important
}
.-lg .-lg-pl-2,
.-md.-lg .-md-pl-2,
.-pl-2,
.-sm.-md.-lg .-sm-pl-2 {
 padding-left:.5rem!important
}
.-lg .-lg-pl-3,
.-md.-lg .-md-pl-3,
.-pl-3,
.-sm.-md.-lg .-sm-pl-3 {
 padding-left:1rem!important
}
.-lg .-lg-pl-4,
.-md.-lg .-md-pl-4,
.-pl-4,
.-sm.-md.-lg .-sm-pl-4 {
 padding-left:2rem!important
}
.-lg .-lg-pl-5,
.-md.-lg .-md-pl-5,
.-pl-5,
.-sm.-md.-lg .-sm-pl-5 {
 padding-left:3rem!important
}
.-lg .-lg-pl-6,
.-md.-lg .-md-pl-6,
.-pl-6,
.-sm.-md.-lg .-sm-pl-6 {
 padding-left:4rem!important
}
.-lg .-lg-pl-7,
.-md.-lg .-md-pl-7,
.-pl-7,
.-sm.-md.-lg .-sm-pl-7 {
 padding-left:5rem!important
}
.-lg .-lg-pr-0,
.-md.-lg .-md-pr-0,
.-pr-0,
.-sm.-md.-lg .-sm-pr-0 {
 padding-right:0!important
}
.-lg .-lg-pr-1,
.-md.-lg .-md-pr-1,
.-pr-1,
.-sm.-md.-lg .-sm-pr-1 {
 padding-right:.25rem!important
}
.-lg .-lg-pr-2,
.-md.-lg .-md-pr-2,
.-pr-2,
.-sm.-md.-lg .-sm-pr-2 {
 padding-right:.5rem!important
}
.-lg .-lg-pr-3,
.-md.-lg .-md-pr-3,
.-pr-3,
.-sm.-md.-lg .-sm-pr-3 {
 padding-right:1rem!important
}
.-lg .-lg-pr-4,
.-md.-lg .-md-pr-4,
.-pr-4,
.-sm.-md.-lg .-sm-pr-4 {
 padding-right:2rem!important
}
.-lg .-lg-pr-5,
.-md.-lg .-md-pr-5,
.-pr-5,
.-sm.-md.-lg .-sm-pr-5 {
 padding-right:3rem!important
}
.-lg .-lg-pr-6,
.-md.-lg .-md-pr-6,
.-pr-6,
.-sm.-md.-lg .-sm-pr-6 {
 padding-right:4rem!important
}
.-lg .-lg-pr-7,
.-md.-lg .-md-pr-7,
.-pr-7,
.-sm.-md.-lg .-sm-pr-7 {
 padding-right:5rem!important
}
.-lg .-lg-pb-0,
.-md.-lg .-md-pb-0,
.-pb-0,
.-sm.-md.-lg .-sm-pb-0 {
 padding-bottom:0!important
}
.-lg .-lg-pb-1,
.-md.-lg .-md-pb-1,
.-pb-1,
.-sm.-md.-lg .-sm-pb-1 {
 padding-bottom:.25rem!important
}
.-lg .-lg-pb-2,
.-md.-lg .-md-pb-2,
.-pb-2,
.-sm.-md.-lg .-sm-pb-2 {
 padding-bottom:.5rem!important
}
.-lg .-lg-pb-3,
.-md.-lg .-md-pb-3,
.-pb-3,
.-sm.-md.-lg .-sm-pb-3 {
 padding-bottom:1rem!important
}
.-lg .-lg-pb-4,
.-md.-lg .-md-pb-4,
.-pb-4,
.-sm.-md.-lg .-sm-pb-4 {
 padding-bottom:2rem!important
}
.-lg .-lg-pb-5,
.-md.-lg .-md-pb-5,
.-pb-5,
.-sm.-md.-lg .-sm-pb-5 {
 padding-bottom:3rem!important
}
.-lg .-lg-pb-6,
.-md.-lg .-md-pb-6,
.-pb-6,
.-sm.-md.-lg .-sm-pb-6 {
 padding-bottom:4rem!important
}
.-lg .-lg-pb-7,
.-md.-lg .-md-pb-7,
.-pb-7,
.-sm.-md.-lg .-sm-pb-7 {
 padding-bottom:5rem!important
}
.-lg .-lg-pt-0,
.-md.-lg .-md-pt-0,
.-pt-0,
.-sm.-md.-lg .-sm-pt-0 {
 padding-top:0!important
}
.-lg .-lg-pt-1,
.-md.-lg .-md-pt-1,
.-pt-1,
.-sm.-md.-lg .-sm-pt-1 {
 padding-top:.25rem!important
}
.-lg .-lg-pt-2,
.-md.-lg .-md-pt-2,
.-pt-2,
.-sm.-md.-lg .-sm-pt-2 {
 padding-top:.5rem!important
}
.-lg .-lg-pt-3,
.-md.-lg .-md-pt-3,
.-pt-3,
.-sm.-md.-lg .-sm-pt-3 {
 padding-top:1rem!important
}
.-lg .-lg-pt-4,
.-md.-lg .-md-pt-4,
.-pt-4,
.-sm.-md.-lg .-sm-pt-4 {
 padding-top:2rem!important
}
.-lg .-lg-pt-5,
.-md.-lg .-md-pt-5,
.-pt-5,
.-sm.-md.-lg .-sm-pt-5 {
 padding-top:3rem!important
}
.-lg .-lg-pt-6,
.-md.-lg .-md-pt-6,
.-pt-6,
.-sm.-md.-lg .-sm-pt-6 {
 padding-top:4rem!important
}
.-lg .-lg-pt-7,
.-md.-lg .-md-pt-7,
.-pt-7,
.-sm.-md.-lg .-sm-pt-7 {
 padding-top:5rem!important
}
.-lg .-lg-mhn-0,
.-md.-lg .-md-mhn-0,
.-mhn-1,
.-sm.-md.-lg .-sm-mhn-0 {
 margin-left:-.25rem!important;
 margin-right:-.25rem!important
}
.-lg .-lg-mhn-1,
.-md.-lg .-md-mhn-1,
.-mhn-2,
.-sm.-md.-lg .-sm-mhn-1 {
 margin-left:-.5rem!important;
 margin-right:-.5rem!important
}
.-lg .-lg-mhn-2,
.-md.-lg .-md-mhn-2,
.-mhn-3,
.-sm.-md.-lg .-sm-mhn-2 {
 margin-left:-1rem!important;
 margin-right:-1rem!important
}
.-lg .-lg-mhn-3,
.-md.-lg .-md-mhn-3,
.-mhn-4,
.-sm.-md.-lg .-sm-mhn-3 {
 margin-left:-2rem!important;
 margin-right:-2rem!important
}
.-lg .-lg-mhn-4,
.-md.-lg .-md-mhn-4,
.-mhn-5,
.-sm.-md.-lg .-sm-mhn-4 {
 margin-left:-3rem!important;
 margin-right:-3rem!important
}
.-lg .-lg-mhn-5,
.-md.-lg .-md-mhn-5,
.-mhn-6,
.-sm.-md.-lg .-sm-mhn-5 {
 margin-left:-4rem!important;
 margin-right:-4rem!important
}
.-lg .-lg-mhn-6,
.-md.-lg .-md-mhn-6,
.-mhn-7,
.-sm.-md.-lg .-sm-mhn-6 {
 margin-left:-5rem!important;
 margin-right:-5rem!important
}
.-lg .-lg-m-auto,
.-m-auto,
.-md.-lg .-md-m-auto,
.-sm.-md.-lg .-sm-m-auto {
 margin:auto!important
}
.-lg .-lg-m-0,
.-m-0,
.-md.-lg .-md-m-0,
.-sm.-md.-lg .-sm-m-0 {
 margin:0!important
}
.-lg .-lg-m-1,
.-m-1,
.-md.-lg .-md-m-1,
.-sm.-md.-lg .-sm-m-1 {
 margin:.25rem!important
}
.-lg .-lg-m-2,
.-m-2,
.-md.-lg .-md-m-2,
.-sm.-md.-lg .-sm-m-2 {
 margin:.5rem!important
}
.-lg .-lg-m-3,
.-m-3,
.-md.-lg .-md-m-3,
.-sm.-md.-lg .-sm-m-3 {
 margin:1rem!important
}
.-lg .-lg-m-4,
.-m-4,
.-md.-lg .-md-m-4,
.-sm.-md.-lg .-sm-m-4 {
 margin:2rem!important
}
.-lg .-lg-m-5,
.-m-5,
.-md.-lg .-md-m-5,
.-sm.-md.-lg .-sm-m-5 {
 margin:3rem!important
}
.-lg .-lg-m-6,
.-m-6,
.-md.-lg .-md-m-6,
.-sm.-md.-lg .-sm-m-6 {
 margin:4rem!important
}
.-lg .-lg-m-7,
.-m-7,
.-md.-lg .-md-m-7,
.-sm.-md.-lg .-sm-m-7 {
 margin:5rem!important
}
.-lg .-lg-ml-auto,
.-md.-lg .-md-ml-auto,
.-ml-auto,
.-sm.-md.-lg .-sm-ml-auto {
 margin-left:auto!important
}
.-lg .-lg-ml-0,
.-md.-lg .-md-ml-0,
.-ml-0,
.-sm.-md.-lg .-sm-ml-0 {
 margin-left:0!important
}
.-lg .-lg-ml-1,
.-md.-lg .-md-ml-1,
.-ml-1,
.-sm.-md.-lg .-sm-ml-1 {
 margin-left:.25rem!important
}
.-lg .-lg-ml-2,
.-md.-lg .-md-ml-2,
.-ml-2,
.-sm.-md.-lg .-sm-ml-2 {
 margin-left:.5rem!important
}
.-lg .-lg-ml-3,
.-md.-lg .-md-ml-3,
.-ml-3,
.-sm.-md.-lg .-sm-ml-3 {
 margin-left:1rem!important
}
.-lg .-lg-ml-4,
.-md.-lg .-md-ml-4,
.-ml-4,
.-sm.-md.-lg .-sm-ml-4 {
 margin-left:2rem!important
}
.-lg .-lg-ml-5,
.-md.-lg .-md-ml-5,
.-ml-5,
.-sm.-md.-lg .-sm-ml-5 {
 margin-left:3rem!important
}
.-lg .-lg-ml-6,
.-md.-lg .-md-ml-6,
.-ml-6,
.-sm.-md.-lg .-sm-ml-6 {
 margin-left:4rem!important
}
.-lg .-lg-ml-7,
.-md.-lg .-md-ml-7,
.-ml-7,
.-sm.-md.-lg .-sm-ml-7 {
 margin-left:5rem!important
}
.-lg .-lg-mr-auto,
.-md.-lg .-md-mr-auto,
.-mr-auto,
.-sm.-md.-lg .-sm-mr-auto {
 margin-right:auto!important
}
.-lg .-lg-mr-0,
.-md.-lg .-md-mr-0,
.-mr-0,
.-sm.-md.-lg .-sm-mr-0 {
 margin-right:0!important
}
.-lg .-lg-mr-1,
.-md.-lg .-md-mr-1,
.-mr-1,
.-sm.-md.-lg .-sm-mr-1 {
 margin-right:.25rem!important
}
.-lg .-lg-mr-2,
.-md.-lg .-md-mr-2,
.-mr-2,
.-sm.-md.-lg .-sm-mr-2 {
 margin-right:.5rem!important
}
.-lg .-lg-mr-3,
.-md.-lg .-md-mr-3,
.-mr-3,
.-sm.-md.-lg .-sm-mr-3 {
 margin-right:1rem!important
}
.-lg .-lg-mr-4,
.-md.-lg .-md-mr-4,
.-mr-4,
.-sm.-md.-lg .-sm-mr-4 {
 margin-right:2rem!important
}
.-lg .-lg-mr-5,
.-md.-lg .-md-mr-5,
.-mr-5,
.-sm.-md.-lg .-sm-mr-5 {
 margin-right:3rem!important
}
.-lg .-lg-mr-6,
.-md.-lg .-md-mr-6,
.-mr-6,
.-sm.-md.-lg .-sm-mr-6 {
 margin-right:4rem!important
}
.-lg .-lg-mr-7,
.-md.-lg .-md-mr-7,
.-mr-7,
.-sm.-md.-lg .-sm-mr-7 {
 margin-right:5rem!important
}
.-lg .-lg-mb-auto,
.-mb-auto,
.-md.-lg .-md-mb-auto,
.-sm.-md.-lg .-sm-mb-auto {
 margin-bottom:auto!important
}
.-lg .-lg-mb-0,
.-mb-0,
.-md.-lg .-md-mb-0,
.-sm.-md.-lg .-sm-mb-0 {
 margin-bottom:0!important
}
.-lg .-lg-mb-1,
.-mb-1,
.-md.-lg .-md-mb-1,
.-sm.-md.-lg .-sm-mb-1 {
 margin-bottom:.25rem!important
}
.-lg .-lg-mb-2,
.-mb-2,
.-md.-lg .-md-mb-2,
.-sm.-md.-lg .-sm-mb-2 {
 margin-bottom:.5rem!important
}
.-lg .-lg-mb-3,
.-mb-3,
.-md.-lg .-md-mb-3,
.-sm.-md.-lg .-sm-mb-3 {
 margin-bottom:1rem!important
}
.-lg .-lg-mb-4,
.-mb-4,
.-md.-lg .-md-mb-4,
.-sm.-md.-lg .-sm-mb-4 {
 margin-bottom:2rem!important
}
.-lg .-lg-mb-5,
.-mb-5,
.-md.-lg .-md-mb-5,
.-sm.-md.-lg .-sm-mb-5 {
 margin-bottom:3rem!important
}
.-lg .-lg-mb-6,
.-mb-6,
.-md.-lg .-md-mb-6,
.-sm.-md.-lg .-sm-mb-6 {
 margin-bottom:4rem!important
}
.-lg .-lg-mb-7,
.-mb-7,
.-md.-lg .-md-mb-7,
.-sm.-md.-lg .-sm-mb-7 {
 margin-bottom:5rem!important
}
.-lg .-lg-mt-auto,
.-md.-lg .-md-mt-auto,
.-mt-auto,
.-sm.-md.-lg .-sm-mt-auto {
 margin-top:auto!important
}
.-lg .-lg-mt-0,
.-md.-lg .-md-mt-0,
.-mt-0,
.-sm.-md.-lg .-sm-mt-0 {
 margin-top:0!important
}
.-lg .-lg-mt-1,
.-md.-lg .-md-mt-1,
.-mt-1,
.-sm.-md.-lg .-sm-mt-1 {
 margin-top:.25rem!important
}
.-lg .-lg-mt-2,
.-md.-lg .-md-mt-2,
.-mt-2,
.-sm.-md.-lg .-sm-mt-2 {
 margin-top:.5rem!important
}
.-lg .-lg-mt-3,
.-md.-lg .-md-mt-3,
.-mt-3,
.-sm.-md.-lg .-sm-mt-3 {
 margin-top:1rem!important
}
.-lg .-lg-mt-4,
.-md.-lg .-md-mt-4,
.-mt-4,
.-sm.-md.-lg .-sm-mt-4 {
 margin-top:2rem!important
}
.-lg .-lg-mt-5,
.-md.-lg .-md-mt-5,
.-mt-5,
.-sm.-md.-lg .-sm-mt-5 {
 margin-top:3rem!important
}
.-lg .-lg-mt-6,
.-md.-lg .-md-mt-6,
.-mt-6,
.-sm.-md.-lg .-sm-mt-6 {
 margin-top:4rem!important
}
.-lg .-lg-mt-7,
.-md.-lg .-md-mt-7,
.-mt-7,
.-sm.-md.-lg .-sm-mt-7 {
 margin-top:5rem!important
}
.dim {
 opacity:.5!important
}
.-height-max1 {
 max-height:600px!important
}
[class*=grid-]>*,
[layout*="rows/"]>* {
 margin:16px
}
.-grid-2>* {
 width:calc(50% - 16px)
}
.-grid-3>* {
 width:calc(33.3333% - 21.33px)
}
.-grid-4>* {
 width:calc(25% - 24px)
}
.-grid-5>* {
 width:calc(20% - 25.6px)
}
.-grid-6>* {
 width:calc(16.6667% - 26.67px)
}
.-grid-2>:nth-child(2n+0),
.-grid-3>:nth-child(3n+0),
.-grid-4>:nth-child(4n+0),
.-grid-5>:nth-child(5n+0),
.-grid-6>:nth-child(6n+0),
[layout*="rows/2"]>:nth-child(2n+0),
[layout*="rows/3"]>:nth-child(3n+0),
[layout*="rows/4"]>:nth-child(4n+0),
[layout*="rows/5"]>:nth-child(5n+0),
[layout*="rows/6"]>:nth-child(6n+0) {
 margin-right:0
}
.-grid-2>:nth-child(2n+1),
.-grid-3>:nth-child(3n+1),
.-grid-4>:nth-child(4n+1),
.-grid-5>:nth-child(5n+1),
.-grid-6>:nth-child(6n+1),
[layout*="rows/2"]>:nth-child(2n+1),
[layout*="rows/3"]>:nth-child(3n+1),
[layout*="rows/4"]>:nth-child(4n+1),
[layout*="rows/5"]>:nth-child(5n+1),
[layout*="rows/6"]>:nth-child(6n+1) {
 margin-left:0
}
[layout*="rows/2"]>* {
 width:calc(50% - 16px)!important
}
[layout*="rows/3"]>* {
 width:calc(33.3333% - 21.33px)!important
}
[layout*="rows/4"]>* {
 width:calc(25% - 24px)!important
}
[layout*="rows/5"]>* {
 width:calc(20% - 25.6px)!important
}
[layout*="rows/6"]>* {
 width:calc(16.6667% - 26.67px)!important
}
.lg-.-xl [layout*="rows/5"]>*,
.lg-.-xl [layout*="rows/6"]>* {
 margin:16px;
 width:calc(33.3333% - 21.33px)!important
}
.lg-.-xl [layout*="rows/5"]>:nth-child(3n+0),
.lg-.-xl [layout*="rows/6"]>:nth-child(3n+0) {
 margin-right:0
}
.lg-.-xl [layout*="rows/5"]>:nth-child(3n+1),
.lg-.-xl [layout*="rows/6"]>:nth-child(3n+1) {
 margin-left:0
}
.sm-.-lg [layout*="rows/"]>* {
 margin:8px;
 width:calc(50% - 16px)!important
}
.sm-.-lg [layout*="rows/"]>:nth-child(2n+0) {
 margin-right:0
}
.sm-.-lg [layout*="rows/"]>:nth-child(2n+1) {
 margin-left:0
}
.-sm [layout*="rows/"]>* {
 margin:4px;
 width:100%!important
}
.-color-white,
.-hover-color-white:hover {
 color:#fff!important
}
.-color-black,
.-hover-color-black:hover {
 color:#000!important
}
.-color-red,
.-hover-color-red:hover {
 color:#e51c23!important
}
.-color-pink,
.-hover-color-pink:hover {
 color:#e91e63!important
}
.-color-purple,
.-hover-color-purple:hover {
 color:#9c27b0!important
}
.-color-deeppurple,
.-hover-color-deeppurple:hover {
 color:#673ab7!important
}
.-color-indigo,
.-hover-color-indigo:hover {
 color:#3f51b5!important
}
.-color-blue,
.-hover-color-blue:hover {
 color:#5677fc!important
}
.-color-lightblue,
.-hover-color-lightblue:hover {
 color:#03a9f4!important
}
.-color-cyan,
.-hover-color-cyan:hover {
 color:#00bcd4!important
}
.-color-teal,
.-hover-color-teal:hover {
 color:#009688!important
}
.-color-green,
.-hover-color-green:hover {
 color:#259b24!important
}
.-color-lightgreen,
.-hover-color-lightgreen:hover {
 color:#8bc34a!important
}
.-color-lime,
.-hover-color-lime:hover {
 color:#cddc39!important
}
.-color-yellow,
.-hover-color-yellow:hover {
 color:#ffeb3b!important
}
.-color-amber,
.-hover-color-amber:hover {
 color:#ffc107!important
}
.-color-orange,
.-hover-color-orange:hover {
 color:#ff9800!important
}
.-color-deeporange,
.-hover-color-deeporange:hover {
 color:#ff5722!important
}
.-color-brown,
.-hover-color-brown:hover {
 color:#795548!important
}
.-color-grey,
.-hover-color-grey:hover {
 color:#9e9e9e!important
}
.-color-lightgrey,
.-hover-color-lightgrey:hover {
 color:#eee!important
}
.-color-lightgrey2,
.-hover-color-lightgrey2:hover {
 color:#BDBDBD!important
}
.-color-darkgrey,
.-hover-color-darkgrey:hover {
 color:#212121!important
}
.-color-bluegrey,
.-hover-color-bluegrey:hover {
 color:#607d8b!important
}
.-bg-transparent,
.-hover-bg-transparent:hover {
 background-color:transparent
}
.-bg-white,
.-hover-bg-white:hover {
 background-color:#FFF!important
}
.-bg-black,
.-hover-bg-black:hover {
 background-color:#000!important
}
.-bg-grey50,
.-hover-bg-grey50:hover {
 background-color:#FAFAFA!important
}
.-bg-grey100,
.-hover-bg-grey100:hover {
 background-color:#F5F5F5!important
}
.-bg-grey200,
.-hover-bg-grey200:hover {
 background-color:#EEE!important
}
.-bg-grey300,
.-hover-bg-grey300:hover {
 background-color:#E0E0E0!important
}
.-bg-grey400,
.-hover-bg-grey400:hover {
 background-color:#BDBDBD!important
}
.-bg-grey500,
.-hover-bg-grey500:hover {
 background-color:#9E9E9E!important
}
.-bg-grey600,
.-hover-bg-grey600:hover {
 background-color:#757575!important
}
.-bg-grey700,
.-hover-bg-grey700:hover {
 background-color:#616161!important
}
.-bg-grey800,
.-hover-bg-grey800:hover {
 background-color:#424242!important
}
.-bg-grey900,
.-hover-bg-grey900:hover {
 background-color:#212121!important
}
.-bg-red,
.-hover-bg-red:hover {
 background-color:#e51c23!important
}
.-bg-pink,
.-hover-bg-pink:hover {
 background-color:#e91e63
}
.-bg-purple,
.-hover-bg-purple:hover {
 background-color:#9c27b0!important
}
.-bg-deeppurple,
.-hover-bg-deeppurple:hover {
 background-color:#673ab7!important
}
.-bg-indigo,
.-hover-bg-indigo:hover {
 background-color:#3f51b5!important
}
.-bg-blue,
.-hover-bg-blue:hover {
 background-color:#5677fc!important
}
.-bg-lightblue,
.-hover-bg-lightblue:hover {
 background-color:#03a9f4!important
}
.-bg-cyan,
.-hover-bg-cyan:hover {
 background-color:#00bcd4!important
}
.-bg-teal,
.-hover-bg-teal:hover {
 background-color:#009688!important
}
.-bg-green,
.-hover-bg-green:hover {
 background-color:#259b24!important
}
.-bg-lightgreen,
.-hover-bg-lightgreen:hover {
 background-color:#8bc34a!important
}
.-bg-lime,
.-hover-bg-lime:hover {
 background-color:#cddc39!important
}
.-bg-yellow,
.-hover-bg-yellow:hover {
 background-color:#ffeb3b!important
}
.-bg-amber,
.-hover-bg-amber:hover {
 background-color:#ffc107!important
}
.-bg-orange,
.-hover-bg-orange:hover {
 background-color:#ff9800!important
}
.-bg-deeporange,
.-hover-bg-deeporange:hover {
 background-color:#ff5722!important
}
.-bg-brown,
.-hover-bg-brown:hover {
 background-color:#795548!important
}
.-bg-bluegrey,
.-hover-bg-bluegrey:hover {
 background-color:#607d8b!important
}
.-sm.-md.-xl .-text-heading {
 font-size:24px
}
.-lg.-xl .-text-heading {
 font-size:32px
}
.-text-heading,
.-text-title {
 font-family:inherit;
 font-size:48px;
 line-height:1.125;
 font-weight:400;
 letter-spacing:-1px;
 margin-top:.25em;
 margin-bottom:.25em
}
.-text-heading a,
.-text-title a {
 border-bottom-width:2px
}
.-text-title {
 font-size:64px
}
.-text-subheading {
 font-family:inherit;
 font-size:1.125rem;
 font-weight:400
}
.-text-left {
 text-align:left
}
.-text-right {
 text-align:right
}
.-text-justify {
 text-align:justify
}
.-text-normal,
.-text-regular {
 font-weight:400
}
.-text-bold {
 font-weight:700
}
.-text-caps {
 text-transform:uppercase
}
.-text-truncate {
 max-width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.-text-sub {
 vertical-align:sub
}
.-text-sup {
 vertical-align:super
}
.-text-spacing--3 {
 letter-spacing:-3px!important
}
.-text-spacing--2 {
 letter-spacing:-2px!important
}
.-text-spacing--1 {
 letter-spacing:-1px!important
}
.-text-spacing-0 {
 letter-spacing:0!important
}
.-text-spacing-1 {
 letter-spacing:1px!important
}
.-text-spacing-2 {
 letter-spacing:2px!important
}
.-text-spacing-3 {
 letter-spacing:3px!important
}
.-text-spacing-4 {
 letter-spacing:4px!important
}
.-text-spacing-5 {
 letter-spacing:5px!important
}
.-lg .-lg-text-xxsmall,
.-md.-lg .-md-text-xxsmall,
.-sm.-md.-lg .-sm-text-xxsmall,
.-text-xxsmall {
 font-size:9px;
 font-family:Verdana,Helvetica,Arial,sans-serif!important
}
.-lg .-lg-text-xsmall,
.-md.-lg .-md-text-xsmall,
.-sm.-md.-lg .-sm-text-xsmall,
.-text-xsmall {
 font-size:11px!important
}
.-lg .-lg-text-small,
.-md.-lg .-md-text-small,
.-sm.-md.-lg .-sm-text-small,
.-text-small {
 font-size:12px!important
}
.-lg .-lg-text-smaller,
.-md.-lg .-md-text-smaller,
.-sm.-md.-lg .-sm-text-smaller,
.-text-smaller {
 font-size:14px!important
}
.-lg .-lg-text-medium,
.-md.-lg .-md-text-medium,
.-sm.-md.-lg .-sm-text-medium,
.-text-medium {
 font-size:16px!important
}
.-lg .-lg-text-larger,
.-md.-lg .-md-text-larger,
.-sm.-md.-lg .-sm-text-larger,
.-text-larger {
 font-size:18px!important
}
.-lg .-lg-text-large,
.-md.-lg .-md-text-large,
.-sm.-md.-lg .-sm-text-large,
.-text-large {
 font-size:20px!important
}
.-lg .-lg-text-xlarge,
.-md.-lg .-md-text-xlarge,
.-sm.-md.-lg .-sm-text-xlarge,
.-text-xlarge {
 font-size:24px!important
}
.-lg .-lg-text-xxlarge,
.-md.-lg .-md-text-xxlarge,
.-sm.-md.-lg .-sm-text-xxlarge,
.-text-xxlarge {
 font-size:32px!important
}
.-text-line-1 {
 line-height:1!important
}
.-text-line-2 {
 line-height:1.125!important
}
.-text-line-3 {
 line-height:1.25!important
}
.-text-line-4 {
 line-height:1.5!important
}
.-text-line-5 {
 line-height:1.75!important
}
.-text-line-6 {
 line-height:2!important
}
.-text-line-7 {
 line-height:2.5!important
}
.-text-serif {
 font-family:Garamond,serif
}
.-text-sans {
 font-family:Arial,sans-serif
}
.-text-mono {
 font-family:Courier,"Courier New",monospace
}
[class*="-text-break"] {
 word-wrap:break-word;
 display:inline-block;
 white-space:pre-wrap;
 line-height:1!important
}
.-text-break-9 {
 width:10ch
}
.-text-break-8 {
 width:9ch
}
.-text-break-7 {
 width:8ch
}
.-text-break-6 {
 width:7ch
}
.-text-break-5 {
 width:6ch
}
.-text-break-4 {
 width:5ch
}
.-text-break-3 {
 width:4ch
}
.-text-break-2 {
 width:3ch
}
.-text-break-1 {
 width:2ch
}
.sidebar- .sidebar-bottom [class*="-text-break"],
.sidebar- .sidebar-top [class*="-text-break"] {
 width:auto
}
.-bullets-none {
 list-style-type:none
}
[class*="-format-"],
[fit][fit*=format-] {
 position:relative;
 width:100%;
 overflow-y:hidden
}
[class*="-format-"]::before,
[fit][fit*=format-]::before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
[class*="-format-"]>:first-child,
[fit][fit*=format-]>:first-child {
 position:relative;
 top:0;
 left:0;
 right:0;
 bottom:0
}
.-format-16x9::before,
[fit][fit*=format-16x9] {
 padding-top:56.25%
}
.-format-8x5::before,
[fit][fit*=format-8x5] {
 padding-top:62.5%
}
.-format-5x4::before,
[fit][fit*=format-5x4] {
 padding-top:80%
}
.-format-3x2::before,
[fit][fit*=format-3x2] {
 padding-top:66.66667%
}
.-format-1x1::before,
[fit][fit*=format-1x1] {
 padding-top:100%
}
.-format-2x1::before,
[fit][fit*=format-2x1] {
 padding-top:50%
}
.-format-7x6::before,
[fit][fit*=format-7x6] {
 padding-top:85.71429%
}
.-hide,
.-lg .-lg-hide,
.-md.-lg .-md-hide,
.-sm.-md.-lg .-sm-hide {
 display:none!important
}
.-lg .-lg-show,
.-md.-lg .-md-show,
.-show,
.-sm.-md.-lg .-sm-show {
 display:initial!important
}
.sidebar,
.thumb,
[layout],
article,
figure,
section {
 display:-webkit-box;
 display:-moz-box;
 display:box;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flexbox;
 display:flex
}
[layout*=row],
[layout*=column],
article,
figure,
section {
 width:100%;
 max-width:100%
}
.-lg [layout*=lg-row],
.-md.-lg [layout*=md-row],
.-sm.-md.-lg [layout*=sm-row],
.sidebar- .sidebar-bottom,
.sidebar- .sidebar-top,
[layout*=row],
figure {
 -webkit-box-orient:horizontal;
 -moz-box-orient:horizontal;
 box-orient:horizontal;
 -webkit-box-direction:normal;
 -moz-box-direction:normal;
 box-direction:normal;
 -webkit-flex-direction:row;
 -moz-flex-direction:row;
 flex-direction:row;
 -ms-flex-direction:row
}
.-lg [layout*=lg-column],
.-md.-lg [layout*=md-column],
.-sm.-md.-lg [layout*=sm-column],
.sidebar,
.thumb,
[layout*=column]:not([layout*=row]):not(figure),
[layout=""],
article,
section {
 -webkit-box-orient:vertical;
 -moz-box-orient:vertical;
 box-orient:vertical;
 -webkit-box-direction:normal;
 -moz-box-direction:normal;
 box-direction:normal;
 -webkit-flex-direction:column;
 -moz-flex-direction:column;
 flex-direction:column;
 -ms-flex-direction:column
}
[layout*=row][layout*=reverse] {
 -webkit-box-orient:horizontal;
 -moz-box-orient:horizontal;
 box-orient:horizontal;
 -webkit-box-direction:reverse;
 -moz-box-direction:reverse;
 box-direction:reverse;
 -webkit-flex-direction:row-reverse;
 -moz-flex-direction:row-reverse;
 flex-direction:row-reverse;
 -ms-flex-direction:row-reverse
}
.-lg [layout*=column][layout*=lg-reverse],
.-md.-lg [layout*=column][layout*=md-reverse],
.-sm.-md.-lg [layout*=column][layout*=sm-reverse] {
 -webkit-box-orient:vertical;
 -moz-box-orient:vertical;
 box-orient:vertical;
 -webkit-box-direction:reverse;
 -moz-box-direction:reverse;
 box-direction:reverse;
 -webkit-flex-direction:column-reverse;
 -moz-flex-direction:column-reverse;
 flex-direction:column-reverse;
 -ms-flex-direction:column-reverse
}
[layout*=rows],
[layout*=columns] {
 -webkit-box-lines:multiple;
 -moz-box-lines:multiple;
 box-lines:multiple;
 -webkit-flex-wrap:wrap;
 -moz-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.sidebar,
[layout*=row][layout*="-left"],
[layout*=column][layout*=top-],
article[self*=top] {
 -webkit-box-pack:start;
 -moz-box-pack:start;
 box-pack:start;
 -webkit-justify-content:flex-start;
 -moz-justify-content:flex-start;
 -ms-justify-content:flex-start;
 -o-justify-content:flex-start;
 justify-content:flex-start;
 -ms-flex-pack:start
}
.thumb,
[layout*=row][layout*="-center"],
[layout*=column][layout*=center-],
[layout=""],
[layout~=centered],
article,
figure,
section {
 -webkit-box-pack:center;
 -moz-box-pack:center;
 box-pack:center;
 -webkit-justify-content:center;
 -moz-justify-content:center;
 -ms-justify-content:center;
 -o-justify-content:center;
 justify-content:center;
 -ms-flex-pack:center
}
[layout*=row][layout*="-right"],
[layout*=column][layout*=bottom-],
article[self*=bottom] {
 -webkit-box-pack:end;
 -moz-box-pack:end;
 box-pack:end;
 -webkit-justify-content:flex-end;
 -moz-justify-content:flex-end;
 -ms-justify-content:flex-end;
 -o-justify-content:flex-end;
 justify-content:flex-end;
 -ms-flex-pack:end
}
[layout*=row][layout*="-spread"],
[layout*=column][layout*=spread-] {
 -webkit-box-pack:distribute;
 -moz-box-pack:distribute;
 box-pack:distribute;
 -webkit-justify-content:space-around;
 -moz-justify-content:space-around;
 -ms-justify-content:space-around;
 -o-justify-content:space-around;
 justify-content:space-around;
 -ms-flex-pack:distribute
}
[layout*=row][layout*="-justify"],
[layout*=column][layout*=justify-] {
 -webkit-box-pack:justify;
 -moz-box-pack:justify;
 box-pack:justify;
 -webkit-justify-content:space-between;
 -moz-justify-content:space-between;
 -ms-justify-content:space-between;
 -o-justify-content:space-between;
 justify-content:space-between;
 -ms-flex-pack:justify
}
[layout*=column][layout*="-left"],
[layout~=row][layout*=top-],
article,
article>figure {
 -webkit-box-align:start;
 -moz-box-align:start;
 box-align:start;
 -webkit-align-items:flex-start;
 -moz-align-items:flex-start;
 -ms-align-items:flex-start;
 -o-align-items:flex-start;
 align-items:flex-start;
 -ms-flex-align:start
}
.sidebar- .sidebar-bottom,
.sidebar- .sidebar-top,
.thumb,
[layout*=column][layout*="-center"],
[layout~=row][layout*=center-],
[layout~=centered],
figure {
 -webkit-box-align:center;
 -moz-box-align:center;
 box-align:center;
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-align-items:center;
 -o-align-items:center;
 align-items:center;
 -ms-flex-align:center
}
[layout*=column][layout*="-right"],
[layout~=row][layout*=bottom-] {
 -webkit-box-align:end;
 -moz-box-align:end;
 box-align:end;
 -webkit-align-items:flex-end;
 -moz-align-items:flex-end;
 -ms-align-items:flex-end;
 -o-align-items:flex-end;
 align-items:flex-end;
 -ms-flex-align:end
}
[layout*=column][layout*="-stretch"],
[layout~=row][layout*=stretch-] {
 -webkit-box-align:stretch;
 -moz-box-align:stretch;
 box-align:stretch;
 -webkit-align-items:stretch;
 -moz-align-items:stretch;
 -ms-align-items:stretch;
 -o-align-items:stretch;
 align-items:stretch;
 -ms-flex-align:stretch
}
[layout*=rows][layout*=top-],
[layout*=columns][layout*="-left"] {
 -webkit-align-content:flex-start;
 -moz-align-content:flex-start;
 align-content:flex-start;
 -ms-flex-line-pack:start
}
[layout*=rows][layout*=bottom-],
[layout*=columns][layout*="-right"] {
 -webkit-align-content:flex-end;
 -moz-align-content:flex-end;
 align-content:flex-end;
 -ms-flex-line-pack:end
}
[layout*=rows][layout*=center-],
[layout*=columns][layout*="-center"] {
 -webkit-align-content:center;
 -moz-align-content:center;
 align-content:center;
 -ms-flex-line-pack:center
}
[layout*=rows][layout*=justify-],
[layout*=columns][layout*="-justify"] {
 -webkit-align-content:space-between;
 -moz-align-content:space-between;
 align-content:space-between;
 -ms-flex-line-pack:justify
}
[layout*=rows][layout*=spread-],
[layout*=columns][layout*="-spread"] {
 -webkit-align-content:space-around;
 -moz-align-content:space-around;
 align-content:space-around;
 -ms-flex-line-pack:distribute
}
[layout*=rows][layout*=stretch-],
[layout*=columns][layout*="-stretch"] {
 -webkit-align-content:stretch;
 -moz-align-content:stretch;
 align-content:stretch;
 -ms-flex-line-pack:stretch
}
[layout=none] {
 -webkit-box-flex:none;
 -moz-box-flex:none;
 box-flex:none;
 -webkit-flex:none;
 -moz-flex:none;
 -ms-flex:none;
 flex:none
}
.thumb [self*=top],
[layout*=row] [self*=top],
[layout*=column] [self*=left],
[self*=left],
[self*=left]>.img-wrapper,
figure [self*=top] {
 -webkit-align-self:flex-start;
 -moz-align-self:flex-start;
 align-self:flex-start;
 -ms-flex-item-align:start
}
[layout*=column] [self*=top],
article [self*=top] {
 margin-bottom:auto
}
.page-content-photo[self*=center],
.page-content-photo[self],
[layout][self*=center],
article,
figure,
figure[self*=center] {
 margin-left:auto;
 margin-right:auto
}
.-lg [self*=lg-center],
.-md.-lg [self*=md-center],
.-sm.-md.-lg [self*=sm-center],
[self~=center] {
 -webkit-align-self:center;
 -moz-align-self:center;
 align-self:center;
 -ms-flex-item-align:center
}
.page-content-photo[self*=right],
[layout][self*=right],
article[self*=right],
figure>[self*=right],
figure[self*=right] {
 margin-right:0
}
.page-content-photo[self*=left],
article[self*=left] {
 margin-left:0
}
.thumb [self*=bottom],
[layout*=row] [self*=bottom],
[layout*=column] [self*=right],
[layout=""] [self*=right],
[self*=right],
[self*=right]>.img-wrapper,
figure>[self*=bottom] {
 -webkit-align-self:flex-end;
 -moz-align-self:flex-end;
 align-self:flex-end;
 -ms-flex-item-align:end
}
[layout*=column] [self*=bottom],
article [self*=bottom] {
 margin-top:auto
}
.item-contain,
.item-cover,
[self*=stretch],
figure>article {
 -webkit-align-self:stretch;
 -moz-align-self:stretch;
 align-self:stretch;
 -ms-flex-item-align:stretch
}
.-lg [self*=lg-size-1of5],
.-md.-lg [self*=md-size-1of5],
.-sm.-md.-lg [self*=sm-size-1of5],
[self~=size-1of5] {
 width:20%
}
.-lg [self*=lg-size-1of4],
.-md.-lg [self*=md-size-1of4],
.-sm.-md.-lg [self*=sm-size-1of4],
[self~=size-1of4] {
 width:25%
}
.-lg [self*=lg-size-1of3],
.-md.-lg [self*=md-size-1of3],
.-sm.-md.-lg [self*=sm-size-1of3],
[self~=size-1of3] {
 width:33.33%
}
.-lg [self*=lg-size-2of5],
.-md.-lg [self*=md-size-2of5],
.-sm.-md.-lg [self*=sm-size-2of5],
[self~=size-2of5] {
 width:40%
}
.-lg [self*=lg-size-1of2],
.-md.-lg [self*=md-size-1of2],
.-sm.-md.-lg [self*=sm-size-1of2],
[self~=size-1of2] {
 width:50%
}
.-lg [self*=lg-size-3of5],
.-md.-lg [self*=md-size-3of5],
.-sm.-md.-lg [self*=sm-size-3of5],
[self~=size-3of5] {
 width:60%
}
.-lg [self*=lg-size-2of3],
.-md.-lg [self*=md-size-2of3],
.-sm.-md.-lg [self*=sm-size-2of3],
[self~=size-2of3] {
 width:66.6666%
}
.-lg [self*=lg-size-3of4],
.-md.-lg [self*=md-size-3of4],
.-sm.-md.-lg [self*=sm-size-3of4],
[self~=size-3of4] {
 width:75%
}
.-lg [self*=lg-size-4of5],
.-md.-lg [self*=md-size-4of5],
.-sm.-md.-lg [self*=sm-size-4of5],
[self~=size-4of5] {
 width:80%
}
.-lg [self*=lg-size-1of1],
.-md.-lg [self*=md-size-1of1],
.-sm.-md.-lg [self*=sm-size-1of1],
[self~=size-1of1] {
 width:100%
}
[self*=size-auto] {
 -webkit-box-flex:1;
 -moz-box-flex:1;
 box-flex:1;
 -webkit-flex:1 1 auto;
 -moz-flex:1 1 auto;
 -ms-flex:1 1 auto;
 flex:1 1 auto
}
.-lg [self*=lg-size-x0],
.-md.-lg [self*=md-size-x0],
.-sm.-md.-lg [self*=sm-size-x0],
.portrait section,
[self*=size-x0] {
 -webkit-box-flex:0;
 -moz-box-flex:0;
 box-flex:0;
 -webkit-flex:0 0 auto;
 -moz-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.-lg [self*=lg-size-x1],
.-md.-lg [self*=md-size-x1],
.-sm.-md.-lg [self*=sm-size-x1],
[layout*=row][layout*="-stretch"]>:not([self*=size-]),
[layout*=column][layout*=stretch-]>:not([self*=size-]),
[self~=size-x1],
figure>:not([self*=size-]),
section {
 -webkit-box-flex:1;
 -moz-box-flex:1;
 box-flex:1;
 -webkit-flex:1 0 .00001%;
 -moz-flex:1 0 .00001%;
 -ms-flex:1 0 .00001%;
 flex:1 0 .00001%
}
.-lg [self*=lg-size-x2],
.-md.-lg [self*=md-size-x2],
.-sm.-md.-lg [self*=sm-size-x2],
[self~=size-x2] {
 -webkit-box-flex:2;
 -moz-box-flex:2;
 box-flex:2;
 -webkit-flex:2 0 .00001%;
 -moz-flex:2 0 .00001%;
 -ms-flex:2 0 .00001%;
 flex:2 0 .00001%
}
.-lg [self*=lg-size-x3],
.-md.-lg [self*=md-size-x3],
.-sm.-md.-lg [self*=sm-size-x3],
[self~=size-x3] {
 -webkit-box-flex:3;
 -moz-box-flex:3;
 box-flex:3;
 -webkit-flex:3 0 .00001%;
 -moz-flex:3 0 .00001%;
 -ms-flex:3 0 .00001%;
 flex:3 0 .00001%
}
.-lg [self*=lg-size-x4],
.-md.-lg [self*=md-size-x4],
.-sm.-md.-lg [self*=sm-size-x4],
[self~=size-x4] {
 -webkit-box-flex:4;
 -moz-box-flex:4;
 box-flex:4;
 -webkit-flex:4 0 .00001%;
 -moz-flex:4 0 .00001%;
 -ms-flex:4 0 .00001%;
 flex:4 0 .00001%
}
.-lg [self*=lg-size-x5],
.-md.-lg [self*=md-size-x5],
.-sm.-md.-lg [self*=sm-size-x5],
[self~=size-x5] {
 -webkit-box-flex:5;
 -moz-box-flex:5;
 box-flex:5;
 -webkit-flex:5 0 .00001%;
 -moz-flex:5 0 .00001%;
 -ms-flex:5 0 .00001%;
 flex:5 0 .00001%
}
.-lg [self*=lg-size-x6],
.-md.-lg [self*=md-size-x6],
.-sm.-md.-lg [self*=sm-size-x6],
[self~=size-x6] {
 -webkit-box-flex:6;
 -moz-box-flex:6;
 box-flex:6;
 -webkit-flex:6 0 .00001%;
 -moz-flex:6 0 .00001%;
 -ms-flex:6 0 .00001%;
 flex:6 0 .00001%
}
.-lg [self*=lg-size-x7],
.-md.-lg [self*=md-size-x7],
.-sm.-md.-lg [self*=sm-size-x7],
[self~=size-x7] {
 -webkit-box-flex:7;
 -moz-box-flex:7;
 box-flex:7;
 -webkit-flex:7 0 .00001%;
 -moz-flex:7 0 .00001%;
 -ms-flex:7 0 .00001%;
 flex:7 0 .00001%
}
.-lg [self*=lg-size-x8],
.-md.-lg [self*=md-size-x8],
.-sm.-md.-lg [self*=sm-size-x8],
[self~=size-x8] {
 -webkit-box-flex:8;
 -moz-box-flex:8;
 box-flex:8;
 -webkit-flex:8 0 .00001%;
 -moz-flex:8 0 .00001%;
 -ms-flex:8 0 .00001%;
 flex:8 0 .00001%
}
.-lg [self*=lg-size-x9],
.-md.-lg [self*=md-size-x9],
.-sm.-md.-lg [self*=sm-size-x9],
[self~=size-x9] {
 -webkit-box-flex:9;
 -moz-box-flex:9;
 box-flex:9;
 -webkit-flex:9 0 .00001%;
 -moz-flex:9 0 .00001%;
 -ms-flex:9 0 .00001%;
 flex:9 0 .00001%
}
[self*=size-x]:not([self*=small]):not([self*=large]) {
 -webkit-flex-shrink:1;
 -moz-flex-shrink:1;
 flex-shrink:1;
 -ms-flex-negative:1
}
.-lg [self*=lg-order-first],
.-md.-lg [self*=md-order-first],
.-sm.-md.-lg [self*=sm-order-first],
[self~=order-first] {
 -webkit-box-ordinal-group:-1;
 -moz-box-ordinal-group:-1;
 box-ordinal-group:-1;
 -webkit-order:-1;
 -moz-order:-1;
 order:-1;
 -ms-flex-order:-1
}
.-lg [self*=lg-order-1],
.-md.-lg [self*=md-order-1],
.-sm.-md.-lg [self*=sm-order-1],
[self~=order-1] {
 -webkit-box-ordinal-group:1;
 -moz-box-ordinal-group:1;
 box-ordinal-group:1;
 -webkit-order:1;
 -moz-order:1;
 order:1;
 -ms-flex-order:1
}
.-lg [self*=lg-order-2],
.-md.-lg [self*=md-order-2],
.-sm.-md.-lg [self*=sm-order-2],
[self~=order-2] {
 -webkit-box-ordinal-group:2;
 -moz-box-ordinal-group:2;
 box-ordinal-group:2;
 -webkit-order:2;
 -moz-order:2;
 order:2;
 -ms-flex-order:2
}
.-lg [self*=lg-order-3],
.-md.-lg [self*=md-order-3],
.-sm.-md.-lg [self*=sm-order-3],
[self~=order-3] {
 -webkit-box-ordinal-group:3;
 -moz-box-ordinal-group:3;
 box-ordinal-group:3;
 -webkit-order:3;
 -moz-order:3;
 order:3;
 -ms-flex-order:3
}
.-lg [self*=lg-order-last],
.-md.-lg [self*=md-order-last],
.-sm.-md.-lg [self*=sm-order-last],
[self~=order-last] {
 -webkit-box-ordinal-group:999;
 -moz-box-ordinal-group:999;
 box-ordinal-group:999;
 -webkit-order:999;
 -moz-order:999;
 order:999;
 -ms-flex-order:999
}
[self~=size-xxlarge] {
 max-width:1700px;
 width:fit-content;
}
[self~=size-xlarge] {
 max-width:1200px;
 width:fit-content;
}
[self~=size-large] {
 max-width:960px;
 width:fit-content;
}
[self~=size-larger] {
 max-width:840px;
 width:fit-content;
}
[self~=size-medium]
{
 max-width:500px;
 width:100%
}
[self~=size-smaller] {
 max-width:600px;
 width:fit-content;
}
[self~=size-small] {
 max-width:480px;
 width:fit-content;
}
[self~=size-xsmall] {
 max-width:360px;
 width:fit-content;
}
[self~=size-xxsmall] {
 max-width:240px;
 width:fit-content;
}
figure>article:not([self]) {
 max-width:100%
}
.-lg [layout~=lg-spacing-0]>*,
.-md.-lg [layout~=md-spacing-0]>*,
.-sm.-md.-lg [layout~=sm-spacing-0]>*,
[layout~=spacing-0]>* {
 margin-left:0;
 margin-right:0
}
.-lg [layout~=lg-spacing-1]>*,
.-md.-lg [layout~=md-spacing-1]>*,
.-sm.-md.-lg [layout~=sm-spacing-1]>*,
[layout~=spacing-1]>* {
 margin-left:.25rem;
 margin-right:.25rem
}
.-lg [layout~=lg-spacing-2]>*,
.-md.-lg [layout~=md-spacing-2]>*,
.-sm.-md.-lg [layout~=sm-spacing-2]>*,
[layout~=spacing-2]>* {
 margin-left:.5rem;
 margin-right:.5rem
}
.-lg [layout~=lg-spacing-3]>*,
.-md.-lg [layout~=md-spacing-3]>*,
.-sm.-md.-lg [layout~=sm-spacing-3]>*,
[layout~=spacing-3]>* {
 margin-left:1rem;
 margin-right:1rem
}
.-lg [layout~=lg-spacing-4]>*,
.-md.-lg [layout~=md-spacing-4]>*,
.-sm.-md.-lg [layout~=sm-spacing-4]>*,
[layout~=spacing-4]>* {
 margin-left:1.5rem;
 margin-right:1.5rem
}
.-lg [layout~=lg-spacing-5]>*,
.-md.-lg [layout~=md-spacing-5]>*,
.-sm.-md.-lg [layout~=sm-spacing-5]>*,
[layout~=spacing-5]>* {
 margin-left:2rem;
 margin-right:2rem
}
.-lg [layout~=lg-spacing-6]>*,
.-md.-lg [layout~=md-spacing-6]>*,
.-sm.-md.-lg [layout~=sm-spacing-6]>*,
[layout~=spacing-6]>* {
 margin-left:2.5rem;
 margin-right:2.5rem
}
.-lg [layout~=lg-spacing-7]>*,
.-md.-lg [layout~=md-spacing-7]>*,
.-sm.-md.-lg [layout~=sm-spacing-7]>*,
[layout~=spacing-7]>* {
 margin-left:3rem;
 margin-right:3rem
}
[layout*=spacing-]>:first-child {
 margin-left:0
}
[layout*=spacing-]>:last-child {
 margin-right:0
}
.portrait [layout*=spacing-]>* {
 margin-left:0;
 margin-right:0
}
.-lg [layout*=lg-column]>*,
.-md.-lg [layout*=md-column]>*,
.-sm.-md.-lg [layout*=sm-column]>*,
.sidebar-left>*,
.sidebar-right>*,
[layout*=column]:not([layout*=row]):not(figure)>*,
article>*,
section>* {
 -webkit-flex-shrink:0;
 -moz-flex-shrink:0;
 flex-shrink:0;
 -ms-flex-negative:0;
 -webkit-flex-basis:auto;
 -moz-flex-basis:auto;
 flex-basis:auto;
 -ms-flex-preferred-size:auto
}
.project [layout] img,
.project figure img {
 height:auto;
 width:auto
}
@supports (-moz-appearance:none) and (display:contents) {
 .project [layout] img,
 .project figure img {
  width:100%
 }
}
img[self~=bottom] {
 top:initial
}
img[self~=top] {
 bottom:initial
}
img[self~=right] {
 left:initial
}
img[self~=left] {
 right:initial
}
[test]:not([test*=head]) {
 color:green
}
.portrait .page-content-custom img {
 width:auto;
 height:auto;
 max-height:100vh
}
.portrait .photo-2ptych img {
 max-height:43vh
}
.portrait .photo-3ptych img {
 max-height:27vh
}
.portrait .photo-4ptych img {
 max-height:20vh
}
.portrait .photo-5ptych img {
 max-height:16vh
}
.fallback [layout~=row],
.portrait .project [layout~=row] {
 -webkit-box-orient:vertical;
 -moz-box-orient:vertical;
 box-orient:vertical;
 -webkit-box-direction:normal;
 -moz-box-direction:normal;
 box-direction:normal;
 -webkit-flex-direction:column;
 -moz-flex-direction:column;
 flex-direction:column;
 -ms-flex-direction:column
}
.fallback [self*=size-x]:not([self*=small]):not([self*=large]):not([fit]),
.portrait .project [self*=size-x]:not([self*=small]):not([self*=large]):not([fit]) {
 -webkit-box-flex:none;
 -moz-box-flex:none;
 box-flex:none;
 -webkit-flex:none;
 -moz-flex:none;
 -ms-flex:none;
 flex:none;
 width:100%
}
.fallback [self*=of],
.portrait .project [self*=of] {
 width:100%
}
.fallback [layout*="-stretch"],
.fallback figure,
.portrait .project [layout*="-stretch"],
.portrait .project figure {
 -webkit-box-orient:vertical;
 -moz-box-orient:vertical;
 box-orient:vertical;
 -webkit-box-direction:normal;
 -moz-box-direction:normal;
 box-direction:normal;
 -webkit-flex-direction:column;
 -moz-flex-direction:column;
 flex-direction:column;
 -ms-flex-direction:column;
 -webkit-box-pack:center;
 -moz-box-pack:center;
 box-pack:center;
 -webkit-justify-content:center;
 -moz-justify-content:center;
 -ms-justify-content:center;
 -o-justify-content:center;
 justify-content:center;
 -ms-flex-pack:center
}
.fallback [layout*="-stretch"]>*,
.fallback figure>*,
.portrait .project [layout*="-stretch"]>*,
.portrait .project figure>* {
 margin-left:0;
 margin-right:0;
 -webkit-flex-shrink:0;
 -moz-flex-shrink:0;
 flex-shrink:0;
 -ms-flex-negative:0;
 -webkit-flex-basis:auto;
 -moz-flex-basis:auto;
 flex-basis:auto;
 -ms-flex-preferred-size:auto;
 width:100%
}
.portrait .project .page-content article,
.portrait .project .page-content figure>:not([fit]) {
 -webkit-flex-grow:0!important;
 -moz-flex-grow:0!important;
 flex-grow:0!important;
 -ms-flex-positive:0!important
}
.helper [layout]>* {
 border:1px dotted #b3d4fc
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
 [layout*=column]:not([layout*=row])>*,
 article>*,
 section>* {
  max-width:100%
 }
 .page-content>section {
  height:100%
 }
 .portrait [layout],
 .portrait [layout]>* {
  flex-basis:auto
 }
 .portrait .item-contain,
 .portrait .item-cover,
 .portrait [self*=stretch],
 .portrait figure>article {
  -webkit-align-self:auto;
  -moz-align-self:auto;
  align-self:auto;
  -ms-flex-item-align:auto
 }
 .portrait section {
  -webkit-box-flex:1;
  -moz-box-flex:1;
  box-flex:1;
  -webkit-flex:1 1 auto;
  -moz-flex:1 1 auto;
  -ms-flex:1 1 auto;
  flex:1 1 auto
 }
 .img-wrapper {
  -webkit-flex-shrink:0;
  -moz-flex-shrink:0;
  flex-shrink:0;
  -ms-flex-negative:0;
  -webkit-flex-basis:auto;
  -moz-flex-basis:auto;
  flex-basis:auto;
  -ms-flex-preferred-size:auto
 }
 article[self*=top] {
  height:auto!important
 }
 .img-wrapper,
 [self~=size-]>* {
  height:auto
 }
}