/*
Theme Name: Sponsor11 - 2021
Description: Sponsor11 - 2021
Version: 1.0
*/

html
{
	font-size: 10px;
}

body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6rem;
	color: #434343;
	background: #fff;
	overflow-x: hidden;
	max-width: 100%;
}

body.menu-open {margin: 0; height: 100%; overflow: hidden}

@media (min-width: 1400px)
{
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    max-width: 1140px;
	}
}

.container
{
	padding: 0 1.5rem;
}

.page-header
{
	margin-bottom:  2rem;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#index .page-header
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	z-index:  9999;
}

.page-header .container
{
	display:  flex;
	align-items:  center;
}

#logo
{
	margin:  6.2rem 0;
}

.header-right
{
	margin:  0 0 0 auto;
	display:  flex;
	align-items:  center;
}

#menu-top
{	
	display:  flex;
	font-weight:  600;
	margin:  0;
}

#menu-top li
{
	margin-left:  3.5rem;
}

#menu-top li:first-child
{
	margin-left:  0;
}

#menu-top a
{
	font-size:  1.6rem;
	text-transform:  uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color:  #000;
}

#index #menu-top a
{
	color:  #B8B8B8;
}

#menu-top a:hover,
#menu-top .current-menu-item a,
#index #menu-top a:hover,
#index #menu-top .current-menu-item a
{
	color:  #FF6600;
}

.search-wrap
{
	margin-left:  2rem;
	display:  flex;
	align-items:  center;
	flex-wrap:  wrap;
}

.search-opener
{
	cursor:  pointer;
	color:  #FF6600;
}

.search-content
{	
	font-size:  1.4rem;	
	width:  0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity:  0;
}

.search-content.open
{
	width:  14rem;
	opacity:  1;
}

.search-content input[type=text]
{
	border:  none;
	border-bottom:  1px solid #FF6600;	
	width:  100%;
	color:  #000;
	padding:  0;
	background:  none;
}

#index .search-content input[type=text]
{
	color:  #B8B8B8;
}

.heading
{
	font-size:  5.4rem;
	line-height:  6.4rem;
	font-weight:  800;
	margin-bottom:  .5rem;
}

.subheading
{
	font-size:  1.7rem;
	color:  #7E7E7E;
	font-weight:  700;
	margin-bottom:  3.5rem;
}

.page-content
{
	position:  relative;
	z-index:  999;
}

.page-content > div
{
	overflow:  hidden;
}

.main-slider .slide
{
	min-height:  100rem;
	position:  relative;
}

.main-slider .slide:before
{
	content: '';
	width:  100%;
	height:  calc(100% - 15rem);
	position:  absolute;
	left:  0;
	top:  0;
	background:  #000;
}

.main-slider .slide .container
{
	position:  relative;
	z-index:  20;
	padding-top:  19rem;
}

.main-slider .slide .content
{
	padding-top: 9rem;
}

.main-slider .slide h2
{
	font-size:  10.4rem;
	line-height:  11rem;
	color:  #7E7E7E;
	text-transform:  uppercase;
	margin:  0 0 1rem -.5rem;
}

.main-slider .slide h2 strong
{
	color:  #FF6600;
}

.main-slider .slide h2 span
{
	font-size:  6.5rem;
	line-height:  7rem;
}

.main-slider .slide .text
{
	margin-bottom:  2rem;
}

.main-slider .slide .text p
{
	font-size:  1.7rem;
	line-height:  2.7rem;
	font-weight:  700;
	color:  #7E7E7E;
}

.main-slider .slide .text *:last-child
{
	margin-bottom:  0;
}

.main-slider .slide .image
{
	position:  absolute;
	bottom:  0;
	left:  0;
	width:  100%;	
	display:  flex;
	align-items:  flex-end;
	justify-content:  center;
}

.main-slider .slide .image img
{
	position:  relative;
	z-index:  10;
	margin-bottom:  9rem;
}

.main-slider .slide .image:after
{
	content: '';
	width:  100%;
	background:  url(images/bg-slider.png) center center no-repeat;
	position: absolute;
	bottom:  0;
	left:  0;
	height:  41rem;
}

