/************
	RESET
*************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body {1line-height: 1.3em;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}


/*****************
	TYPOGRAPHY
******************/
html, body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

input, textarea{font-family:Arial, Helvetica, sans-serif; font-size:1;}

/*
@font-face {
	font-family: 'MyriadPro-SemiboldCond';
	src: url('fonts/myriadprosemiboldcond.eot');
	src: url('fonts/myriadprosemiboldcondd41d.eot?#iefix') format('embedded-opentype'),
			 url('fonts/myriadprosemiboldcond.woff') format('woff'),
			 url('fonts/myriadprosemiboldcond.ttf') format('truetype'),
			 url('fonts/myriadprosemiboldcond.svg#myriadprosemiboldcond') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

p{line-height:1.3em; padding:0 0 12px 0;}

h1, h2, h3, h4, h5, h6{padding:0 0 6px;}

h1{font-family:'PT Sans Narrow'; font-weight:normal; font-size:2.1em; line-height: 1em; text-transform:uppercase;
	padding:0 100px 3px 2px; border-bottom:#ffffff solid 3px; margin:0 0 18px 0;
}
h2{font-family:'PT Sans Narrow'; font-weight:normal; font-size:2.1em; text-transform:uppercase;}
h3{font-family:'PT Sans Narrow'; font-weight:normal; font-size:1.7em; text-transform:uppercase;
	padding:0 5px 3px; border-bottom:#ffffff solid 1px; margin:0 0 10px 0;
}
h4{font-family:'PT Sans Narrow'; font-weight:normal; font-size:1.6em; text-transform:uppercase; line-height:1; margin:0; padding:0;}

a{color:#019dbe; text-decoration:none;}
a:hover{text-decoration:underline;}

ul{margin:0 0 12px 0;}
li{margin:0 0 0 30px; padding:0 0 6px 0; line-height: 1.3em;}
ul li{list-style-image:url(../images/list-style.png);}
p + ul{margin:-10px 0 12px 0;}
p + ul li{list-style-image:url(../images/list-style.png); margin:0 0 0 30px; padding:0 0 0 0; line-height:1.3em;}
.white-block li{list-style-image:url(../images/list-style-black.png);}
.menu{margin:5px 0 0;}
.menu li{margin:0;padding:0; list-style:none; line-height:1;}



/**************
	HELPERS
***************/
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clear-left{clear:left;}
.overflow{overflow:hidden;}


