@charset "utf-8";
/* CSS Document */

/* FONTS */

@font-face {
	font-family: 'MyriadProReg';
	src: url('/fonts/MYRIADPROREGULAR.eot');
	src: local('MYRIADPROREGULAR'), url('/fonts/MYRIADPROREGULAR.woff') format('woff'), url('/fonts/MYRIADPROREGULAR.ttf') format('truetype');
}
body, h1, p { font-family:'MyriadProReg', Lato, "Helvetica Neue",​Arial,​Helvetica,​sans-serif}


/* LAYOUT */
.small-only {display:inherit;}
.big-only {display:none;}
body, html { height:auto; min-height:100%;}
body {color:#000; font-size:1.3em;  line-height:150%}
header {width:100%}
header, header a, #lang_block a, #social-right {height:50px;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.site, .mail, .social { display:inline-block;}
.pad { padding-left:10.93%; padding-right:10.93%;}
.padleft { padding-left:10.93%; }
.autopad { margin-left:auto; margin-right:auto;}
.all-wrapper {max-width:1780px; margin:0 auto; height:100%; position:relative;}
.container {width:100%; height:100%; display: inline-block;  padding-right:12.54%; /*-0.1% tweak*/ ;} /*max-width:1555px; */
/*.bio, #bio-full-txt, #bio-full-promo { margin-right: 340px;}*/
.rcol { height:auto; min-height:100%; max-width:225px;     height: 100%;
    position: absolute;
    top: 0px;
    width: 12.64%; right:0;}
#lang_block {position: absolute; z-index: 10; left: -75px; display: table;}
#social-right { width:100%; text-align:center; position:absolute }

#bio-full-promo, .bio-full h2 { padding-top:2.5rem; padding-bottom:2.5rem;}
#bio-txt, #bio-full-logos {padding-bottom:2.5rem; }
/*.divider {padding-top:70px;}*/
.mtop {padding-top:25px;}
.mbot {padding-bottom:25px;}


/* BACKGROUND */
body, .blackbg { background-color:#000}
.whitebg { background-color:#fff}
.orangebg, #social-right, footer { background-color:#cc9835;}
.all-wrapper {  
	border-left:#222 1px solid;
	border-right:#222 1px solid;	
}
.container {background-color:#FFF;}
.rcol {	background: url(/images/background.jpg) repeat-y right top #fff;}


/* HEADER */
header a, .rcol a { font-size:1.65rem; color:#FFF; display:table-cell; vertical-align:middle; }
header a:hover, .rcol a:hover { color:#ffffc0} /*was #d39f3a for black bg*/
.mail {padding-left:10%;}
#lang_block a {font-size:95%; padding-right:1.2rem; }
.social {max-width:225px; text-align:center}
.social a { height:35px; width:35px; display:inline-block; transition:right 0.3s ease 0s; margin:5px 9px;}
.fb {background: url(/images/facebook2.png) no-repeat -35px 0;}
.fb:hover {background: url(/images/facebook2.png) no-repeat 0 0; transition:right 0.3s ease 0s;}
.tw {background: url(/images/twitter2.png) no-repeat -35px 0; }
.tw:hover {background: url(/images/twitter2.png) no-repeat 0 0; transition:right 0.3s ease 0s;}

/* BIOGRAPHY */
.bio 		{ }
  h1 		{ padding-top:45px; /*margin-bottom:0;*/ font-size:3rem; line-height:120%; font-weight:bolder; word-spacing:0.5rem;}
  .bio h2 		{ padding-top:0px; margin:0.5rem 0; font-size:2rem; line-height:120%; font-weight:normal;}
  #intro-txt { padding-bottom:2rem;}
  #bio-txt {}
  .more 	{display:inline-block; cursor:pointer; /*padding-bottom:10px;*/ padding-top:10px; padding-bottom:7px;}
    .arrowdown { background:url('/images/arrow-down.jpg') no-repeat; width:27px; height:27px; display:table-cell; cursor:pointer}
    .more span { color:#818181; font-size:1.3rem; height:27px; display:table-cell; vertical-align: middle; padding:0 20px 3px; line-height:110%}
.more:hover span {color:#444}

.bio-full { display:none;}
  .graybg { background-color:#F2F2F2; min-height:165px;}
     .bio-full .photo {float:right; margin-right: -223px;}
	 #bio-full-txt {margin-right: 223px;}
	 #bio-full-txt p { max-width:900px; padding-right: 4rem;}
  #bio-full-promo { font-style:italic; }
  #bio-full-logos span { padding-right:6.1%; padding-bottom: 2%}
  #bio-full-logos .last-logo { padding-right:0; float:right;}
  
  .logo-mazhlekov { width:145px; height:32px;}
  .logo-mazhlekov { background: url(/images/logo-Mazhlekov.png) no-repeat 0px 0;}
  .logo-mazhlekov.h { background: url(/images/logo-Mazhlekov.png) no-repeat -145px 0;}

  .logo-BonExpose { width:105px; height:32px;}
  .logo-BonExpose { background: url(/images/logo-BonExpose.png) no-repeat 0px 0;}
  .logo-BonExpose.h { background: url(/images/logo-BonExpose.png) no-repeat -105px 0;}

  .logo-Portals { width:145px; height:32px;}
  .logo-Portals { background: url(/images/logo-Portals.png) no-repeat 0px 0;}
  .logo-Portals.h { background: url(/images/logo-Portals.png) no-repeat -145px 0;}

  .logo-Public-Republic { width:170px; height:31px;}
  .logo-Public-Republic { background: url(/images/logo-Public-Republic.png) no-repeat 0px 0;}
  .logo-Public-Republic.h { background: url(/images/logo-Public-Republic.png) no-repeat -170px 0;}


  .graybg2 { background: url(/images/spoty-gray-background.png) repeat #D6D6D6;}
   .bio-full h2 { font-size:1.25rem; font-weight:normal; font-style:italic; margin-bottom:0}

   #bio-full-astral, #bio-full-astral h2 { font-size:1.4rem;}
   .less { display:inline-block; padding-top:35px; /*padding-bottom:10px;*/}
   .arrowup { background:url('/images/arrow-up.jpg') no-repeat; width:27px; height:27px; display:table-cell;  cursor:pointer}

/* GALLERY */
.gallery .grid { padding:30px;}

.gallery-small-img { overflow:hidden;}
.gallery-small-img img { width:100%; height:100%; transition: all .2s ease-in-out; opacity:0.9 }
.gallery-small-img img:hover {  /*transform: scale(1.1);*/ opacity:1}
.gallery-small-img a {cursor:pointer;}

.large-img-gallery { background-color:#FFF; padding-top:125px;}
.large-img-gallery .ui.page.grid.largeimage {  padding-left:10% !important; padding-right:10% !important; }
.large-img-gallery .grid .grid { max-width:900px; margin:0 auto; padding:0}
/*.large-img-gallery .ui.grid > .row > .left.aligned.column {padding-left:-0.5em;}*/
  .largeimage {padding-bottom:125px !important;}
  .largeimage img { max-height:900px; max-width:900px;}
  .largeimage .painting-description, .download {line-height:133%;}
  

.painting-name { color:#000; font-size:1.3rem;  /*3.68rem;*/ /*margin-left:-1rem;*/}
.painting-description, .download a, .order { font-size:1rem;}
.painting-description {  color:#000; white-space:nowrap; margin-left:0.5rem; margin-top:1.5rem; }
.price { color:#818181; font-size:1.5rem;} /*4.015rem;*/
.download { padding-bottom:0.5rem;  /* font size of .download a */}
.download a {color:#818181; margin:0 -0.5rem; white-space:nowrap; }
.download a:hover { color:#d39f3a;}

.order-column {width:137px !important; padding-right:0 !important;  vertical-align:bottom !important }
.order { 
	display:table !important; 
	background: url(/images/button-order.png) no-repeat 0 0;  
	height:34px; 
	margin:1.5rem 0 0;
	border-radius: 0.3rem;
	text-align: center;	
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;

}
.order:hover { background: url(/images/button-order.png) no-repeat -137px 0;}
.order, .price {width:137px;}
.order a { display: table-cell; vertical-align:middle;  font-size:1.2rem; font-weight:normal; color:#000}

/*FOOTER*/
footer, footer a { color:#FDFDFD; }
footer a:hover {text-decoration:underline; color:#ffffc0} /*was #d39f3a for black bg*/
.gray {color: #e7e7e7;} /*was: A1A1A1 for black bg*/
.caps { text-transform:uppercase;}
footer .ui.grid.cert {padding-top:7rem; padding-bottom:5rem;}
footer .ui.grid.cert > .column:not(.row), .ui.grid > .row > .column {font-size:1.3rem; font-weight:bold;}
footer .foot-links {margin-bottom:0 !important;}

footer .ui.grid[class*="five column"] > .column, .ui.grid[class*="five column"] > .row > .column {width:auto !important;}


@media (max-width: 960px) {
	body {font-size:1.2em; }
	
	h1 {font-size:2.5rem;}
	.bio h2 {font-size:1.8rem;}
	
	.container {padding-right:0;}
	.rcol { background:none !important; width:0;}
	#social-right { width:150px; right:0;}
	
	.painting-name {white-space:nowrap}
	.painting-description {white-space:normal}
	.order-column {justify-content: flex-end !important; vertical-align: bottom !important;} /*Force bottom align*/
	.order {	border-radius: 0.5rem;}
	
	.painting-description, .order {margin-top:1rem;}
}

@media (max-width: 768px) {

	#lang_block {left:-18px}
	.lang.selected {display:none;}	

	#bio-full-logos .column { text-align:center !important;}
	#bio-full-logos .last-logo { float:inherit}
	#bio-full-logos .column(:last) {padding-bottom:0 !important}
	
	.gallery .grid {padding: 2rem;}
	
	.ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {padding-bottom: 0.5rem !important; padding-top: 0.5rem !important;}
	.ui.grid > .column:not(.row), .ui.grid > .row > .column {padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
	
	.largeimage .ui.grid .column, .order-column div { text-align:center !important}
	.order-column div { display:inline-table;}
	
	.painting-name {font-size:2rem;}
	.price {font-size:2rem;}
	.painting-description, .download a, .order {font-size:1.5rem;}
	.order a { font-size:1.7rem;}
	

	.order { background: url("/images/big/button-order.png") no-repeat; height: 60px; }
	.order:hover { background: url(/images/big/button-order.png) no-repeat -274px 0;}
	.order, .price { width:274px;}
	
}

@media (max-width: 590px) {
	body {font-size:1.4em;}
	
	h1 {font-size:3rem;}
	.bio h2 {font-size:2rem;}

	#bio-full-txt { margin-right:0;}
	.bio-full .photo {float:none; margin-right:0;}

	.gallery .grid {padding: 1rem;}

	.site a, .mail a {visibility: hidden; font-size:0; height:54px}
	.site a:after {content:'www'; visibility: visible; font-size:1.65rem}
	.mail a:after {content:""; visibility: visible; font-size:1.65rem; font-family:Icons;}
	
	.caps {display:block !important; text-align:center; width: 100% !important;}

}

@media (min-width: 1300px) {
	
	body {font-size:1.3em; }	

	.painting-name {font-size:1.7rem;  white-space:nowrap}
	.price {font-size:1.7rem;}
	.painting-description, .download a, .order {font-size:1.3rem;}
	.order a { font-size:1.4rem;}
	
	.painting-description {white-space:normal;}
	.painting-description, .order {margin-top:1.2rem;}
	
	.order { background: url("/images/big/button-order.png") no-repeat; height: 43px; 	border-radius: 0.5rem; }
	.order:hover { background: url(/images/big/button-order.png) no-repeat -274px 0;}
	.order, .price { width:170px;}

}

@media (min-width: 1600px) {
	body {font-size:1.4em; }	

	#lang_block {left:-78px;}
	#lang_block a {padding-right:1.6rem;}

	.painting-name {font-size:2rem;}
	.price {font-size:2rem;}
	.painting-description, .download a, .order {font-size:1.5rem;}
	.order a { font-size:1.7rem;}

	.order { background: url("/images/big/button-order.png") no-repeat; height: 60px; 	border-radius: 0.6rem; }
	.order:hover { background: url(/images/big/button-order.png) no-repeat -274px 0;}
	.order, .price { width:220px;}

	footer .ui.grid.cert > .column:not(.row), .ui.grid > .row > .column {font-size:1.6rem;}
	footer .ui.grid.foot-links  > .column:not(.row), .ui.grid > .row > .column {font-size:1.3rem;}

	footer .ui.page.grid { padding-left:15%; padding-right:15%}


}

@media (min-width: 2000px) {
/*.small-only {display:none;}
.big-only {display:inherit;}*/
body {font-size:2.4em; }	
header, header a, #lang_block a, #social-right {height:100px;}  
#lang_block {left:-48px;}
#lang_block a {padding-right:2.2rem;}

.pad { padding-left:340px; padding-right:340px;}
.padleft { padding-left:340px; }
.all-wrapper {max-width:2560px; margin:0 auto; height:100%;}
.container {width:100%; /*max-width:2106px;*/ height:100%; padding-right:16%;}
.rcol {max-width:451px; width:20%}

#bio-full-promo, .bio-full h2 { padding-top:70px; padding-bottom:70px;}
#bio-txt, #bio-full-logos {padding-bottom:70px; }
/*.divider {padding-top:70px;}*/
.mtop {padding-top:50px;}
.mbot {padding-bottom:50px;}

/* BACKGROUND */
.rcol {  
	background: url(/images/big/background.jpg) repeat-y right top #fff;
}

/* HEADER */
header a { font-size:3.3rem; }
/*.mail {padding-left:10%;}*/
.social { max-width:450px;}
.social a { height:71px; width:71px; margin:10px 17px;}
.fb {background: url(/images/big/facebook.png) no-repeat -71px 0;}
.fb:hover {background: url(/images/big/facebook.png) no-repeat 0 0;}
.tw {background: url(/images/big/twitter.png) no-repeat -71px 0; }
.tw:hover {background: url(/images/big/twitter.png) no-repeat 0 0;}


/* BIOGRAPHY */
.bio 		{ }
  h1 		{ padding-top:90px; font-size:5rem; /*7rem*/ line-height:120%; }
  .bio h2 		{ padding-top:0px; margin:0.5rem 0; font-size:3.8rem; line-height:120%; font-weight:normal;}
  #bio-txt {}
  #intro-txt {padding-bottom:3rem}
  .more 	{/*padding-bottom:10px;*/ padding-top:20px;}
    .arrowdown { background:url('/images/big/arrow-down.png') no-repeat; width:55px; height:55px; display:table-cell; cursor:pointer}
    .more span { color:#818181; font-size:2.6rem; height:55px; display:table-cell; vertical-align: middle; padding:0 40px 7px; line-height:110%}
.more:hover span {color:#444}

  .graybg { min-height:330px;}
     .bio-full .photo { width:0px; height:0px; padding: 447px 447px 0 0; background:url(/images/big/Mazhlekov-photo.jpg) no-repeat;}
	 #bio-full-txt p { max-width:900px;}

  .logo-mazhlekov { width:290px; height:63px;}
  .logo-mazhlekov { background: url(/images/big/logo-Mazhlekov.png) no-repeat 0px 0;}
  .logo-mazhlekov.h { background: url(/images/big/logo-Mazhlekov.png) no-repeat -290px 0;}

  .logo-BonExpose { width:210px; height:63px;}
  .logo-BonExpose { background: url(/images/big/logo-BonExpose.png) no-repeat 0px 0;}
  .logo-BonExpose.h { background: url(/images/big/logo-BonExpose.png) no-repeat -105px 0;}

  .logo-Portals { width:290px; height:63px;}
  .logo-Portals { background: url(/images/big/logo-Portals.png) no-repeat 0px 0;}
  .logo-Portals.h { background: url(/images/big/logo-Portals.png) no-repeat -290px 0;}

  .logo-Public-Republic { width:340px; height:63px;}
  .logo-Public-Republic { background: url(/images/big/logo-Public-Republic.png) no-repeat 0px 0;}
  .logo-Public-Republic.h { background: url(/images/big/logo-Public-Republic.png) no-repeat -340px 0;}

  .graybg2 { background: url(images/big/spoty-gray-background.jpg) repeat #D6D6D6;}
   .bio-full h2 { font-size:2.5rem; }

   #bio-full-astral, #bio-full-astral h2 { font-size:2.3rem;}
   .less { padding-top:70px; /*padding-bottom:20px;*/}
   .arrowup { background:url('/images/arrow-up.png') no-repeat; width:55px; height:55px;}


/* GALLERY */
.gallery .pad {padding-left:100px; padding-right:100px;}
.gallery .grid { padding:5rem;}

.large-img-gallery { background-color:#FFF; padding-top:250px;}
.large-img-gallery .ui.page.grid.largeimage {  }
.large-img-gallery .grid .grid { max-width:900px; margin:0 auto; padding:0}
  .largeimage {padding-bottom:250px !important;}
  .largeimage .painting-description, .download {line-height:133%;}
    .painting-description { margin:0}

.painting-name { color:#000; font-size:2.5rem;  /*3.68rem;*/ margin-left:-1rem;}
.painting-description, .download a, .order { font-size:1.6rem;}
.price { color:#818181; font-size:3rem;} /*4.015rem;*/
.download { padding-bottom:1.6rem; /* font size of .download a */} 
.download a {margin:0 -1rem; white-space:nowrap; }

.order-column {width:274px !important;}
.order { 
	background: url(/images/big/button-order.png) no-repeat 0 0;  
	height:68px;
	border-radius: 0.6rem;	
}
.order:hover { background: url(/images/big/button-order.png) no-repeat -274px 0;}
.order, .price {width:250px;}
.order a { font-size:2rem; }

footer .ui.grid.cert > .column:not(.row), .ui.grid > .row > .column {font-size:2.2rem;}
footer .ui.grid.foot-links  > .column:not(.row), .ui.grid > .row > .column {font-size:1.6rem;}

footer .ui.page.grid { padding-left:13%; padding-right:13%}

}



/* LANG specific styling */
#ru .painting-description {  white-space:normal;}