.main-slider .slide .icons
{
	position:  relative;
	width: 11.2rem;
	float:  right;
}

.main-slider .slide .icons .dot
{
	width:  2.2rem;
	height:  2.2rem;
	background:  #FF6600;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:  absolute;
	bottom:  -1.1rem;
	left:  50%;
	margin-left:  -1.1rem;
}

.main-slider .slide .icons .dot:before
{
	content: '';
	width:  .1rem;
	height:  44rem;
	top:  100%;
	left:  50%;
	margin-left:  -.1rem;
	background:  #FF6600;
	position:  absolute;
}

.main-slider .slide .icons .icon
{
	width:  11.2rem;
	height:  11.2rem;
	border:  1px solid #707070;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin-bottom:  2rem;
	display:  flex;
	align-items:  center;
	justify-content:  center;
}

.main-slider .slide .icons .icon:last-child
{
	margin-bottom:  0;
}

.block-type-1
{
	margin-bottom:  19rem;
}

.block-type-1 .images
{
	padding-top:  10rem;	
}

.block-type-1 .images img,
.block-type-3 .images img
{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin-bottom:  4rem;
}

.block-type-1 .images img:last-child,
.block-type-3 .images img:last-child
{
	margin-bottom:  0;
}

.block-type-2
{
	background:  #FF6600;
	color:  #fff;
	margin-bottom:  8.5rem;
}

.block-type-2 .content
{
	padding-top:  9rem;
	padding-bottom:  9rem;
}

.block-type-2 .content *:last-child
{
	margin-bottom:  0;
}

.block-type-2 h2
{
	color:  #fff;
}

.block-type-2 .image
{
	position:  relative;
}

.block-type-2 .image img
{
	position:  absolute;
	left:  -10rem;
	top:  -11rem;
	max-width:  none;
}

.block-type-3
{
	margin-bottom:  10rem;
}

.block-type-3 .button-wrap
{
	text-align:  center;
	padding-top:  4rem;
}

.block-type-3 .images
{
	position:  relative;
}

