/*==========  Site Font Stilleri (S)  ==========*/
.icerik1 {
	font-family: 'ubunturegular';
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:20px;
}
.icerik2 {
	font-family: 'prelo';
	font-size:31px;
	font-style:italic;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	line-height:40px;
}
.icerik3 {
	font-family: 'dinbek_boldregular';
	font-size:29px;
	font-style:normal;
	font-weight:bold;
	color:#4c4c4c;
	text-decoration:none;
	line-height:44px;
}
.icerik4 {
	font-family: 'dinbek_lightregular';
	font-size:17px;
	font-style:normal;
	font-weight:normal;
	color:#4c4c4c;
	text-decoration:none;
	line-height:20px;
}
.icerik5 {
	font-family: 'glametrixregular';
	font-size:22px;
	font-style:normal;
	font-weight:normal;
	color:#424242;
	text-decoration:none;
	line-height:25px;
}
.icerik6 {
	font-family: 'glametrixregular';
	font-size:25px;
	font-style:normal;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	line-height:30px;
}
.link1 {
	font-family:"Myriad Pro";
	font-size:25px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:37px;
}
a.link1:hover {
	font-family:"Myriad Pro";
	font-size:25px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:37px;
}
.link2 {
	font-family:"glametrixregular";
	font-size:21px;
	font-style:normal;
	font-weight:normal;
	color:#211f20;
	text-decoration:none;
	line-height:25px;
}
a.link2:hover {
	font-family:"glametrixregular";
	font-size:21px;
	font-style:normal;
	font-weight:normal;
	color:#211f20;
	text-decoration:none;
	line-height:25px;
}
.link3 {
	font-family:"neo_sans_trmedium";
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	line-height:25px;
}
a.link3:hover {
	font-family:"neo_sans_trmedium";
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	line-height:25px;
}
.link4 {
	font-family:"neo_sans_trmedium";
	font-size:19px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:25px;
}
a.link4:hover {
	font-family:"neo_sans_trmedium";
	font-size:19px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:25px;
}
.link5 {
	font-family:"neo_sans_trregular";
	font-size:23px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:25px;
}
a.link5:hover {
	font-family:"neo_sans_trregular";
	font-size:23px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:25px;
}
.link6 {
	font-family:"glametrixregular";
	font-size:33px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	line-height:35px;
}
a.link6:hover {
	font-family:"glametrixregular";
	font-size:33px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	line-height:35px;
}
.link7 {
	font-family:"glametrixregular";
	font-size:24px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	line-height:25px;
}
a.link7:hover {
	font-family:"glametrixregular";
	font-size:24px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	line-height:25px;
}
.baslik1 {
	font-family: 'dinbek_boldregular';
	font-size:19px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:44px;
}
.baslik2 {
	font-family: 'neo_sans_trregular';
	font-size:23px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:30px;
}
.baslik3 {
	font-family: 'neo_sans_trregular';
	font-size:45px;
	font-style:normal;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	line-height:50px;
}
.baslik4 {
	font-family: 'neo_sans_trmedium';
	font-size:23px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	line-height:25px;
}
.baslik5 {
	font-family: 'glametrixregular';
	font-size:33px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	line-height:35px;
}

