#ui-datepicker-div{width:250px;background:#ffffff;padding:15px;box-shadow: 1px 2px 5px #ccc;border-radius: 8px;}
.ui-datepicker-calendar{width:100%}
table td p{margin-bottom:0}
.personabar-visible .sidebar-menu{
   margin-left:80px
}
.maxw100flex-992{
   width:calc(100% - 300px);
   margin-left:300px;
}
ul#contact-infor {list-style:none}
h2.banner-title{    
    font-size: 3rem;
    font-weight: 800;     
    color: white;
    text-shadow: -2px -2px 0 #444, 2px -2px 0 #444, -2px 3px 0 #444, 3px 3px 0 #444;
    background: url(/images/ship-rudder-label.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 140px 0;
    background-size: contain;
}
.banner-content{
    margin-top:-100px;
    font-size: 20px;
    font-weight: 700;
    font-family: tahoma !important;    
    color: white;
    text-shadow: -1px -1px 0 #444, 1px -1px 0 #444, -1px 2px 0 #444, 1px 1px 0 #444;
    
}
.gallery_item{
		margin-bottom: 30px;
		position: relative;
	}
	.gallery_item .gallery_overlay{
		background-color: rgba(255, 90, 95, .8);
		border-radius: 5px;
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}
	.gallery_item:hover .gallery_overlay{
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
	.gallery_item .gallery_overlay .icon{
	    bottom: 0;
	    left: 0;
		position: absolute;
	    right: 0;
	    top: 35%;
	    text-align: center;
	}
	.gallery_item .gallery_overlay .icon span{
		color: #ffffff;
		font-size: 50px;
	}


.bd0{border:0}

.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w150{width:150px}
.w200{width:200px}
.w300{width:300px}
.w800{width:800px}
.ha{height:auto}
.h550{height:550px}
.t0{top:0%}
.t10{top:10%}
.t20{top:20%}
.t30{top:30%}
.t40{top:40%}
.t50{top:50%}

.tool{margin-bottom:10px}
.tool li{
    background-color: #fff;
    border-radius: 8px;
    line-height: 45px;    
    text-align: center;    
    padding: 0 10px;
    margin:0 !important;
    position:relative;
}
.tool li:hover{
   box-shadow:0 1px 2px #ccc;
   background:#fff
}
.tool li img{
    width:22px;
}
.object-fit{
    position: absolute;
    object-fit: cover;
    height: 100%;
}
.num_note{
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-color: rgb(252, 68, 90);
    color: #ffffff;
    font-size: 10px;
    font-family: "Lato";
    line-height: 17px;
    height: 21px;
    position: absolute;
    right: -25%;
    text-align: center;
    top: 5px;
    width: 21px;
    z-index:9
}
.msg-alert{
    position: fixed;
    background-color: #145ea8;
    opacity: 0.9;
    height: 100px;
    width: 340px;
    padding: 30px;
    color: #fff;
    top: 20%;
    left: 50%;
    z-index: 9;
    margin-left: -170px;
    border-radius: 3px;
    transition: all 0.3s;
}
.icon-bar {
  z-index:9999;
  position: fixed;
  top: 50%;
  right:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border:1px solid #ededed;
  padding:5px 5px 5px 5px;
  border-radius:15px 0px 0px 15px;
  background:#fff;
}

.icon-bar a {
  width:35px;
  height:35px; 
  line-height:8px; 
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 15px;
  margin-bottom:5px
}
.icon-bar a:last-child {
    margin-bottom: 0;
    font-size: 15px;
    text-align: center;
    padding: 0;
    line-height: 34px;
    color:#fff
}

.phone {
  background: #209f00;
  color: white;
  border-radius:50%
}
.facebook {
  background: #3B5998;
  color: white;
  border-radius:50%
}

.twitter {
  background: #55ACEE;
  color: white;
  border-radius:50%
}

.google {
  background: #dd4b39;
  color: white;
  border-radius:50%
}

.linkedin {
  background: #007bb5;
  color: white;
  border-radius:50%
}

.youtube {
  background: #bb0000;
  color: white;
  border-radius:50%
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:80px;
    height:80px;
    top:-18px;
    left:-18px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2 ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:50px;
    height:50px;
    top:-3px;
    left:-3px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:35px;
    height:35px;
    top:5px;
    left:5px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(/images/phone.png) no-repeat center center;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
    background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@media (max-width: 1440px) {
   h2.banner-title
    {
      	font-size:2.5rem;
	padding:90px 0;
    }
    .banner-content{
        font-size:16px;
        margin-top:-60px;
    }
}

@media (max-width: 1200px) {   
    .home3_home_content{
        padding:150px 0;
    }
    h2.banner-title
    {
      	font-size:2rem;	
    }
    .banner-content{
        font-weight:400;
        padding:0 100px;
    }
}
@media (max-width: 768px) {
    
    h2.banner-title
    {
      	font-size:1.3rem;
	padding:55px 0;	
    }
    .banner-content{
        font-weight:400;
        padding:0 20px;
    }
.home10-mainslider img{height:300px; object-fit:cover}
}
@media (max-width: 425px) {
   h2.banner-title
    {
      	font-size:1rem;
	padding:55px 0;	
    }
    .banner-content{
        font-weight:400;
        padding:0px;
    }
    
}