.mobile {
	display: block;
}

.desktop {
	display: none;
}


body {
	background: url('../images/hbg_mob.jpg') repeat-x top center;
	font-size: 14px;
	min-width: 0;
}

p {
	margin: 0.6em 0;
}

body h1, #palsta h1, #kriisinosto h1 {
	font-size: 24px;
}

body h2, #palsta h2, #kriisinosto h2 {
	font-size: 20px;
}

body h3, #palsta h3, #kriisinosto h3 {
	font-size: 18px;
}

body h4, #palsta h4 {
	font-size: 17px;
}

#palsta aside h4 {
	font-size: 14px;
}

#main {
	width: 100%;
	padding-bottom: 20px !important; /* bottom padding for footer */
}

#mainhead .mtop {
	height: 112px;
	float: left;
	width: 100%;
}

#mainhead .mtop .info {
	float: right;
	width: 60%;
}

#mainhead .mtop #logo {
	float: left;
	margin-left: 2%;
	width: 35%;
}

#mainhead .mtop #logo img {
	max-width: none;
}

#mainhead .search {
	width: 95%;
}

#mainhead .search form {
	float: right;
	width: 90%;
	margin-top: 0px;
	margin-right: 5%;
}

#mainhead .search #searchtext {
	width: 67%;
}


#mainhead .search #submitsearch {
	width: 20%;
}

#mainhead #kirjasin_toiminnot {
	display: none;
}

#mainhead #osoite {
	display: none;
}

#mainhead #paanavigaatio-wrapper ul.mobile {
	table-layout: auto;
	display: table;
	width: 100%;
	height: 66px;
	float: left;
}

#mainhead #paanavigaatio-wrapper li, #mainhead #paanavigaatio-wrapper li:hover {
	float: none;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	z-index: 10;
	padding: 0;
	text-align: center;
	
	
	max-width: 25%;
	width: auto;
	min-width: 10px;
	
	background-color: transparent;
}

#mainhead #paanavigaatio-wrapper li.valittu {
	background-color: #e6e6e6;
	color: #00237c;
}

#mainhead #paanavigaatio-wrapper li a, #mainhead #paanavigaatio-wrapper li:hover a {
	vertical-align: middle;
	height: 52px;
	line-height: 52px;
	width: 100%;
	display: block;
	border-right: 1px dotted #8091be;
	border-left: none;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

#mainhead #paanavigaatio-wrapper li ul {
	display: none;
}

#mainhead #paanavigaatio-wrapper li.valittu a {
	color: #00237c;
}


#mainhead #paanavigaatio-wrapper li:last-child a, #mainhead #paanavigaatio-wrapper li:last-child:hover a {
	border-right: none;
}



#mainhead #paanavigaatio-wrapper #paanavigaatio {
	clear: both;
	float: left;
	width: 100%;
	display: none;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio.mobileShow {
	display: block;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li {
	clear: both;
	float: left;
	vertical-align: middle;
	width: 100%;
	max-width: 100%;
	display: block;
	padding: 7px 0;
	line-height: 12px;
	position: relative;
	z-index: 10;
	background-color: fbfbfb;
	text-align: left;
	
	
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4'); /* for IE */

	background-image: linear-gradient(top, rgb(255,255,255) 50%, rgb(244,244,244) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 50%, rgb(244,244,244) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 50%, rgb(244,244,244) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 50%, rgb(244,244,244) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 50%, rgb(244,244,244) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.5, rgb(255,255,255)),
		color-stop(1, rgb(244,244,244))
	);
	
	border-bottom: 1px solid #e4e4e4;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li a {
	vertical-align: middle;
	display: block;
	border-right: none;
	padding: 6px 5%;
	line-height: 1.2em;
	color: #00237c;
	height: auto;
	width: 90%;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li.switchMenu img {
	display: block;
	float: right;
}
#mainhead #paanavigaatio-wrapper #paanavigaatio li.switchMenu a {
	display: block;
	float: left;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li a br {
	display: none;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li a:hover {
	text-decoration: none;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li:hover, #mainhead #paanavigaatio-wrapper #paanavigaatio li.valittu {
	background-color: #e6e6e6;
	color: #00237c;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li:hover a, #mainhead #paanavigaatio-wrapper #paanavigaatio li.valittu a {
	color: #00237c;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li:last-child a {
	border: 0;
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li:first-child a {
}

#mainhead #paanavigaatio-wrapper #paanavigaatio li ul {
	display: none;
}














#mainhead #apulinkit ul {
	float: right;
	width: 197px;
}

#mainhead #apulinkit li {
	float: left;
	padding: 0;
	padding-right: 3%;
	margin-right: 3%;
	border-right: 1px solid #0f0f0f;
	line-height: 1em;
	font-size: 11px;
}