/*==========  Site Font Stilleri (F)  ==========*/

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px)
{
    #sosyal_medya{ display:none;}
	#ozel_tasarim{display:none; width:100%;}
	#foot{ height:870px;}
	
	.anasayfa{ padding-left:20px; padding-right:20px;}
	.ana_sayfa{ padding-left:10px; padding-right:10px;}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) 
{
	

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) 
{
   .index_hizmet_img {
	float:right; width:25%; max-width:250px; clear:right;
}
	 
.index_hakkinda_satir {
	float:left; width:75%; max-width:720px; clear:left;
}
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) 
{
	#slayt{ width:100%;}
	#desktop_menu{ display:block;}
    #mobil_menu{ display:none;}
    #sosyal_medya{ display:block; padding-top:13px;}
	#ozel_tasarim{display:block;}
	#foot{ height:290px;}
	.tumunu_gor{ margin:auto;}
	
	.anasayfa{ padding-left:38px; padding-right:0px;}
	.ana_sayfa{ padding-left:0px; padding-right:0px;}
.col1 {
	width:32%;
}
.hakkimizda_col1 {
	width:54%;
	max-width:539px;
}
.hakkimizda_col2 {
	width:45%;
	max-width:443px;
}
.satir_yol .col_satir {
	padding:10px 0;
}
.satir_yol .haber_satir {
	padding:10px 0;
}
.footer_ustu_col {
	width:25%;
	max-width:250px;
}
.galeri_resim_1 {
	height:334px;
}
.galeri_resim_1 img {
	position:absolute;
	left:18px;
	bottom:18px;
}
.galeri_resim_2 {
	height:334px;
}
.galeri_resim_2 img {
	position:absolute;
	right:18px;
	bottom:18px;
}
.galeri_col {
	width:49%;
	max-width:445px;
}
.galeri_baslik {
	margin-top:0px;
	padding-left:18px;
}
.hizmet_col {
	width:49%;
}
.kirmizi_serit {
	left:21px;
	width:61px;
}
.siyah_serit {
	right:346px;
	width:61px;
}

.hizmet_kategori {
	padding:20px 20px 20px 82px;
}
.hizmet_bg {
	background:url(../_img/hizmet_bg.png) no-repeat center top;
}
.kirmizi_serit_ic {
	left:21px;
	width:61px;
}
.kirmizi_serit_ic_border {
  width: 0; 
  height: 0; 
  border-right: 61px solid transparent;
  border-top: 22px solid #e40f13;
  position:absolute;
  left:21px;
  top:316px
}
.kategori_icerik {
	margin-left:15px;
	width:68.5%;;
}
.hizmet_resim_ic {
	margin-bottom:144px;
}
.haberler_buton {
	position:absolute;
	bottom:20px; right:0;
}
.haberler_icerik p{
	margin-bottom:50px;
}
.haberler_resim img {
	margin-right:18px;
}
.haber_detay_resim {
	float:left;
}
.index_buton_dis {
	float:right;
}
.iletisim_icerik {
	width:40%;
	max-width:389px;
}
.iletisim_resim_col {
	width:58%;
}
.harita_goster {
	position:absolute;
	bottom:0;
	right:0;
}
.index_hakkimizda_buton {
    right: 10px;
    bottom: -5px;
}
.referans_icerik {
	max-width:381px;
}
/* Backward */
.hvr-backward1 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward1:hover, .hvr-backward1:focus, .hvr-backward1:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* Forward */
.hvr-backward2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward2:hover, .hvr-backward2:focus, .hvr-backward2:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) 
{
	
}
    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) 
{

	
	
}

#footer {  display: -webkit-flex; /* Safari */ -webkit-flex-flow: row  wrap; /* Safari 6.1+ */  display: flex; flex-flow: row wrap; width:100%;  min-width:300px; max-width:1001px;  margin:0 auto; margin-top:13px; }


/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens 
    @media only screen and (max-width : 1200px) {
	
	
	.pad1 { padding:0 10px 0 10px; }
 

    }*/

    /* Medium Devices, Desktops */
@media only screen and (max-width : 1001px) 
{
}
    
