.slider{
  width: 100%;
  height: calc(100vh - 100px);
  float: left;
  position: relative;
  overflow: hidden;
  top:0px;
  z-index: 1;
}

.slider_a{ display: block;}

.slider .slide{
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 500;
}

.red{ background-color: red;}
.green{ background-color: green;}
.blue{ background-color: blue;}
.yellow{ background-color: yellow;}
.orange{ background-color: orange;}
.pink{ background-color: pink;}

.s_shw{ display: block !important; }





.sol{ left: -120% !important; transition: all 300ms; }
.sag{ left:120% !important; transition: all 300ms; }
.yukari{ top:-120% !important; transition: all 300ms; }
.assagi{ top:120% !important; transition: all 300ms; }



.slider_but_n,.slider_but_p{
width: 46px;
height: 46px;
float: left;
position: absolute;
z-index: 600;
top:50%;
background-color: rgba(0,0,0,1);
transform: translateY(-50%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 250ms;
cursor: pointer;
opacity: 0.2;
}

.slider_but_n:hover,.slider_but_p:hover{opacity: 0.7;}

.slider_but_n:before,.slider_but_p:before{
content: '';
width: 12px;
height: 12px;
position: absolute;
border:4px solid;
border-color:transparent transparent #ddd #ddd;
display: inline-block;
}

.slider_but_n{ right:-100px;}
.slider_but_n:before{ transform: rotate(225deg); margin-left: -6px;}

.slider_but_p{ left:-100px;}
.slider_but_p:before{ transform: rotate(45deg); margin-right: -6px;}

.slider:hover .slider_but_n{right:10px;}
.slider:hover .slider_but_p{left:10px;}











.slider_cont{
width: 100%;
height: calc(100% - 60px);
margin:30px 0px;
position: absolute;
float: left;
z-index: 2;
display: flex;
-webkit-flex-wrap: wrap;  
flex-wrap: wrap; 
}

.slider_resim_dis{
position: absolute;
z-index: 1;
overflow: hidden;
}

.s_resim{
float: left;
position: absolute;
overflow: hidden;
}

.s_resim img{
width: 100%;
height: 100%;
float: left;
position: absolute;
object-fit: cover;
}

.s_baslik{
width: 100%;
float: left;
position: relative;
z-index: 5;
line-height: 1.2;
margin:5px 0px;
display:flex;
}

.s_metin{
width: 100%;
float: left;
position: relative;
z-index: 5;
line-height: 1.2;
margin:5px 0px;
display:flex;
}


.font_s{ font-size:17px;}
.font_m{ font-size:22px;}
.font_l{ font-size:29px;}
.font_xl{ font-size:39px;}
.font_xxl{ font-size:55px;}

.slider_butun_dis{ width: 100%; float: left; position: relative; margin-top:5px; z-index: 2;}

.slider_butun{	float: left; position: relative; z-index: 2; text-align: center; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}






.s1 .slider_cont{ width: calc(100% - 40px); left:20px; }
.s1 .slider_resim_dis{ width: 100%; height: 100%; z-index: 0;}
.s1 .s_resim{ width: 100%;	height: 100%; }
.s1 .slider_butun_dis{	display: inline-block; }
.s1 .s_resim img{ position: relative; }



.s2 .slider_resim_dis,.s3 .slider_resim_dis{ width: 60%; height: 100%; right: 0px; top:0px; }
.s2 .s_resim{ width: 100%; height: 100%; transform: skew(20deg); right:-12%; top:0px; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); }
.s2 .s_resim img{ width: 105%; left:-15%; height: 100%; transform: skew(-20deg); }
.s2 .slider_cont,.s3 .slider_cont{ width: 41%; left: 20px;}