#mainhead #apulinkit li:last-child {
}

#mainhead #apulinkit {
	margin-right: 0;
}

#sivunavigaatio {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 0;
	background-image: none;
}

#sisalto, #side, #bannerit, body.alasivu #sisalto {
	width: 96%;
	margin: 0 2%;
	float: left;
	clear: both;
}

#bannerit {
	margin-top: 20px;
}

#biglift .text {
	font-size: 11px;
	width: 100%;
	padding: 0;
}

#biglift .text h1 {
	margin-top: 1.5%;
	margin-left: 3%;
	margin-right: 3%;
}

#biglift .text p:last-child {
	margin-bottom: 1.5%;
	margin-left: 3%;
	margin-right: 3%;
}

.wmuSliderPagination {
	display: none;
}

.kuvanostonteksti {
	position: relative;
	background: transparent;
}

.linkkilaatikko h4 {
	margin-bottom: 10px;
	font-size: 14px;
}

#mainfooter .links {
	margin-right: 0;
}

#mainfooter .links ul {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #777f8f;
	
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}

#mainfooter .links h4 {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	font-size: 14px;
}

#mainfooter .links ul li:last-child {
	padding-bottom: 0;
}

#mainfooter .links:last-child ul {
	border: 0;
	padding-bottom: 0; margin-bottom: 0;
}

#mainfooter .fcontainer {
	padding-bottom: 20px;
}

#mainfooter #alatunniste {
	line-height: 1.4em;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#frontarticles, article, section, #smallnews, #smallnews .linkkilaatikko, #smallnews .lifts, #fplinks, #bannerit article, #mainfooter .links, .moduli, #sivunavigaatio {
	width: 100%;
}

#side .moduli.raamit.blogs .blogitem a.descr {
	width: 75%;
	padding-left: 3%;
}

#bannerit article {
	margin-bottom: 20px;
}

.moduli h3 {
	font-size: 14px;
}

.moduli.raamit ul li {
	padding: 7px 8px 7px 8px;
}

.moduli.raamit.some h4 {
	padding-left: 22px;
}

.moduli.some .tweet .twicon {
	width: 18%;
}

/* .moduli.some*/ 
#fbslot .tweet .msg {
	width: 80%;
}
.msg {
	font-size: 14px;
}
.blogs .blogitem .msg {
	width: auto;
	float: none;
}

.moduli.somelinks li.fbandtwr {
	min-height: 27px;
}

.breadcrumb.mobile {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 8px;
	font-size: 12px;
	margin-left: 0;
}

.breadcrumb.mobile ul {
	margin-left: 10px;	
}

#btt {
	position: fixed;
	bottom: 0;
	background-color: #fdf3c7;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	display: none;
}

#btt a {
	color: #00237c;
	font-size: 11px;
	line-height: 1em;
	background: url('../images/btt_arrow.jpg') no-repeat right center;
	padding-right: 15px;
}

#mainfooter {
	padding-bottom: 30px;
	position: static;
}


#mainfooter li {
	font-size: 14px;
}

/*
 * alasivu
 ********************************/
body.alasivu #mainhead {
	height: 185px;
}

body.alasivu #segintro .text, body.alasivu .lifts, body.alasivu #side {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

