@import "animate.css";
@import "font-awesome.min.css";
@import "fonts.css";
/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css); */
/*@import url(//fonts.googleapis.com/css?family=Tinos:400);
@import url(//fonts.googleapis.com/css?family=Tinos:400italic); */
/*========================================================
                    Main layout styles
=========================================================*/
body {font-family:'Roboto Condensed', sans-serif; color: #000000;background: #3d4141;font-size: 17px;   font-weight: 300;  line-height: 1.71429;}
a[href^="tel:"] {color: inherit; text-decoration: none;}
a {  text-decoration: none;  color: inherit;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease; outline:none;}
a:hover {  color: #f85252;}
img {  max-width: 100%;}
* {
  -webkit-text-size-adjust: none;
}

.zoom-in {cursor: url(../images/zoom.png), auto;}
.zoom-inx {cursor: zoom-in;}
.leistungen {
  list-style-image: url('../images/caretr1.png');
}

.fotog {    display: block;    color:#94989b;	font-weight:400;	font-size:20px;	font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.3;	height:50px;    padding: .6em 1.4em .5em .8em;    width: 100%;    max-width: 100%; 
    box-sizing: border-box;    margin: 0;    border: 1px solid #aaa;    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;    -moz-appearance: none;    -webkit-appearance: none;    appearance: none;    background-color: #fff;
	background-image: url(../images/dropdown.png);
	background-repeat: no-repeat;    background-position: right .7em top 50%;
	margin-bottom:40px;
   
}

.fotog::-ms-expand {    display: none;}
.fotog:hover {    border-color: #888;}
.fotog:focus {    border-color: #aaa;    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;    color: #222;     outline: none;}
.fotog option {    font-weight:300;font-size:16px;}



.klstyle{width:270px;height:270px;background-position:center center;background-repeat: no-repeat;}
.klbs{background-size:270px auto;}
.klbs1{background-size:auto 270px;}
.klbs, .klbs1{-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.klbs:hover{background-size:350px auto;}
.klbs1:hover{background-size:auto 350px;}
.foto1q1{
	float:left;margin:0 30px 30px 0;width:250px;height:250px; background-repeat: no-repeat;
  background-attachment: fixed;  background-position: center top; background-size: 250px auto; 
}
.foto1q{
	float:left;margin:0 30px 30px 0;width:350px;height:250px; background-repeat: no-repeat;
  background-attachment: fixed;  background-position: center center; background-size: cover; 
}
@media (max-width: 500px) {

.foto1q1{margin:0 0  30px 0;  }
.fotog {   	font-size:16px; 	margin-bottom:20px;}
}


.ueber1 {margin-bottom:30px;max-width:330px;height:250px;background-position:center -20px; background-repeat: no-repeat; background-image:url(https://zerfall2013.com/galerie/m1.jpg);}
.ueber2{max-width:330px;height:250px;background-position:center -60px; background-repeat: no-repeat;background-image:url(https://zerfall2013.com/galerie/portrait.jpg);}

.ueber3 {margin-bottom:30px;max-width:330px;height:250px;background-size:cover;background-position:center -50px; background-repeat: no-repeat; background-image:url(https://zerfall2013.com/galerie/pm_discover.jpg);}
.ueber4{max-width:330px;height:250px;background-size:cover;background-position:center center; background-repeat: no-repeat;background-image:url(https://zerfall2013.com/galerie/pm_joiserren.jpg);}

@media (max-width: 767px) {
	.ueber4{display:none;}
}
.box1 {  display: table; }
.box1 .tr {  display: table-row;  padding-bottom:20px;}
.box1 .td {  display: table-cell;  vertical-align: top;  padding-right:20px;}
div.table {    display: table;    width: width:100%;  }
div.spalte {     display: table-cell;    border: thin solid red;    padding: 5px;  }
/* ======= Headers ======= */
h2 { font: 400 62px/50px 'Amatic SC', cursive;color: #161213;}
@media (max-width: 767px) {
  h2 {    font-size: 40px;    line-height: 40px;} /*font-size: 40px;    line-height: 40px; */
}
.header1 {  margin-bottom: 36px;}
.header2 {  margin-bottom: 42px;}
h3 {  font: 400 22px/32px 'Amatic SC', cursive;  color: #161213;}
h4 {  font: 700 42px/50px 'Amatic SC', cursive;  color: #ffffff;  text-transform: uppercase;}
@media (max-width: 767px) {
  h4 {    font-size: 30px;    line-height: 32px;  }
}
h5 {  font: 300 18px/18px 'Roboto Condensed', sans-serif;  color: #666666;  text-transform: uppercase;  letter-spacing: 0.06em;}
h6 {  font: 400 52px/50px 'Amatic SC', cursive;  text-transform: uppercase;  color: #3d4141;  letter-spacing: 0.06em;}
@media (max-width: 767px) {
  h6 {    font-size: 32px;    line-height: 30px;  font-weight:700;}
  h5{font-size:16px;}
}
.h7 {  font: 700 34px/40px 'Amatic SC', cursive;   display: block;  color: #161213;}
.h8 {  font: 400 30px/30px 'Roboto Condensed', sans-serif;  text-transform: uppercase;  display: block;  color: #3d4141;}
/* ======= Buttons ======= */
.btn-default {  display: inline-block;  font: 400 16px/16px 'Roboto Condensed', sans-serif;  color: #f85252;  text-transform: uppercase;  letter-spacing: 0.12em;}
.btn-default:hover {  color: #3d4141;}
/* ======= Modifiers ======= */
.__display-none {  display: none;}
.__display-inline {  display: inline;}
.__hover-color {  color: #f85252;}
.__headers-color {  color: #3d4141;}
.__italic {  font-style: italic;}
.__upper {  text-transform: uppercase;}
.__normal {  font-weight: 400;}
.__relative {  position: relative;}
/* ======= Wrappers ======= */
.wrapper1 {  padding-bottom: 66px;}
.wrapper2 {  padding-bottom: 86px;}
.wrapper3 {  padding-bottom: 75px;}
.wrapper4 {  padding-bottom: 57px;}
.background-wrapper {  background: #ffffff;}
/*========================================================
                    HEADER styles
=========================================================*/
#header {  padding: 16px 0;  background: #ffffff;  border-bottom: 1px solid #ebebeb;  margin-bottom: 60px;}
@media (max-width: 767px) {
	#header {    text-align: center;  }
}
#header.main {  margin-bottom: 57px;}
/* ======= Logo ======= */
h1 {  font: 400 32px/40px 'Roboto Condensed', sans-serif;  text-transform: uppercase;  color: #3d4141;  letter-spacing: 0.06em;  float: left;}
.h1 {  font: 400 25px/30px 'Roboto Condensed', sans-serif;  text-transform: uppercase;  color: #3d4141;  letter-spacing: 0.06em;  float: left;}
@media (max-width: 767px) {
.h1{font:300 20px/25px 'Roboto Condensed', sans-serif;}
  h1 {    float: none;  }
}
h1 a:hover {  color: #3d4141;}
/* ======= Main menu variables ======= */
/* ======= Sub menus common variables ======= */
/* ======= First level sub menu variables ======= */
/* ======= Second level sub menu variables ======= */
nav {  margin-top: 17px;  float: right;}
/* Main menu styles
========================================================*/
.sf-menu {  letter-spacing: 0.12em;}
.sf-menu > li {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  float: left;  position: relative;  text-align: center;}
.sf-menu > li + li {  margin-left: 55px;}

.sf-menu > li > .sf-with-ul:after {  font-family: FontAwesome;  font-size: 10px;  position: absolute;  font-style: normal;
  font-weight: normal;  text-decoration: none;  cursor: default;  content: "\f0d7";  color: #3d4141;  bottom: -5px;  left: 50%;
  margin-left: -3px;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
.sf-menu > li > a {  text-transform: uppercase;  font: 400 16px/16px 'Roboto Condensed', sans-serif;  display: inline-block;  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;  color: #3d4141;}
.sf-menu > li > a:hover {  color: #f85252;  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;}
.sf-menu > li > a:active {  background: transparent;  color: #f85252;}
.sf-menu .sfHover > a:after {  color: #f85252;}
.sf-menu > li.current > a {  color: #f85252;}
.sf-menu > li.current > .sf-with-ul:after {  color: #f85252;}
.sf-menu > li.sfHover > a {  color: #f85252;}
.sf-menu a {  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;}
.sf-menu a:hover {  -webkit-transition: 0.3s all ease;  transition: 0.3s all ease;}


@media (max-width: 979px) {
  .sf-menu > li + li {    margin-left: 20px; font-size:14px; }
  .sf-menu > li > a {font: 400 14px/14px 'Roboto Condensed', sans-serif; }
}




/* First level sub-menu styles
========================================================*/
.sf-menu ul {  display: none;  min-width: 178px;  font: 400 16px/16px 'Roboto Condensed', sans-serif;  position: absolute;  top: 74px;
  left: 50%;  margin-left: -89px;  background: #f85252;  text-align: center;  padding: 33px 30px 37px;  z-index: 2;
  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.sf-menu ul:before {  content: '';  display: block;  position: absolute;  left: 50%;  margin-left: -6.5px;
  top: -7px;  width: 0;  height: 0;  border-style: solid;  border-width: 0 6.5px 7px 6.5px;  border-color: transparent transparent #f85252 transparent;}
.sf-menu ul li + li {  margin-top: 1px;}
.sf-menu ul li {  position: relative;  display: block;}
.sf-menu ul li > .sf-with-ul:after {  font-family: FontAwesome;  font-size: 10px;  position: absolute;  font-style: normal;  font-weight: normal;
  text-decoration: none;  cursor: default;  content: "\f0da";  color: #ffffff;  bottom: 6px;  right: 13px;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
.sf-menu ul li a {  padding: 7px 5px 6px;  min-width: 118px;  display: inline-block;  color: #ffffff;  text-transform: uppercase;
  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.sf-menu ul li a:hover {  color: #3d4141;  background: #ffffff;}
.sf-menu ul > .sfHover > a {  background: #ffffff;}
.sf-menu ul > .sfHover > a:after {  color: #3d4141;}
.sf-menu ul li.sfHover > a {  background: #ffffff;  color: #3d4141;}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {  background: #ffaaa5;  position: absolute;  top: -33px;  left: 148px;  margin-left: 0;  z-index: 4;  text-align: center;}
.sf-menu ul ul:before {  display: none;}
@media only screen and (max-width: 767px) {
  .sf-menuxxx {    display: none;  }

  
  nav {    width: 100%;    float: none;  }
  .select-menu {    border-radius: none;    display: block;    text-transform: capitalize;    float: none;    color: #f85252;
    width: 100%;    margin-top: 20px;    margin-bottom: 10px;    background: #ffffff;    font: 22px/28px 'Roboto Condensed', sans-serif;    text-align: left;
    border: 1px solid #c1c1c1;    padding: 2px 0;    position: relative;  }
  .select-menu option {    text-align: left;    position: relative;  }
}
/*Core variables and mixins*/
/* Stuck menu styles
========================================================*/
.isStuck {  z-index: 999;  position: fixed;  -webkit-box-shadow: 0 0 4px 0 #000000;  box-shadow: 0 0 4px 0 #000000;  background: #FFF;}
@media only screen and (max-width: 979px) {
  .isStuck {    display: none !important;  }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content {  background: #ffffff;}
/* ======= Banner 1 Applying ======= */
.banner1 {  margin-bottom: 109px;}
@media (max-width: 1199px) {
  .banner1 {    margin-top: 30px;    margin-bottom: 79px;  }
}
@media (max-width: 767px) {
  .banner1 {    margin-top: 0;    margin-bottom: 30px;  }
}
.banner1 .caption h6 {  margin-bottom: 16px;}
/* ======= Banner 2 Graphic design ======= */
.banner2 {  padding-top: 83px;}
@media (max-width: 979px) {
  .banner2 {    padding-top: 30px;  }
}
@media (max-width: 767px) {
  .banner2 {    padding-top: 0;    margin-bottom: 30px;  }
}
.banner2 .caption h6 {  margin-bottom: 9px;}
/* ======= Post 1 with Gallery  ======= */
.post1 {  margin-bottom: 30px;}
.post1.__inset1 {  margin-top: 8px;}
.post1 a {  display: block;  position: relative; background: #eeeeee; } /*background: #94989b;*/
.post1 a img {  margin-bottom: 0;}
@media (max-width: 979px) {
  .post1 a img {    width: 100%;  }
}
.post1 a:hover img {  opacity: 0.3;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
.post1 a:hover .gallery_icon {  opacity: 1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
.post1 a img {  opacity: 1;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
.post1 a .gallery_icon {  opacity: 0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 30px;  height: 18px;  background: url(../images/hover-icon.png) no-repeat center;  position: absolute;
  left: 50%;  top: 50%;  margin-left: -15px;  margin-top: -9px;}
/* ======= Post 2 hello! ======= */
.post2 {  margin-bottom: 45px;}
/* ======= Post 3 What we do ======= */
.post3 {  margin-top: 19px;  margin-bottom: 32px;}
.post3 p {  position: relative;  padding-left: 120px;}
@media (max-width: 979px) {
  .post3 p {    padding-left: 70px;  }
}
.post3 p.first a:before {  content: '\f0c5';}
.post3 p.second a:before {  content: '\f0b1';}
.post3 p.third a:before {  content: '\f0f4';  margin-top: -18px;
}
.post3 p.fourth a:before {  content: '\f109';  margin-top: -18px;}
.post3 p a {  position: relative;}
.post3 p a:before {  font-family: FontAwesome;  font-size: 50px;  position: absolute;  font-style: normal;  font-weight: normal;
  text-decoration: none;  cursor: default;  line-height: 50px;  color: #f85252;  left: -120px;  top: 50%;
  margin-top: -17px;  -webkit-transition: color 0.3s ease;  transition: color 0.3s ease;  cursor: pointer;}
@media (max-width: 979px) {
  .post3 p a:before {    left: -70px;  }
}
.post3 p a:hover:before {  color: #3d4141;}
/* ======= Post 4 Latest news ======= */
.post4 {  margin-top: 13px;  margin-bottom: 30px;}
@media (max-width: 767px) {
  .post4 {    margin-bottom: 50px;  }
}
.post4 img {  margin-bottom: 21px;}
.post4 time {  display: block;  font: italic 400 11px/24px 'Roboto Condensed', sans-serif;  color: #f85252;  margin-bottom: 9px;}
.post4 h3 {  margin-bottom: 12px;}
.post4.__inset1 {  margin-top: 42px;  margin-bottom: 49px;}
.post4.__inset1 img {  margin-bottom: 31px;}
.post4.__inset1 h3 {  margin-bottom: 15px;}
/* ======= banner 3 Our vision ======= */
.banner3 {  margin-top: 28px;  margin-bottom: 32px;}
.banner3 .caption h6 {  font: 400 36px/40px 'Roboto Condensed', sans-serif;  color: #3d4141;  text-transform: uppercase;}
@media (max-width: 767px) {
  .banner3 .caption h6 {    font-size: 25px;    line-height: 29px;  }
}
/* ======= Post 6 Our vision ======= */
.post6 {  margin-bottom: 23px;}
.post6 p {  position: relative;  padding-left: 120px;  padding-right: 60px;  margin-bottom: 24px;}
@media (max-width: 979px) {
  .post6 p {    padding-left: 90px;  }
}
.post6 p.first a:before {  content: '\f0e6';}
.post6 p.second a:before {  content: '\f132';}
.post6 p a {  position: relative;}
.post6 p a:before {  font-family: FontAwesome;  font-size: 72px;  position: absolute;  font-style: normal;  font-weight: normal;
  text-decoration: none;  cursor: default;  line-height: 50px;  color: #f85252;  left: -120px;  top: 50%;
  margin-top: -17px;  -webkit-transition: color 0.3s ease;  transition: color 0.3s ease;  cursor: pointer;}
@media (max-width: 979px) {
  .post6 p a:before {    left: -90px;  }
}
.post6 p a:hover:before {  color: #3d4141;}
/* ======= Post 7 Our team ======= */
.post7 {  margin-top: 6px;  margin-bottom: 32px;}
.post7 img {  margin-bottom: 31px;}
.post7 .h7 {  margin-bottom: 15px;}
@media (max-width: 767px) {
  .post7 {    margin-bottom: 60px;  }
}
@media (max-width: 479px) {
  .post7 img {    width: 100%;  }
}
/* ======= Post 8 Blog ======= */
.post8 {  position: relative;  padding-left: 100px;  margin-bottom: 46px;}
@media (max-width: 979px) {
  .post8 {    padding-left: 60px;  }
}
@media (max-width: 479px) {
  .post8 {    padding-left: 70px;  }
}
.post8 img {  margin-bottom: 34px;}
.post8 .h8 {  margin-bottom: 17px;}
.post8 a.btn-default {  margin-top: 28px;}
.post8 .info {  display: block;  position: absolute;  left: 0;  top: 0;  width: 100px;}
@media (max-width: 979px) {
  .post8 .info {    width: 60px;  }
}
@media (max-width: 767px) {
  .post8 .info {    width: 56px;  }
}
.post8 .info time,.post8 .info .likes,.post8 .info .comments {  display: block;  text-align: left;  font: 400 18px/24px 'Roboto Condensed', sans-serif;  text-transform: uppercase;}
@media (max-width: 979px) {
  .post8 .info time,  .post8 .info .likes,  .post8 .info .comments {    font: 400 12px/14px 'Roboto Condensed', sans-serif;  }
}
.post8 .info a {  background: #f85e5e;  color: #ffffff;  display: block;  padding: 18px 0 16px 19px;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  box-sizing: border-box;  border-bottom: 1px solid #ffffff;}
@media (max-width: 979px) {
  .post8 .info a {    padding: 5px 5px 5px 10px;  }
}
.post8 .info a:hover {  background: #3d4141;  color: #ffffff;}
.post8 .info time span {  display: block;}
.post8 .info time .day {  font-size: 62px;  line-height: 54px;}
@media (max-width: 979px) {
  .post8 .info time .day {    font-size: 30px;    line-height: 30px;  }
}
.post8 .info .likes a,.post8 .info .comments a {  padding-top: 30px;  padding-bottom: 21px;}
@media (max-width: 979px) {
  .post8 .info .likes a,  .post8 .info .comments a {    padding-top: 10px;    padding-bottom: 10px;  }
}
.post8 .info .likes i,.post8 .info .comments i {  margin-top: -3px;  display: inline-block;  margin-right: 5px;  font-size: 36px;  line-height: 24px;}
@media (max-width: 979px) {
  .post8 .info .likes i,  .post8 .info .comments i {    font-size: 20px;    line-height: 20px;  }
}
/* ======= Google Map  ======= */
.google-map_contacts {  margin-bottom: 24px;}
.google-map_contacts iframe {  width: 100%;  height: 450px;}
@media (max-width: 767px) {
  .google-map_contacts iframe {    height: 200px;  }
}
/* ======= Address  ======= */
address {  color: #94989b;  display: inline-block;  margin-right: 73px;  margin-top: 55px;  margin-bottom: 113px;  line-height: 24px;
  font-size: 14px;  padding-left: 40px;  position: relative;}
@media (max-width: 767px) {
  address {    display: block;    margin-top: 20px;    margin-bottom: 40px;  }
}
address:before {  font-family: FontAwesome;  font-size: 30px;  position: absolute;  font-style: normal;  font-weight: normal;
  text-decoration: none;  cursor: default;  color: #f85252;  left: 0;  top: 6px;}
address.home:before {  content: '\f015';}
address.phone:before {  content: '\f095';  top: 8px;  left: -2px;}
address.mail:before {  content: '\f0e0';  top: 7px;}
/* ======= Simple link style ======= */
.simple-link {  color: #f85252;}
.simple-link:hover {  color: #3d4141;}
/* ======= Post 10 privacy Policy ======= */
.post9 {  margin-top: -6px;  margin-bottom: 30px;}
.post9 .simple-link {  margin-top: 39px;  margin-bottom: 2px;  display: inline-block;}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer {  padding: 67px 0;  background: #3d4141;color:#ffffff;}
#footer h1 {  color: #ffffff;  float: none;}
@media (max-width: 979px) {
  #footer h1 {    font-size: 30px;    line-height: 32px;  }
}
#footer h1 a:hover {  color: #ffffff;}
#footer .privacy-block {  font: 400 10px/20px 'Roboto Condensed', sans-serif;  color: #ffffff;  text-transform: uppercase;  margin-top: 48px;  margin-bottom: 28px;}
#footer .privacy-block1 {  font: 400 16px/26px 'Roboto Condensed', sans-serif;  color: #ffffff;  text-transform: uppercase;  margin-top: 28px;  margin-bottom: 28px;}
#footer h4 {  margin-bottom: 38px;}
@media (max-width: 767px) {
  #footer h4 {    margin-top: 30px;  }
}
#footer p {  font: 400 14px/20px 'Roboto Condensed', sans-serif;  color: #818686;  padding-right: 83px;}
/* ======= Socials list 1 ======= */
.socials1 li {  display: inline-block;  margin-right: 7px;  margin-bottom: 10px;}
.socials1 li a {  display: block;  width: 42px;  height: 42px;  border-radius: 100px;  background: #f85252;  text-align: center;}
.socials1 li a i {  display: inline-block;  overflow: hidden;  font-size: 19px;  line-height: 43px;  color: #3d4141;
  -webkit-transition: background 0.3s ease;  transition: background 0.3s ease;}
.socials1 li a i.fa-google-plus {  margin-left: 3px;}
.socials1 li a:hover {  background: #ffffff;}
/* ======= Post 5 Archive ======= */
.post5 {  margin-top: 50px;  margin-bottom: -50px;}
.post5 img {  margin-right: 1px;  margin-bottom: 4px;}
@media (max-width: 1199px) {
  .post5 img {    width: 69px;  }
}
@media (max-width: 979px) {
  .post5 img {    width: 53px;  }
}
@media (max-width: 767px) {
  .post5 img {    width: 86px;  }
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {  display: none;  text-decoration: none;  position: fixed;  bottom: 80px;  right: 30px;  overflow: hidden;
  border: 2px solid #a2aeab;  color: #a2aeab;  background: transparent;  border-radius: 200px;  width: 40px;  text-align: center;
  height: 40px;  font-size: 19px;  line-height: 40px;  z-index: 20;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
#toTop:hover {  outline: none;  border-color: #f85252;  color: #f85252;}
@media only screen and (max-width: 1199px) {
  #toTop {    display: none !important;  }
}

.news_txt {  position: relative;  display: block;  color: #ffffff;  font-size: 20px;  overflow: hidden; font-weight:400; background:#ffffff;}
  .news_txtxxx {  position: relative;  display: block;  color: red;  font-size: 20px;  overflow: hidden; font-weight:400; background:#ffffff;
  -moz-transition: all 0.35s ease-in-out;  -o-transition: all 0.35s ease-in-out;  -webkit-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out;  box-sizing: border-box;}
.news_txt img {  width: 100%;}
.news_txt_mask1,.news_txt_mask2 {  content: '';  position: absolute;  background: none;  background: rgba(255, 255, 255, 0.3);  height: 100%;  width: 100%;
  -moz-transition: 0.35s all ease;  -o-transition: 0.35s all ease;  -webkit-transition: 0.35s all ease;  transition: 0.35s all ease;  opacity: 0;}


  .news_txt_mask1 {  left: auto;  right: 0;  top: 0;
  -moz-transform: rotate(56.5deg) translateX(-180px);  -ms-transform: rotate(56.5deg) translateX(-180px);  -o-transform: rotate(56.5deg) translateX(-180px);  -webkit-transform: rotate(56.5deg) translateX(-180px);
  transform: rotate(56.5deg) translateX(-180px);  -moz-transform-origin: 100% 0%;  -ms-transform-origin: 100% 0%;  -o-transform-origin: 100% 0%;  -webkit-transform-origin: 100% 0%;  transform-origin: 100% 0%;}

  .news_txt_mask2 {  top: auto;  bottom: 0;  left: 0;  -moz-transform: rotate(56.5deg) translateX(180px);  -ms-transform: rotate(56.5deg) translateX(180px);  -o-transform: rotate(56.5deg) translateX(180px);
  -webkit-transform: rotate(56.5deg) translateX(180px);  transform: rotate(56.5deg) translateX(180px);  -moz-transform-origin: 0% 100%;  -ms-transform-origin: 0% 100%;  -o-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;  transform-origin: 0% 100%;}



  .news_txt_caption{  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0;  -moz-transform: scale(4);  -ms-transform: scale(4);  -o-transform: scale(4);  -webkit-transform: scale(4);  transform: scale(4);
  -moz-transition: 0.6s all ease;  -o-transition: 0.6s all ease;  -webkit-transition: 0.6s all ease;  transition: 0.6s all ease;  opacity:  0; background:#F85252;}
  
  
  .news_txt_caption p {  padding: 30px;  margin-top: 30px; }

  .news_txt:hover .news_txt_mask1 {  top: 100%;  -moz-transform: rotate(90deg) translateX(0);  -ms-transform: rotate(90deg) translateX(0);  -o-transform: rotate(90deg) translateX(0);
  -webkit-transform: rotate(90deg) translateX(0);  transform: rotate(90deg) translateX(0);}

  .news_txt:hover .news_txt_mask2 {  bottom: 100%;  -moz-transform: rotate(90deg) translateX(0);  -ms-transform: rotate(90deg) translateX(0);
  -o-transform: rotate(90deg) translateX(0);  -webkit-transform: rotate(90deg) translateX(0);  transform: rotate(90deg) translateX(0);}

.news_txt:hover .news_txt_caption {  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  -webkit-transform: scale(1);  transform: scale(1);}

.news_txt:hover .news_txt_mask1,.news_txt:hover .news_txt_mask2,.news_txt:hover .news_txt_caption {  opacity: 1;}
.hobox1 {  display: table;  width: 100%;  height: 100%;}
.hobox1_wr {  display: table-row;  width: 100%;  height: 100%;}
.hobox1_cnt {  display: table-cell;  vertical-align: middle;  text-align:center; width: 100%;  height: 100%;color:#ffffff;font-size:24px;}
.hobox1 span {font-size:16px;}