.block-type-3 .images img
{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.block-type-3 .images .dot
{
	width:  2.2rem;
	height:  2.2rem;
	background:  #FF6600;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:  absolute;
	top:  4.5rem;
	left:  4.5rem;
}

.block-type-3 .images .dot:before
{
	content: '';
	width:  .1rem;
	height:  20rem;
	bottom:  100%;
	left:  50%;
	margin-left:  -.1rem;
	background:  #FF6600;
	position:  absolute;
}

.block-type-4
{
	margin-bottom:  7rem;
}

.block-type-4 .content
{
	padding-top:  4rem;
}

.block-type-4 .images img
{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.block-type-5
{
	background:  #FF6600;
	padding:  9.5rem 0 13.5rem 0;
	color:  #fff;
	margin-bottom:  8rem;
}

.block-type-5 h2
{
	color:  #fff;
}

.block-type-5 .icons
{
	display:  flex;
	flex-wrap:  wrap;
}

.block-type-5 .icon
{
	width:  24.4rem;
	height:  24.4rem;
	border:  2px solid #fff;
	display:  flex;
	align-items:  center;
	justify-content:  center;
	margin-right:  4rem;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.block-type-5 .icon:last-child
{
	margin-right:  0;
}

.block-type-5 .icon img
{
	max-height:  90%;
}

.block-type-5 .image
{
	position:  relative;
}

.block-type-5 .image img
{
	position:  absolute;
	left:  7rem;
	top:  4rem;
	max-width:  none;
}

.block-type-6
{
	margin-bottom:  8rem;
	position:  relative;
	z-index:  999;
}

.block-type-6 img
{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.block-type-6 .image
{
	position:  relative;
	-moz-transform: translateY(-80px);
	-webkit-transform: translateY(-80px);
	-o-transform: translateY(-80px);
	-ms-transform: translateY(-80px);
	transform: translateY(-80px);
}

.block-type-6 .image .dot
{
	width:  2.2rem;
	height:  2.2rem;
	background:  #FF6600;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:  absolute;
	bottom:  4.5rem;
	left:  4.5rem;
}

.block-type-6 .image .dot:before
{
	content: '';
	width:  .1rem;
	height:  44rem;
	top:  100%;
	left:  50%;
	margin-left:  -.1rem;
	background:  #FF6600;
	position:  absolute;
}

.block-type-7
{
	margin-bottom:  8rem;
}

.block-type-7 p
{
	font-size:  1.5rem;
	line-height:  2.2rem;
	margin-bottom:  1rem;
}

.block-type-7 p:last-child
{
	margin-bottom:  0;
}

.block-type-7 .box
{
	position:  relative;
	padding:  1rem 0 0 5rem;
}

.block-type-7 .box .icon
{
	position:  absolute;
	left:  0;
	top:  0;
	color:  #FF6600;
	font-size:  2.6rem;
}

.block-type-8
{
	background:  #FF6600;
	padding:  9.5rem 0 7rem 0;
}

.block-type-8 h2
{
	color:  #fff;
}

.block-type-9
{
	margin-bottom:  9rem;
}

.archive-link
{
	text-align:  center;
}

.block-posts-list
{
	padding-bottom:  9rem;
}

.block-posts-list .row
{
	margin-left:  -1.5rem;
	margin-right:  -1.5rem;
}

.block-posts-list .row > div
{
	padding-left:  1.5rem;
	padding-right:  1.5rem;
}

.block-posts-list .row > div
{
	margin-bottom:  4rem;
}

.block-posts-list h3
{
	font-size:  2rem;
	margin-bottom:  2rem;
}

.block-posts-list .post-date
{
	margin-bottom:  2rem;
	font-size:  1.4rem;
}

.block-posts-list .excerpt
{
	margin:  0 0 1rem 0;
	font-size:  1.8rem;
	line-height:  2.5rem;
	font-weight:  700;
	color:  #FF6600;
}

.block-posts-list .read-more
{
	text-align:  right;
}

.block-single-post
{
	margin-bottom:  9rem;
}

.share-post
{
	padding:  2rem 0;
	border-top:  1px solid rgba(126, 126, 126, 0.5);
	border-bottom:  1px solid rgba(126, 126, 126, 0.5);
	margin-top:  3rem;
	display:  flex;
	align-items:  center;
	flex-wrap:  wrap;
}

.share-post p
{
	font-weight:  700;
	margin:  0 4rem 0 0;
}

.share-post ul
{
	display:  flex;
	align-items:  center;
	margin:  0;
}

.content-block .share-post ul li
{
	padding:  0;
	margin-right:  3rem;
	font-size:  2.5rem;
}

.share-post ul li:before,
.share-post ul li:after
{
	display:  none;
}

.post-thumb
{
	margin-bottom:  3rem;
}

.post-title
{
	margin-bottom:  1rem;
}

.subtitle
{
	color:  #FF6600;
}

.post-date
{
	margin-bottom:  0;
	padding-top:  3rem;
}

.comments
{
	padding-top:  4rem;
}

.comments label
{
	display:  block;
}

.comments input[type=text],
.comments textarea
{
	width:  100%;
	border:  1px solid #7E7E7E;
	padding:  1rem;
}

.comments input[type=submit]
{
	border:  none;
	background:  #FF6600;
	color:  #fff;
	font-weight:  700;
	padding:  1rem 4rem;
}

.comments textarea
{
	height:  12rem;
	resize:  none;
	display:  block;
}

.comments #comments-list
{
	padding-top:  4rem;
}

.comments #comments-list .comment-meta span
{
	font-size:  1.4rem;
}

.comments .comment
{
	border-bottom:  1px solid #7E7E7E;
	padding-bottom:  3rem;
	margin-bottom:  3rem;
}

.comments .comment:last-child
{
	border-bottom:  none;
	padding-bottom:  0;
	margin-bottom:  0;
}

.comments .comment p
{
	margin:  0;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea
{
	width:  100%;
	border:  1px solid #7E7E7E;
	padding:  1rem;
}

.contact-form.alt input[type=text],
.contact-form.alt input[type=email],
.contact-form.alt textarea
{
	border-color:  #fff;
	color: #fff;
	background:  none;
}

.contact-form.alt label
{
	color:  #fff;
}

.contact-form textarea
{
	height:  16rem;
	display:  block;
	resize:  none;
}

.contact-form input[type=submit]
{
	border:  none;
	background:  #FF6600;
	color:  #fff;
	font-weight:  700;
	padding:  1rem 4rem;
}

.contact-form.alt input[type=submit]
{
	background:  #fff;
	color:  #FF6600;
}

.contact-form .terms label
{
	font-weight: 400;
	text-transform: none;
	cursor: pointer;
	line-height: 2.2rem;
	font-size: 1.4rem;
	letter-spacing: 0;
}

.contact-form .terms input
{
	display: none;
}

.contact-form .terms input + span
{
	position: relative;
	display: inline-block;
	padding-left: 3rem;
}

.contact-form .terms input + span:before
{
	content:'';
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid #7E7E7E;
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: .3rem;
	position: absolute;
	padding-left: .1rem;
}

.contact-form.alt .terms input + span:before
{
	border-color:  #fff;
}

.contact-form .terms input:checked + span:before
{
	content:'\f00c';
	font-size: .9rem;
	color: #FF6600;
}

.contact-form.alt .terms input:checked + span:before
{
	color:  #fff;
}

.wpcf7-list-item
{
	margin:  0;
}

.contact-form span
{
	position: relative;
	display: block;
}

.contact-form .wpcf7-not-valid-tip
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #f00;
	padding: 1rem 2rem;
	background: #fff;
	font-size:  1.2rem;
}

.contact-form select
{
	width:  100%;
}

.bootstrap-select>.dropdown-toggle
{
	font-size:  1.6rem;
	border:  1px solid #7E7E7E;
	color:  #7E7E7E !important;
	padding:  1.4rem 2rem;
	background:  none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height:  5.2rem;
}

.contact-form.alt .bootstrap-select>.dropdown-toggle
{
	border:  1px solid #fff;
	color:  #fff !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle
{
	outline:  none !important;
	color:  #fff;
	border-color:  #fff;
	box-shadow:  none !important;
	background:  transparent !important;
}

.contact-form .bootstrap-select .dropdown-toggle:focus, .contact-form .bootstrap-select>select.mobile-device:focus+.dropdown-toggle
{
	color:  #7E7E7E;
	border-color:  #7E7E7E;
}

.contact-form.alt .bootstrap-select .dropdown-toggle:focus, .contact-form.alt .bootstrap-select>select.mobile-device:focus+.dropdown-toggle
{
	color:  #fff;
	border-color:  #fff;
}

.bootstrap-select .dropdown-menu
{
	font-size:  1.6rem;
	border:  1px solid #7E7E7E;
	color:  #7E7E7E;
	padding:  1.4rem 2rem;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.contact-form.alt .bootstrap-select .dropdown-menu
{
	color:  #fff;
	border-color:  #fff;
}

.bootstrap-select .dropdown-menu li 
{
	padding-left:  0;
	margin-bottom:  0;
	padding-bottom:  0;
}

.bootstrap-select .dropdown-menu li a
{
	padding:  0;
}

.bootstrap-select .dropdown-menu li:before,
.bootstrap-select .dropdown-menu li:after
{
	display:  none;
}

.bootstrap-select .dropdown-menu li a span.text
{
	margin:  0;
	text-align: left;
}

.dropdown-item.active, .dropdown-item:active
{
	color:  #FF5F2D;
	background-color:  transparent !important;	
}

.dropdown-item:focus, .dropdown-item:hover
{
	background-color:  transparent !important;
}

.search-results
{
	margin-bottom:  10rem;
}

.mfp-wrap
{
	z-index:  999999;
}

.mfp-bg
{
	z-index:  99999;
}

.popup
{
  width: 77rem;
  max-width: 95%; 
  margin: 5rem auto;
  position: relative;
  z-index: 999999999; 
}

.popup-content
{
  background: #FF6600;
  padding: 6.5rem 5rem 3rem 5rem;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  z-index: 10;
  position: relative;
  color:  #fff;
}

.popup-content h2
{
	color:  #fff;
	text-align:  center;
}

.popup-close
{
  position: absolute;
  right: 5rem;
  top: 3rem;
  width: 3rem;
  height: 3rem;
  background: url(images/icon-close.svg);
  background-size: 3rem 3rem;
  cursor: pointer;
}

.footer-cta
{
	position:  relative;
	z-index:  99;
	padding-top: 58rem;
}

.footer-cta .bg
{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  calc(100% - 4rem);
	background-size:  cover;
	background-position:  center center;
	background-image:  url(images/bg-footer.jpg);
}

.footer-cta .row
{
	align-items:  center;
}

.footer-cta .box
{
	background:  #FF6600;
	color:  #fff;
	margin-bottom:  -4rem;	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding:  5.5rem 7.5rem;
	position:  relative;
	z-index:  10;
	display:  flex;
	align-items:  center;
	flex-wrap:  wrap;
}

.footer-cta .text
{
	width:  70%;
}

.footer-cta .text p
{
	font-size:  2.2rem;
	line-height:  3.9rem;
	margin:  0;
	color:  #fff;
}

.footer-cta .button-ghost
{
	margin-left:  auto;
}

.page-footer
{
	background:  #000;
	padding:  9.5rem 0 4rem 0;
}

.page-footer .top
{
	align-items:  center;
}

.page-footer .copyrights
{
	text-align:  center;
	font-size:  1.3rem;
	line-height:  2rem;
	margin:  0;
	color:  #8B8B8B;
	padding-top:  4rem;
}

#menu-footer
{
	display:  flex;
	justify-content:  flex-end;
	font-size:  1.6rem;
	color:  #B8B8B8;
	text-transform:  uppercase;
	margin:  0;
	flex-wrap:  wrap;
}

#menu-footer li:not(:last-child)
{
	margin-right:  3.5rem;
}

.button-ghost
{
	height:  5.2rem;
	display:  inline-block;
	font-size:  1.6rem;
	line-height:  2.2rem;
	color:  #fff;
	text-transform:  uppercase;
	padding:  1.4rem 3.5rem;
	border:  1px solid #fff;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor:  pointer;
}

.button-ghost:hover
{
	background: #fff;
	color:  #FF6600;
}

.button-ghost.alt
{
	background:  #FF6600;
	color:  #fff;
}

.button-ghost.gray
{
	color:  #7E7E7E;
	border-color:  #7E7E7E;
}

.button-ghost.gray:hover
{
	color:  #000;
	border-color:  #fff;
	background:  #fff;
}

.big-button
{
	display:  inline-block;
	font-size:  2rem;
	line-height:  3rem;
	font-weight:  700;
	color:  #fff;
	background:  #FF6600;
	padding:  3.5rem 6rem;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:  pointer;
}

.big-button:hover
{
	color:  #fff;
}

.content-block ul li
{
	padding-left:  4.5rem;
	position:  relative;
	padding-bottom:  3rem;
}

.content-block ul li:last-child
{
	padding-bottom:  0;
}

.content-block ul li:before
{
	content: '';
	width:  1.3rem;
	height:  1.3rem;
	background:  #FF6600;
	position:  absolute;
	left:  0;
	top:  .7rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.content-block ul li:after
{
	content:'';
	width: .1rem;
	height:  100%;
	background:  #FF6600;
	position:  absolute;
	left:  .6rem;
	top:  1.3rem;
}

.content-block ul li:last-child:after
{
	display:  none;
}

h1,h2,h3,h4,h5,h6
{
	color: #000;
	margin: 0 0 3rem 0;
	font-weight:  800;
	line-height: normal;
}

#content .title a
{
	text-decoration: none;
	font-style: normal;
}

h1
{
	font-size: 4rem;
}

h2
{
	font-size: 3rem;
	line-height:  4.3rem;
}

h3
{
	font-size: 2.6rem;
}

h4
{
	font-size: 2.2rem;
}

ul
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 2.5rem 0;
	line-height: 3rem;
}

p
{
	margin: 0 0 2.5rem 0;
	line-height: 3rem;
}

a, a:hover, a:focus
{
	color: inherit;
	text-decoration: none;
}

input:focus, textarea:focus
{
	outline: none;
}

img
{
max-width: 100%;
height: auto;
border: 0;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.to-animate
{
	opacity: 0;
}

/**
* Fade-move animation for second dialog
*/

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;

-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;

-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.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-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}