.s2.m_slide .slider_resim_dis,.s3.m_slide .slider_resim_dis{ width: 100%; height: 60%; right: 0%; top:0px; }
.s2.m_slide .s_resim{ width: 100%; height: 100%; transform: skewY(10deg); right:0%;	top:-15%; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); }
.s2.m_slide .s_resim img{ width: 100%; left:0%; height: 116%;	transform: skewY(-10deg); }
.s2.m_slide .slider_cont,.s3.m_slide .slider_cont{	width: calc(100% - 40px); height: 37%; bottom:0px; left: 20px;	top:auto; }
.s2.m_slide .slider_butun_dis{ right:0px; }



.s3 .s_resim{ width: 100%; height: 100%; transform: skew(-20deg); right:-12%; top:0px; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.s3 .s_resim img{ width: 105%;	left:-15%;	height: 100%;	transform: skew(20deg);}
.s3 .slider_butun_dis{ left:0px; }

.s3.m_slide .s_resim{ width: 100%; height: 100%; transform: skew(0deg,-10deg); right:0%; top:-15%; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.s3.m_slide .s_resim img{ width: 100%;	left:0%; height: 116%; transform: skew(0deg,10deg);}
.s3.m_slide .slider_butun_dis{ left:0px;  }



.s4 .slider_resim_dis{ width: 340px; height: 340px; right: 20px; top:calc(50% - 170px);}
.s4 .s_resim img{ position: relative; }
.s4 .slider_cont{ width: calc(100% - 410px); left:20px; }

.s4.m_slide .slider_resim_dis{	width: 600px; height: 600px; top:20px; left: calc(50% - 300px);}
.s4.m_slide .slider_cont{	width: calc(100% - 40px); height: calc(100% - 700px); bottom:0px;	left:20px;}



.s5 .slider_resim_dis,.s6 .slider_resim_dis{ width: 60%; height: 100%;	left: 0px;	top:0px;}
.s5 .s_resim{	width: 100%;	height: 100%;	transform: skew(20deg);	left:-12%;	top:0px;	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.s5 .s_resim img{	width: 105%;	right:-15%;	height: 100%;	transform: skew(-20deg);}
.s5 .slider_cont,.s6 .slider_cont{	width: 41%;	right: 20px;}

.s5.m_slide .slider_resim_dis,.s6.m_slide .slider_resim_dis{	width: 100%;	height: 60%;	right: 0%;	top:0px;}
.s5.m_slide .s_resim{	width: 100%;	height: 100%;	transform: skewY(10deg);	right:0%;	left:0%;	top:-15%;	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.s5.m_slide .s_resim img{	width: 100%;	left:0%;	height: 116%;	transform: skewY(-10deg);}
.s5.m_slide .slider_cont,.s6.m_slide .slider_cont{ width: calc(100% - 40px);  height: 37%; bottom: 0px !important;	left: 20px;	top:auto;}
.s5.m_slide .slider_butun_dis{ right:0px; }



.s6 .s_resim{ width: 100%; height: 100%; transform: skew(-20deg); left:-12%; top:0px; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.s6 .s_resim img{ width: 105%;	right:-15%;	height: 100%;	transform: skew(20deg);}
.s6 .slider_butun_dis{ left:0px; }

.s6.m_slide .s_resim{ width: 100%; height: 100%; transform: skew(0deg,-10deg); left:0%; top:-15%; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
.s6.m_slide .s_resim img{ width: 100%;	left:0%; height: 116%; transform: skew(0deg,10deg);}
.s6.m_slide .slider_butun_dis{ left:0px; }



.s7 .slider_resim_dis{	width: 340px; height: 340px; left: 20px; top:calc(50% - 170px);}
.s7 .s_resim img{ position: relative; }
.s7 .slider_cont{ width: calc(100% - 410px); right:20px; }

.s7.m_slide .slider_resim_dis{	width: 600px; height: 600px;	top:20px; left: calc(50% - 300px);}
.s7.m_slide .slider_cont{ width: calc(100% - 40px);	height: calc(100% - 700px);	bottom:0px;	left:20px;}











.buton_anim1{ 
-webkit-animation: buton_anim1 1.8s infinite;
-moz-animation: buton_anim1 1.8s infinite;
-o-animation: buton_anim1 1.8s infinite;
animation: buton_anim1 1.8s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes buton_anim1 { 
0%  {transform: scale(1); }
15% {transform: scale(1.05);}
30%{transform: scale(1);}
45%{transform: scale(1.05);}
60%{transform: scale(1);}
100%{transform: scale(1);}
}





.buton_anim2{ 
-webkit-animation: buton_anim2 1.1s infinite;
-moz-animation: buton_anim2 1.1s infinite;
-o-animation: buton_anim2 1.1s infinite;
animation: buton_anim2 1.1s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes buton_anim2{ 
0%  {transform: scale(1);}
70% {transform: scale(1.1);}
100%{transform: scale(1);}
}





.buton_anim3:before{ animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.buton_anim3:after{ animation-delay: 0.7s !important; -webkit-animation-delay: 0.7s !important; }

.buton_anim3:before, .buton_anim3:after{
-webkit-animation: buton_anim3 1.8s infinite;
-moz-animation: buton_anim3 1.8s infinite;
-o-animation: buton_anim3 1.8s infinite;
animation: buton_anim3 1.8s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
margin: -20px;
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: -1;
background-color: inherit;
}

@keyframes buton_anim3 { 
0%  {opacity: .7; margin: -0px }
70% {opacity: 0; margin: -20px}
100%{opacity: 0; margin: 0px}
}




.buton_anim4{
-webkit-animation: buton_anim4 1.8s infinite;
-moz-animation: buton_anim4 1.8s infinite;
-o-animation: buton_anim4 1.8s infinite;
animation: buton_anim4 1.8s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes buton_anim4 { 
0%  {bottom:0px; }
15%  {bottom:15px; }
23%  {bottom:0px; }
30%  {bottom:9px; }
36%  {bottom:0px; }
41%  {bottom:6px; }
45%  {bottom:0px; }
100%  {bottom:0px; }
}











.grs_anim{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}















@-webkit-keyframes rollIn {
0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}

100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}

@keyframes rollIn {
0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}

100% {
 opacity: 1;
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}

.donerek {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}





@-webkit-keyframes zoomIn {
0%{
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}

50%{ opacity: 1;}
}

@keyframes zoomIn {
0%{
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 -ms-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}

50%{opacity: 1;}
}

.buyuyerek {-webkit-animation-name: zoomIn; animation-name: zoomIn;}






@-webkit-keyframes flipInX {
0% {
 -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 220deg);
 transform: perspective(200px) rotate3d(1, 0, 0, 220deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}

40% {
 -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -70deg);
 transform: perspective(200px) rotate3d(1, 0, 0, -70deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}

60% {
 -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 20deg);
 transform: perspective(200px) rotate3d(1, 0, 0, 20deg);
 opacity: 1;
}

80% {
 -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(200px) rotate3d(1, 0, 0, -5deg);
}

100% {
 -webkit-transform: perspective(200px);
 transform: perspective(200px);
}
}

@keyframes flipInX {
0% {
 -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 220deg);
 -ms-transform: perspective(200px) rotate3d(1, 0, 0, 220deg);
 transform: perspective(200px) rotate3d(1, 0, 0, 220deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}

40% {
 -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -70deg);
 -ms-transform: perspective(200px) rotate3d(1, 0, 0, -70deg);
 transform: perspective(200px) rotate3d(1, 0, 0, -70deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}

60% {
 -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 20deg);
 -ms-transform: perspective(200px) rotate3d(1, 0, 0, 20deg);
 transform: perspective(200px) rotate3d(1, 0, 0, 20deg);
 opacity: 1;
}

80% {
 -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -5deg);
 -ms-transform: perspective(200px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(200px) rotate3d(1, 0, 0, -5deg);
}

100% {
 -webkit-transform: perspective(200px);
 -ms-transform: perspective(200px);
 transform: perspective(200px);
}
}

.dikey_donerek {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}



@-webkit-keyframes flipInY {
0% {
 -webkit-transform: perspective(200px) rotate3d(0, 1, 0, 140deg);
 transform: perspective(200px) rotate3d(0, 1, 0, 140deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}

40% {
 -webkit-transform: perspective(200px) rotate3d(0, 1, 0, -50deg);
 transform: perspective(200px) rotate3d(0, 1, 0, -50deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}

60% {
 -webkit-transform: perspective(200px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(200px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}

80% {
 -webkit-transform: perspective(200px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(200px) rotate3d(0, 1, 0, -5deg);
}

100% {
 -webkit-transform: perspective(200px);
 transform: perspective(200px);
}
}

@keyframes flipInY {
0% {
 -webkit-transform: perspective(200px) rotate3d(0, 1, 0, 140deg);
 -ms-transform: perspective(200px) rotate3d(0, 1, 0, 140deg);
 transform: perspective(200px) rotate3d(0, 1, 0, 140deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}

40% {
 -webkit-transform: perspective(200px) rotate3d(0, 1, 0, -50deg);
 -ms-transform: perspective(200px) rotate3d(0, 1, 0, -50deg);
 transform: perspective(200px) rotate3d(0, 1, 0, -50deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}

60% {
 -webkit-transform: perspective(200px) rotate3d(0, 1, 0, 10deg);
 -ms-transform: perspective(200px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(200px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}

80% {
 -webkit-transform: perspective(200px) rotate3d(0, 1, 0, -5deg);
 -ms-transform: perspective(200px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(200px) rotate3d(0, 1, 0, -5deg);
}

100% {
 -webkit-transform: perspective(200px);
 -ms-transform: perspective(200px);
 transform: perspective(200px);
}
}

.yatay_donerek {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}





@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

.belirme {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}





@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}

60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}

75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}

90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}

100% {
 -webkit-transform: none;
 transform: none;
}
}

@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 -ms-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}

60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 -ms-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}

75% {
 -webkit-transform: translate3d(0, -10px, 0);
 -ms-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}

90% {
 -webkit-transform: translate3d(0, 5px, 0);
 -ms-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}

100% {
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}

.yukaridan {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}

60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}

75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}

90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}

100% {
 -webkit-transform: none;
 transform: none;
}
}

@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 -ms-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}

60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 -ms-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}

75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 -ms-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}

90% {
 -webkit-transform: translate3d(5px, 0, 0);
 -ms-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}

100% {
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}

.soldan {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}

60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}

75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}

90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}

