@charset "UTF-8";
/* CSS Document */
body {
	background-color: #ffffff;
	padding-bottom: 6rem;
}
header {
    background-color: #ffffff;
}
a {
    color: #696969;
}
a:focus, a:hover {
    color: #000000;
    text-decoration: underline;
}
footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	text-align: center;
	background-color: #000000;
    color: #cccccc;
}
a.one:link {color:#ffffff;}
a.one:visited {color:#ffffff;}
a.one:hover {color:#999999;}
.ship {
	width: 100%;
	height: 80px;
	margin: 35px auto 20px auto;
	animation: float 10s;
	animation-fill-mode: forwards;
}
.arrival {
	background: #000000;
	width: 100px;
	height: 35px;
	border-radius: 50%;
	margin: 0 auto 0 -300px;
	position: relative;
	z-index: 2;
}
.arrival-1 {
	background: gainsboro;
	width: 35px;
	height: 25px;
	border-radius: 50%;
	margin: -45px auto 0 -267px;
	position: relative;
	z-index: 1;
}
.div1 {
	width: 100%;
	height: 100px;
	position : relative;
	-webkit-animation: mymove 5s infinite;
	animation: mymove 5s infinite;
	float: left;
}

@keyframes mymove {
    0%   { left: 0%; opacity: inherit;}
    95%  { left: 95%; opacity: inherit;}
    100% { left: 125%; opacity: 0.00;}
}

.ship {
 animation-delay: 2s;
 animation-iteration-count: 1;
}

html {
	height: 100%;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
.demo {
	margin: 0 auto;
	padding-top: 64px;
	max-width: 640px;
	width: 94%;
}
.demo h1 {
	margin-top: 0;
}


.btn-dealer.btn-sm {
    padding: 3px 12px !important;
    font-size: 13px;
    border-radius: 6px;
}
.btn-dealer {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #EA1C2B;
    color: #ffffff!important;
    background-color: #EA1C2B;
    z-index: 1999;
}
.padtop10 {
    padding-top: 10px;
}
.head1 {
    border-bottom: 1px solid #000000;
}
.padtop1 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.margtop10 {
    margin-top: 10px;
}
.botton2 {
    margin-bottom: 13px;
}
.btn-search {
    color: #ffffff;
    background-color: #EA1C2B;
    border-top-right-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
}
.hole1 {
    opacity: 0;
    -moz-animation: fadein 1s ease-out 5s forwards; /* Firefox */
    -webkit-animation: fadein 1s ease-out 5s forwards; /* Safari and Chrome */
    -o-animation: fadein 1s ease-out 5s forwards; /* Opera */
    animation: fadein 1s ease-out 5s forwards;
    padding-right: 10%;
}
.hole2 {
    opacity: 0;
    -moz-animation: fadein 1s ease-out 1s forwards; /* Firefox */
    -webkit-animation: fadein 1s ease-out 1s forwards; /* Safari and Chrome */
    -o-animation: fadein 1s ease-out 1s forwards; /* Opera */
    animation: fadein 1s ease-out 1s forwards;
    padding-left: 30%;
}
.hole3 {
    opacity: 0;
    -moz-animation: fadein 1s ease-out 6s forwards; /* Firefox */
    -webkit-animation: fadein 1s ease-out 6s forwards; /* Safari and Chrome */
    -o-animation: fadein 1s ease-out 6s forwards; /* Opera */
    animation: fadein 1s ease-out 6s forwards;
}
.hole4 {
    opacity: 0;
    -moz-animation: fadein 1s ease-out 3s forwards; /* Firefox */
    -webkit-animation: fadein 1s ease-out 3s forwards; /* Safari and Chrome */
    -o-animation: fadein 1s ease-out 3s forwards; /* Opera */
    animation: fadein 1s ease-out 3s forwards;
    padding-left: 10%;
}
.hole5 {
    opacity: 0;
    -moz-animation: fadein 1s ease-out 2s forwards; /* Firefox */
    -webkit-animation: fadein 1s ease-out 2s forwards; /* Safari and Chrome */
    -o-animation: fadein 1s ease-out 2s forwards; /* Opera */
    animation: fadein 1s ease-out 2s forwards;
    padding-left: 20%;
}
.hole6 {
    opacity: 0;
    -moz-animation: fadein 1s ease-out 7s forwards; /* Firefox */
    -webkit-animation: fadein 1s ease-out 7s forwards; /* Safari and Chrome */
    -o-animation: fadein 1s ease-out 7s forwards; /* Opera */
    animation: fadein 1s ease-out 7s forwards;
    padding-right: 20%;
}
.hole7 {
    opacity: 0;
    -moz-animation: fadein 1s ease-out 4s forwards; /* Firefox */
    -webkit-animation: fadein 1s ease-out 4s forwards; /* Safari and Chrome */
    -o-animation: fadein 1s ease-out 4s forwards; /* Opera */
    animation: fadein 1s ease-out 4s forwards;
    padding-right: 20%;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}