body.alasivu #segintro img {
	float: none;
	clear: both;
	display: block;
	padding: 10px 0;
	margin: 0 auto;
	max-width: 100%;
}

body.alasivu #segintro img.desktop {
	display: none;
}

#sivunavigaatio {
	background-color: #f3f3f3;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
}

#sivunavigaatio #osionimi, #sivunavigaatio #osionimiM, #sivunavigaatio #osionimiN {
	margin: 0 10px;
	padding: 10px 0;
	padding-top: 8px;
	box-shadow: 0 1px 0 #fff;
	border-bottom: 1px solid #e4e4e4;
}

#sivunavigaatio ul {
	background: #f3f3f3;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 6px;
	background-color: transparent;
}

#sivunavigaatio ul li:last-child {
	box-shadow: none;
}

#sivunavigaatio ul li {
	box-shadow: 0 1px 0 #fff;
	background: url('../images/smenu_arrow.jpg') no-repeat 6px 8px;
	padding-left: 15px;
}


.moduli.raamit h4 {
	font-size: 14px;
}

.moduli.raamit h4 {
	padding: 8px;
}

.moduli.nobg.fb {
	font-size: 18px;
}

.moduli.nobg.fb img.desktop {
	display: none;
}

.moduli.nobg.fb img.mobile {
	display: block;
}

.moduli.nobg.sisvs, #tyokalualatunniste {
	font-size: 12px;
}

/*
 * alasivu
 ********************************/

body.alasivu #mainhead {
	height: 185px;
}

#sivunavigaatio {
	font-size: 12px;
}

#sivunavigaatio h4 {
	font-size: 12px;
}

#palsta, #tyokalut {
	width: 100%;
}

#tyokalut div {
	width: 100%;
}

#palsta h2 {
	padding: 0.3em 0;
}

#palsta aside {
	width: 96%;
	margin: 10px 0;
	padding: 5px 2%;
}

#palsta .moduli ul.palstoitettu, #palsta div.grid ul li { /* uudistus-2015 */
	width: 96%;
	float: none;
	margin-right: 0;
}


#palsta .kuvitusvasemmalla, #palsta-levea .kuvitusvasemmalla, #kriisi-ilmoitus .kuvitusvasemmalla {
	float: none;
	clear: both;
	width: 96% !important;
	margin: 10px 0;
	padding: 9px 2%;
	/* background-color: #FDF3C7; */
	text-align: center;
	font-size: 80%;
	line-height: 1.6em;
}


#palsta .kuvitusoikealla, #palsta-levea .kuvitusoikealla, #kriisi-ilmoitus .kuvitusoikealla {
	float: none;
	clear: both;
	width: 96% !important;
	margin: 10px 0;
	padding: 9px 2%;
	/* background-color: #FDF3C7; */
	text-align: center;
	font-size: 80%;
	line-height: 1.6em;
}

#palsta .kuvitusoikealla img, #palsta-levea .kuvitusoikealla img, #kriisi-ilmoitus .kuvitusoikealla img {
	display: block;
	margin: 0 auto;
	margin-bottom: 2px;
}

#palsta .kuvitusvasemmalla img, #palsta-levea .kuvitusvasemmalla img, #kriisi-ilmoitus .kuvitusvasemmalla img {
	display: block;
	margin: 0 auto;
	margin-bottom: 2px;
}

#mobiletop {
	float: left;
	width: 100%;
	margin: 15px 0;
}

#mobiletop .moblangs {
	float: right;
	text-align: right;
}

#mobiletop .moblangs h4 {
	font-size: 12px;
}

#mobiletop .moblangs ul {
	float: right;
	text-align: right;
}
#mobiletop .moblangs li {
	float: left;
	border-right: 1px solid #000;
	padding: 0 5px;
	line-height: 1.1em;
	font-size: 12px;
}
#mobiletop .moblangs li:last-child {
	border-right: none;
	padding-right: 0;
}

