html {
  font-family: sans-serif;
}
body {
  margin: 0;
  font-family:Open Sans, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #7b7b7b;
  text-align: left;
  background-color: #fff;
}

.p0{
	padding:0px !important;
}

.sub_head_adminis{
padding: 5px;
background: #3b5998 !important;
color: #fff !important;
width: 70% !important;
font-size: 16px !important;
margin: auto !important;
margin-bottom: 10px !important;
	
}
.carousel-indicators
{
	bottom:-4px;
}
.gallery_about table tr {
	background-color: transparent !important;
	
}
.gallery_about table tr td img {
	  border: solid 5px green;
      border-radius: 5px;
	  width: 100%;
	  height: 215px;
	  cursor: pointer;
	
}
.main_shadow
{
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
z-index: 9;
position: absolute;
width: 100%;
height: 420px;
}
.carousel-control-prev, .carousel-control-next
{
 z-index:99;
}
.logo_new{
margin-top: -11px !important;
margin-bottom: 0px !important;
padding-bottom: 0px !important;

}
.slider_hght
{
	height:400px !important;
}
.slider_container
{
	position:absolute;
	height:400px;
}
.carousel-item {
  min-height: 400px;
  /*background: no-repeat center center scroll;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    background-size: cover;
    /*background-repeat: no-repeat;   */
}

@media screen and (max-width: 1024px) {
  .carousel-item {
        min-height: 400px;
      /*background: no-repeat center center scroll;*/
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;   
  }
}
.carousel-item img {
  border:solid 1px #ccc;
}
.fixed-top {
    position: inherit !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99 !important;
	padding:0px !important;
}
.bg-dark {
    background-color: transparent !important;
}
.navbar-expand-lg .navbar-collapse
{
	margin-top: 118px;
	background: #3b5998;
}
.navbar-dark .navbar-nav .nav-link
{
	color:#fff !important;
	font-weight:bold !important;
}
.navbar-dark .navbar-nav .nav-link:hover
{
	color:#000 !important;
	font-weight:bold !important;
	background:#fff;
}

.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
.carousel-caption
{
	bottom:0%;
	background:rgba(0,0,0, 0.3)
}
.carousel-indicators li
{
	border-radius: 3px !important;
	width: 43px !important;
	height: 6px !important;
}
.top_right_area
{
	z-index:9999;
	float:right;
	width:395px;
	color:#fff;
	font-weight:bold;
	position:absolute;
	left:61%;
	top:16px;
}
.top_right_area a
{
	margin-left:20px;
}
.logo_main
{
	position:absolute;
	z-index:999;
	margin-top:10px;
}




.clear
{
	clear:both;
}

.clear10
{
	clear:both;
	height:10px;
}
.clear20
{
	clear:both;
	height:8px !important;
}
.clear30
{
	clear:both;
	height:30px;
}
.clear40
{
	clear:both;
	height:40px;
}
.clear60
{
	clear:both;
	height:60px;
}

.input_group2
{
width: 100%;
float: right;
margin-right: 0px;
}
.stylish-input-group .input-group-addon{
    background: white !important; 
	border-radius:0px !important; 
	margin-top:16px;
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
	border-radius:0px !important; 
	border:none !important;
	box-shadow:none;	
	margin-top:16px;
	border: solid 1px #ccc !important;

}
.stylish-input-group button{
    border:0;
    background:transparent;
		border-radius:0px !important; 
	border:none !important;
	box-shadow:none;
}
.stylish-input-group span{
    border:0;
    background:transparent;
		border-radius:0px !important; 
	border:none !important;
	box-shadow:none;
}
.stylish-input-group i{
    color:#38a035 !important;
}



