/* ubuntu-regular */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ubuntu-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-italic */
@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/ubuntu-italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/ubuntu-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700italic */
@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/ubuntu-700italic.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/ubuntu-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ubuntu-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/ubuntu-700italic.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ubuntu-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/ubuntu-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
html,
body {
    height: 100%;
    /*overflow-y: auto;*/
}
body {
	background: #000;
    /*background-image: url(../images/gold-dk.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;*/
    color: #d7d7d7;
    font-family: 'Ubuntu', sans-serif;
    /*font-size: 14px;*/
    font-size: small;
    line-height: 1.8;
}
a:link, a:visited, a:active {
    color: #f1572d;
    text-decoration: none;
}
a:hover {
    color: #ff6237;  
}
.clr {
    clear: both;
}
input,
select,
textarea {
    color: #d7d7d7;
	background: transparent;
    border: 1px solid #ccc;
    padding: 10px 5px;
}

.commentRespond input[type=text],
.commentRespond input[type=email],
.commentRespond input[type=url],
.commentRespond textarea {
    width: 60%;
    border: 0;
    /*border-bottom: 1px dotted #d7d7d7;*/
    background: transparent url(../images/sep-form.png) left bottom repeat-x;
    padding-left: 70px;
}
.commentRespond input#captcha_code {
    padding-left: 100px;
}
p.captchaParDiv {
    position: relative;
}
.captchaParDiv span.required {
    position: relative;
    display: none;
}
.commentRespond input[type=submit] {
    width: 150px;
    margin: 15px 0 0 0;
    border: 0;
    border: 1px dotted #f1572d;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.commentRespond input[type=submit]:hover {
    background: #f1572d;
    /*border-bottom: 0;*/
    opacity: 0.9;
}
.post-navigation a:link span.navPortfolioTitle {
    padding: 0 0 2px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px dotted transparent;
}
.post-navigation a:hover span.navPortfolioTitle {
    border-bottom: 1px dotted #ff6237;
}
#inner {
    padding: 48px 0 50px;
    width: 90%;
    margin: 0 auto;
}
#inner.hpInner {
    /*padding: 150px 50px 150px;*/
    padding-top: 100px;
    width: 80%;
}
.hpWrapper {
    min-height: 100%;
    height: 100%;
}
.hpInner {
    position: relative;
    min-height: 100%;
}
.inWrapper {
    height:100%;
}
#inner.inInner {
    min-height:100%;
    position:relative;
}
#logo .logoHeading {
    max-width: 84px;
}
footer.footWrapper {
    padding: 70px 0 0;
    color: #808080;
    font-size: 12px;
}
.hpWrapper footer.footWrapper {
    position: absolute;
    bottom: 0;
    padding: 0 0 50px 90px;
}
.inInner footer.footWrapper {
    position:absolute;
    bottom:0;
    width:100%;
    height:140px;
    padding-bottom: 70px;
}
.footInfo a {
    color: #c6c6c6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footInfo a:hover {
    color: #808080;
}
.sideContent {
    width: 35%;
    padding: 3% 0 0 10px;
}
.folioList {
    overflow: hidden;
}
.wrapFolioItemsGrid {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fakeFolioUnderLay {
    width: 100%;
    height: 20px;
    background: #000;
    position: relative;
    bottom: 12px;
}
#primary {
    padding-bottom: 80px;
}
.folioList .folioItem {
    width: 25%;
    padding: 20px;
    position: relative;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}
