@charset "UTF-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.unittab {
    width: 100%;
    float: left;
    position: relative;
    padding: 20px 70px;
    text-align: center;
    background-color: #f5f5f5;
}
.galeriresim {
    width: 18%;
    display: inline-block;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    height: 25vh;
}
a.canhover {
    color: #000;
    text-decoration: none;
    display: inline-block;
    transition: all 500ms;
}
a.canhover:hover {
    color: #ee3d40;
}
.allinfo {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    padding: 0px 110px;
    margin-bottom: 10px;
}
.moreread {
    display: block;
    float: left;
    width: 100%;
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #000;
    padding: 10px 0px;
    text-align: center;
    margin-top: 30px;
}
.hidetext {
    margin-top: 20px;
    display: none;
    width: 100%;
    float: left;
}
.moretitlecontentlittle i {
    transition: all 500ms;
    color: #000;
    font-size: 8px;
    margin-right: 20px;
}
.moretitlecontentlittle i.rotated {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer {
    display: block;
    float: left;
    width: 100%;
}
.hidenowthis {
    display: none;
    padding: 10px 10px;
    float: left;
}
.proup a {
	position: relative;
}
.overlayout {
	width: 30%;
	opacity: 0;
	transition: all 1000ms;
	padding: 0px 50px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.mercek {
	display: block;
	float: left;
	width: 100%;
	height: auto;
}
.proup a:hover .overlayout {
	opacity: 1;
}
.moretitlecontent {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 5px;
    font-style: italic;
    text-align: center;
    font-size: 45px;
}
.qualityhalf iframe {
	display: inline-block;
	width: 20%;
	box-sizing: border-box;
	height: 200px;
	margin: 5px;
}
.productionimg {
    width: 50% !important;
    display: inline-block !important;
    vertical-align: middle;
}
.subtitleborderbottom {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 16px;
    color: #000000;
    margin-bottom: 20px;
    padding-bottom: 30px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #000;
}
.normaltext {
    color: #000000;
    font-size: 13px;
    text-align: justify;
    line-height: 20px;
}
.bigsofttitle, .bigboldttitle, .normaltext {
    float: left;
    display: block;
    width: 100%;
}
.moretitlecontentlittle {
    width: 100%;
    float: left;
    display: block;
    margin: 0.5px 0px;
    text-align: left;
    font-size: 13px;
    padding: 10px;
    color: #000000;
    border-radius: 5px;
    transition: all 500ms;
    text-decoration: none;
    background-color: #ededed;
}
.moretitlecontentlittle:hover {
    width: 100%;
    float: left;
    display: block;
    margin: 0.5px 0px;
    text-align: left;
    font-size: 13px;
    padding: 10px;
    color: #f5f5f5;
    background-color: #838383;
    border-radius: 5px;
    transition: all 500ms;
}
.moretitlecontentlittle.activated {
    width: 100%;
    float: left;
    display: block;
    margin: 0.5px 0px;
    text-align: left;
    font-size: 13px;
    padding: 10px;
    color: #000000;
    text-decoration: none;
    background-color: #d3d3d3;
    border-radius: 5px;
}
.studio {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}

.proup {
    display: table;
    width: 100%;
}
.paddingpro {
    padding: 50px;
}
.prohalf {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.moreinfos {
	display: block;
	float: left;
	width: 100%;
	border: 1px solid #000;
	padding: 10px 20px;
	text-align: center;
	color: #000;
	text-decoration: none;
	transition: all 500ms;
	margin-top: 20px;
	font-size: 12px;
}
.moreinfos:hover {
	background-color: #000;
	color: #fff;
}
.anim-text-flow,
.anim-text-flow-hover:hover {

}
.anim-text-flow span,
.anim-text-flow-hover:hover span {
  -webkit-animation-name: anim-text-flow-keys;
          animation-name: anim-text-flow-keys;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anim-text-flow-keys {
 0% {
    color: #FFA35C;
  }
  5% {
    color: #ffffff;
  }
  10% {
    color: #FF8629;
  }
  15% {
    color: #486cbd;
  }
  20% {
    color: #FF750B;
  }
  25% {
    color: #486cbd;
  }
  30% {
    color: #ffffff;
  }
  35% {
    color: #FF750B;
  }
  40% {
    color: #486cbd;
  }
  45% {
    color: #ffffff;
  }
  50% {
    color: #FF750B;
  }
  55% {
    color: #C63422;
  }
  60% {
    color: #FF750B;
  }
  65% {
    color: #486cbd;
  }
  70% {
    color: #C63422;
  }
  75% {
    color: #486cbd;
  }
  80% {
    color: #ffffff;
  }
  85% {
    color: #C63422;
  }
  90% {
    color: #ffffff;
  }
  95% {
    color: #FFFFFF;
  }
  100% {
    color: #486cbd;
  }
}
@keyframes anim-text-flow-keys {
  0% {
    color: #FFA35C;
  }
  5% {
    color: #ffffff;
  }
  10% {
    color: #FF8629;
  }
  15% {
    color: #486cbd;
  }
  20% {
    color: #FF750B;
  }
  25% {
    color: #486cbd;
  }
  30% {
    color: #ffffff;
  }
  35% {
    color: #FF750B;
  }
  40% {
    color: #486cbd;
  }
  45% {
    color: #ffffff;
  }
  50% {
    color: #FF750B;
  }
  55% {
    color: #C63422;
  }
  60% {
    color: #FF750B;
  }
  65% {
    color: #486cbd;
  }
  70% {
    color: #C63422;
  }
  75% {
    color: #486cbd;
  }
  80% {
    color: #ffffff;
  }
  85% {
    color: #C63422;
  }
  90% {
    color: #ffffff;
  }
  95% {
    color: #FFFFFF;
  }
  100% {
    color: #486cbd;
  }
}
.anim-text-flow span:nth-of-type(1),
.anim-text-flow-hover:hover span:nth-of-type(1) {
  -webkit-animation-delay: -19.8s;
          animation-delay: -19.8s;
}
.anim-text-flow span:nth-of-type(2),
.anim-text-flow-hover:hover span:nth-of-type(2) {
  -webkit-animation-delay: -19.6s;
          animation-delay: -19.6s;
}
.anim-text-flow span:nth-of-type(3),
.anim-text-flow-hover:hover span:nth-of-type(3) {
  -webkit-animation-delay: -19.4s;
          animation-delay: -19.4s;
}
.anim-text-flow span:nth-of-type(4),
.anim-text-flow-hover:hover span:nth-of-type(4) {
  -webkit-animation-delay: -19.2s;
          animation-delay: -19.2s;
}
.anim-text-flow span:nth-of-type(5),
.anim-text-flow-hover:hover span:nth-of-type(5) {
  -webkit-animation-delay: -19s;
          animation-delay: -19s;
}
.anim-text-flow span:nth-of-type(6),
.anim-text-flow-hover:hover span:nth-of-type(6) {
  -webkit-animation-delay: -18.8s;
          animation-delay: -18.8s;
}
.anim-text-flow span:nth-of-type(7),
.anim-text-flow-hover:hover span:nth-of-type(7) {
  -webkit-animation-delay: -18.6s;
          animation-delay: -18.6s;
}
.anim-text-flow span:nth-of-type(8),
.anim-text-flow-hover:hover span:nth-of-type(8) {
  -webkit-animation-delay: -18.4s;
          animation-delay: -18.4s;
}
.anim-text-flow span:nth-of-type(9),
.anim-text-flow-hover:hover span:nth-of-type(9) {
  -webkit-animation-delay: -18.2s;
          animation-delay: -18.2s;
}
.anim-text-flow span:nth-of-type(10),
.anim-text-flow-hover:hover span:nth-of-type(10) {
  -webkit-animation-delay: -18s;
          animation-delay: -18s;
}
.anim-text-flow span:nth-of-type(11),
.anim-text-flow-hover:hover span:nth-of-type(11) {
  -webkit-animation-delay: -17.8s;
          animation-delay: -17.8s;
}
.anim-text-flow span:nth-of-type(12),
.anim-text-flow-hover:hover span:nth-of-type(12) {
  -webkit-animation-delay: -17.6s;
          animation-delay: -17.6s;
}
.anim-text-flow span:nth-of-type(13),
.anim-text-flow-hover:hover span:nth-of-type(13) {
  -webkit-animation-delay: -17.4s;
          animation-delay: -17.4s;
}
.anim-text-flow span:nth-of-type(14),
.anim-text-flow-hover:hover span:nth-of-type(14) {
  -webkit-animation-delay: -17.2s;
          animation-delay: -17.2s;
}
.anim-text-flow span:nth-of-type(15),
.anim-text-flow-hover:hover span:nth-of-type(15) {
  -webkit-animation-delay: -17s;
          animation-delay: -17s;
}
.anim-text-flow span:nth-of-type(16),
.anim-text-flow-hover:hover span:nth-of-type(16) {
  -webkit-animation-delay: -16.8s;
          animation-delay: -16.8s;
}
.anim-text-flow span:nth-of-type(17),
.anim-text-flow-hover:hover span:nth-of-type(17) {
  -webkit-animation-delay: -16.6s;
          animation-delay: -16.6s;
}
.anim-text-flow span:nth-of-type(18),
.anim-text-flow-hover:hover span:nth-of-type(18) {
  -webkit-animation-delay: -16.4s;
          animation-delay: -16.4s;
}
.anim-text-flow span:nth-of-type(19),
.anim-text-flow-hover:hover span:nth-of-type(19) {
  -webkit-animation-delay: -16.2s;
          animation-delay: -16.2s;
}
.anim-text-flow span:nth-of-type(20),
.anim-text-flow-hover:hover span:nth-of-type(20) {
  -webkit-animation-delay: -16s;
          animation-delay: -16s;
}
.anim-text-flow span:nth-of-type(21),
.anim-text-flow-hover:hover span:nth-of-type(21) {
  -webkit-animation-delay: -15.8s;
          animation-delay: -15.8s;
}
.anim-text-flow span:nth-of-type(22),
.anim-text-flow-hover:hover span:nth-of-type(22) {
  -webkit-animation-delay: -15.6s;
          animation-delay: -15.6s;
}
.anim-text-flow span:nth-of-type(23),
.anim-text-flow-hover:hover span:nth-of-type(23) {
  -webkit-animation-delay: -15.4s;
          animation-delay: -15.4s;
}
.anim-text-flow span:nth-of-type(24),
.anim-text-flow-hover:hover span:nth-of-type(24) {
  -webkit-animation-delay: -15.2s;
          animation-delay: -15.2s;
}
.anim-text-flow span:nth-of-type(25),
.anim-text-flow-hover:hover span:nth-of-type(25) {
  -webkit-animation-delay: -15s;
          animation-delay: -15s;
}
.anim-text-flow span:nth-of-type(26),
.anim-text-flow-hover:hover span:nth-of-type(26) {
  -webkit-animation-delay: -14.8s;
          animation-delay: -14.8s;
}
.anim-text-flow span:nth-of-type(27),
.anim-text-flow-hover:hover span:nth-of-type(27) {
  -webkit-animation-delay: -14.6s;
          animation-delay: -14.6s;
}
.anim-text-flow span:nth-of-type(28),
.anim-text-flow-hover:hover span:nth-of-type(28) {
  -webkit-animation-delay: -14.4s;
          animation-delay: -14.4s;
}
.anim-text-flow span:nth-of-type(29),
.anim-text-flow-hover:hover span:nth-of-type(29) {
  -webkit-animation-delay: -14.2s;
          animation-delay: -14.2s;
}
.anim-text-flow span:nth-of-type(30),
.anim-text-flow-hover:hover span:nth-of-type(30) {
  -webkit-animation-delay: -14s;
          animation-delay: -14s;
}
.anim-text-flow span:nth-of-type(31),
.anim-text-flow-hover:hover span:nth-of-type(31) {
  -webkit-animation-delay: -13.8s;
          animation-delay: -13.8s;
}
.anim-text-flow span:nth-of-type(32),
.anim-text-flow-hover:hover span:nth-of-type(32) {
  -webkit-animation-delay: -13.6s;
          animation-delay: -13.6s;
}
.anim-text-flow span:nth-of-type(33),
.anim-text-flow-hover:hover span:nth-of-type(33) {
  -webkit-animation-delay: -13.4s;
          animation-delay: -13.4s;
}
.anim-text-flow span:nth-of-type(34),
.anim-text-flow-hover:hover span:nth-of-type(34) {
  -webkit-animation-delay: -13.2s;
          animation-delay: -13.2s;
}
.anim-text-flow span:nth-of-type(35),
.anim-text-flow-hover:hover span:nth-of-type(35) {
  -webkit-animation-delay: -13s;
          animation-delay: -13s;
}
.anim-text-flow span:nth-of-type(36),
.anim-text-flow-hover:hover span:nth-of-type(36) {
  -webkit-animation-delay: -12.8s;
          animation-delay: -12.8s;
}
.anim-text-flow span:nth-of-type(37),
.anim-text-flow-hover:hover span:nth-of-type(37) {
  -webkit-animation-delay: -12.6s;
          animation-delay: -12.6s;
}
.anim-text-flow span:nth-of-type(38),
.anim-text-flow-hover:hover span:nth-of-type(38) {
  -webkit-animation-delay: -12.4s;
          animation-delay: -12.4s;
}
.anim-text-flow span:nth-of-type(39),
.anim-text-flow-hover:hover span:nth-of-type(39) {
  -webkit-animation-delay: -12.2s;
          animation-delay: -12.2s;
}
.anim-text-flow span:nth-of-type(40),
.anim-text-flow-hover:hover span:nth-of-type(40) {
  -webkit-animation-delay: -12s;
          animation-delay: -12s;
}
.anim-text-flow span:nth-of-type(41),
.anim-text-flow-hover:hover span:nth-of-type(41) {
  -webkit-animation-delay: -11.8s;
          animation-delay: -11.8s;
}
.anim-text-flow span:nth-of-type(42),
.anim-text-flow-hover:hover span:nth-of-type(42) {
  -webkit-animation-delay: -11.6s;
          animation-delay: -11.6s;
}
.anim-text-flow span:nth-of-type(43),
.anim-text-flow-hover:hover span:nth-of-type(43) {
  -webkit-animation-delay: -11.4s;
          animation-delay: -11.4s;
}
.anim-text-flow span:nth-of-type(44),
.anim-text-flow-hover:hover span:nth-of-type(44) {
  -webkit-animation-delay: -11.2s;
          animation-delay: -11.2s;
}
.anim-text-flow span:nth-of-type(45),
.anim-text-flow-hover:hover span:nth-of-type(45) {
  -webkit-animation-delay: -11s;
          animation-delay: -11s;
}
.anim-text-flow span:nth-of-type(46),
.anim-text-flow-hover:hover span:nth-of-type(46) {
  -webkit-animation-delay: -10.8s;
          animation-delay: -10.8s;
}
.anim-text-flow span:nth-of-type(47),
.anim-text-flow-hover:hover span:nth-of-type(47) {
  -webkit-animation-delay: -10.6s;
          animation-delay: -10.6s;
}
.anim-text-flow span:nth-of-type(48),
.anim-text-flow-hover:hover span:nth-of-type(48) {
  -webkit-animation-delay: -10.4s;
          animation-delay: -10.4s;
}
.anim-text-flow span:nth-of-type(49),
.anim-text-flow-hover:hover span:nth-of-type(49) {
  -webkit-animation-delay: -10.2s;
          animation-delay: -10.2s;
}
.anim-text-flow span:nth-of-type(50),
.anim-text-flow-hover:hover span:nth-of-type(50) {
  -webkit-animation-delay: -10s;
          animation-delay: -10s;
}
.anim-text-flow span:nth-of-type(51),
.anim-text-flow-hover:hover span:nth-of-type(51) {
  -webkit-animation-delay: -9.8s;
          animation-delay: -9.8s;
}
.anim-text-flow span:nth-of-type(52),
.anim-text-flow-hover:hover span:nth-of-type(52) {
  -webkit-animation-delay: -9.6s;
          animation-delay: -9.6s;
}
.anim-text-flow span:nth-of-type(53),
.anim-text-flow-hover:hover span:nth-of-type(53) {
  -webkit-animation-delay: -9.4s;
          animation-delay: -9.4s;
}
.anim-text-flow span:nth-of-type(54),
.anim-text-flow-hover:hover span:nth-of-type(54) {
  -webkit-animation-delay: -9.2s;
          animation-delay: -9.2s;
}
.anim-text-flow span:nth-of-type(55),
.anim-text-flow-hover:hover span:nth-of-type(55) {
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
}
.anim-text-flow span:nth-of-type(56),
.anim-text-flow-hover:hover span:nth-of-type(56) {
  -webkit-animation-delay: -8.8s;
          animation-delay: -8.8s;
}
.anim-text-flow span:nth-of-type(57),
.anim-text-flow-hover:hover span:nth-of-type(57) {
  -webkit-animation-delay: -8.6s;
          animation-delay: -8.6s;
}
.anim-text-flow span:nth-of-type(58),
.anim-text-flow-hover:hover span:nth-of-type(58) {
  -webkit-animation-delay: -8.4s;
          animation-delay: -8.4s;
}
.anim-text-flow span:nth-of-type(59),
.anim-text-flow-hover:hover span:nth-of-type(59) {
  -webkit-animation-delay: -8.2s;
          animation-delay: -8.2s;
}
.anim-text-flow span:nth-of-type(60),
.anim-text-flow-hover:hover span:nth-of-type(60) {
  -webkit-animation-delay: -8s;
          animation-delay: -8s;
}
.anim-text-flow span:nth-of-type(61),
.anim-text-flow-hover:hover span:nth-of-type(61) {
  -webkit-animation-delay: -7.8s;
          animation-delay: -7.8s;
}
.anim-text-flow span:nth-of-type(62),
.anim-text-flow-hover:hover span:nth-of-type(62) {
  -webkit-animation-delay: -7.6s;
          animation-delay: -7.6s;
}
.anim-text-flow span:nth-of-type(63),
.anim-text-flow-hover:hover span:nth-of-type(63) {
  -webkit-animation-delay: -7.4s;
          animation-delay: -7.4s;
}
.anim-text-flow span:nth-of-type(64),
.anim-text-flow-hover:hover span:nth-of-type(64) {
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
}
.anim-text-flow span:nth-of-type(65),
.anim-text-flow-hover:hover span:nth-of-type(65) {
  -webkit-animation-delay: -7s;
          animation-delay: -7s;
}
.anim-text-flow span:nth-of-type(66),
.anim-text-flow-hover:hover span:nth-of-type(66) {
  -webkit-animation-delay: -6.8s;
          animation-delay: -6.8s;
}
.anim-text-flow span:nth-of-type(67),
.anim-text-flow-hover:hover span:nth-of-type(67) {
  -webkit-animation-delay: -6.6s;
          animation-delay: -6.6s;
}
.anim-text-flow span:nth-of-type(68),
.anim-text-flow-hover:hover span:nth-of-type(68) {
  -webkit-animation-delay: -6.4s;
          animation-delay: -6.4s;
}
.anim-text-flow span:nth-of-type(69),
.anim-text-flow-hover:hover span:nth-of-type(69) {
  -webkit-animation-delay: -6.2s;
          animation-delay: -6.2s;
}
.anim-text-flow span:nth-of-type(70),
.anim-text-flow-hover:hover span:nth-of-type(70) {
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
}
.anim-text-flow span:nth-of-type(71),
.anim-text-flow-hover:hover span:nth-of-type(71) {
  -webkit-animation-delay: -5.8s;
          animation-delay: -5.8s;
}
.anim-text-flow span:nth-of-type(72),
.anim-text-flow-hover:hover span:nth-of-type(72) {
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
}
.anim-text-flow span:nth-of-type(73),
.anim-text-flow-hover:hover span:nth-of-type(73) {
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
}
.anim-text-flow span:nth-of-type(74),
.anim-text-flow-hover:hover span:nth-of-type(74) {
  -webkit-animation-delay: -5.2s;
          animation-delay: -5.2s;
}
.anim-text-flow span:nth-of-type(75),
.anim-text-flow-hover:hover span:nth-of-type(75) {
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
}
.anim-text-flow span:nth-of-type(76),
.anim-text-flow-hover:hover span:nth-of-type(76) {
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
}
.anim-text-flow span:nth-of-type(77),
.anim-text-flow-hover:hover span:nth-of-type(77) {
  -webkit-animation-delay: -4.6s;
          animation-delay: -4.6s;
}
.anim-text-flow span:nth-of-type(78),
.anim-text-flow-hover:hover span:nth-of-type(78) {
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
}
.anim-text-flow span:nth-of-type(79),
.anim-text-flow-hover:hover span:nth-of-type(79) {
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
}
.anim-text-flow span:nth-of-type(80),
.anim-text-flow-hover:hover span:nth-of-type(80) {
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
.anim-text-flow span:nth-of-type(81),
.anim-text-flow-hover:hover span:nth-of-type(81) {
  -webkit-animation-delay: -3.8s;
          animation-delay: -3.8s;
}
.anim-text-flow span:nth-of-type(82),
.anim-text-flow-hover:hover span:nth-of-type(82) {
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
}
.anim-text-flow span:nth-of-type(83),
.anim-text-flow-hover:hover span:nth-of-type(83) {
  -webkit-animation-delay: -3.4s;
          animation-delay: -3.4s;
}
.anim-text-flow span:nth-of-type(84),
.anim-text-flow-hover:hover span:nth-of-type(84) {
  -webkit-animation-delay: -3.2s;
          animation-delay: -3.2s;
}
.anim-text-flow span:nth-of-type(85),
.anim-text-flow-hover:hover span:nth-of-type(85) {
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
}
.anim-text-flow span:nth-of-type(86),
.anim-text-flow-hover:hover span:nth-of-type(86) {
  -webkit-animation-delay: -2.8s;
          animation-delay: -2.8s;
}
.anim-text-flow span:nth-of-type(87),
.anim-text-flow-hover:hover span:nth-of-type(87) {
  -webkit-animation-delay: -2.6s;
          animation-delay: -2.6s;
}
.anim-text-flow span:nth-of-type(88),
.anim-text-flow-hover:hover span:nth-of-type(88) {
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
}
.anim-text-flow span:nth-of-type(89),
.anim-text-flow-hover:hover span:nth-of-type(89) {
  -webkit-animation-delay: -2.2s;
          animation-delay: -2.2s;
}
.anim-text-flow span:nth-of-type(90),
.anim-text-flow-hover:hover span:nth-of-type(90) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
.anim-text-flow span:nth-of-type(91),
.anim-text-flow-hover:hover span:nth-of-type(91) {
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
}
.anim-text-flow span:nth-of-type(92),
.anim-text-flow-hover:hover span:nth-of-type(92) {
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
}
.anim-text-flow span:nth-of-type(93),
.anim-text-flow-hover:hover span:nth-of-type(93) {
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
}
.anim-text-flow span:nth-of-type(94),
.anim-text-flow-hover:hover span:nth-of-type(94) {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.anim-text-flow span:nth-of-type(95),
.anim-text-flow-hover:hover span:nth-of-type(95) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.anim-text-flow span:nth-of-type(96),
.anim-text-flow-hover:hover span:nth-of-type(96) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.anim-text-flow span:nth-of-type(97),
.anim-text-flow-hover:hover span:nth-of-type(97) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.anim-text-flow span:nth-of-type(98),
.anim-text-flow-hover:hover span:nth-of-type(98) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.anim-text-flow span:nth-of-type(99),
.anim-text-flow-hover:hover span:nth-of-type(99) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.anim-text-flow span:nth-of-type(100),
.anim-text-flow-hover:hover span:nth-of-type(100) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #f5f5f5;
}
.years {
	display: none;
	position: absolute;
	z-index: 9999;
	right: 50px;
	bottom: 55%;
	width: 100px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 20px;
}

.top {
	width: 100%;
	height: 100vh;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 9998;
}
.leafs {
	width: 100%;
	height: 100vh;
	display: block;
	float: left;
	position: absolute;
	top: 0px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../images/parallax-element.png");
	z-index: 9997;
	animation: one 25s infinite;
	animation-direction: alternate;
}
.parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.subtitle {
	width: 100%;
	display: block;
	font-size: 16px;
	color: #000000;
}
@keyframes one {
  0% {
    transform: rotate(0deg);
	transform: skew(0deg);
	transform: scale(1);
  }
  50% {
    transform: rotate(120deg);
	transform: skew(50deg);
	transform: scale(1.3);
  }
  100% {
   transform: rotate(0deg);
   transform: skew(0deg);
   transform: scale(1);
  }
}
.slideshow {
	position: relative;
	width: 100%;
	height: 100vh;
	z-index: 9996;
	background-color: #fff;
	background-image: url("../images/can.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
}
.menutop {
	width: 100%;
	display: table;
	position: fixed;
	margin-top: 50px;
	z-index: 9999;
	background-size: cover !important;
	border-radius: 10px 10px 10px 10px;
	opacity: 0.95;
	background-repeat: no-repeat !important;
	z-index: 9999;
	transition: all 500ms;
}
.menutop ul {
	width: 100%;
	display: inline-block;
	position: relative;
	text-align: center;
}
.menutop ul li {
	display: inline-block;
	vertical-align: middle;
}
.toplogo {
	width: 250px;
	margin: auto;
	left: 0px;
	right: 0px;
	position: relative;
	display: none;
	vertical-align: middle;
}
.toplogo img {
	width: 100%;
	display: block;
	float: left;
	padding-left: 50px;
}
.menutop ul li a {
	display: inline-block;
	float: left;
	position: relative;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
	padding: 10px 5px;
	margin: 0px 10px;
	transition: all 500ms;
}
.menutop ul li a:hover {
	color: #fff;
	background-color: #000;
}

.slogan {
	position: absolute;
	left: 0px;
	bottom: 30%;
	z-index: 9998;
	font-weight: 200;
	display: none;
}
.topslogan {
	font-size: 65px;
	display: inline-block;
	font-style: italic;
	width: 100%;
	padding-left: 50px;
}
.middleslogan {
	font-size: 90px;
	display: inline-block;
	color: #000000;
	width: 100%;
	margin-top: -45px;
	margin-left: 196px;
	font-weight: 600;
	display: inline-block;
	clear: left;
	float: left;
	padding-left: 50px;
}
.midslogan {
	font-size: 85px;
	display: inline-block;
	color: #000;
	display: inline-block;
	clear: left;
	float: left;
	font-weight: 200;
	width: 80%;
	font-weight: 800;
	padding: 0px 50px;
	-webkit-text-stroke: 1px #000;
	color: transparent;
}
.bottomslogan {
	font-size: 25px;
	font-style: italic;
	width: 100%;
	display: inline-block;
	clear: left;
	float: left;
	text-align: right;
	margin-top: -20px;
	padding-left: 50px;
	color: #adadad;
}
.bottom {
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0px;
	z-index: 9998;
}
.bottom img {
	width: 100%;
	display: block;
	float: left;
	z-index: 9999;
}
.sticky {
	background-color: #fff;
	opacity: 1;
	margin-top: 0px;
	padding: 10px 0px;
	border-radius: 0px;
	border-bottom: 1px solid #dbdbdb;
}
.content {
	width: 100%;
	display: table;
	float: left;
	padding: 0px 100px;
	background-color: #dee3e7;
}
.halfcontent {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 0px;
}
.halfcontent1 {
	width: 60%;
	padding-right: 50px;
}
.halfcontent2 {
	width: 40%;
}
.contenttitle {
	display: inline-block;
	margin: auto;
	font-style: italic;
	font-size: 45px;
	color: #000000;
	margin-bottom: 30px;
	position: relative;
}
.contenttitlesimple {
	width: 100%;
	display: block;
	float: left;
	font-size: 35px;
	color: #000000;
	margin-bottom: 30px;
	font-weight: 200;
	position: relative;
}
.contenttitle::before {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	left: -25px;
	top: -10px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/menu_item_shape.png);
}
.profile {
	display: block;
	position: absolute;
	width: 465px;
	height: 622px;
	margin: auto;
	left: 250px;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
}
.contenttext {
	width: 100%;
	display: block;
	text-align: justify;
	float: left;
	font-size: 13px;
	line-height: 35px;
	color: #494a4c;
}
.halfcontent img {
	width: 100%;
	display: block;
	float: left;
}
.bold {
	font-weight: 600;
}
.masktext {
	width: 100%;
	display: block;
	float: left;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url("../images/masktextbg.jpg");
}
.masktext img {
	display: block;
	float: left;
	width: 100%;
}
.thirdpart {
	width: 33.33%;
	display: inline-block;
	vertical-align: top;
	border: 10px solid #f5f5f5;
}
.thirdpart img {
	width: 100%;
	display: block;
	float: left;
}
.moreinfo {
	width: 100%;
	display: block;
	float: left;
	background-color: #fffdfb;
	padding: 20px;
	margin-bottom: 8px;
}
.moretitle {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 200;
	text-align: center;
}
.moretext {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 13px;
	line-height: 25px;
}
.certificates {
	width: 100%;
	display: table;
	padding: 50px 100px;
	float: left;
	text-align: center;
}
.magazine {
    height: auto;
    width: 20%;
    height: 200px;
    display: inline-block;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
}
.thumbmagazine {
    display: block;
    width: 100%;
    height: auto;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #eaeaea;
    -webkit-border-radius: 7px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius: 7px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-radius: 7px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-box-shadow: 0 4px 4px -2px #bdbdbd;
    -moz-box-shadow: 0 4px 4px -2px #bdbdbd;
    box-shadow: 0 4px 4px -2px #bdbdbd;
    transition: all 1000ms;
}
.thumbmagazine:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 9999;
    position: relative;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #ccc;
}
.quality {
	width: 100%;
	display: table;
	position: relative;
	float: left;
	text-align: center;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px;
}
.qualityhalf {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	padding-right: 50px;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
}
.products {
	width: 100%;
	display: block;
	float: left;
	padding: 100px 50px;
}
.contactus {
    width: 100%;
    display: table;
    float: left;
    padding: 100px 100px;
    background-repeat: repeat;
    background-size: cover;
    background-position: center top;
}
.maphalf {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.titlestandart {
	width: 100%;
	margin-bottom: 5px;
	color: #7e7e7e;
	font-size: 15px;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	margin-bottom: 10px;
	z-index: 9998;
}
.titlebig {
    width: 100%;
    display: block;
    float: left;
    color: #212121;
    font-size: 30px;
    margin-bottom: 30px;
}
.outline {
    margin-bottom: 20px;
    padding: 1px 20px;
    background-color: #000000;
    color: #f5f5f5;
    background-size: cover;
}
.contacttitle {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    margin-top: 20px;
}
.contacttext {
    width: 100%;
    display: block;
    float: left;
    color: #000;
    font-size: 14px;
}
.halftext {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.mapcontact {
    width: 100%;
    display: table;
    float: left;
    padding: 0px 75px;
    margin-top: 30px;
    position: relative;
    background-color: #000000 !important;
}
harita {
    position: relative;
    float: left;
    height: 400px;
    width: 100%;
    margin: auto;
}
.mapfull {
    width: 100%;
    display: block;
    float: left;
}
form.contact {
    display: block;
    float: left;
    width: 100%;
}
form.contact input {
    background-color: transparent;
    width: 100%;
    padding: 20px;
    color: #000;
    font-size: 13px;
    border: none;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}
form.contact textarea {
    background-color: transparent;
    width: 100%;
    height: 150px;
    padding: 20px;
    color: #000;
    font-size: 13px;
    border: 1px solid #ccc;
}
form.contact a {
    display: block;
    float: left;
    padding: 15px 50px;
    background-color: rgb(122 119 119);
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
}
a.social {display: inline-block;text-decoration: none;color: #fff;font-size: 20px;background-color: #7a7777;padding: 5px;line-height: 20px;border-radius: 5px;}
img.biab {
	display: inline-block;
	margin-top: 50px;
	width: 100px;
	clear: both;
}
.stan {
	display: inline-block;
	width: 100%;
	float: left;
	margin: 5px 0px;
}
a.mobilemenu {
	display: none;
}
.mobilelogo {
	display: none;
}
.mobileimages {
	display: none;
}
@media only screen and (max-device-width: 1024px) {
	img.biab {
    margin-top: 20px;
    margin-bottom: 20px;
}
    .galeriresim {
    width: 70%;
    margin: 0px;
    margin-bottom: 10px;
}
    .allinfo {
    padding: 0px 10px;
}
    .slideshow {
    background-image: url(../images/canmobile.jpg);
    background-position: center bottom;
}
    .qualityhalf iframe {
	height: 200px;
}
    .moretitlecontent {
    font-size: 35px;
}
    .cbp-l-filters-underline .cbp-filter-item {
    font-size: 14px !important;
}
    .studio img {
        width: 100% !important;
    }
    .contenttitle {
    text-align: center;
    font-size: 40px;
}
	
    .contenttext {
    margin-bottom: 0px !important;
}
    
    .prohalf {
    width: 100%;
}
    
    .paddingpro {
        padding: 10px;
    }
    .unittab {
    padding: 10px;
}
    
	.bringit {
	right: 0px !important;
}
	.menutop {
		display: none;
	}
	.content {
    padding: 10px;
}
	.halfcontent {
    width: 100%;
    padding: 10px;
    text-align: center;
}
	.thirdpart {
    width: 100%;
    margin-bottom: 10px;
    border: 0px;
}
	.certificates {
    padding: 10px;
}
	.magazine {
    width: 50%;
}
	.quality {
    background-image: none !important;
    padding: 30px 10px;
    background-size: unset;
}
	.qualityhalf {
    width: 100%;
}
	.qualityhalf {
    padding-right: 0px;
}
	.maphalf {
    width: 100%;
    text-align: center;
}
	.contactus {
    width: 100%;
	padding: 10px;
}
	.halftext {
    width: 100%;
    margin-top: 30px;
}
	.midslogan {
	font-size: 40px;
	}
	.topslogan {
	font-size: 40px;
	}
	.middleslogan {
		font-size: 50px;
	}
	.bottomslogan {
		font-size: 20px;
	}
	.products {
    padding: 10px;
}
	
	.menutop {
    width: 80%;
    background-color: #000000d9;
    background-image: url(../images/menubg.jpg);
    background-size: cover;
    position: fixed;
    margin-top: 0px;
    right: -80%;
    height: 100vh;
    border-radius: 0px;
    display: block;
    z-index: 9999;
    border-left: 1px solid #fff;
}
	.menutop ul li {
    width: 100%;
    border-bottom: 1px solid #939393;
}
	.menutop ul li a {
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    text-align: left;
    color: #fff;
}
	.menutop > ul > li.active > a::before, .menutop > ul > li.topmenus:hover > a::before, .menutop > ul > li.topmenus.active > a::after, .menutop > ul > li.topmenus:hover > a::after {
    display: none;
}
	.menutop ul li:first-child {
    width: 100%;
    margin-top: 20px;
}
	.menutop > ul > li.active > a, .menutop > ul > li:hover > a {
    color: #fff;
}
	a.mobilemenu {
		display: block;
		position: absolute;
		color: #fff;
		text-decoration: none;
		background-color: #000;
		margin-left: -60px;
		font-size: 35px;
		padding: 5px 15px;
		margin-top: 30px;
	}
	a.mobilemenu li {
		color: #fff;
	}
	.mobilelogo {
		display: block;
		position: absolute;
		top: 30px;
		width: 250px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 9999;
	}
	.mobileimages {
		width: 100%;
		display: block;
		float: left;
		margin-bottom: 20px;
	}
	.titlebig {
    font-size: 23px;
}
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
	.mobilelogo {
		right: 50px !important;
		left: auto;
	}

	.menutop ul li:first-child {
    width: 80%;
	margin:5px 0px;
}
	.menutop ul li a {
    font-size: 16px;
    padding: 5px 20px;
}
	.menutop {
    width: 35%;
	right: -35%;
}
	.thirdpart {
    width: 33.33%;
    border: 10px solid #fff;
}
	.halfcontent {
    width: 50%;
}
	.magazine {
    width: 25%;
}
	}