.news_bg
{
	background:url(../img/news_bg.png) center top;
	width:100%;
	padding-top:40px;
	padding-bottom:40px;
	background-size:cover;
}
.news_box
{
	background:#fff;
	border-radius:5px;
	padding:5px;
	min-height:547px;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(34, 44, 50, 0.26);
	-moz-box-shadow:    2px 2px 7px 0px rgba(34, 44, 50, 0.26);
	box-shadow:         2px 2px 7px 0px rgba(34, 44, 50, 0.26);
}
.news_green_bg
{
	  background: #3b5998; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3b5998, #3b5998); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3b5998, #3b5998); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3b5998, #3b5998); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3b5998, #3b5998); /* Standard syntax */
	border-radius:5px;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	font-family:Open Sans, Arial;
	padding:10px;
}
.news_lable
{
	padding:10px;
	font-weight:bold;
	color:#7b7b7b;
	font-family:Open Sans, Arial !important;
	font-size:14px !important;
	text-shadow:none !important;
	font-weight:normal !important;
	box-shado:none !important;
}
.news_lable h2
{
	font-size:18px;
	color:#000;
	font-family:Open Sans, Arial;
		font-weight:bold;
}
.news_lable h4
{
	font-size:18px;
	color:#387e39;
	font-family:Open Sans, Arial;
	width:100%;
	text-align:right;
	font-weight:bold;
}
.news_lable a
{
	color:#387e39;
	font-family:Open Sans, Arial;
}

.example1 {
 height: 199px;	
 overflow: hidden;
 position: relative;
}
.example1 h3 {

 color: limegreen;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 /* Starting position */
 -moz-transform:translateY(100%);
 -webkit-transform:translateY(100%);	
 transform:translateY(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateY(100%); }
 100% { -moz-transform: translateY(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateY(100%); }
 100% { -webkit-transform: translateY(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateY(100%); /* Firefox bug fix */
 -webkit-transform: translateY(100%); /* Firefox bug fix */
 transform: translateY(100%); 		
 }
 100% { 
 -moz-transform: translateY(-100%); /* Firefox bug fix */
 -webkit-transform: translateY(-100%); /* Firefox bug fix */
 transform: translateY(-100%); 
 }
}





.middle_area
{
	background:url(../img/middle_area.png) center top;
	width:100%;
	padding-top:40px;
	padding-bottom:40px;
	background-size:cover;
}
.president_msg
{
	float:left;
	width:100%;
		margin-right:15px;
}
.president_msg img
{
	width:100%;
		height:263px;
}

.lahore_weather
{
	float:left;
	width:100%;
	margin-right:15px;
}

.fb_bottom_icon img{
	width:15%;
	height:7%;
	margin-right:10px;
}

.lahore_weather img
{
	width:100%;
		height:263px;
}
.chamber_news
{
	float:left;
	width:100%;
}
.chamber_news img
{
	width:100%;
	height:263px;
}

.video_bg
{
	background:url(../img/video_bg.jpg) center top;
	width:100%;
	padding-top:40px;
	padding-bottom:40px;
	background-size:cover;
}

.facebook_area
{
	width:100%;
	background:#fff;
	padding:5px;
	border-radius: 5px;
}

.fb_green_bg
{
	  background: #3b5998; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3b5998, #3b5998); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3b5998, #3b5998); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3b5998, #3b5998); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3b5998, #3b5998); /* Standard syntax */
	border-radius:5px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	font-family:Open Sans, Arial;
	padding:10px;
}

.fb_bottom_icon
{
	border:solid 1px #efefef;
	padding:6px;
}
.fb_bottom_icon a
{
	margin-right:10px;
}
.bottom_bg
{
	background:url(../img/bottom_bg.jpg) center top;
	width:100%;
	padding-top:40px;
	padding-bottom:40px;
	background-size:cover;
}

.bottom_bg_box
{
	background:#fff;
	border-radius:5px;
	padding:5px;
	min-height:250px;
	-webkit-box-shadow: 2px 2px 7px 0px rgba(34, 44, 50, 0.26);
	-moz-box-shadow:    2px 2px 7px 0px rgba(34, 44, 50, 0.26);
	box-shadow:         2px 2px 7px 0px rgba(34, 44, 50, 0.26);
}
.bottom_box_img
{
	
	padding:0px;

}

.bottom_box_img img
{
	
	width:100%;
		height:240px;
}

.footer_bg
{
	/*background:url(../img/footer_bg.jpg) center top;*/
		width:100%;
	padding-top:40px;
	padding-bottom:40px;
	background-size:cover;
}
.footer_bg ul 
{
	margin:0px;
	padding:0px;
}

.footer_bg ul  li
{
	margin:0px;
	padding:0px;
	list-style:none;
	width:100%;
}
.footer_bg ul  li a
{

	width:100%;
	color:#fff;
	line-height:42px;
	font-size:16px;
	;
}

.footer-bottom
{
	background:#000000;
	color:#fff;
	font-size:12px;
		padding-top:10px;
	padding-bottom:10px;
}
.footer-bottom a
{
	color:#fff;
	font-size:12px;

}
.event_middlebg
{
overflow-y:none;
height:450px;
}
.carousel-control-prev img
{
	margin-top: 50px;
}
.carousel-control-next img
{
	margin-top: 50px;
}





@media screen and (min-device-width: 768px) and (max-device-width: 1920px) {
	.weather_desktop{
		padding:13px 10px;
	}
}

@media screen and (min-device-width: 992px) and (max-device-width: 1199px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: .5rem;
	font-size: 13px;
}
.carousel-caption h3
{
	font-size:22px;
}

.news_box
{
	min-height: 537px;
}
.event_middlebg
{
overflow-y:scroll; height:425px;
}
.example1 {
    height: 420px;
    overflow: hidden;
    position: relative;
}
.fb_bottom_icon a {
    margin-right: 12px;
}
.bottom_bg_box
{
	min-height:270px;
}
}

@media screen and (min-device-width: 992px) and (max-device-width: 1366px) {
	#mixedSlider .MS-controls .MS-left{
		margin-top:-30px;
	}
	
	#mixedSlider .MS-controls .MS-right{
		margin-top:-30px;
	}
}