.pink-hv:hover, .pink-bg, .pink-blk .tb-info, .pink-blk .date-fld, #gallery-block.pink-blk h2{background-color:#e977fa;}
.pink-br, .pink-blk h1{border-color:#e977fa;}

.cian-hv:hover, .cian-bg, .cian-blk .tb-info, .cian-blk .date-fld, #gallery-block.cian-blk h2{background-color:#77e3fa;}
.cian-br, .cian-blk h1{border-color:#77e3fa;}

.green-hv:hover, .green-bg, .green-blk .tb-info, .green-blk .date-fld, #gallery-block.green-blk h2{background-color:#90a435;}
.green-br, .green-blk h1{border-color:#90a435;}

.violet-hv:hover, .violet-bg, .violet-blk .tb-info, .violet-blk .date-fld, #gallery-block.violet-blk h2{background-color:#b062d1;}
.violet-br, .violet-blk h1{border-color:#b062d1;}

.dashed-bborder{border-bottom:#ffffff dashed 1px; padding:0 0 2px; line-height:1.8em;}



/************
	STYLE
*************/
body{min-width:1000px; position:relative; background:url(../images/main-bg.jpg) repeat 0 0;}
.layout{width:1000px; margin:0 auto;}

/* HEADER */
header{background:url(../images/header-pattern.jpg) repeat-x 0 0; width:100%; position:relative; color:#ffffff; z-index:999;}
header a {color:#ffffff; text-decoration: none;}
header a:hover {text-decoration: none;}
.js header{position:fixed; top:0;}
#header{background:url(../images/header.jpg) no-repeat center top;}
#header .layout{overflow:hidden; padding:23px 35px 0; width:930px; height:148px;}
#header-shadow{background:url(../images/header-shadow.png) repeat-x 0 0; height:21px;}
.h-top-bl{height:105px; float:left; overflow:hidden;}
.h-top-bl h3{float:left; margin:0; font-weight: bold;}
#h-logo-bl{width:293px;}

#h-bottom{clear:left; height:48px; overflow:hidden;}

/* h-menu */
.navigation-bl{padding:0 0 0 60px; position: relative; top: -5px;}
.h-menu{}
.h-menu li{padding:0; margin:0; overflow:hidden;}
.h-menu li p{padding: 0 5px; background-color:transparent; margin:1px 0 0 0; vertical-align:middle; float:left;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.h-menu li a{color:#ffffff; line-height:17px;}
.h-menu li:hover a{text-decoration:none;}

/* languge-nav */
#language-nav{float:left; overflow:hidden; padding:12px 0 0 0;}
#language-nav li{float:left; padding:0 20px 0 0; line-height:18px;}
#language-nav li a{color:#ffffff; border-bottom:#ffffff dashed 1px;}
#language-nav li a:hover{text-decoration:none;}
#language-nav li.active a{border-bottom:none; cursor:default;}


#h-telephone{text-align:right; padding:11px 0 0 0;}
#h-telephone p img{line-height:1; vertical-align:middle; margin:0 0 5px 0;}



/* MAIN */
#main{margin:-21px 0 0; font-size: 120%;}
.js #main{margin:171px 0 0 0;}

.left-tb{float:left; width:505px; padding:0 0 0 2px;}
.right-tb{float:right; width:378px; padding:0 30px 60px 16px;}

.dark-block{background:url(../images/alpha-35.png) repeat; margin:0 0 0; color:#ffffff;}
.dark-block .layout{padding:25px 0 10px 30px; width:970px; overflow:hidden; position:relative;}

.transparent-block{color:#ffffff;}
.transparent-block .layout{padding:25px 0 10px 30px; width:970px; position:relative;}
.transparent-block .left-tb{width:300px;}

.white-block{color:#1d1d1d; background:#ffffff; border-bottom:#e0e0e0 dashed 2px;}
.white-block.no-border{border:none !important;}
.white-block .layout{padding:50px 0 5px 30px; width:970px; position:relative; overflow:hidden;}
.white-block .left-tb{width:300px;}

.date-fld, #gallery-block h2 {display:inline-block; line-height:3em; padding:0 12px 0 40px; font-size:14px; font-weight:bold; margin:0 0 15px -30px;}

.tb-info{position:absolute; bottom:15px; right:0; width:389px; padding:0 26px 0 17px;}
.tb-info p{padding:0; line-height:38px; background:url(../images/tb-info.png) no-repeat right center; font-size:14px; font-weight:bold; color:#ffffff; text-transform:uppercase;}
.tb-info a{color: #fff;}

/*** TEASER ***/
#teaser{color:#ffffff; background:url(../images/teaser-bg.jpg) no-repeat center top; height:444px;}

/* t-wrap */
#t-wrap{padding:25px 0 0 0;}
#t-wrap .container{position:relative; box-shadow:rgba(0,0,0,0.6) 0px 5px 15px; width:1000px; height:394px;}
#t-wrap .slide{border:#ffffff solid 12px; position:absolute; width:976px; height:370px; overflow:hidden; top:0; left:0;}
#t-wrap .slide > img{width:976px; height:370px;}
#t-wrap .slide-text{position:absolute; color:#ffffff; bottom:18px; left:0; font-family:'PT Sans Narrow'; background:url(../images/slide-text-bg.png) repeat-y 0 0; width:608px; padding:3px 20px;}
#t-wrap .slide-text h2, h4{font-weight: bold;}
#t-wrap .slide-text h2{font-size: 25px;}
#t-wrap .slide-text h4{font-size: 19px;}
#t-wrap .slide-text p{font-size: 18px; font-weight: 400; line-height:1; padding:0 0 3px 0;}
#t-wrap .shadow {text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);}


/*** FIRST-BLOCK ***/
#first-block{background:url(../images/first-block.jpg) no-repeat center 0;}


/*** GALLERY ***/
.gallery{float:right; overflow:hidden; padding:0 25px 0 0;}
.gallery .images-wrap{width:496px; overflow:hidden; float:left;}
.gallery .container{width:9999px;}
.img-pack{width:496px; float:left;}
.img-pack li{float:left; border:#ffffff solid 5px; margin:12px; width:90px; height:90px;
	-webkit-transition: border-color 0.2s ease-out;
	-moz-transition: border-color 0.2s ease-out;
	-ms-transition: border-color 0.2s ease-out;
	-o-transition: border-color 0.2s ease-out;
	transition: border-color 0.2s ease-out;
}
.img-pack li:hover{border-color:#cecece;}

.gallery .glr-arrow{display:block; width:40px; height:66px; cursor:pointer; background:url(../images/glr-arrows.png) no-repeat; margin:220px 0 0 0;}
.gallery .glr-arrow.left-arrow{background-position:0 0; margin-right:25px;}
.gallery .glr-arrow.left-arrow:hover{background-position:0 -66px;}
.gallery .glr-arrow.right-arrow{background-position:-40px 0; margin-left:25px;}
.gallery .glr-arrow.right-arrow:hover{background-position:-40px -66px;}

.gal-separator {margin: 15px 0; border-bottom: #e0e0e0 dashed 2px;}


/*** TEAM-MEMBERS ***/
.tm-wrap{padding:0 2px 0 2px;}
.team-member{width:290px; padding:0 30px 10px 0; float:left;}
.tm-wrap li {list-style-type: none; list-style-image: none; width: 290px; margin: 0; padding:0 30px 10px 0; float:left;}



/*** CONTACT ***/
address{font-style:normal; padding:0 0 30px 2px;}
address h4{padding:0 0 15px 0;}
address p{padding:0 0 6px;}



/* FOOTER */
footer{font-size:11px; color:#ffffff;}
footer .layout{padding:14px 0 22px 32px; width:968px;}
footer a{color:#ffffff;}


/* TABLE */

.Table {
	background-color: #4b0060;
	border: solid 0 transparent;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em auto;
}
.Table td,
.Table th {
	border-top: 1px solid #493452;
	border-bottom: 0 solid #331834;
	padding: 10px 10px;
}
.Table td:first-child,
.Table th:first-child {
	border-left: none;
}
.Table thead th {
	border-top: none;
}
.Table thead td,
.Table thead th,
.Table tfoot td,
.Table tfoot th {
	background-color: transparent;
	font-weight: bold;
}
.Table tbody tr th,
.Table tbody tr td {
	background-color: rgba(223, 223, 223, 0.2);
}
.Table tbody tr:nth-child(even) th,
.Table tbody tr:nth-child(even) td,
.Table tbody tr.alt td {
	background-color: rgba(255, 255, 255, 0.2);
}
.Table tbody tr:hover th,
.Table tbody tr:hover td {
	background: #fff;
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
.Table tbody tr td:nth-child(even) {
	white-space: nowrap;
}

/*********************** FORM ************************/

.form_wrap {
	clear: both;
	margin-bottom: 15px;
	margin-left: 10%;
	width: 40%;
	float: right;
}

form {
	clear: both;
	margin: 0 0 15px;
	width: 100%;
	float: none;
}

form fieldset {
	border: solid 0px #FFFFFF;
	width: 100%;
}
form legend {
	font-size: 150%;
	font-weight: bold;
	padding-top: 1em;
}
form p {
	clear: both;
	margin-bottom: 1em;
	padding-bottom: 0;
}
form label {
	display: block;
	float: left;
	margin-right: 2%;
	padding-top: 0.2em;
	text-align: left;
	width: 100%;
}
form label > span {
	color: red;
	display: inline;
	font-size: 180%;
	font-weight: bold;
	margin-left: 0.3em;
	margin-top: 0em;
	position: absolute;
	vertical-align: middle;
}
form input,
form select,
form textarea {
	background-color: #fff;
	border: 0px solid #fff;
	box-sizing: border-box;
	color: #000;
	font-size: 12px;
	margin: 0;
	outline-width: 0;
	padding: 0.7em 1em;
	width: 100%;
}
form textarea {
	height: 12em;
	max-width: 100%;
	min-width: 100%;
	white-space: normal;
}
form select {
	background-image: url(/images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: 99% 50%;
	border-radius: 0;
	/*box-sizing: content-box;*/
	appearance: none;
	-webkit-appearance: none;
	/* for FF < 30 */
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	/* Opera */
	-o-appearance: none;
	/* for IE */
	-ms-appearance: none;
	appearance: none !important;
}
form input[type="checkbox"] {
	width: auto;
	margin-top: 0.5em;
	margin-left: 1em;
	margin-right: 0.5em;
}
form span.group {
	float: left;
	display: block;
	width: 70%;
}
form span.group input {
}
form span.group label {
	padding-top: 0;
	width: auto;
}
form input.radio {
	background-color: transparent;
	border-style: none;
	clear: left;
	display: inline;
	margin: 0.2em;
	padding: 0;
	width: auto;
}
form input.warning,
form textarea.warning {
	background-color: #FFFDCF;
	border: 1px solid #999;
}
form img {
	cursor: pointer;
	float: left;
	margin-right: 0.5em;
	vertical-align: top;
}
form #captcha {
	float: left;
	height: 41px;
	text-align: center;
	width: 129px;
}
form input[type="reset"],
form input[type="submit"] {
	background: #e977fa;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin-top: 2em;
	padding: 0.8em;
	text-align: center;
	text-transform:uppercase;
}
form input[type="reset"]:hover,
form input[type="submit"]:hover {
	background-color: #4b0060;
}
form input[type="submit"] {
}
form input[type="reset"]:active,
form input[type="submit"]:active {
	left: 1px;
	position: relative;
	top: 1px;
}
form input[disabled] {
	background-color: #555;
}
p.warning {
	color: #e977fa;
	font-size: 150%;
	padding-bottom: 1em;
}
form div.c,
form p.c,
form label.c,
form input.c,
form br.c
{
	display: none;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  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 {
    position: absolute;
    left: auto;
    top: 1px; }

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

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: black;
  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 {
    height: 100%;
    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.3);
    background: white; }

/* 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; }


/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  
  .mfp-content {
   vertical-align:top; 
  }
  
  /* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s;
    
    transform: translateY(-100px);
  }
  
  &.mfp-bg {
    opacity: 0;
    transition: all 0.2s;
  }
  
  /* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: translateY(0);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }
  
  /* animate out */
  &.mfp-removing {
    
    .mfp-with-anim {
      transform: translateY(-50px);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }
    
  }
  
}