h1,h2,h3,h4,h5,h6{
  font-family: "League Spartan", sans-serif;
  font-weight:600;
}
a{ text-decoration: none;}
.nav a{
  color: #f1b318;
}
.nav a:active{
  background-color: #000;
}
{
      background: linear-gradient(135deg, #f1b318 0%, #db7824 100%);
    color: #f2f2f2;
    border-radius: 0px;
}
.site-title h2{
  color: #f1b318;
}

.site-text-red{
  color: #f1b318;
}

.product_slider  img{
 max-width: 100%!important; 
}

#product .card-body{ padding: 0.25rem !important;}
.owl-carousel .owl-item img{
  width: auto;
  max-width: 100%;
}
.btn-site{
  color: #fff !important;
    background: linear-gradient(135deg, #f1b318 0%, #db7824 100%);
}

.product_slider img{ max-height:150px;  max-width: 100%!important; margin:8px auto;}
.product_slider .card{ width:96%;}
.product_slider  ul{ margin:0px; margin-top:10px;padding:0px; list-style:none;}
.product_slider  ul li{ border-bottom:1px dotted #eee; margin-top:10px; color:#444; font-size:14px;}
.product_slider h4{ font-size:18px; font-family: 'Roboto', Helvetica, Arial, sans-serif;}
.product_slider a{ font-size:12px!important;}
.img-box{ border-bottom:1px solid #eee; margin-bottom:20px;}
.product_slider .btn{
  
      background: linear-gradient(135deg, #f1b318 0%, #db7824 100%);
  color: #f2f2f2;
  border-radius: 0px;
  border: 0px;
  font-style: .8rem;}

.font-24{ font-size: 24px; }
.white-plain-bg{ background-color:#fff; }
h2{ font-size: 32px; line-height:34px; color: #f1b318;} 
#sp-top{ background-color: #bb1e23; padding:15px; }
.navbar{  z-index: 9999;}
 .header-top{overflow: hidden; }
 
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color:#fff!important; 
  background: linear-gradient(135deg, #f1b318 0%,#db7824 100%);
  
}
.top-info{
    background: linear-gradient(rgba(232, 95, 25,0.9), rgba(242, 87, 9, 0.96)); 
	padding:7px 20px;
	
color: #fff; }

.sticky {position: fixed; top: 0; width: 100%; z-index: 999;}
.bg-green-effect{   min-height:400px; background: linear-gradient(rgba(166, 195, 17, 0.92), rgba(166, 195, 17, .96))}
.orange-container{ 
    margin-top: 120px;
clip-path: circle(63.8% at 50% 77%);
clip: rect(10px, 20px, 30px, 40px);
background: linear-gradient(rgba(166, 195, 17, 0.92), 
    rgba(166, 195, 17, .96))

}
.off-white{ color: #f2f2f2; }
.text-orange{ color: #f1b318; }
.off-orange{ color: #f1b318; }

.content .img-box img{ max-height: 250px;}
.text-yellow{color: #FFD700;}

.nav-link{font-weight: bold!important; margin-left:5px; color: #333!important;}

#slider{ height:100vh; }
.pdtb-90{padding-top: 90px; padding-bottom: 90px;}
.pdt-90{padding-top: 90px;}

  .media .fa{width:50px; color:rgb(255, 255, 255); 
    text-align:center; background:linear-gradient(135deg, #f1b318 0%, #db7824 100%)
    ; padding:8px; margin-right:4px; border-radius:25px;}

.service-list{ width: 98%; border:1px solid #f2f2f2; padding:10px 20px; 
 transition: background 1s;}
.service-list:hover{background-color:rgba(0,0,0,.5);  }
.service-img{ text-align: center; margin-top: -50px; }
.service-content{ margin-top: 25px; }
.service-content h2{ color: #fff;  font-size: 20px; }
.service-content p{ color: #fff;  text-align: justify:  ; }
.service-list a:hover{ background-color: #fff; text-decoration:none;  }
.prosess-box {
    width: 96%;
    margin: 20px auto 0px;
    border: 4px solid rgb(253, 69, 69);
    padding: 20px;
    box-shadow: 2px 5px 10px #ccc;
    background: rgba(255,255,255,.8);
    margin:90px;

}
.appoin{
    
    background:url('../img/jb.png');
    background-color: #FFD700;
    
    background-repeat: no-repeat;
    background-position: top right;

}
.prosess-box h2 {
    margin: -35px 0px 35px;
    background: #fff;
    padding: 0px 15px;
    max-height: 350px;
    text-align: center;
    color: rgb(255, 47, 0);
    font-family: Oswald,sans-serif;
    font-weight: 500;
    color: #FFD700;
    text-transform: capitalize;
    line-height: 48px;
    text-align: center;
    font-size: 32px;
    
}
.bg-green{ background: #FFD700; }

.site-title{ text-align: center;  width: 100%; padding-bottom: 50px;}

. 
.prosess-box h4 {
    font-family: Oswald,sans-serif;
    font-weight: 500;
    color: rgb(255, 47, 0);
    text-transform: capitalize;
    font-size: 22px;
}
.prosess-box p {
    color: #212529;
    line-height: 30px;
    text-align: justify;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}


.about{ 
    background-position: left bottom;
    background-size: 50%;
    background-repeat: no-repeat;
        padding-top:90px;}

.milestone-header{ background-color: red; min-height:400px; padding-bottom: 90px; 
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 1, 0, .96)), url(../img/family.png); 
background-repeat: no-repeat; background-size:cover; background-position:center;
padding:100px 0px 100px;
text-align: center;
color: #fff;
font-weight: bold;
}
.milestone-slider{ min-height: 350px; padding-top: 50px; margin-top: -90px; 

background: linear-gradient(rgba(253, 69, 69,0.9), rgba(253, 69, 69, 0.96));
 
}
.milestone-header p { color:#f2f2f2;}
.carousel{ min-height: 200px; }
.orange-container{
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 1, 0, .96)), url(../img/x.svg); 

}

.scheam{
    padding: 120px 0px; 
}

.green-bg{background: linear-gradient(rgba(166, 195, 17, 0.92), rgba(166, 195, 17, 0.96));}
.orange-bg{
  background: linear-gradient(135deg, #f1b318 0%, #db7824 100%);}
.white-bg{background: linear-gradient(rgba(255, 255, 255,0.9), rgba(241, 241, 241, 0.96));}
.flip-card {
  background-color: transparent;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  height: 280px;

  margin-top: -80px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}


/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}

.post-card  .entry-footer{ background:none; border-top: 1px solid ##fffbf7;}

.post-card .entry-meta  {
    position: absolute;
    background: rgba(253, 69, 69, 1.0);
    top: -15px;
    left:25px;
    color: #fff;
    text-align:center;
    padding: 5px 15px;
    font-weight: 700;
}

.product_slider{ padding: 30px 0px; }
.post.hentry{margin:0px;}
.post-card article{border:1px solid #ccc;}
.entry-summary{padding:20px  10px;} 
.entry-summary h3 a{
font-family: Oswald,sans-serif;
    font-weight: 500;
    color: rgba(253, 69, 69, 1.0);
    text-transform: capitalize;
    font-size: 18px;
    }
.entry-summary h3 a:hover{color: #666;}

.team {
    padding: 90px 0px;
}
.team ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.team ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center
}
.team img { width:90%; margin:0px auto; }
.team-card {background: #fff; position: inherit; margin: -20px 10%; padding: 20px; width: 80%; border: 1px solid #ccc;}
.team h5 {color: rgb(253, 69, 69);font-size: 16px;}



.shadow {
  width: 100%;
  

  }
  .shadow .top {
    box-shadow: 0px -15px 10px -15px #111;    
  }
  .shadow.bottom {
    box-shadow: 0px 15px 10px -15px #111;    
  }
  .shadow .left {
    box-shadow: -15px 0px 10px -15px #111;    
  }
  .shadow  .right {
    box-shadow: 15px 0px 10px -15px #111;    
  }



footer{ 
  padding:60px 0px 20px; border-top:2px solid #fff; 

  

  background: linear-gradient(135deg, #f1b318 0%, #db7824 100%);
    padding: 60px 0px 20px;
    
    

    }
footer h2{ font-size:18px; font-weight: bold; color:#f8f8f8; }
footer ul{ padding:0px; }
footer ul li{ padding:0px; margin:0px; list-style: none; }
footer  ul li a{ color: #f8f8f8; font-size:14px; line-height: 28px; cursor: pointer; text-transform: capitalize; text-decoration: none;}
footer ul li a:hover{ padding-right:5px; color: #f2f2f2; text-decoration: none;}
footer  ul li a:before { float: left; margin-right: 0.7em; color: #f8f8f8; content: '\f35a'; font-family: "Font Awesome 5 Free";}
footer p { color: #f8f8f8; }
address ,address a{     color: #f8f8f8;
    font-size: 14px;
    line-height: 28px;
    cursor: pointer; }
address .fa{ margin-right: 5px; }
.block-1{ display: block; margin-bottom: 5px; }
.contact-list{margin:0px; padding:0px; }
.contact-list li{ list-style:none; margin:0px; padding:0px; color:#444;
font-size: 14px;
    line-height: 28px;}
.footer-btm{padding-top: 20px; margin-top: 30px; 
  border-top: 1px solid #ccc;
  color: #f2f2f2;
}
.fixed-social ul li{     display: inline; }
.fixed-social ul li a{  padding:10px; border:1px solid #ccc; color: #666;}
.fixed-social ul li a:hover {
  background-color: #FFD700; color: #fff;
}


.list-group-item.active{border-color:#ccc; background-color: #000;}
	
	.list-group-item a{ color: #000, impo !important;; text-transform:capitalize;}
	.list-group-item{ color:rgba(255, 86, 23); border-color:#ccc; color:#111;}
	#about{ padding-top:110px; padding-bottom:100px;}
	.figure-fullwidth img {
    height: auto;
    width: 100%;
    max-width: 100%;
	background:#f6f2d8;
}
.home-slider img{
  width: 100%;
}


.carousel-control.left, .carousel-control.right{background:none;}
.logo_slider{border:5px solid #f8f8f8; box-shadow:2px 5px 10px #eee; margin:20px 0px;}

.galery{ padding: 90px 0px 120px; 
  background-color: rgb(255, 215, 0);
background: linear-gradient(rgba(255, 215, 0, 0.9), rgba( 255, 215, 0, 0.96)); 
background-size: 100% 70%; background-repeat: no-repeat; background-position: bottom;}
p{ color: #444; font-size: 14px; line-height: 28px;  }
.product img{ max-height: 180px!important;}
.product h4{ color: #f1b318; font-size: 16px; margin-top: 10px;}
.product .btn{  background: linear-gradient(135deg, #f1b318 0%, #db7824 100%);
    color: #f2f2f2;
    border-radius: 0px;
    font-style: .8rem;}
.btn-black{ background:#000; color:#fff;}
.carousel-caption{ padding-bottom:250px!important;}
.carousel-caption h2{ font-size:44px;      font-family: 'Oswald', sans-serif; color:#D52D1E; text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;}
.carousel-caption .text-white{ font-family: 'Oleo Script', cursive; font-size:36px; color:#39318!important;}
.social-icon{ margin:20px 0px; }
.social-icon a{ text-align: center;}
.social-icon .fab{ font-size:18px; width:30px; 
    height:30px; color:#fff; line-height:30px; 
    border:1px solid #fff;
    

    -webkit-transition: background .5s ease-in-out,color .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,color .5s ease-in-out;
    transition: background .5s ease-in-out,color .5s ease-in-out;
	}
.social-icon .fab:hover{background:#FFD700; 
    border:1px solid #FFD700; color:#fff;}

.back-to-top .fa{color:#fff;}
.back-to-top{
    
  cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #000;
    border: 0px;
	border:1px solid #fff;
}
.back-to-top:hover{
  cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #000;
    border: 0px;
	border:1px solid #fff;
}
.content ul,.content  li{ margin:0px; padding:0px; list-style:none; line-height: 28px; color:#444;}
.content ul,.content  li:before{margin-right: 7px;
color: #FFD700;
    content: '\f0a4';
    font-family: "Font Awesome 5 Free";}
.whatsapp {
  height:45px;
  width:45px;
  text-align: center;
    cursor: pointer;
    position: fixed;
    bottom: 70px;
    right: 20px;
    background: #01e675;
    border: 0px;
    z-index: 999;
    padding: 10px;
    color: #fff;
    border-radius: 20px;
    border: 1px solid #fff;
}


hr {
    margin: 0 auto;
}
.form-control{border-radius:0px;
height:40px;
}
.btn-default{border-radius:0px;}

     
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

 .page-header_1{
       background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.7)), url(../img/sea_freigt.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    padding-top: 120px;
    padding-bottom: 120px;
  margin-bottom:50px;}
  .page-header_1 p{ color:#f2f2f2;
  }

.list-group-item{ color:#666;}
.list-group-item.active{
 background: linear-gradient(135deg, #f1b318 0%, #db7824 100%);
   border:0px solid #FFD700;}



#product img{ max-height:150px; width:auto; margin:8px auto;}
#product .card{ width:96%;}
#product  ul{ margin:0px; margin-top:10px;padding:0px; list-style:none;}
#product  ul li{ border-bottom:1px dotted #eee; margin-top:10px; color:#444; font-size:14px;}
#product h4{ font-size:18px;}
.img-box{ border-bottom:1px solid #eee; margin-bottom:8px; text-align:center;}
#product .btn{ color:#fff; background:#FFD700;}
.list-group li{ list-style:none;

.btn-black{ color: #fff!important;  }



@media only screen and (max-width: 600px) {
.pdtb-90 {
    padding-top: 30px;
    padding-bottom: 10px;
}
.top-banner{margin-top:0px;}


.nav-link{color: #fff!important;}
.site-title{ padding-bottom:10px;}
.page-header_1{ margin-bottom:10px;}
.carousel-caption{ top:0px;}
.carousel-caption .text-white{font-size:20px;}
	
}
.banner-card {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  min-height: 220px;
}

.banner-img {
  position: absolute;
  right: 10px;
  bottom: 10px;
  max-width: 50%;
  overflow: hidden;
}

.zoom-img {
  transition: transform 0.5s ease;
}

.zoom-img:hover {
  transform: scale(1.12);
}