@media screen and (min-device-width: 992px) and (max-device-width: 1200px) {
	.news_lable h2{
		font-size:15px;
	}
	
	.news_lable h4{
		font-size:15px;
	}
	
	.news_lable p{
		font-size:13px;
		margin-bottom:0rem;
	}
}

@media screen and (min-device-width: 992px) and (max-device-width: 1024px) {
	.top_right_area{
		left:57% !important;
	}

.news_lable h2{
		font-size:13px;
	}
	
	.news_lable h4{
		font-size:13px;
	}
	
	.news_lable p{
		font-size:12px;
		margin-bottom:0rem;
	}	
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
.top_right_area
{
	left: 50%;
}
.carousel-caption h3
{
	font-size:18px;
}
.input_group2 {
    width: 77%;
    float: right;
    margin-right: 21px;
}
.navbar-toggler
{
	float: right !important;
margin-left: 94% !important;
margin-top: 106px !important;
}
.navbar-expand-lg .navbar-collapse {
    margin-top: 10px;
	background:#3b5998;
}
.navbar-expand-lg .navbar-nav .nav-link
{
	border-bottom: solid 1px #3b5998;
}
.navbar-dark .navbar-toggler
{
	background: #236624 !important;
	color:#fff !important;
	cursor:pointer;
}
.chamber_news {
    float: left;
    width: 35%;
}

.news_box
{
	min-height: 704px;
}
.event_middlebg
{
overflow-y:scroll; height:600px;
}
.example1 {
    height: 600px;
    overflow: hidden;
    position: relative;
}
.bottom_bg_box
{
	margin-bottom:30px;
}

.chamber_news img {
    width: 100% !important;
    height: 185px !important;
    min-width: 190px;
}

.president_msg img {
    width: 100% !important;
    height: 185px !important;
}

.top_right_area{
	width:375px;
}

.fb_bottom_icon a {
    margin-right: 3px;
    -moz-margin-end: 5px;
}

.fb_green_bg{
	font-size:15px;
	text-align:center;
}

.weather_desktop {
    padding: 10px 10px !important;
	font-weight:500;
}

.news_green_bg{
	font-size:22px;
}

.news_green_bg img{
	width: 30px;
	height: 34px;
	max-width: 100%;
}

.currency_bg{
	height:264px !important;
}

.news_box {
    min-height: 600px;
}

#calist {
	height: 315px !important;
}

	.news_lable h2{
		font-size:13px;
	}
	
	.news_lable h4{
		font-size:13px;
	}
	
	.news_lable p{
		font-size:12px;
		margin-bottom:0rem;
	}
	
	.calendar_weekDays{
		font-size:12px !important;
	}

}

@media screen and (min-device-width: 568px) and (max-device-width: 767px) {
	
.carousel-caption {
    bottom: 37%;
    background: rgba(0,0,0, 0.3);
}
.d-none {
    display: block !important;
}

.carousel-caption h3
{
	font-size:18px;
}
.input_group2 {
    width: 77%;
    float: right;
    margin-right: 21px;
}
.navbar-toggler
{
	float: right !important;
margin-left: 94% !important;
margin-top: 106px !important;
}
.navbar-expand-lg .navbar-collapse {
    margin-top: 10px;
	background:#3b5998;
}
.navbar-expand-lg .navbar-nav .nav-link
{
	border-bottom: solid 1px #3b5998;
}
.navbar-dark .navbar-toggler
{
	background: #3b5998 !important;
	color:#fff !important;
	cursor:pointer;
}
.chamber_news {
    float: left;
    width: 35%;
}

.news_box
{
	min-height: 704px;
}
.event_middlebg
{
overflow-y:scroll; height:600px;
}
.example1 {
    height: 600px;
    overflow: hidden;
    position: relative;
}
.bottom_bg_box
{
	margin-bottom:30px;
}

.col-xs-12
{
	width:100% !important;
	flex: 100% !important;
	max-width: 100% !important;
	margin-bottom:10px;
}
		.news_box {
    min-height: 400px;
}
.navbar-brand
{
	width:40% !important;
}
.navbar-brand img
{
	width:100% !important;
}

.top_right_area
{
	width: 335px;
}
.top_right_area a {
    margin-left: 12px;
}
.top_date_label
{
	font-size:12px;
}
.navbar-toggler {
    float: right !important;
    margin-left: 91% !important;
    margin-top: 106px !important;
}
.chamber_news {
    float: left;
    width: 34%;
}
}

#calendar {
    width: 100% !important;
	padding-left:0px;
}

#calist {
    padding-top: 12px !important;
}

.budget_main img{
	width:100%;
}

.president_msg_main{
	min-height: 547px;
}

@media screen and (min-device-width: 320px) and (max-device-width: 767px) {
	.navbar-dark .navbar-toggler
	{
		position:relative;
		top:-35px;
	}
	
	#mixedSlider .MS-controls .MS-left{
		margin-top:-20px;
	}
	
	#mixedSlider .MS-controls .MS-right{
		margin-top:-20px;
	}
	
	.mobile-padd{
		padding:0px;
		margin-bottom:10px;
	}
	
	.advertise-padd{
		padding-left:0px;
		padding-right:0px;
		margin-bottom:10px;
	}
	
	.fb_bottom_icon a {
		margin-right: 10px;
	}
	
	.chamber_news img {
		width: 100%;
		height: 200px !important;
	}
	
	
}

@media screen and (min-device-width: 480px) and (max-device-width: 767px) {
	.adv_mob_width{
		width: 48%;
		float: left;
		margin-right: 10px;
	}
}

@media screen and (min-device-width: 568px) and (max-device-width: 767px) {
	.stylish-input-group .form-control{
		margin-top:0px;
	}	
	
	.navbar-dark .navbar-toggler {
		right: 21px;
	}
	
	.top_right_area{left: 40% !important;}
}

@media screen and (min-device-width: 320px) and (max-device-width: 567px) {
	
.carousel-caption {
    bottom: 27%;
    background: rgba(0,0,0, 0.3);
}
.d-none {
    display: block !important;
}
.navbar-dark .navbar-toggler
{
	background: #3b5998 !important;
	color:#fff !important;
	cursor:pointer;
}
.navbar-toggler {
    float: right !important;
    margin-left: 80% !important;
    margin-top: 106px !important;
	z-index:999999;
}
.navbar-expand-lg .navbar-collapse {
    margin-top: 10px;
	background:#3b5998;
	z-index: 9999999;
}
.navbar-expand-lg .navbar-nav .nav-link
{
	border-bottom: solid 1px #3b5998;
}
.top_right_area {

    width: 100%;
    left: 0%;
    top: 106px;
}
.navbar-brand
{
	width:270px !important;
}
.navbar-brand img
{
	width:90% !important;
}	

.news_box
{
	margin-bottom:20px;
}
.p0_res
{
	padding:0px !important;
}
	
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
.gallery_about table tr td[width~="50%"], .gallery_about table tr{
 width:100%;
 padding:0;
 display:inline-block;
 
}
.gallery_about table tr td img {
    width: 100%;
    height: auto;
}
.president_msg
{
	float:left;
	width:100%;
		margin-right:15px;
		margin-bottom:10px;
}
.president_msg img
{
	width:100%;
		height:263px;
}

.lahore_weather
{
	float:left;
	width:100%;
	margin-right:15px;
	margin-bottom:10px;
}
.lahore_weather img
{
	width:100%;
		height:263px;
}
.chamber_news
{
	float:left;
	width:100%;
			margin-bottom:10px;
}
.chamber_news img
{
	width:100%;
	height:263px;
}
}