#mobiletop .moblangs a {
	color: #00237c;
}


#palsta p.ingressi, #palsta p.ingress {
	font-size: 16px;
}



/*
 * Kriisinosto
 *******************************/

#kriisinosto .content {
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 2%; margin: 0;
	width: 96%; 
}

#kriisinosto .moreinfo {
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 2%; margin: 0;
	width: 96%;
}

#kriisinosto .kuvitusvasemmalla {
	width: auto !important;
	max-width: 100% !important;
}


/*
 * Ajankohtaista
 *****************************/

#ajankohtaista-linkit { }
	#ajankohtaista-linkit .lisaa a { color: #3c6be1; }
	#ajankohtaista-linkit #linkki-wrapper-vasen { width: 100%; float: left; }
	#ajankohtaista-linkit #linkki-wrapper-oikea { width: 100%; float: left; }
	#ajankohtaista-linkit .linkkilaatikko { width: 100%; }
	#ajankohtaista-linkit .linkkilaatikko:last-child { border-bottom: 1px solid #ededed; }
    
    
    
	
/*
 * Lehdistötiedotteet
 *******************************/

#ajankohtaista-linkit { }
#ajankohtaista-linkit .linkkilaatikko.big { width: 100%; }
	#ajankohtaista-linkit .linkkilaatikko.big .lisaa { width: 100%; }
	
	
/*
 * Hakutulokset
 **************************************/



#sisalto .search #searchtext {
	width: 66%;
}

#sisalto .search {
	width: 100%;
}

#sisalto .search #submitsearch {
	width: 20%;
}

#flapContainer { margin-right: 0; }


/*
 * Tarkennettu haku
 *******************************/
#palsta #searchwords input { width: 100%; }

#ctl00_Canvas1_ctl01_ctl01_lblDateCriteria { line-height: 1.6em; }

#ctl00_Canvas1_ctl01_ctl01_ucInternetTopicArea_cblNodes td { display: block; }



	
/*
 * Uutiskirje
 *******************************/

#ctl00_Canvas1_ctl01_ctl01_txtEmailNew { width: 90%; }


	
/*
 * Palautelomake
 *******************************/

#ctl00_Canvas1__8d6062a8eaadf0_ctl01_ctl10_X445_1_0, #ctl00_Canvas1__8d6062a8eaadf0_ctl01_ctl12_X446_1_0, #ctl00_Canvas1__8d6062a8eaadf0_ctl01_ctl17_X474_1_0,
#ctl00_Canvas1__8d6062a8eaadf0_ctl01_ctl19_X444_1_0, #ctl00_Canvas1__8d6062a8eaadf0_ctl01_ctl21_X475_1_0, #ctl00_Canvas1__8d6062a8eaadf0_ctl01_ctl23_X476_1_0,
#ctl00_Canvas1__8d6062a8eaadf0_ctl01_ctl25_X477_1_0 {
	width: 95%;
}


/*
 * Kalenteri
 ************************************/

#kalenteritoiminnot td label { width: auto; }
#kalenteritoiminnot td:nth-child(odd) { clear: both; }

.mobileScroll { width: 100%; overflow-x: scroll; }
#kalenterilistaus { width: 100%; }
	#kalenterilistaus tr td { padding: 2px !important; font-size: 11px; }

/*
 * Maalistaus
 ************************************/
#mobileTyokalut { display: block; }

#countryValMob { width: 70%; }
#submitSC { width: 15%; padding: 3px 1%; float: left; margin-left: 3px; }

#searchList ul, #searchListMob ul {
	width: 70%;
}

#tyokalut #countrySelector li a, #mobileTyokalut #countrySelector li a {
	padding: 6px;
}

/*Ossi*/
div.henkilot {
    margin: 1em 0 1.5em 0;
}
.henkilot div.henkilo, .henkilot div.vcard {
    margin: 1em 0 1em 0;
	padding: 0;
}
.henkilot div.henkilo div, .henkilot div.vcard div {
    margin: 0;
	padding: 0;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }