html,body,div,footer,header,article,aside,span,h1,h2,h3,h4,h5,h6,p,a,font,img,strong,b,u,i,center,ol,ul,li,form,label,table{margin:0;padding:0;border:0;outline:0;background:transparent;font-size:100%;font-weight:normal}
ol,ul,li{list-style:none;list-style-type:none}
:focus{outline:0}
body{margin:0;font-family:tahoma;font-size:12px;font-weight:normal;line-height:12px;color:#333;text-align:right;background-color:#ffffff;background-image:url(//semad.ir/templates/desktop/images/bg.png);background-color:#EEF0F8;background-repeat:no-repeat;background-position:center top;background-size:auto 350px}
.head{height:100px;line-height:12px;font-size:12px;text-align:center;color:#fff;text-align:center;margin-bottom:80px}
.head img{display:block;width:139px;height:auto;margin:10px auto 0}
.head p{display:block;width:100%;height:1px;background:#ffffff2b;margin:10px 0 6px}

.box-search{width:900px;height:330px;padding-top:20px;background:#fff;border-radius:10px;box-shadow: 0px 0px 8px #d8d8d8a8;position:relative;z-index:2;margin:0 auto;text-align:center}
.box-search p{width:100%;height:20px;line-height:20px;font-size:14px;font-weight:bold;color:deepskyblue;text-align:center;padding:40px 0 20px}
.search{width:500px;height:120px;padding:30px 200px 40px}
.search b{display:block;font-size:12px;width:100%;height:15px;line-height:15px;color:#444;padding-bottom:20px}
.search input{width:400px;text-align:center;height:32px;font-size:12px;color:#777;border:1px solid #dfe1e5;border-radius:5px}
.search button{display:block;width:150px;height:16px;font-size:12px;line-height:16px;text-align:center;color:#fff;background:#6993ff;cursor:pointer;border:none;margin:3px;border-radius:5px;border-top:9px solid #6993ff;border-bottom:27px solid #6993ff;margin:25px 175px}

.footer{width:500px;height:100px;text-align:center;margin:60px auto}

.sliderWrapper
{
    height: 250px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 10px;
}

.sliderWrapper .slider
{
    background: #aaa;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
}

.sliderWrapper .slider .slide
{
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
}

.sliderWrapper .slider .slide img { width: 100%; height: 100%; }

.sliderWrapper .slider-directions .slider-directions-prev,
.sliderWrapper .slider-directions .slider-directions-next
{
    cursor: pointer;
    background: #eee;
    color: #333;
    height: 48px;
    position: absolute;
    top: 35%;
    width: 24px;
    z-index: 10;

    transition-property: left,right,box-shadow;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.sliderWrapper .slider-directions .slider-directions-prev:after,
.sliderWrapper .slider-directions .slider-directions-next:after
{
    content: 'O';
    display: block;
    line-height: 48px;
}

.sliderWrapper .slider-directions .slider-directions-prev { left: -24px; }
.sliderWrapper:hover .slider-directions .slider-directions-prev { left: 0; box-shadow: 0 0 8px 0 rgba(0,0,0,0.8); }
.sliderWrapper .slider-directions .slider-directions-prev:after { content: '«'; }

.sliderWrapper .slider-directions .slider-directions-next { right: -24px; }
.sliderWrapper:hover .slider-directions .slider-directions-next { right: 0; box-shadow: 0 0 8px 0 rgba(0,0,0,0.8); }
.sliderWrapper .slider-directions .slider-directions-next:after { content: '»'; }

.sliderWrapper .slider-navigation
{
    bottom: -24px;
    color: #333;
    left: 2px;
    position: absolute;
    z-index: 10;

    transition-property: bottom;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.sliderWrapper:hover .slider-navigation { bottom: 2px; }

.sliderWrapper .slider-navigation .slider-navigation-item
{
    cursor: pointer;
    background: #eee;
    border-radius: 100%;
    display: inline-block;
    float: left;
    height: 12px;
    margin-left: 2px;
    margin-right: 2px;
    text-indent: -9999px;
    width: 12px;

    transition-property: box-shadow;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

.sliderWrapper:hover .slider-navigation .slider-navigation-item {
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.8);
}

.sliderWrapper .slider-navigation .slider-navigation-item.active {
    background: #333;
    color: #eee;
}

.waves {
    position: absolute;
    width: 100%;
    height: 150px;
    margin-bottom: -7px;
    top:200px;
}

/* Animation */
.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}