@media screen and (-webkit-min-device-pixel-ratio:0) {


::i-block-chrome, .input-group .form-control
{
	width:auto;
	float:left;
}
::i-block-chrome, .stylish-input-group .input-group-addon {
background: white !important;
border-radius: 0px !important;
margin-top: 16px !important;
display: block;
width: 60px;
float: left;
height: 36px;
}
::i-block-chrome, .top_right_area a {
margin-left: 7px;
}
::i-block-chrome, .carousel-control-prev {

margin-top: 300px;
}
::i-block-chrome, .carousel-control-next {

margin-top: 300px;
}
::i-block-chrome, .carousel-indicators li {
float: left;
}
::i-block-chrome, .carousel-indicators
{
	width: 15%;
margin: auto;
}
}
.dropdown-item
{
	padding-left:5px !important;
	padding-right:5px !important;
	font-size:13px;
}
.dropdown-menu
{
	width:450px;
	margin-top:-2px;
	border-radius:0px !important;
}
.menu2dropdown
{
	width:250px;
}

.dropdown-item:focus, .dropdown-item:hover
{
	background:#3b5998 !important;
	color:#fff;
	
}




.about_h
{
	height:350px;
	min-height:350px;
}
.about_bot
{
	bottom:0px !important;
}

.about_left_bar
{
	background:#eee;
	border-radius:5px;
	
}
.about_left_bar1
{
	background:#ffffff;
	border-radius:5px;
	
}
.about_left_bar ul
{
	margin:0px;
	padding:0px;
	
}
.about_left_bar ul li
{
	list-style:none;
		font-size:15px !important;
	
}
.about_left_bar ul li a
{
	font-size:15px;
	color:#000;
	background:#eee;
	width:100%;
	display:block;
	border-bottom:solid 1px #ccc;
	padding:10px;
	font-weight:bold;
	
}
.about_left_bar ul li a:hover
{
	background:#3b5998;
	border-bottom:solid 1px #3b5998;
	text-decoration:none;
	color:#fff;
	
}
.about_left_bar ul li .fa
{
	font-size:20px !important
	
}
.about_right
{
	color: #7b7b7b;
font-family: Open Sans, Arial !important;
font-size: 14px !important;
line-height:24px;
}
.about_right h2
{
font-family: Open Sans, Arial !important;
font-size: 24px !important;
font-weight:bold;
padding: 17px;
border-radius: 5px;
color: #fff;
	  background: #3b5998; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3b5998, #3b5998); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3b5998, #3b5998); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3b5998, #3b5998); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3b5998, #3b5998); /* Standard syntax */
}
.about_right h3
{
	color: #000;
font-family: Open Sans, Arial !important;
font-size: 20px !important;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}
.excomm_bg2
{
	
}
.excomm_bg2 h3
{
	font-weight:bold;
	color:#000;
	font-size:24px;
	font-weight:bold;
	margin-top:10px !important;
}

.excomm_bg2 p
{
	color:#000;
	line-height:24px;
	margin-top:10px;
}
.excomm_bg
{
	background:#eee;
}
.excomm_bg h3
{
	background:#eee;
	font-weight:bold;
	color:#000;
	font-size:24px;
	font-weight:bold;
	margin-top:10px !important;
}
.excomm_mrg_left
{
	margin-left:15%;
}
small
{
	font-size: 20px !important;
color: #3f8a40 !important;
font-weight:bold;

}
.excomm_bg p
{
	color:#000;
	line-height:24px;
	margin-top:10px;
}
.rounded-circle
{
	height: 200px !important;
width: 180px !important;
border-radius:0px !important;
}
.member_label
{
		font-size:24px !important;
font-weight:bold;
text-align:center;
border-radius: 5px;
color: #fff;
	  background: #3b5998; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3b5998, #3b5998); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3b5998, #3b5998); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3b5998, #3b5998); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3b5998, #3b5998); /* Standard syntax */
	width:30%;
	margin:auto;
	padding:20px;
}
.tr_header
{
	background:#3d873e; color:#fff;
}

