/*
-----------------[slick]--------------*/

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/*banner*/
#banner *{
    outline: none;
}

#banner a{
    display: block;
    height: 100%;
    background-position: 50% top;
	
    position: relative;
    background-repeat: no-repeat;
}


#banner .slick-list,
#banner .slick-track{
    height: 100%;
}
#banner{
    position: absolute;
    width: 100%;
    top: 0px;
	bottom:0px;
    text-align: center;

}
.banner-holder{
    position: relative;

	height:629px;
	 background:#000;
}
#banner img{
    display: block;
}


#banner .dot{
    position: absolute;
    width: 50px;
    height: 50px;
}
#banner .dot b{
    position: relative;
    background:#e77811 url(../images/icn_cockpit_parts.png) no-repeat 50%;
    background-clip: padding-box;
    width: 25px;
    height: 25px;
    border-radius: 15px;

    display: inline-block;
}
#banner .dot:after{
     background: rgba(255, 255, 255, 0.3);
     border-radius: 30px;

     content: "";
     position: absolute;
     top: -25px;
     left: 0;
     right: 0;
     bottom: 0;
     width: 50px;
     height: 50px;
     margin: auto;
     -webkit-transform: scale(0.65);
     -ms-transform: scale(0.65);
         transform: scale(0.65);
     opacity: 1;
     animation-name: circle-anim;
     animation-iteration-count: infinite;
     animation-duration: 1.2s;
     animation-delay: 0.6s;
     -webkit-animation-name: circle-anim;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-duration: 1.2s;
     -webkit-animation-delay: 0.6s;
     z-index: 1;
}

@keyframes circle-anim {
    0% {
        -webkit-transform: scale(0.65);
                transform: scale(0.65);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes circle-anim {
    0% {
        -webkit-transform: scale(0.65);
                transform: scale(0.65);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
    }
}

#banner .dot:hover:after {
    animation-name: none;
    -webkit-animation-name: none;
}

#banner .dot1{
    left: 50%;
    margin-left: -220px;
    top: 50%;
    margin-top: -200px;
    z-index: 200;
    /*left: 45%;*/
    /*top: 18%;*/
}
#banner .dot2{
    left: 50%;
    top: 50%;
    margin-top: -80px;
    margin-left: 280px;
    /*left: 82%;*/
    /*top: 47.18%;*/
}
#banner .dot3{
    left: 50%;
    top: 50%;
    margin-top: 120px;
    margin-left: 310px;
    /*left: 77%;*/
    /*bottom: 20%;*/
}

#banner .dot4{
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -365px;
    /*left: 77%;*/
    /*bottom: 20%;*/
}

#banner .dot5{
    left: 50%;
    top: 50%;
    margin-top:-90px;
    margin-left: -480px;
    /*left: 77%;*/
    /*bottom: 20%;*/
}
#banner .dot6{
     left: 50%;
    top: 50%;
    margin-top:35px;
    margin-left: 420px;
    /*left: 77%;*/
    /*bottom: 20%;*/
}
#banner .dot:hover:after,
#banner .dot:hover b{
	opacity: 0;
}
#banner .dot .img{
    position: absolute;
    top: 50px;
    left: 0;
    opacity: 0;
    width: 300px;
    -webkit-transition:.2s;
    transition:.2s;
    visibility: hidden;
    border-radius: 20px;
    transform: scale(0);
    -webkit-transform: scale(0);
}
#banner .dot i{
    position: absolute;
    height: 30px;
    border: 1px solid #ddd;
    width: 30px;
}
#banner .dot .i1{
    left: -10px;
    top: -10px;
    border-right: none;
    border-bottom: none;
    border-top-left-radius: 20px;
}
#banner .dot .i2{
    right: -10px;
    top: -10px;
    border-left: none;
    border-bottom: none;
    border-top-right-radius: 20px;
}
#banner .dot .i3{
    left: -10px;
    bottom: -10px;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 20px;
}

#banner .dot .i4{
    bottom: -10px;
    right: -10px;
    border-top: none;
    border-left: none;
    border-bottom-right-radius: 20px;
}
#banner .dot i{display: none;}
#banner .dot:hover{
    z-index: 60;
}
#banner .dot:hover .img img{
    width: 100%;
}
#banner .dot:hover .img{
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible;
}
#banner .dot1 .img{
    left: -118px;
    top: -112px;
    z-index: 40;
}

#banner .dot2 .img{
    left: auto;
    right: -125px;
    margin-top: -168px;
}

#banner .dot3 .img{
    left: auto;
    right: -109px;
    margin-top: -191px;
}

#banner .dot4 .img{
    left: auto;
    right: -109px;
    margin-top: -191px;
}

#banner .dot5 .img{
    left: auto;
    right: -109px;
    margin-top: -191px;
}

#banner .dot6 .img{
    left: auto;
    right: -120px;
    margin-top: -191px;
}

#banner .dot .img{
    width: 300px;
}
#banner h3{
    font-size: 50px;font-weight: bold;
    /*color: #e70012;*/
    color: #333333;
    padding-bottom: .5em;
    font-weight: bold;
    position: absolute;
    right: 3.6%;
    top: 40%;
    width: 10.2em;
    text-align: left;
}
#banner h3:after{
    content: '';
    width: 80px;
    display: block;
    margin-top: 10px;
    border-top: 4px solid #333333;
}
#banner .last h3{
	/*right: auto;*/
	/*left: 15%;*/
}