.slideshow{position:relative;margin-bottom:100px;}
.slides{list-style:none;padding:0;margin:0;position:relative;height:500px;width:100%;overflow:hidden;color:#333;}
.no-js .slides{height:auto;}
.slides > li{width:100%;height:100%;position:absolute;visibility:hidden;perspective:1600px;}
.no-js .slides > li{position:relative;visibility:visible;}
.slideshow > nav{text-align:center;margin-top:20px;}
.slideshow > nav span{display:inline-block;width:60px;height:25px;border-top:10px solid #fff;border-bottom:10px solid #fff;background-color:#ddd;cursor:pointer;margin:0 3px;transition:background-color 0.2s;}
.slideshow > nav span:hover{background-color:#333;}
.slideshow > nav span.current{background-color:#aaa;}
.description{width:50%;padding:5em 1em 1em;font-size:16px;position:relative;z-index:1000;opacity:1;float:right;direction:rtl;text-align:right;font-family:IRANSans-web,sans-serif;}
.description p{line-height:275%;margin-top:20px;}
.no-js .description{opacity:1;}
.description h2{font-size:40px;}
.tiltview{position:absolute;float:left;width:50%;top:0px;transform-style:preserve-3d;padding:4em 2em;}
.tiltview a{outline:1px solid transparent;}
.tiltview a:first-child{margin-bottom:30px;}
.tiltview.row a{width:48%;width:calc(50% - 15px);margin:0;}
.tiltview.row a:nth-child(2){left:50%;left:calc(50% + 15px);position:absolute;top:0;}
.slides > li.current,
.slides > li.show{visibility:visible;}
.description{transition:opacity 0.75s;line-height:175%;}
.current .description,
.show .description{opacity:1;}
.hide .description{opacity:0;}
.hide[data-effect-out="moveUpOut"] .tiltview a{animation:moveUpOut 1.5s both;}
.hide[data-effect-out="moveUpOut"] .tiltview a:nth-child(2){animation-delay:0.25s;}
@keyframes moveUpOut{25%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateZ(-30px);}
100%{transform:translateZ(3000px);}
}
.show[data-effect-in="moveUpIn"] .tiltview a{animation:moveUpIn 1.5s 0.5s both;}
.show[data-effect-in="moveUpIn"] .tiltview a:nth-child(2){animation-delay:0.75s;}
@keyframes moveUpIn{0%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateZ(-3000px);}
75%{transform:translateZ(30px);}
100%{transform:translateZ(0);}
}
.hide[data-effect-out="moveDownOut"] .tiltview a{animation:moveDownOut 1.5s both;}
.hide[data-effect-out="moveDownOut"] .tiltview a:nth-child(2){animation-delay:0.25s;}
@keyframes moveDownOut{25%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateZ(30px);}
100%{transform:translateZ(-3000px);}
}
.show[data-effect-in="moveDownIn"] .tiltview a{animation:moveDownIn 1.5s 0.5s both;}
.show[data-effect-in="moveDownIn"] .tiltview a:nth-child(2){animation-delay:0.75s;}
@keyframes moveDownIn{0%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateZ(3000px);}
75%{transform:translateZ(-30px);}
100%{transform:translateZ(0);}
}
.hide[data-effect-out="slideUpOut"] .tiltview a{animation:slideUpOut 1.5s both;}
.hide[data-effect-out="slideUpOut"] .tiltview a:nth-child(2){animation-delay:0.25s;}
@keyframes slideUpOut{25%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateY(30px);}
100%{transform:translateY(-3000px);}
}
.show[data-effect-in="slideUpIn"] .tiltview a{animation:slideUpIn 1.5s 0.5s both;}
.show[data-effect-in="slideUpIn"] .tiltview a:nth-child(2){animation-delay:0.75s;}
@keyframes slideUpIn{0%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateY(3000px);}
75%{transform:translateY(-30px);}
100%{transform:translateY(0);}
}
.hide[data-effect-out="slideDownOut"] .tiltview a{animation:slideDownOut 1.5s both;}
.hide[data-effect-out="slideDownOut"] .tiltview.row a:nth-child(2),
.hide[data-effect-out="slideDownOut"] .tiltview.col a:first-child{animation-delay:0.25s;}
@keyframes slideDownOut{25%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateY(-30px);}
100%{transform:translateY(3000px);}
}
.show[data-effect-in="slideDownIn"] .tiltview a{animation:slideDownIn 1.5s 0.5s both;}
.show[data-effect-in="slideDownIn"] .tiltview.row a:nth-child(2),
.show[data-effect-in="slideDownIn"] .tiltview.col a:first-child{animation-delay:0.75s;}
@keyframes slideDownIn{0%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateY(-3000px);}
75%{transform:translateY(30px);}
100%{transform:translateY(0);}
}
.hide[data-effect-out="slideLeftOut"] .tiltview a{animation:slideLeftOut 1.5s both;}
.hide[data-effect-out="slideLeftOut"] .tiltview a:nth-child(2){animation-delay:0.25s;}
@keyframes slideLeftOut{25%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateX(30px);}
100%{transform:translateX(-5000px);}
}
.show[data-effect-in="slideLeftIn"] .tiltview a{animation:slideLeftIn 1.5s 0.5s both;}
.show[data-effect-in="slideLeftIn"] .tiltview a:nth-child(2){animation-delay:0.75s;}
@keyframes slideLeftIn{0%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateX(3000px);}
75%{transform:translateX(-30px);}
100%{transform:translateX(0);}
}
.hide[data-effect-out="slideRightOut"] .tiltview a{animation:slideRightOut 1.5s both;}
.hide[data-effect-out="slideRightOut"] .tiltview.col a:nth-child(2),
.hide[data-effect-out="slideRightOut"] .tiltview.row a:first-child{animation-delay:0.25s;}
@keyframes slideRightOut{25%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateX(-30px);}
100%{transform:translateX(3000px);}
}
.show[data-effect-in="slideRightIn"] .tiltview a{animation:slideRightIn 1.5s 0.5s both;}
.show[data-effect-in="slideRightIn"] .tiltview.col a:nth-child(2),
.show[data-effect-in="slideRightIn"] .tiltview.row a:first-child{animation-delay:0.75s;}
@keyframes slideRightIn{0%{animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transform:translateX(-5000px);}
75%{transform:translateX(30px);}
100%{transform:translateX(0);}
}
.no-csstransformspreserve3d .show .tiltview a,
.no-csstransformspreserve3d .hide .tiltview a,
.no-csstransforms3d .show .tiltview a,
.no-csstransforms3d .hide .tiltview a{animation:none !important;}
.no-csstransforms3d .tiltview.col{top:-50%;}
.no-csstransforms3d .tiltview.row{top:20px;}
@media screen and (max-width:65.3125em){.description,
.tiltview{width:100%;}
.tiltview{left:0;opacity:0.3;}
}
@media screen and (max-width:33.75em){.description{font-size:1.1em;}
.slideshow > nav span{width:20px;height:40px;margin:0 10px;}
}
@media screen and (max-width:24em){.slides{height:320px;}
.description{font-size:1em;padding:1.4em;}
.no-csstransforms3d .tiltview.col,
.no-csstransforms3d .tiltview.row{top:0;}
}
.back1{background-image:linear-gradient(120deg, #3499B5 0%, #68B162 100%);height:100%;}
.back2{background-image:linear-gradient(120deg, #6A747D 0%, #32353A 100%);height:100%;}
.back3{background-image:linear-gradient(120deg, #f83600 0%, #f9d423 100%);height:100%;}
.back4{background-image:linear-gradient(120deg, #43cea2 0%, #185a9d 100%);height:100%;}
.back5{background-image:linear-gradient(120deg, #96C83E 0%, #66A0D3 100%);height:100%;}
.back1 h2,.back2 h2,.back3 h2,.back4 h2,.back5 h2{color:#fff;animation-name:bounce;animation-duration:2s;animation-name:bounce;animation-duration:2s;line-height:175%;font-size:34px;}
.back1 p,.back2 p,.back3 p,.back4 p,.back5 p{animation-name:slideInRight;animation-duration:2s;color:#fff;text-align:justify;}
.tiltview{animation-name:bounceInLeft;animation-duration:2s;animation-delay:0s;}
.slideshow-container{border-bottom:2px solid #000;}
.delay1{animation-delay:0.5s;}
.delay2{animation-delay:1s;}
.delay3{animation-delay:1.5s;}
.delay4{animation-delay:2s;}
.tiltview a, .tiltview a img{display:block;margin:0 auto;height:100%;max-width:500px;}