.bdr_business_table td
{
	border:solid 1px #eee;
	padding:10px;
}
.btn_info
{
	border:none;
	width:80px;
	margin-left:10px;
	height:40px;
	border-radius:5px;
	text-align:center;
}
@media screen and (min-device-width: 320px) and (max-device-width: 767px) {
.member_scroll	{
	overflow-x: scroll;
}
.about_header_lbl
{
	font-size:15px;
}
.about_right
{
	margin-top:20px;
}

.member_label
{
	width:90%;
}
.excomm_mrg_left {
    margin-left: 1%;
}
}











.btn_submit_cont
{
	background:#3b5998;
	border:solid 1px #3b5998;
	border-radius:5px;
	text-align:center;
	padding:5px;
	width:100px;
	cursor:pointer;
	color:#fff;
}


.gallery {
  position: relative;
  z-index: 2;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.gallery.pop {
  -webkit-filter: blur(10px);
          filter: blur(10px);

}
.gallery figure {
  -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
  padding: 10px;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;

}
.gallery figure img {
  width: 100%;
  border-radius: 5px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.gallery figure figcaption {
  display: none;
}

.popup {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out .2s;
  transition: opacity .5s ease-in-out .2s;
}
.popup.pop {
  opacity: 1;
  -webkit-transition: opacity .2s ease-in-out 0s;
  transition: opacity .2s ease-in-out 0s;
  z-index:99999;
}

.popup.pop figure {
  margin-top: 0;
  opacity: 1;
  z-index:99999;
}
.popup figure {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  margin-top: 30px;
  opacity: 0;
  -webkit-animation: poppy 500ms linear both;
          animation: poppy 500ms linear both;
}
.popup figure img {
  position: relative;
  z-index: 2;
  border-radius: 15px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 6px 30px rgba(0, 0, 0, 0.4);
  width:100%;
}
.popup figure figcaption {
  position: absolute;
  bottom: 50px;
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.78));
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.78));
  z-index: 2;
  width: 100%;
  border-radius: 0 0 15px 15px;
  padding: 100px 20px 20px 20px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
}
.popup figure figcaption small {
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  margin-top: 12px;
  text-indent: 3px;
  opacity: .7;
  letter-spacing: 1px;
}
.popup figure .shadow {
  position: relative;
  z-index: 1;
  top: -15px;
  margin: 0 auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 98%;
  height: 50px;
  opacity: .6;
  -webkit-filter: blur(15px) contrast(2);
          filter: blur(15px) contrast(2);
}
.popup .close {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url(#close);
  border-radius: 25px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.popup .close svg {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes poppy {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
            transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
  }
  4.3% {
    -webkit-transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
            transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
            transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
            transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
  }
  8.61% {
    -webkit-transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
            transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
            transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
            transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
  }
  12.91% {
    -webkit-transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
            transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
            transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
            transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
  }
  17.22% {
    -webkit-transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
            transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
            transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
            transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
            transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
            transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
            transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
  }
  28.33% {
    -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
            transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
            transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
            transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
            transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
            transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
  }
  39.44% {
    -webkit-transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
            transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
            transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
            transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
            transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
  }
  61.66% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
  }
  83.98% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
  }
}