@media only screen and (max-width : 992px) 
{
	#slayt{ width:100%;}
	#desktop_menu { display: none; }
	.mobil_menu { display:block; } 
    #sosyal_medya{ display:block; padding-top:13px;}
	#foot{ height:290px;}
	.anasayfa{ padding-left:38px; padding-right:0px;}
	.ana_sayfa{ padding-left:0px; padding-right:0px;}
.col1 {
	width:100%;
	margin:0 auto;
}
.hakkimizda_col1 {
	width:100%;
	text-align:center;
	margin-bottom:40px;
}
.hakkimizda_col2 {
	width:100%;
	max-width:443px;
	margin:0 auto;
}
.col_satir {
	padding:10px 10px;
}
.haber_satir {
	padding:10px 10px;
	 /* Safari */ -webkit-flex-flow: row  wrap; /* Safari 6.1+ */  flex-flow: row wrap;
}
.haber_satir .haberler_resim {
	margin:0 auto;
	margin-bottom:20px;
}
.haberler_icerik {
	text-align:center;
}
.footer_ustu_col {
	width:100%;
	margin-bottom:5px;
}
.footer_ustu_col:last-child {
	margin-bottom:0px;
}
.galeri_col {
	width:100%;
}
.galeri_col * {
	margin:0 auto;
	text-align:center;
}
.galeri_baslik {
	margin:0 auto;
	text-align:center;
}
.hizmet_col {
	width:100%;
	margin:0 auto;
}
.kirmizi_serit {
	left:5%;
	width:30px;
}
.siyah_serit {
	right:5%;
	width:30px;
}
.hizmet_bg {
	max-width:432px !important;
	margin:0 auto !important;
}
.hizmet_ok {
	display:none;
}
.hizmet_kategori {
	padding:20px 45px 20px 45px;
	text-align:center;
}
.hizmet_kategori>div {
	margin:0 auto;
}
.kategori_icerik {
	width:98%;
	margin:0 auto;
	text-align:center;
}
.hizmet_resim_ic {
	margin-bottom:44px;
}
.haberler_buton {
	margin:0 auto;
}

.haberler_icerik p{
	margin-bottom:20px;
}
.index_buton_dis {
	margin:0 auto;
}
.iletisim_icerik {
	width:100%;
	text-align:center;
}
.iletisim_resim_col {
	margin:0 auto;
	width:90%;
	margin-bottom:20px;
}
.iletisim_icerik_satir {
	/* Safari */ -webkit-flex-flow: row  wrap; /* Safari 6.1+ */  flex-flow: row wrap;
}
.iletisim_icerik_satir p {
	width:100%;
}
.iletisim_icerik_satir>div {
	margin:0 auto;
}
.harita_goster {
	margin:0 auto;
}
.index_hakkimizda_buton {
    right: 10px;
    bottom: -15px;
}
.ozel_tasarim_head a {
	display:block;
	text-align:center;
}
.ozel_tasarim_icerik {
	text-align:center !important;
}
.referans_icerik {
	width:90%;
	margin:20px auto; 
}
.referans_satir img {
	margin:0 auto;
}
/* Float */
.hvr-backward1, .hvr-backward2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-backward1:hover, .hvr-backward1:focus, .hvr-backward1:active, .hvr-backward2:hover, .hvr-backward2:focus, .hvr-backward2:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) 
{
	 .sp-layer {
		 display:none;
	 }
	 .ust_iletisim>* {
		 display:none;
	 }
	 .index_hizmet_img {
	width:100%; max-width:250px; margin:20px auto 0;
}

.index_hakkinda_satir {
	width:100%; max-width:720px; margin:0 auto 40px;; text-align:center;
}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) 
{

}



/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) 
{
	
}