.folioPlus {
    background: transparent url(../images/plus.png) right bottom no-repeat;
    width: 20px;
    height: 32px;
    background-size: 20px 32px;
    position: absolute;
    bottom: -13px;
    right: -10px;
    opacity: 0.7;
}
.folioItem.folioItemFrth .folioPlus {
    background-image: none;
}
.folioItem img.wp-post-image {
    width: 100%;
    height: auto;
}
.catInfo {
    padding: 50px 0 20px 20px;
    width: 50%;
}
a.listItemThumb,
.folioItem,
.folioItem article.type-post {
    font-size: 0;
}
a.listItemThumb {
    display: inline-block;
}
.postImgContainer {
    text-align: center;
    margin: 0 0 10px;
}
.postWrapThumb {
    margin: 0 auto;
    background: transparent url(../images/frame01.png) left top no-repeat;
    display: inline-block;
    width: 100%;  
    font-size: 0;
}
.postItemWidth {
    max-width: 1400px;
}
.postWidthPortrait {
    max-width: 900px;
}
.centerPart {
    margin: 0 auto;
}
.centerCnt {
    text-align: center;
}
.postWrapFrame {
    background: transparent url(../images/frame02.png) right bottom no-repeat;
    display: inline-block;
    width: 100%;
}
.postWrapThumb img {
    padding: 4px;
    width: 100%;
    height: auto;
}
.portfolioItemVerbiage {
    margin: 0 auto;
}
.portfolioItemWordyContainer {
    display: table;
    width: 100%;
    margin: 20px auto 0;
    background: transparent url(../images/sep-wordy.png) 25% bottom no-repeat;
}
.wordyColumn {
    display: table-cell;
    padding: 2% 2% 4%;
    vertical-align: top;
}
.wordyColumnDesc {
    width: 30%;
    text-align: right;
    background: transparent url(../images/separator.png) right top repeat-y;
}
.wordyColumnComments {
    width: 70%;
}
.commentRespond label {
    display: block;
    position: relative;
    top: 28px;
}
.commentRespond div {
    margin: 0 0 5px;
}
.commentRespond .comment-notes {
    margin: 0 0 25px;
}
.commentReplyHeading,
.modHeading {
    font-weight: normal;
    text-transform: uppercase;
}
.commentsArea h2 {
    font-weight: normal;
}
.commentsArea .commentAuth {
    font-weight: normal;
}
.portfolioNavWrap {
    margin: 0 auto;
}
.post-navigation {
    display: inline-block;
    text-align: right;
    float: right;
}
.portfolioNavWrap h2.screen-reader-text {
    display: none;
}
.nav-previous,
.nav-next {
    display: inline-block;
}
.navPortfolioTitle {
    display: none;
}
a .portfolioNav,
.portfolioNav.portfolioNavBlank {
    display: inline-block;
    background: #f1572d;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    margin: 0 0 0 8px;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover .portfolioNav {
    opacity: 1;
}
.portfolioNav.portfolioNavBlank {
    background: #999999;
    opacity: 0.2;
}
.navigation.pagination h2 {
    display: none;
}
.navigation.pagination {
    padding: 25px 0 0 0;
    background: transparent url(../images/sep-wordy.png) right top no-repeat;
}
.navigation.pagination .nav-links {
    text-align: right;
}
a.page-numbers,
span.page-numbers.current {
    display: inline-block;
    background: #f1572d;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #000;
    text-align: center;
    line-height: 30px;
    /*font-size: 20px;*/
    margin: 0 0 0 8px;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
a.page-numbers:hover {
    opacity: 1;
}
span.page-numbers.current {
    background: #999999;
    opacity: 0.2;
}
a.prev.page-numbers,
a.next.page-numbers {
    display: none;
}
.serialSetFullscreen {
    display: inline-block;
}
.portfolioNavWrap--cine .serialSetFullscreen {
    display: none;
}
.serialSetItem {
    display: inline-block;
}
.setPostPartInactive {
    display: none;
}
a.setPostPartLink .fullScreenIcon {
    display: inline-block;
    width: 27px;
    height: 19px;
    background: transparent url(../images/icon-fullscreen.png) left top no-repeat;
    background-size: 27px 19px;
    opacity: 0.6; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.setPostPartLink:hover .fullScreenIcon {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.galleryIconWrap {
    display: inline-block;
    margin: 0 0 0 15px;
    position: relative;
    top: 1px;
}
.portfolioNavWrap--cine .galleryIconWrap {
    margin-left: 0;
}
a .galleryIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(../images/icon-gallery.png) left top no-repeat;
    background-size: 20px 20px;
    opacity: 0.6; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover .galleryIcon {
    opacity: 1;
}
.a2a_default_style {
    display: inline-block;
}
.a2a_default_style a {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px !important;
    margin: 0 0 0 5px;
}
.a2a_default_style a span.a2a_s__default {
    background: none;
}
a.a2a_button_facebook {
    background: transparent url(../images/share-facebook.png) left top no-repeat;
}
a.a2a_button_twitter {
    background: transparent url(../images/share-tweet.png) left top no-repeat;
}
a.a2a_button_google_plus {
    background: transparent url(../images/share-gplus.png) left top no-repeat;
}
a.a2a_button_linkedin {
    background: transparent url(../images/share-in.png) left top no-repeat;
}
a.a2a_button_email {
    background: transparent url(../images/share-email.png) left top no-repeat;
}
.a2a_default_style a {
    background-position: 0 -20px;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.a2a_default_style a:hover {
    background-position: 0 -20px;
    opacity: 1;
}
.postSocialWrap {
    margin: 0 auto 10px;
    text-align: right;
}
.comment-list {
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
    background: transparent url(../images/sep-wordy.png) -3% bottom no-repeat;
}
.commentsArea .comment-author {
    display: inline;
}
.commentsArea .comment-author .commentAuth {
    color: #f1572d;
}
.commentsArea .comment-author .says {
    display: none;
}
.comment-metadata {
    display: inline;
}
p.comment-awaiting-moderation {
    margin: 0;
}
.mainMenu {
    padding-bottom: 50px;
}
ul#menu-main-navigation,
.privateMenu ul#menu-members {
    width: 35%;
    padding: 0 0 0 10px;
}
ul#menu-main-navigation li.menu-item a,
.privateMenu ul#menu-members li.menu-item a {
    display: inline-block;
    width: 100%;
    /*color: #d7d7d7;*/
    padding: 8px 0;
    background: transparent url(../images/sep-nav.png) 120% center no-repeat;
    text-align: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*ul#menu-main-navigation li.menu-item a span.menu-item-x,
.privateMenu ul#menu-members li.menu-item a span.menu-item-x {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent url(../images/x.png) left top no-repeat;
    float: left;
}
span.menu-item-txt {
    float: left;
    display: block;
    padding: 8px 0;
     margin-left:15px;
    background: transparent url(../images/sep-nav.png) 120% center no-repeat;
}*/
ul#menu-main-navigation li.menu-item a:hover,
.privateMenu ul#menu-members li.menu-item a:hover {
    /*color: #f1572d;*/
    color: #d7d7d7;
}
.contentAreaPlain {
    width: 50%;
}
.contentAreaPlain.contentAreaPlainWide {
    width: 60%;
}
.entry-header h1,
.page-header h1 {
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.contentAreaPlain .entry-header h1 {
    background: transparent url(../images/sep-apropos.png) left top no-repeat;
    text-indent: -9999px;
}
.error-404 {
    padding-top: 50px;
}
.commentRespond div.error  { 
    padding: 5px 0 0 0; 
    color: #f1572d;
}
.randThumbBlock {
    display: inline-block;
    width: 25%;
    padding: 1% 1%;
}
.randThumbBlock img {
    width: 100%;
    height: auto;
}
.randThumbsWrap {
    font-size: 0;
    letter-spacing: 0px;
    word-spacing: 0px;
    width: 70%;
    padding: 25px 0 20px;
}
.postSocialWrap span.a2a_svg {
    display: none;
}
.addInfo {
    display: none;
}
.expMore {
    color: #f1572d;
    cursor: pointer;
}
.menuSeparator {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 0.8em;
    color: #999;
}
.postWrapFrame--cine {
    position: relative;
}
.postWrapFrame--cine img.wp-post-image {
    position: relative;
    z-index: 1;
    opacity: 0.1;
    display: none;
}
.postWrapFrame--cine video.postItemCine {
    object-fit: fill;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 4px;
    z-index: 6;
    background: transparent url(../images/frame02.png) right bottom no-repeat;
}
.postWrapFrame--cine video.postItemCine:focus {
    outline: none;
}
.wrapFolioItemsGrid--cine .listItemThumb {
    position: relative;
}
.wrapFolioItemsGrid--cine .listItemThumb img {
    position: relative;
    z-index: 1;
}
figure {
    background: transparent;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    z-index: 6;
    bottom: 10px;
    left: 10px;
    margin: 0;
}

figure button[name="play"] {
    width: 30px;
    height: 30px;
    background: #f1572d;
    border: none;
    border-radius: 100%;
    margin: auto;
    cursor: pointer;
    opacity: 0.6;
}
figure button[name="play"]:focus {
    outline: 0;
    border: 1px solid hsl(210, 58%, 69%);
    box-shadow: 0 0 0 3px hsla(210, 76%, 57%, 0.5);
}

figure button[name="play"]::after {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    left: 2px;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent white;
}
div.mc-image,
#slidebgr {
    height: 100% !important;
}

@media screen and (max-width: 1580px) {
    .postItemWidth {max-width: 1150px;}
    .postWidthPortrait {max-width: 800px;}
}
@media screen and (max-width: 1366px) {
    .postItemWidth {max-width: 1000px;}
    .postWidthPortrait {max-width: 700px;}
}
@media screen and (max-width: 1280px) {
    .sideContent,
    ul#menu-main-navigation,
    .privateMenu ul#menu-members {width: 45%;}
    .contentAreaPlain.contentAreaPlainWide {width: 70%;}
}
@media screen and (max-width: 1024px) {
    .contentAreaPlain {width:60%;}
    .contentAreaPlain.contentAreaPlainWide {width: 80%;}
    .folioList .folioItem {width: 33.333%;flex: 0 0 33.333%}
    .folioPlus {display: none;}
    .randThumbsWrap{width:90%;}
}
@media screen and (max-width: 980px) {
    .sideContent,
    ul#menu-main-navigation,
    .privateMenu ul#menu-members {width: 55%;} 
}
@media screen and (max-width: 860px) {
    .folioList .folioItem {padding:15px;}
}
@media screen and (max-width: 768px) {
    .contentAreaPlain {width:70%;}
    .contentAreaPlain.contentAreaPlainWide {width: 85%;}
    .folioList .folioItem {padding:10px;}
    #inner.hpInner{padding-top: 30px;width: 90%;}
    .randThumbBlock{width:33.333%;}
}
@media screen and (max-width: 660px) {
    .sideContent,
    ul#menu-main-navigation,
    .privateMenu ul#menu-members {width: 85%;}
    .wordyColumn {display: block;width: 100%;} 
    .wordyColumnDesc {text-align: left;background: transparent url(../images/sep-apropos.png) left bottom no-repeat;margin-bottom: 20px;}
    .portfolioItemWordyContainer {background: none;}
    .commentRespond input[type=text],
    .commentRespond input[type=email],
    .commentRespond input[type=url],
    .commentRespond textarea {width: 100%;}
    .randThumbsWrap{width:100%;}
}
@media screen and (max-width: 600px) {
    #wpadminbar{position: fixed;}
}
@media screen and (max-width: 570px) {
    .sideContent,
    ul#menu-main-navigation,
    .privateMenu ul#menu-members {width: 100%;} 
    .contentAreaPlain {width:80%; padding-top: 20px;}
    #primary.contentAreaPlain {padding-bottom: 50px;position: relative;z-index: 99;}
    .inInner footer.footWrapper {z-index: 9;}
    .folioList .folioItem {width: 50%;flex: 0 0 50%;}
    .catInfo {width: 65%;}
}
@media screen and (max-width: 500px) {
    .footInfoTag {display: none;} 
    .randThumbBlock{width:50%;}
    .folioList .folioItem {width: 100%;flex: 0 0 100%;}
    .hpWrapper footer.footWrapper{padding-left: 80px;}
}
@media screen and (max-width: 340px) {
    footer.footWrapper{font-size: 11px;}
}