@keyframes poppy {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  3.4% {
    -webkit-transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
            transform: matrix3d(0.316, 0, 0, 0, 0, 0.407, 0, 0, 0, 0, 1, 0, -94.672, -91.573, 0, 1);
  }
  4.3% {
    -webkit-transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
            transform: matrix3d(0.408, 0, 0, 0, 0, 0.54, 0, 0, 0, 0, 1, 0, -122.527, -121.509, 0, 1);
  }
  4.7% {
    -webkit-transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
            transform: matrix3d(0.45, 0, 0, 0, 0, 0.599, 0, 0, 0, 0, 1, 0, -134.908, -134.843, 0, 1);
  }
  6.81% {
    -webkit-transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
            transform: matrix3d(0.659, 0, 0, 0, 0, 0.893, 0, 0, 0, 0, 1, 0, -197.77, -200.879, 0, 1);
  }
  8.61% {
    -webkit-transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
            transform: matrix3d(0.82, 0, 0, 0, 0, 1.097, 0, 0, 0, 0, 1, 0, -245.972, -246.757, 0, 1);
  }
  9.41% {
    -webkit-transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
            transform: matrix3d(0.883, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, -265.038, -262.804, 0, 1);
  }
  10.21% {
    -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
            transform: matrix3d(0.942, 0, 0, 0, 0, 1.226, 0, 0, 0, 0, 1, 0, -282.462, -275.93, 0, 1);
  }
  12.91% {
    -webkit-transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
            transform: matrix3d(1.094, 0, 0, 0, 0, 1.328, 0, 0, 0, 0, 1, 0, -328.332, -298.813, 0, 1);
  }
  13.61% {
    -webkit-transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
            transform: matrix3d(1.123, 0, 0, 0, 0, 1.332, 0, 0, 0, 0, 1, 0, -336.934, -299.783, 0, 1);
  }
  14.11% {
    -webkit-transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
            transform: matrix3d(1.141, 0, 0, 0, 0, 1.331, 0, 0, 0, 0, 1, 0, -342.273, -299.395, 0, 1);
  }
  17.22% {
    -webkit-transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
            transform: matrix3d(1.205, 0, 0, 0, 0, 1.252, 0, 0, 0, 0, 1, 0, -361.606, -281.592, 0, 1);
  }
  17.52% {
    -webkit-transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
            transform: matrix3d(1.208, 0, 0, 0, 0, 1.239, 0, 0, 0, 0, 1, 0, -362.348, -278.88, 0, 1);
  }
  18.72% {
    -webkit-transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
            transform: matrix3d(1.212, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, -363.633, -267.15, 0, 1);
  }
  21.32% {
    -webkit-transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
            transform: matrix3d(1.196, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, -358.864, -240.617, 0, 1);
  }
  24.32% {
    -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
            transform: matrix3d(1.151, 0, 0, 0, 0, 0.96, 0, 0, 0, 0, 1, 0, -345.164, -216.073, 0, 1);
  }
  25.23% {
    -webkit-transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
            transform: matrix3d(1.134, 0, 0, 0, 0, 0.938, 0, 0, 0, 0, 1, 0, -340.193, -210.948, 0, 1);
  }
  28.33% {
    -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
            transform: matrix3d(1.075, 0, 0, 0, 0, 0.898, 0, 0, 0, 0, 1, 0, -322.647, -202.048, 0, 1);
  }
  29.03% {
    -webkit-transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
            transform: matrix3d(1.063, 0, 0, 0, 0, 0.897, 0, 0, 0, 0, 1, 0, -318.884, -201.771, 0, 1);
  }
  29.93% {
    -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
            transform: matrix3d(1.048, 0, 0, 0, 0, 0.899, 0, 0, 0, 0, 1, 0, -314.277, -202.202, 0, 1);
  }
  35.54% {
    -webkit-transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
            transform: matrix3d(0.979, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, -293.828, -216.499, 0, 1);
  }
  36.74% {
    -webkit-transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
            transform: matrix3d(0.972, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, -291.489, -220.242, 0, 1);
  }
  39.44% {
    -webkit-transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
            transform: matrix3d(0.962, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, -288.62, -227.228, 0, 1);
  }
  41.04% {
    -webkit-transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
            transform: matrix3d(0.961, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, -288.247, -229.999, 0, 1);
  }
  44.44% {
    -webkit-transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
            transform: matrix3d(0.966, 0, 0, 0, 0, 1.032, 0, 0, 0, 0, 1, 0, -289.763, -232.215, 0, 1);
  }
  52.15% {
    -webkit-transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
            transform: matrix3d(0.991, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, -297.363, -226.449, 0, 1);
  }
  59.86% {
    -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
            transform: matrix3d(1.006, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -301.813, -222.759, 0, 1);
  }
  61.66% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, -302.102, -222.926, 0, 1);
  }
  63.26% {
    -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
            transform: matrix3d(1.007, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, -302.171, -223.276, 0, 1);
  }
  75.28% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
            transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -300.341, -225.696, 0, 1);
  }
  83.98% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.61, -225.049, 0, 1);
  }
  85.49% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -299.599, -224.94, 0, 1);
  }
  90.69% {
    -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
            transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, -299.705, -224.784, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, -225, 0, 1);
  }
}

.stylo_add{
    padding-bottom:10px !important;
}