@charset "utf-8";
/* CSS Document */

.news-hading{ font-family:'noto_sansregular'; font-size:24px; color:#444444; text-align:center;}
.date-haing{ background:#444444; width:64px; height:63px;
       font-family:'noto_sansregular'; 
       font-size:21px;
       color:#FFF; 
	   text-align:center; 
	   float:left
}
.date-haing2{
 font-family:'noto_sansregular'; 
 font-size:21px;
 color:#444444; float:left; }
.date-text{
 font-family:'noto_sansregular'; 
 font-size:17px;
 color:#FFF; float:left; color:#999;}
.data-bak{ float:left; width:80%; margin:20px 0px 0px 20px;}
.data-bak1{ float:left;background-color:#000;margin:28px 0px 0px 20px;}
.webi-text{ float:right; font-family:'noto_sansregular'; font-size:15px; color:#FFF; font-weight:500;padding:20px 0px 20px 0px;}
.webi-text2{ float:left; font-family:'noto_sansregular'; font-size:15px; color:#FFF; font-weight:500; 
padding:20px 0px 20px 0px;}



.hdr{background-color:#389ab3;float:left;width:100%;padding-top:8px;padding-bottom:9px}
.hdr i{font-size:20px;color:#ffffff;float:left}
.hdr li{float:left;list-style:none;font-size:14px; font-family: 'noto_sansregular';color:#FFFFFF;padding-left:10px}

.hdr1 i{font-size:20px;color:#ffffff;float:left;}
.hdr1 li{float:left;list-style:none;font-size:14px; font-family: 'noto_sansregular';color:#FFFFFF;padding-left:10px}
.hdr2 i{padding-left:20px;font-size:17px;color:#ffffff}
.express{background-color:#f3f3f5;float:left;width:100%;padding-top:8px;padding-bottom:10px}
.menu{padding-top:30px}
.nav-link{color:#000000 !important;font-size:14px; font-family: 'noto_sansbold';margin-left:25px;}
.navbar-expand-lg .navbar-nav .nav-link {padding:0px}
.nav-link:hover{padding-top:10px}

.source{background-image:url(../imgs/phn.jpg);background-repeat:repeat-y;float:left;width:100%;margin-top:125px;padding-bottom:60px}
.slider-btm{ width:100%; float:left; position:absolute; z-index:4; bottom:0px; left:0;}
.ocean{text-align:center;background-color:#f9f9f9;padding-top:30px;border-radius:5px;width:100%;}
.ocean li{list-style:none;font-size:18px; font-family: 'noto_sansbold';color:#111111;padding-top:25px}
.ocean p{font-size:15px; font-family: 'noto_sansregular';color:#9c9c9c;padding-top:20px;padding-bottom:35px}
.ocean p a{color:#9c9c9c;text-decoration:none}
.ocean li a{color:#111111;text-decoration:none}
.ocean:hover li a{color:#60a9be}
.object{z-index:6;float:left;bottom:-64px;width:100%;position:absolute}
.cart{padding-top:60px;font-size:45px; font-family: 'noto_sansbold';color:#FFFFFF}
.ocean:hover{background-color:#ffffff;box-shadow:0px 2px 2px 2px #e5e5e6;cursor:pointer}
.source li{list-style:none;font-size:15px;font-family: 'noto_sansregular';color:#FFFFFF;padding-top:8px;padding-bottom:30px}



.search{padding:12px 80px 12px 20px;float:left;background-color:#4aa1b6;font-size:14px;font-family: 'noto_sansregular';color:#FFFFFF;border:1px solid #9bcbd8;border-radius:5px}
.button {font-size:14px; font-family: 'noto_sansbold';padding:13px 40px 13px 40px;margin-left:10px;border:none;border-radius:5px;color:#FFFFFF;background-color:#000000}
.phn{margin-top:70px;border:1px solid #9cccd9;text-align:center;padding-top:45px}
.phn li{font-size:34px; font-family: 'noto_sansbold'}
.aero{padding-top:65px;padding-bottom:190px;float:left;width:100%}
.who{font-size:32px;color:#389ab3; font-family: 'noto_sansbold';padding-top:90px}
.aero li{font-size:14px;font-family: 'noto_sansregular';list-style:none;color:#444444;padding-top:10px}
.read li { float:left; font-size:14px;font-family: 'noto_sansregular';padding:10px 25px;background-color:#000;border:none;color:#FFF;border-radius:5px;margin-top:20px; }
.read li a{text-decoration:none;color:#FFFFFF}
.design{position:absolute;z-index:3;width:100%;left:0px;bottom:0px}


.service li{background-color:#f2f8fe;float:left;width:100%;text-align:center;font-size:32px; font-family: 'noto_sansbold';list-style:none;color:#389ab3;}
.sport:hover{box-shadow:4px 4px 8px 4px #dde2e8;cursor:pointer}
.sport{background-color:#FFFFFF;float:left;border:1px solid #ebebeb; margin:0 0 30px;padding:0 20px;}
.center1{background-color:#f2f8fe;float:left;width:100%;padding-bottom:80px;padding-top:40px}
.sport li  {font-size:18px;font-family: 'noto_sansbold';text-align:center;padding-top:30px;list-style:none;}
.sport li a{color:#000000}
.sport:hover li a{color:#60a9be;text-decoration:none}
.sport p{font-size:15px;font-family: 'noto_sansregular';text-align:center;color:#444444;padding-top:15px;padding-bottom:20px}
.sport p a{color:#444444;text-decoration:none}
.custom{padding-top:50px;float:left}
.row li{background-color:#FFFFFF;float:left;width:100%;text-align:center;font-size:32px; font-family: 'noto_sansbold';list-style:none;color:#389ab3;padding-top:35px;padding-bottom:20px}
.row{padding-bottom:40px}
.row1{float:left;padding-right:73px}

.btm1{width:100%;position:absolute;z-index:34}
.btm{background-image:url(../imgs/msg.jpg);float:left;padding-top:60px;padding-bottom:55px;width:100%}
.sub{font-size:25px;font-family: 'noto_sansbold';color:#FFFFFF;}
.btm li{font-size:14px;font-family: 'noto_sansregular';color:#e7e7e7;list-style:none;}
.enter{padding:15px 220px 15px 10px;margin-top:8px;border:1px solid #7c7c7c;font-size:14px;font-family: 'noto_sansregular';float:left;margin-left:25px;background-color:#171717;color:#bbbbbb;border-radius:5px}
.subs{float:left;margin-left:10px;margin-top:8px;padding:17px 55px 15px 55px;font-size:13px;font-family: 'noto_sansbold';color:#FFFFFF;background-color:#389ab3;border:none;border-radius:5px}
.ftr{background-color:#389ab3;float:left;width:100%;margin-top:85px;padding-top:170px}
.ftr1{font-size:18px;font-family: 'noto_sansbold';color:#FFFFFF;padding-bottom:40px}
.ftr li{list-style:none;font-size:15px;font-family: 'noto_sansregular';color:#FFFFFF}
.ftr li a{text-decoration:none;color:#FFFFFF}
.ftr3 li a{list-style:none;text-decoration:none;padding-bottom:10px;color:#FFFFFF;}
.ftr3 li {padding-bottom:15px}
.ftr3 li a:hover{color:#c3eeff}
.ftr4 li{list-style:none;font-size:15px;font-family: 'noto_sansregular';color:#FFFFFF}
.ftr4 li a{text-decoration:none;color:#FFFFFF}
.ftr4 i{color:#fff;padding:10px;/*margin-right:10px;background-color:#FFFFFF;border-radius:22px;border:1px solid #03597c*/}
.ftr4 p{padding-left:47px;font-size:15px;font-family: 'noto_sansregular';color:#FFFFFF}
.ftr4 p a{text-decoration:none;color:#FFFFFF}


.last{margin-top:20px;float:left;width:100%;border-top:1px solid #4ca4bb;padding-top:20px;padding-bottom:30px}
.last li{text-align:center;font-size:14px;font-family: 'noto_sansregular';color:#FFFFFF;list-style:none;}
.text1{position:absolute;width:100%;float:left;z-index:44;bottom:0px;}
.text li{font-size:32px;font-family: 'noto_sansbold';color:#ffffff;list-style:none}
.text li a{text-decoration:none;color:#FFFFFF}
.text{width:100%;background-color:rgba(255, 255, 255, .4);padding-top:10px;padding-left:40px;}
.home{width:100%;background-color:rgba(255, 255, 255, .4);float:left;padding-left:40px}
.home i{font-size:20px;padding-right:10px;color:#cccccc}
.home i:hover{color:#FFFFFF}
.home li{float:left;list-style:none;padding-bottom:20px}

.home li a{float:left;text-decoration:none;color:#cccccc;font-size:15px;font-family: 'noto_sansregular';}
.home li a:hover{color:#FFFFFF}

.are{font-size:32px;font-family: 'noto_sansbold';color:#389ab3;padding-top:40px;padding-bottom:10px}
.express1{list-style:none;font-size:15px;color:#7f7f7f;font-family: 'noto_sansregular';}
.right{padding-top:118px}
.text2{padding-top:50px;font-size:15px;color:#7f7f7f;font-family: 'noto_sansregular';padding-bottom:30px}
.user{background-color:#f6f6f6;float:left;width:100%;padding-left:20px;padding-bottom:10px}
.user li{list-style:none;font-size:18px;font-family: 'noto_sansbold';padding-left:10px;border:none}
.user li a{text-decoration:none;color:#000000}
.user p{  font-family: 'noto_sansitalic';font-size:14px;color:#939393;margin-top:0}
.user p a{color:#939393;text-decoration:none}
.num li{list-style:none;font-size:18px;font-family: 'noto_sansbold';}
.num p{  font-family: 'noto_sansitalic';font-size:14px;color:#939393;margin-top:0}
.email li{list-style:none;font-size:18px;font-family: 'noto_sansbold';}
.email p{  font-family: 'noto_sansitalic';font-size:14px;color:#939393;margin-top:0}
.contact{padding-top:45px}
.muh{padding-top:30px;padding-bottom:10px}
.num{padding-bottom:10px}
.email{padding-bottom:10px}
.map{padding-top:50px;padding-bottom:40px}
.leave{font-size:23px;font-family: 'noto_sansbold';}
.tel{font-size:18px;font-family: 'noto_sansregular';color:#939393;padding-bottom:40px}
.nam{width:100%;float:left;padding:15px 20px 15px 20px;font-size:13.98px;font-family: 'noto_sansregular';color:#444444;border:1px solid #e9e9e9;border-radius:5px}
.phone{margin-bottom:10px;float: left;width: 100%;}
.msg1{width:100%;float:left;padding:15px 20px 60px 20px;border:1px solid #e9e9e9;border-radius:5px;font-size:13.98px;font-family: 'noto_sansregular';color:#444444;}
.send{padding-top:20px;float:left;width:100%;margin-bottom:30px}
.sendmsg{width:100%;float:left;font-size:13.98px;font-family: 'noto_sansbold';color:#FFFFFF;background-color:#389ab3;border:none;padding:15px 0px 15px 0px}
.pl-0, .px-0 {padding-right:10px!important}
.ftr3 i{font-size:18px;}
.ftr3 i:hover{color:#c3eeff}

/* Grow Rotate */
.hvr-grow-rotate {
  
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: 
}


.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	
	font-size: 16px;
	font-size: 1rem;
	
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}


/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

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

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

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

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

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

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

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

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}










   
   
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}
/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}




/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}





/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

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

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}





/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}



/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:before, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
 
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

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

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

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

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.navbar-toggler {padding:5px}

@media only screen and (max-width: 640px){
.btm{padding-top:0px;padding-bottom:10px}
.enter{padding:15px 96px 15px 10px;margin-left:0px}
.object {bottom:0px;position:inherit}
.user {padding-left:0px;margin-bottom:10px}
.hdr1 li {margin-top:-23px;padding-left:20px}
.text li{font-size:22px}
.text{padding-top:0px}
.home li {padding-bottom:0px}
.pl-0,.px-0{padding-right:0px!important}
.row1 {padding-top:20px}
.hdr1 li {display:none}
.hdr1 i {display:none}
.nav-link {margin-left:0px}
.menu{padding-top:10px}
.ocean p {padding-bottom:0px;margin-bottom:10px}
.cart {font-size:26px}
.ml-3 {margin-left:0px !important;margin-top:10px}
.button {margin-left:0px;margin-top:10px}
.phn li {font-size:24px}
.who {padding-top:40px;text-align:center}
.aero {padding-bottom:50px}
.row li {font-size:20px}
.col-12{padding-left:10px}
.subs {margin-left:0px;padding:14px 45px 14px 45px}
.ftr1 {padding-bottom:10px;padding-top:30px;text-align:center}
.btm li {font-size:9px}
.ftr li{text-align:center;width:100%;float:left}
.ftr{margin-top:0px}
.hdr2{text-align:center}
.sub {font-size:14px;padding-top:10px}
.aero li {text-align:center}
.icon{padding-left:71px}
.source {margin-top:25px}
.are {text-align:center;padding-top:20px}
.right {padding-top:30px}
.express1 {text-align:center;}
.user li {font-size:18px}
.user p {font-size:14px}
.leave {text-align:center}
.tel{text-align:center}
.ocean li {font-size:16px}
.ocean p{padding-left:10px}
.ocean{margin-bottom:10px}
dl, ol, ul {margin-top:25px;margin-left:-260px}}

@media only screen and (max-width: 411px){
.btm{padding-top:0px;padding-bottom:10px}
.enter{padding:15px 190px 15px 10px;margin-left:0px}
.object {bottom:0px;position:inherit}
.text li{font-size:22px}

.text{padding-top:0px}
.home li {padding-bottom:0px}
.row1 {padding-top:20px}}





@media only screen and (max-width: 360px){
.btm{padding-top:0px;padding-bottom:10px}
.enter{padding:15px 96px 15px 10px;margin-left:0px}
.object {bottom:0px;position:inherit}
.user {padding-left:0px;margin-bottom:10px}
.hdr1 li {margin-top:-23px;padding-left:20px}
.text li{font-size:22px}
.text{padding-top:0px}
.home li {padding-bottom:0px}
.pl-0,.px-0{padding-right:0px!important}
.row1 {padding-top:20px}
.hdr1 li {display:none}
.hdr1 i {display:none}
.nav-link {margin-left:0px}
.menu{padding-top:10px;padding-left:40px}
.ocean p {padding-bottom:0px;margin-bottom:10px}
.cart {font-size:26px}
.ml-3 {margin-left:0px !important;margin-top:10px}
.button {margin-left:0px;margin-top:10px}
.phn li {font-size:24px}
.who {padding-top:40px;text-align:center}
.aero {padding-bottom:50px}
.row li {font-size:20px}
.col-12{padding-left:10px}
.subs {margin-left:0px;padding:14px 45px 14px 45px}
.ftr1 {padding-bottom:10px;padding-top:30px;text-align:center}
.btm li {font-size:9px}
.ftr li{text-align:center;width:100%;float:left}
.ftr{margin-top:0px}
.hdr2{text-align:center}
.sub {font-size:14px;padding-top:10px}
.aero li {text-align:center}
.icon{padding-left:71px}
.source {margin-top:25px}
.are {text-align:center;padding-top:20px}
.right {padding-top:30px}
.express1 {text-align:center;}
.user li {font-size:18px}
.user p {font-size:14px}
.leave {text-align:center}
.tel{text-align:center}
.ocean li {font-size:16px}
.ocean p{padding-left:10px}
.ocean{margin-bottom:10px}
dl, ol, ul {margin-top:25px;margin-left:-260px}}




@media only screen and (max-width: 320px){
.btm{padding-top:0px;padding-bottom:10px}
.enter{padding:15px 96px 15px 10px;margin-left:0px}
.object {bottom:0px;position:inherit}
.user {padding-left:0px;margin-bottom:10px}
.hdr1 li {margin-top:-23px;padding-left:20px}
.text li{font-size:22px}
.text{padding-top:0px}
.home li {padding-bottom:0px}
.pl-0,.px-0{padding-right:0px!important}
.row1 {padding-top:30px;padding-right:0px;text-align:center;width:100%}
.hdr1 li {display:none}
.hdr1 i {display:none}
.nav-link {margin-left:0px}
.menu{padding-top:10px;padding-left:40px}
.ocean p {padding-bottom:0px;margin-bottom:10px}
.cart {font-size:26px}
.ml-3 {margin-left:0px !important;margin-top:10px}
.button {margin-left:0px;margin-top:10px}
.phn li {font-size:24px}
.who {padding-top:40px;text-align:center}
.aero {padding-bottom:50px}
.row li {font-size:20px}
.col-12{padding-left:10px}
.subs {margin-left:0px;padding:14px 45px 14px 45px}
.ftr1 {padding-bottom:10px;padding-top:30px;text-align:center}
.btm li {font-size:9px}
.ftr li{text-align:center;width:100%;float:left}
.ftr{margin-top:0px}
.hdr2{text-align:center}
.sub {font-size:14px;padding-top:10px}
.aero li {text-align:center}
.icon{padding-left:71px}
.source {margin-top:25px}
.are {text-align:center;padding-top:20px}
.right {padding-top:30px}
.express1 {text-align:center;}
.user li {font-size:18px}
.user p {font-size:14px}
.leave {text-align:center}
.tel{text-align:center}
.ocean li {font-size:16px}
.ocean p{padding-left:10px}
.ocean{margin-bottom:10px}
dl, ol, ul {margin-top:25px;margin-left:-260px}
.sport p {padding-left:18px}
.row2{padding-top:20px}}