body {overflow-x:hidden;}
*,*:before,*:after {box-sizing:border-box;}
body a{ text-decoration:none; color:inherit;}
#slayt{ width:100%; max-width:1574px;}
#irtibat{ background:#000000; width:100%; max-width:2200px; height:48px; min-width:300px;}
.irtibat{color:#a8afb9; font-family: 'neosanspro_regular'; font-size:14px; text-align:center;}
.ozel_tasarim{ background:#e91015; font-family:'neosanspro_regular'; color:#FFF; font-size:16px; text-align:center; width:149px; height:30px;}

.urunlerimiz_yazi font{ font-weight:bold; font-size:29px; color:#e91015; font-family:"glametrixregular"; border-left:solid #000000 6px; }
.urunler_baslik{ font-family: 'neo_sans_trmedium';font-size:20px; color:#ff4900; margin-bottom:10px; text-align:left;}
.urunler_icerik{font-family: "NeoSansStd_TR";font-size:13px; color:#60646d; text-align:left;}
.tumunu_gor_yazi{ font-weight:bold; font-size:21px;font-family:"glametrixregular"; color:#b9b9b9;}
.urun_turu{font-weight:bold; font-size:25px;font-family:"glametrixregular"; color:#000000;margin-top:20px; }
.urunler_buton{ background:#ff4900; font-weight:bold; font-size:25px;font-family:"glametrixregular"; color:#FFF; max-width:122px; max-height:34px; margin-top:22px; margin-bottom:2px; text-align:center; }
.urun_buton{ background:#000000; font-weight:bold; font-size:25px;font-family:"glametrixregular"; color:#FFF; max-width:122px;  margin-top:22px; margin-bottom:2px; text-align:center; }
.devamini_gor{ background:#ff4900; font-weight:bold; font-size:11px;font-family: 'neosanspro_regular'; color:#FFF; width:88px; height:23px; margin-top:22px; margin-bottom:2px; text-align:center; padding-top:6px; }
.devamini_gor:hover{ cursor:pointer;transition: all ease 0.8s; color:#000000; background:#f9bba2;  } 
.urun_buton:hover{ cursor:pointer;transition: all ease 0.8s; color:#ffffff; background:#ed1117;  } 
.urunler_buton:hover{ cursor:pointer;transition: all ease 0.8s; color:#000000; background:#f9bba2;  } 
.cizgi{ color:#ffc5a4;}
.ozel_tasarim_head{font-weight:bold; font-size:25px;font-family:"glametrixregular"; color:#000000; margin-bottom:21px; text-align:left;}
.ozel_tasarim_icerik{ color:#424242; font-size:22px;font-family:"glametrixregular"; text-align:left;}

#desktop_menu a{ font-family: 'neosanspro_regular'; color:#000000; font-size:16px; text-decoration:none; }
#desktop_menu a:hover{ transition: all ease 0.8s; color:#ed1117;}
#footer { margin-top:66px; background:#dde0e7; height:290px; width:100%; }
#foot { margin-top:66px; background:#dde0e7;  width:100%; }
#footer2 { background:#000000; height:59px; width:100%; font-size:13px; font-family: 'ubunturegular'; color:#ffffff; padding-top:9px;}
#footer .footer_icerik{ font-family: 'PT Sans', sans-serif; font-size:17px; margin-top:1px; color:#727272;}
#geri_don{ color:#ffffff; font-size:13px; font-family: 'neosanspro_regular';}

.anasayfa { font-size:12px; font-family: 'ubunturegular'; color:#7b7b7b; padding-top:18px;}
.ana_sayfa{ font-size:12px; font-family: 'ubunturegular'; color:#7b7b7b; padding-top:18px; margin-bottom:22px;}
.ust_iletisim {
	display: -webkit-flex;  display: flex; 
}
.ust_iletisim>* {
	align-self:center;
	margin-right:8px;
}
.ust_ara_cizgi {
	width:1px;
	height:30px;
	background:#ff1217;
	margin:0px 8px 0px 0px;
}
.index_galeri_resim {
	border:#eaeded 4px solid;
}
.col_satir {
	position:relative;display:-webkit-flex; /* Safari */ -webkit-flex-flow: row  wrap; /* Safari 6.1+ */  display: flex; flex-flow: row wrap; width:100%; max-width:1010px; margin:0 auto;justify-content: space-between;
}
.haber_satir {
	position:relative;display:-webkit-flex;  display: flex; width:100%; max-width:1010px; margin:0 auto;justify-content: space-between; padding-bottom:20px; border-bottom:#979797 2px dashed; margin-bottom:30px;
}
.col1 {
	max-width:324px;
	background:url(../_img/bg_1.jpg) repeat;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom:10px;
}

iletisim_icerik>div *{
	width:100%;
}
.antet {
	width:100%;
	height:226px;
	display:-webkit-flex; /* Safari */ -webkit-flex-flow: row  wrap; /* Safari 6.1+ */  display: flex; flex-flow: row wrap;
	justify-content: center;
	background:url(../_img/antet_hakkimizda.jpg) center top no-repeat;
	background-size:cover;
	align-content:center;
}
.antet * {
	width:100%;
	align-self:center;
	text-align:center;
}
.satir_yol {
	width:100%;
	background:#e2e2e2;
}
.satir_yol .col_satir {
	margin-bottom:30px;
}
.hakkimizda_col2 img {
	border:#d9d8d8 1px solid;
}
.hakkimizda_link {
	border:#000000 1px solid;
	padding:5px 10px;
}
.footer_ustu {
	width:100%;
	min-height:169px;
	background:url(../_img/footer_ustu_bg.jpg) center top no-repeat;
	margin-top:30px;
}
.tek_col {
	width:100%;
	text-align:center;
} 
.footer_ustu .tek_col {
	margin:22px auto;
	max-width:565px;
}
.hakkimizda_link2 {
	padding:0 7px;
	border:#ffffff 1px solid;
	background:#000000;
}
.footer_ustu_col {
	text-align:center;
	padding:20px 10px;
}
.galeri_col {
	position:relative;
	margin-top:18px;
}
.galeri_resim_1 {
	background:#e2e2e2;
	position:relative;
	width:100%;
	max-width:445px;
}
.galeri_resim_1 img {
	border:#b5b5b5 4px solid;
}
.galeri_resim_2 {
	background:#e2e2e2;
	position:relative;
	width:100%;
	max-width:445px;
}
.galeri_resim_2 img {
	border:#b5b5b5 4px solid;
}
.galeri_kateori {
	background:#8d8d8d;
	width:100%;
	padding:10px 20px;
	margin-top:6px;
	margin-bottom:38px;
	max-width:445px;
}
.galeri_baslik {
	margin-top:0px;
}
.hizmet_col {
	max-width:432px;
}
.hizmet_resim {
	border:#ffffff 2px solid;
	
}
.hizmet_ok {
	margin-top:10px;
	margin-right:10px;
}
.hizmet_kategori {
	display:-webkit-flex; display: flex;
}
.kirmizi_serit {
	height:101%;
	background:#e40f13;
	position:absolute;
	top:15px;
	z-index:-2;
}
.kirmizi_serit_ic {
	background:#e40f13;
	position:absolute;
	top:15px;
	z-index:-2;
	height:331px;
}
.siyah_serit {
	height:101%;
	background:#000000;
	position:absolute;
	top:15px;
	z-index:-2;
}
.hizmet_ic_baslik {
	margin-top:0;
	margin-bottom:15px;
}
.haberler_resim img {
	border:#141414 2px solid;
}
.haberler_buton {
	background:url(../_img/f_a_haberler_06.jpg) no-repeat center center;
	padding: 4px 11px;
}
.iletisim-top-kirmizi {
	width:24%;
	height:8px;
	float:right;
	clear:both;
	background:#e40f13;
}
.iletisim_resim_col {
	position:relative;
	max-width:584px;
}
.resim_ustu_logo {
	width:50%;
	max-width:213px;
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);
}
.iletisim_icerik {
	display:-webkit-flex; /* Safari */ -webkit-flex-flow: row  wrap; /* Safari 6.1+ */  display: flex; flex-flow: row wrap;
	align-content:flex-start;
	position:relative;
}
.iletisim_icerik>* {
	width:100%;
	align-self:flex-start;
}
.iletisim_icerik_satir {
	display:inherit;
	margin-bottom:20px;
}
.iletisim_icerik_satir img {
	margin-right:10px;
}
.form_col {
	width:100%;
}
.index_buton_dis {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	margin:0 auto;
	padding:2px;
	width:146px;
	border:2px solid #e40f13;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.index_buton {
	background-color:#135ca4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:100%;
	display: block;
	text-align:center;
}
.harita_goster {
	margin-top:20px;
	align-self: flex-end;
	max-width:372px;
	cursor:pointer;
}
.iletisim_harita {
	max-height:0px;
	overflow:hidden;
	padding:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.iletisim_harita.open {
	max-height:300px;
	margin-bottom:20px;
}
.referans_satir {
	border-bottom:#141414 4px solid;
}
.index_hakkinda_satir {
	padding-top:45px;
	position:relative;
}
.index_hakkimizda_buton {
	position: absolute;
}
.index_iletisim_baslik {
	background:url(../_img/baslik_bg.png) center top no-repeat;
	padding-left:18px;
}
.index_iletisim_icerik {
	display:-webkit-flex; display: flex;
	justify-content: space-between;
	padding:25px 20px;
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Circle */
.hover15 {
	position: relative;
	overflow:hidden;
}
.hover15::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}