100% {
 -webkit-transform: none;
 transform: none;
}
}

@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 -ms-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}

60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 -ms-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}

75% {
 -webkit-transform: translate3d(10px, 0, 0);
 -ms-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}

90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 -ms-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}

100% {
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}

.sagdan {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}

60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}

75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}

90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}

100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}

@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 -ms-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}

60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 -ms-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}

75% {
 -webkit-transform: translate3d(0, 10px, 0);
 -ms-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}

90% {
 -webkit-transform: translate3d(0, -5px, 0);
 -ms-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}

100% {
 -webkit-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}

.asagidan {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}

















@media screen and (max-width: 1440px), screen and (max-device-width: 1440px) { 
 



  
}
  
  
  





@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) { 



}
  
  
  



@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) { 

.slider{ height: calc(100vh - 70px); }

/*
@media (orientation: portrait) { .slider{ height: calc(100vh - 60px);} }
*/

}
  
  
  


@media screen and (max-width: 800px), screen and (max-device-width: 800px) { 


}
  
  
  








@media screen and (max-width: 640px), screen and (max-device-width: 640px) { 




}
  
  








@media screen and (max-width: 533px), screen and (max-device-width: 533px) { 


}
  
  
  





@media screen and (max-width: 480px), screen and (max-device-width: 480px) { 


}
  
  
  




@media screen and (max-width: 400px), screen and (max-device-width: 400px) { 


}
  
  
  

  






@media screen and (max-width: 360px), screen and (max-device-width: 360px) { 



}