/* CSS Document */
body {background:#fff;}
body.blackpage,
body.newheadq {background:#000;}

#sessanta {background:#fff;padding:0px 0px 30px ;border-bottom:5px solid #ee6600;}
.blackpage #sessanta, .blackpage #sessanta *
.blackpage #colophon, .blackpage #colophon * {background:#000;}
.blackpage #main,
.blackpage .ak-container {background:#000;}
.blackpage .site-info {background:#000 !important;}

/* header */
.sessanta #content {padding-top:0px;}
.sessanta #subheader {margin:-50px auto 0px;width:100%;max-width:1170px;height:100px;text-align:right;}
.sessanta-branding.logo-right {height:100%;width: 50%;float: right;text-align: center;}
.sessanta-branding.logo-right img {max-height:100%;}

#sessanta .header-social {background-color:#fff;color:#333 !important;}
#sessanta .header-social a {color:#333 !important;}
#sessanta .header-social a:hover {color:#000 !important; background-color:#fff !important;}

.blackpage #sessanta .header-social {background-color:#000;color:#ccc !important;}
.blackpage #sessanta .header-social a {color:#ccc !important;}
.blackpage #sessanta .header-social a:hover {color:#fff !important; background-color:#000 !important;}

#nav {background-color:#f1f1f1 !important;color:#333 !important;}
#nav li a {color:#333 !important;}
#sessanta li.lang-item, #sessanta li.menu-item-35518, #sessanta li.menu-item-9649,
#nav li.lang-item, #nav li.menu-item-35518, #nav li.menu-item-9649 {display:none !important;}

.blackpage #primary a:hover {color:#fff;}

#newheadq {background-color: #000; position:relative; z-index:1000;}
.newheadq .down {
    display: block;
    width: 55px;
    height: 38px;
    background-image: url('../images/down-arrow-orange.png');
    background-position: top;
    background-repeat: no-repeat;
    margin: -50px auto 0px;
    cursor: pointer;
}

/* content */

.sessanta #primary {min-height:150px;}

.newheadq #main {margin-top:-70px;background-color:#000;}
.newheadq .row .ctavid {margin-top:10px;}

.newheadq #primary .entry-content .ctavid a {font-size:23px;color:#e60;font-weight:bold;}
.newheadq #primary .entry-content .ctavid a:hover {color:#fff;}

.newheadq #primary .entry-content a:hover {color:#fff;}

/* Block */
.sessanta .row {margin:35px 0px;color:#222;line-height:1.3em;padding: 25px 0px;}
.blackpage .sessanta .row, .newheadq .sessanta .row {color:#DDD;}
.sessanta .row:after {width: 80%; margin: 0 auto; content: ""; height: 1px; float: none; border-bottom: 3px solid #e60; padding-top: 25px;}
#immagini {padding-bottom:150px;}
.sessanta .block-08 {margin-top:-150px;}
.sessanta .row.block-07:after {padding:0px;}

#ballettodiroma:after, #compagnia:after, #febbraio:after,
#scuola::after, #immagini:after, #press:after {border:0px;}

.blackpage .row:after,
.didattica .row:after,
.newheadq .row:after {border:0px;height:0px;padding-top:0px;}

.sessanta .row img {width:100%; max-width:100%;}
.sessanta .row .col-1,
.sessanta .row .col-2 {float:left;} 

.blackpage .sessanta .row.block-03 img,
.sessanta .press.block-03 img {width:auto; margin:15px; 0px; max-width:75%;}

.sessanta .block-01 .col-1, .sessanta .block-03 .col-1 {width:55%;}
.sessanta .block-01 .col-2, .sessanta .block-03 .col-2 {width:45%;padding:5%;}
.sessanta .block-02 .col-1 {width:45%;padding:5%;}
.sessanta .block-02 .col-2 {width:55%;}
.sessanta .block-04 .col-1, .sessanta .block-05 .col-1, .sessanta .block-05 .col-2,
.sessanta .block-06 .col-1, .sessanta .block-07 .col-2 {width:100%;max-width:1000px;padding:2%;margin:0px auto;float:none;}
.sessanta .block-07 .col-1, .sessanta .block-08 .col-1 {width:100%;float:none;}
.sessanta .block-09 .col-1 {width:65%;}
.sessanta .block-09 .col-2 {width:35%;}
.sessanta .block-09 .col-1 .form {margin:25% 0px 0px;padding:5%;background-color:#e60;color:#fff;}
.sessanta .block-09 .col-1 .loop {margin:25px auto;width:80%;}

.newheadq #video {margin-top:0px;padding-top:0px;}
.newheadq .sessanta .block-09 .col-1 {width:40%;}
.newheadq .sessanta .block-09 .col-2 {width:60%;}

#newgeneration {position:relative;margin:0;padding:0;}
#newgeneration .vimeo-wrapper {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
#newgeneration .contentbg {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #eee;
  width: 100%;
  height:100%;
  padding: 0px;
}


#young {margin:0px;padding:0px;}
#storia {background-color:#fff; color:#222;}
#storia h3 {color:#111;}
.clients-logo, .logoes {padding:0 0 40px;}
.clients-logo img, .logoes img {width:auto !important;}

#opening .col-1 {padding: 0% 3% 2%;}
#young .col-2 {padding: 4%;}
#storia .col-2 {padding: 3% 1% 1% 20%;}
#storia .col-1 {padding: 2%;}
#newgeneration .col-2 {float:right;padding: 3% 3% 1% 1%;width:75%;}
#spazi .col-2 {padding: 4% 2% 1% 5%;}
.newheadq #contatto .col-1 {max-width: 60%;margin: 0 auto;width: 100%;float: none;}

#febbraio {margin-bottom:0px;}
#fondatori {margin-top:0px;padding-top:0px;}

/* Type*/
.sessanta .row p {margin:0;}
.sessanta .row .dida {font-size:14px;color:#666;}
.sessanta .dida.right {text-align:right;padding:10px 10px 10px 20%;}
.sessanta .dida.left {text-align:left;padding:10px 20% 10px 10px;}
.sessanta .dida.center {text-align:center;padding:20px;color:#666;}

.sessanta h3 {font-size:38px;line-height:1.1em;color:#111;}
.sessanta h3.left {padding:25px 10px 25px 0px;text-align:left;}
.sessanta h3.right,
.sessanta .autore.right {padding:25px 0px 25px 10px;text-align:right;}
.sessanta h3.center {padding:25px 0px;text-align:center;}

.sessanta .row .autore {font-size:20px;color:#333;}

.sessanta .block-01 a:hover.guardavid {opacity:0.6;}

.sessanta .col-1 p,
.sessanta .col-2 p {font-size:22px;line-height:1.5em;font-weight:300;}

.blackpage .sessanta h3,
.newheadq .sessanta h3 {color:#eee;}

#febbraio .col-1 img {width:80%;float:right;}

.sessanta .block-05 .col-2 p,
.sessanta .block-06 .col-1 p {font-size:20px;line-height:1.3em;}
.sessanta .block-06 h5 {font-size:23px;color:#333;margin:15px 10px;}
.sessanta .block-06 .readmore {font-size:16px;line-height:1em;text-align:left;margin:15px 10px;}

.block-06 .more {display:none;}

.block-06 .readmore a {font-size:14px;color:#e60;font-style:italic;}
.block-06 a.close {display:none;}
.block-06 a:hover {color:#333;}

.sessanta .block-07 h3, .sessanta .block-07 p {color:#fff;padding:20px 0px 0px;}
.sessanta .block-07 .dida {max-width:1000px;padding:2%;margin:0px auto;top:20px;color:#fff;text-align:left;}
.sessanta .block-07 .ctavid {max-width:1000px;padding:0 2% 2%;margin:0px auto;top:20px;color:#fff;text-align:left;font-size:20px;}

.didattica .sessanta .block-07 h3, .sessanta .block-07 p {color:#222;padding:20px 0px 0px;}

.block-08 a:hover.open {cursor:pointer;opacity:0.8;}

.block-08 .col-1 .span1 {text-align:center;}

.block-09 .col-1 .form .span6 {margin:12px 0px;}
.block-09 .col-1 .form p {font-size:16px;color:#fff;margin:25px 0px;}
.block-09 .col-1 .form span {font-size:11px;line-height:1.1em;}
.block-09 .col-1 .form span a {color:#f0f0f0 !important;}
.block-09 .col-1 .form span a:hover {color:#ccc;}
.block-09 .col-1 .form input {background-color:#fff;color:#666;}
.block-09 .col-1 .form input[type="submit"] {background-color:#fff;color:#000;}
.block-09 .col-1 .form input[type="submit"]:hover {background-color:#000;color:#fff;} 

.form .wpcf7-not-valid-tip {color:#000;}
.form .wpcf7 .wpcf7-validation-errors {border-color:#000;}
.form .wpcf7-mail-sent-ok {border-color:#fff;}

.newheadq .modulo p {color:#eee;}
.newheadq .modulo label {color:#eee;}

/* Black Module */
/*.newheadq #primary a.prenota {font-weight:600;background-color:#000;color:#fff;padding:10px 15px;border:2px solid #e60;}
.newheadq #primary a.prenota:hover {background-color:#e60;}*/

.didattica #primary a.prenota {font-weight:600;background-color:#fff;color:#e60;padding:10px 15px;border:2px solid #e60;}
.didattica #primary a.prenota:hover {background-color:#e60;color:#222;}

.didattica #prenota,
.newheadq #prenota {display:none;padding:50px;border-top:2px solid #e60;border-color:#ee6600;position:relative;}
.didattica #prenota .modulo,
.newheadq #prenota .modulo{max-width:980px;margin:0px auto;}
.didattica .close,
.newheadq .close,
.action .actionclose {
  font-weight:200;
  font-size:30px;
  line-height:1;
  color:#aaa;
  right: 15px;
  position: absolute;
  top: 10px;
  z-index: 99;
  cursor:pointer;
}

.newheadq #prenota .modulo h4, .blackpage #prenota .modulo label, .blackpage #prenota .modulo p {color:#eee;}
.newheadq #prenota .modulo input {background-color:#000;color:#fff;border:0.5px solid: #222;}


/* sliders */
.sessanta .programs,
.sessanta .compagnia {position:relative;}
.sessanta .programs .bx-controls a,
.sessanta .compagnia .bx-controls a {
    background: url("../images/orange-arrow.png") no-repeat scroll 0 0;
    color: transparent !important;
    height: 42px;
    left: 0;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    width: 25px;
}
.sessanta .compagnia .bx-controls a {
    background: url("../images/orange-arrow.png") no-repeat scroll 0 0;
}
.sessanta .programs .bx-controls a.bx-prev {
    background-position: 0 0;
    left: -25px;
}
.sessanta .programs .bx-controls a.bx-next {
    background-position: -52px 0;
    right: -25px;
    left: auto;
}
.sessanta .compagnia .bx-controls a.bx-prev {
    background-position: 0 0;
    left: 15px;
}
.sessanta .compagnia .bx-controls a.bx-next {
    background-position: -52px 0;
    right: 15px;
    left: auto;
}

/* Styles for dialog window */
.folder {
  background-color: rgba(0,0,0,0.8);
  padding: 10px;
  text-align: center;
  max-width: 95%;
  margin: 10px auto;
  position: relative;
  color:#fff;
}

.folder h1 {color:#fff;}

.sessanta .ak_footer_social a {color:#999;}

/* masonry galleries */
.entries {margin:0px auto;display:block;overflow-y:auto;}
.entries .masonry {margin:1%;}
/* masonry galleries */

.post-password-form {max-width:600px;margin:50px auto;}

#ak-top{z-index:1000;}
#ak-top:hover {background: #ee6600;}

.wpa-btn{
  padding: 11px 24px 10px;
  display: block;
  margin-bottom: 8px;
  text-align: center;
  width: 100%;
  background: #ee6600;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  font-size:14px;
  text-transform:uppercase;
}

.nomobile .span2 {width: 31.3333333333% !important;}

ul.ger-slider{margin:0px;}

.box-overlay .section-header {
    margin-bottom: 2px;
    padding-top: 6px;
}

.contatti{text-align:left;}
.contatti a{color:#fff;}


/* Responsive */

@media screen and (max-width: 1180px){
    #main-header {padding-top:10px;}
    #nav li {border-color:#333;}
    #nav-open-btn.nav-btn span {background: #999 !important;}
    #newgeneration .col-2 {padding: 5% 3% 1% 1%;width:90%;}
    .sessanta h3 {font-size: 35px;line-height: 1em;color: #111;}
    .sessanta .col-1 p, .sessanta .col-2 p {font-size: 19px;line-height: 1.2em;}
}

@media screen and (max-width: 1024px) {
    .sessanta .block-01 .col-2, .sessanta .block-03 .col-2,
    .sessanta .block-02 .col-1 {padding: 3%;}
    .sessanta .block-09 .col-1 .form {margin: 5% 0px;padding: 1% 2%;}
    .block-09 .col-1 .form p {margin:15px 0px;font-size:14px;}
    .sessanta h3 {font-size:33px;}
    .sessanta h3.left, .sessanta h3.right {padding: 10px 0px;}
    .sessanta .col-1 p, .sessanta .col-2 p,
    .sessanta .block-05 .col-2 p, .sessanta .block-06 .col-1 p {font-size: 18px;}
    .sessanta .row .autore, .sessanta .block-07 .ctavid {font-size:16px;}
    .sessanta .programs .bx-controls a.bx-prev {left: 0px;}
    .sessanta .programs .bx-controls a.bx-next {right: 0px;left: auto;}
    #opening .col-1, #opening .col-2 {width:100%;}
    #young .col-1 {max-width: 40% !important;}
    #newgeneration .col-2 {width:100%;padding:2%;}
}


@media screen and (max-width: 768px) {
    .newheadq #main {margin-top:0px;}
    .sessanta .col-1 p, .sessanta .col-2 p,
    .sessanta .block-05 .col-2 p, .sessanta .block-06 .col-1 p {font-size: 16px;}
    .sessanta .block-05 .program .col-1 {}
    .block-08 .span1, .folder .span1 {width:31.33%;margin:1%;}
    .block-09 .span3 {width:48.5%;}
    a.gallerycta {font-size:12px;}
    .sessanta .programs .bx-controls a.bx-prev {left: 15px;}
    .sessanta .programs .bx-controls a.bx-next {right: 15px;left: auto;}
    img.hidemobile{display:none;}
    .contatti{text-align:center;}
    .newheadq #video {margin-top:0px;padding-top:0px;}
}


@media screen and (max-width: 680px) {
    .sessanta .row {margin: 15px 0px; padding:10px 0px;}
    .sessanta .block-09 .col-1 .form {margin: 0px;padding: 1%;}
    .sessanta h3 {font-size:26px;}
    .sessanta h3.left, .sessanta h3.right {padding: 5px 0px;}
    .sessanta .col-1 p, .sessanta .col-2 p,
    .sessanta .block-05 .col-2 p, .sessanta .block-06 .col-1 p {font-size: 14px;}
    .sessanta .row .autore, .sessanta .block-07 .ctavid {font-size:12px;}
    .sessanta .row .dida {font-size:12px;}
    .block-09 .col-1 .form p {margin:5px 0px;font-size:12px;}
    
    #newgeneration .contentbg {position:relative;}
    
    .newheadq .down {margin-top:10px;}
    #opening .col-1 {padding:5% 3%;}
    .clients-logo a {width:auto;}
}

@media screen and (max-width: 480px) {
    .sessanta .col-1, .sessanta .col-2 {width:100% !important;float:none;}
    .sessanta .block-09 .col-1, .sessanta .block-09 .col-2 {width:50%;}
    .block-09 .span3 {width:100%;}
    .sessanta .row .dida {font-size:10px;}
    .block-08 .span1, .folder .span1 {width:48%;margin:1%;}
    a.gallerycta {font-size:11px;}
    
    .newheadq .sessanta .block-09 .col-2 {width:60%;}
    .newheadq .sessanta .block-09 .col-1 {width:40%;}
    .newheadq #young .col-1 {display:none;}
    .newheadq #contatto .col-1 {max-width:96%;}
}


/* Responsive */


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

.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;
  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; }

.page-template-template-landing-insite-php .mfp-content {
  width:900px;
}

.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: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  
.mfp-preloader a {
  color: #CCC; }
  
.mfp-preloader a:hover {
      color: #FFF; }

.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;
  box-shadow: none;
  touch-action: manipulation; }

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;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 44px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

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

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

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

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    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 {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    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: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  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: #444; }
.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; }
  
/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;

  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out; 

  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;

  -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -ms-transform: scale(1); 
  -o-transform: scale(1); 
  transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8); 
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8); 
  -o-transform: scale(0.8); 
  transform: scale(0.8); 

  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out; 
  -moz-transition: opacity 0.3s ease-out; 
  -o-transition: opacity 0.3s ease-out; 
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

@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;
    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; }
  .page-template-template-landing-insite-php .mfp-content {
    width:100%;
  }
}