@font-face {
	font-family: raleway-regular;
	src: url(fonts/Raleway-Regular.ttf);
}
@font-face {
	font-family: raleway-bold;
	src: url(fonts/Raleway-Bold.ttf);
}
@font-face {
	font-family: raleway-extra-bold;
	src: url(fonts/Raleway-ExtraBold.ttf);
}
@font-face {
	font-family: fineday-styletwo;
	src: url(fonts/Fineday-StyleTwo.ttf);
}
.judulkarir{
	color: #12453e;
    font-family: raleway-bold;
    margin-bottom: 30px;
	font-size: 25px;
}
.karir ul li::before {
    content: "";
    background: #12453e;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: -40px;
    margin-right: 10px;
  }
  .karir ul li{
	font-family: raleway-regular;
  }
ul.listberita li a {
    display: block;
    color: #134540;
    padding: 10px 0 10px 25px;
    border-bottom: 1px solid #134540;
    margin-bottom: 10px;
    text-decoration: none;
    font-family: 'raleway-regular';
    font-weight: 600;
    text-transform: capitalize;
	/* margin-left: 25px; */
}
ul.listberita{
	padding: 0;
}
ul.listberita li a:before {
	content: " ";
    background-image: url(../arrow-01.svg);
    display: block;
    width: 7px;
    height: 11px;
    position: absolute;
    margin-top: 7px;
	margin-left: -25px;
}

.judulberita{
	font-family: 'raleway-bold';
    font-weight: 600;
	color: #134540;
	border-bottom: 1px solid #000;
    padding-bottom: 25px;
	text-transform: capitalize;
}

.bigimg{
    display: none; 
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    background: #fff9;
    left: 0;
    z-index: 99;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bigimg img {
    width: auto !important;
    max-height: 90vh;
}
.other-categories-caption p {
    height: 70px;
}
textarea:focus, input:focus{
    outline: none;
}
table{
	font-family: raleway-regular;
}

.text-wrapper {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 40px;
	padding: 10px 3%;
	bottom: 0;
	background: rgba(0,0,0,.4);
}

.card-columns a:hover {
	color:#DDC09A
}

p {
	font-family: raleway-regular;
 }
nav a {
	color: #dfbe92;
	font-family: raleway-regular;
}
nav a:hover {
	color: white;
}
.page-product a{
	color:unset;
}
.page-product a:hover{
	color:#12453E;
	text-decoration:none;
}

footer a{
	color:#d1cc96;
}
footer a:hover{
	color:#957544;
	text-decoration:none;
}

.recipe a {
	color:unset;
}
.recipe a:hover{
	color:#12453E;
	text-decoration:none;
}

.input-recipe-search {
	border:none;
	border-bottom: 2px solid #134540;
	padding: 5px 10px;
	outline: none;
	width:50%;
	font-family:raleway-regular;
}

[placeholder]:focus::-webkit-input-placeholder {
	transition: text-indent 0.4s 0.4s ease; 
	text-indent: -100%;
	opacity: 1;
}

.product-other a {
	color:unset;
}
.product-other a:hover{
	color:#12453E;
	text-decoration:none;
}
.overlay a {
	color:unset;
}
.overlay a:hover{
	color:#12453E;
	text-decoration:none;
}

.row{
	margin-left:unset;
	margin-right:unset;
}
.z-index-1{
	z-index:1;
}
.home-page p{
	line-height: 1.7;
}
.about-pages p{
	line-height: 1.7;
}

.btn {
	font-size: 19px;
	font-weight: 500;
	line-height: 40px;
	background: #12453e;
	color: #d1cc96;
	text-shadow: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	padding: 5px 15px;
	text-transform: uppercase;
	font-family: raleway-extra-bold;
}
.btn:hover{
	background:#d1cc96 !important ;
	color: #12453e !important ;
}
.home-angle-right{
	font-size: 20px;
	margin-left: 10px;
	font-weight: 500;
}

.camera_wrap.camera_azure_skin{
	margin-bottom:unset !important;
}

.set-height-navbar{
	height:75px;
}
.navbar-brand img{
margin-top: 2px;
    width: 38%;
}
.set-nav-bg {
    background: #134540;
    position: fixed;
    z-index: 99;
    width: 100%;
    top:0;
}
a.wafooter {
    position: fixed;
    z-index: 999999;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 55px;
}
body {
    margin-top: 91px;
}
.modif-nav-ul{
	text-transform: uppercase;
	font-size: 19px;
}
ul li.nav-item{
	padding: 0 10px;
}
ul li.nav-item.active a{
	color:white;
	display: inline-block;
	position: relative;
}
ul li.nav-item.active a:after{
	position: absolute;
	content: '';
	border-bottom: 3px solid red;
	width: 90%;
	transform: translateX(-50%);
	bottom: -23px;
	left: 51%;
}

.dropdown-divider.active {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 3px solid red;
}

.nav-border-search{
	border-left: 1px solid gray;
	padding-left: 10px;
	border-right: 1px solid gray;
	padding-right: 10px;
}

.home-welcome{
	background:#12453e;
}
.home-welcome h1{
	color: #d0d7ab;
	text-transform:uppercase;
	font-family: raleway-extra-bold;
	font-size: 34px;
}
.home-about h1{
	color: #d0d7ab;
	text-transform:uppercase;
	font-family: raleway-extra-bold;
	font-size: 34px;
}
.home-welcome p{
	color: white;
	text-align:justify;
}
.home-about p{
	color: white;
}

.welcome-text {
    padding: 50px 45px;
}
.home-welcome p {
	/*padding-right: 150px;*/
}

.set-offset-top{
	margin-top: -75px;
}

.bg-about-page-home {
    background: #767e67;
    padding: 10px 295px 10px 60px;
    text-align: justify;
}
.bg-about-page-about {
	padding: 10px 290px 10px 90px;
    text-align: justify;
}

.txt-over-img-1{
	/* display: inline-block; */
	background: #333;
	color: #fff;
	text-shadow: none;
	border: none;
	background: rgba(51,51,51,.9);
	padding: 43px 45px;
	text-align: left;
	width: 610px;
	opacity: 0.85;
}
.txt-over-img-1 p{
	text-align: justify;
}

.txt-over-img-container-1{
	margin-top: -267px; 
	margin-bottom: -50px;
}

footer{
	background:#12453e;
	padding: 50px 0;
}

footer .profile p{
	color: #d1cc96;
	padding: 15px 35px 0px 0px;
}

footer .copyright p{
	color:white;
}

ul {
  list-style: none;
}

footer .list-product ul li::before {
  content: "\f105";
  font: 16px/27px FontAwesome;
  color: #dfbe92;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
	  margin: 12px 0px;
}

footer .style-h4{
	font-size: 1.5rem;
	color: white;
	margin-left: 40px;
	font-family: raleway-bold;
}

.social li {
	display: inline-block;
	list-style-type: none;
	margin: 0;
}
.social li a {
	width: 45px;
	height: 45px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #957544;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	color: #12453e;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
}
.social li a:hover {
	text-decoration:none;
}
.social li+li {
	margin-left: 10px;
}

.dropdown-toggle::after {
	display: none;
}

.navbar-dark .navbar-nav .nav-link {
	color: #DDC09A;
	font-family: raleway-bold;
}

.img-fluid{
	width:100%;
}
.home-our-product h1{
	text-transform:uppercase;
}
.content-1 h1{
	color:#cf9275;
	text-transform:uppercase;
	font-family: raleway-extra-bold;
}
.content-2 h1{
	color:#ded39b;
	text-transform:uppercase;
	font-family: raleway-extra-bold;
}
.content-3 h1{
	color:black;
	text-transform:uppercase;
	font-family: raleway-extra-bold;
}
.content-4 h1{
	color:black;
	text-transform:uppercase;
	font-family: raleway-extra-bold;
}
/* .content-4 p{
	color:black;
} */
.img-qc{
	width:63%;
}
.home-our-product{
	font-family: raleway-extra-bold;
}

.slide-title p{
	font-size:70px;
	line-height: 1.1;
	font-family: raleway-bold;
    -webkit-text-stroke-color: #957544;
    -webkit-text-stroke-width: 2px;
}
.slide-title p span {
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
}
.home-about{
	background: #767e67;
}

/* Page about*/

.about-first{
	background: #947647;
}
.about-first p{
	color: white;
}
.about-first h1{
	color: #ddd59a; 
	text-transform:uppercase;
	font-family: raleway-extra-bold;
	margin-bottom: 25px;
	text-align: left;
}

.about-third{
	background: #767a63;
}

.about-left-desc{
	padding: 80px 200px 80px 0;
    text-align: justify;
}
.about-second{
	background:#dadada;
}
.about-second p{
	text-align: justify;
}
.about-second img{
	width:80%;
	padding: 50px 0;
}

.about-third p{
	color: white;
	text-align:justify;
}

.banner-buttom-thumbnail {
	position: relative;
	display: inline-block;
}

.banner-buttom-caption {
	position: absolute;
	top: 36%;
	left: 29%;
	transform: translate( -50%, -50% );
	color: white;
	font-weight: bold;
}
.banner-buttom-caption h1{
	text-transform:uppercase;
	font-family:raleway-extra-bold;
	color: #ddd59a;
}
.banner-buttom-caption div{
	padding:15px 0;
}
.banner-buttom-caption button{
	background:#ab1c2c;
}

/* Vision */
.vision-second .about-left-desc{
	padding:50px 0 50px 0;
}
.vision-second h1{
	text-transform:uppercase;
	font-family:raleway-extra-bold;
	margin-bottom:25px;
	text-align: left;
}
.vision-third{
	background: #12453e;
	padding:75px 0;
	text-align:center;
	color:white;
}
.vision-third img{
	width:65%;
}
.vision-third h4{
	padding:25px 0;
	text-transform:uppercase;
	font-family:raleway-bold;
	margin-top:25px;
}
.vision-second img {
    width: 80%;
    padding: 50px 0;
}

/* Service */

.service-third{
	background: #757c67;
}

.service-third h1 {
    color: #ddd59a;
    text-transform: uppercase;
    font-family: raleway-extra-bold;
    margin-bottom: 25px;
}
.service-third  p {
    text-align:justify;
}

.service-third  img{
    padding:50px 0;
}

.service-fourth{
	background:#12453e;
}
.service-fourth h1 {
    color: #ddd59a;
    text-transform: uppercase;
    font-family: raleway-extra-bold;
    margin-bottom: 25px;
    text-align: left;
}
.service-fourth p{
	color:white;
}
.about-second h1 {
    color: #12453e;
    text-transform: uppercase;
    font-family: raleway-extra-bold;
    margin-bottom: 25px;
}

/* company */
.company-first{
	background: #dadada;
	padding: 75px 25px 0;
}
.company-first p{
	text-align: justify;
}
.company-first h4{
	font-family: raleway-bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.company-first h1 {
    color: #12453e;
    text-transform: uppercase;
    font-family: raleway-extra-bold;
    margin-bottom: 25px;
}
.modif-hr{
	width:95%;
	border: 1px solid #bbbdbe;
}
.company-second {
    background: #12453e;
    padding: 75px 25px 0;
}
.company-second p{
	color:white;
	text-align: justify;
}
.company-second h4{
	font-family: raleway-bold;
	text-transform: uppercase;
	margin-bottom: 25px;
	color:white;
}
.company-second h1 {
    color: #ddd59a;
    text-transform: uppercase;
    font-family: raleway-extra-bold;
	margin-bottom: 25px;
	text-align: right;
}

/* Product */

.pagination{
	font-family:raleway-regular;
}

.product-first{
	background: #12453e;
}

.product-first h1 {
    color: #ddd59a;
    text-transform: uppercase;
    font-family: raleway-extra-bold;
    margin-bottom: 25px;
}
.product-first p {
    color: white;
    text-align: justify;
}


.vertical-line {
	border-left: thick solid #A81E2D;
}
.vertical-line h4{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 25px;
	font-family: raleway-bold;
}

/* Form Search */

form.page-product input[type=text] {
	padding: 10px;
	font-size: 17px;
	border: 1px solid #bbbdbe;
	float: left;
	width: 80%;
	font-family: raleway-regular;
}

form.page-product button {
	float: left;
	width: 20%;
	padding: 10px;
	background: #12453e;
	color: white;
	font-size: 17px;
	border: 1px solid #bbbdbe;
	border-left: none;
	cursor: pointer;
}

form.page-product button:hover {
	background: #957544;
}

form.page-product::after {
	content: "";
	clear: both;
	display: table;
}

/* End Form Search */

/* Checkbox */
.container-checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 17px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: raleway-regular;
	border-bottom: 1px solid #bbbdbe;
	padding-bottom: 15px;
}

	/* Hide the browser's default checkbox */
.container-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

	/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border:1px solid #bbbdbe;
	
}

	/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
	background-color: #ccc;
}

	/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
	background-color: #12453E;
}

	/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

	/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
	display: block;
}

	/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* End Checkbox */

.showing-product{
	border-bottom: 1px solid #bbbdbe;
	width: 94%;
	text-align: right;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:3%;
}


.image-product{
	padding: 25px;
}

.image-product img{
	border: 1px solid #bbbdbe;
}

.page-item.active .page-link {
    background-color: #12453E;
    border-color: #12453E;
}
.page-link {
	color: #12453E;
}
.product-other-catgeories h1{
	color: #12453e;
	text-transform: uppercase;
	font-family: raleway-extra-bold;
	margin-bottom: 25px;
}

.other-categories-thumbnail{
	position: relative;
	display: inline-block;
	padding:15px;
}
.other-categories-caption {
	position: absolute;
	top: 68%;
	left: 12%;
	/* transform: translate( -50%, -50% ); */
	color: white;
	font-weight: bold;
	padding-right: 50px;
	text-align:justify;
}
.other-categories-caption h4{
	color: black;
	font-family: raleway-bold;
}
.other-categories-caption p{
	color: black;
}
.other-categories-caption button{
	padding: 5px 35px;
}

/* Product-detail */

.product-detail-first h1{
	color: #12453e;
	text-transform: uppercase;
	font-family: raleway-extra-bold;
	margin-bottom: 25px;
}
.product-detail-first p{
	text-align: justify;
}
.product-detail-first .social{
	padding: 0;
	display: flex;
	margin-bottom: 0;
}
.product-detail-first .social p{
	margin-right:20px;
}
.product-detail-first .social li a {
	width: 30px;
	height: 30px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #957544;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #12453e;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
}
.product-detail-first tr.border_bottom td {
	border-bottom:1pt solid #bbbdbe;
	padding: 10px 10px 10px 0;
}
.product-detail-first tr.border_top td {
	border-top:1pt solid #bbbdbe;
}
tr .set-width {
	width:40%;
}

.product-other h1{
	color: #12453e;
	text-transform: uppercase;
	font-family: raleway-extra-bold;
	margin-bottom: 25px;
}
.product-other img{
	border: 1pt solid #bbbdbe;
	width: 95%;
}

/* owl */

.owl-nav{
	text-align:center;
}
.owl-nav .fa{
	font-size:20px;
	padding:5px;
}

/* Contact */

.contact-us .set-pdr{
	padding-right:0;
}
.page-contact table tr td{
	padding: 5px 5px 0 10px;
	font-family:raleway-regular;
}
.page-contact table tr td.icon{
	vertical-align:top;
	font-size:18px;
}

.page-contact .contact-us input{
	border : 1px solid #bbbdbe;
	padding :5px 15px;
	font-family: raleway-regular;
	width:100%;
}
.page-contact .contact-us textarea{
	border : 1px solid #bbbdbe;
	padding :5px 15px;
	font-family: raleway-regular;
	width:100%;
	color:grey;
}
.page-contact .contact-us h1{
	color: #12453e;
	text-transform: uppercase;
	font-family: raleway-extra-bold;
	margin-bottom: 25px;
}
.page-contact .contact-us h5{
	text-transform: uppercase;
	font-family: raleway-bold;
}
label{
	font-family:raleway-regular;
	font-size:13px;
}
.validation-alert{
	font-size:13px;
	color:red;
}

/* Overlay search */

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 40%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  /* width: 80%; */
  width:100%;
  background: white;
  font-family:raleway-regular;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #957544;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}


.overlay-bottom {
    position: relative;
    top: 25%;
    width: 40.05%;
    margin-top: 30px;
    margin: auto;
	display:table;
}

#box-overflow-search {
   width: auto;
   height: 20em;
   overflow:auto;
	
}
#box-overflow-search ul li a span {
   display:none;
}
.overlay-bottom ul{
	padding:0;
}
.overlay-bottom .col-xs-6{
	padding:0 0 0 15px;
}

.owl-item.active{
	text-align:center;
}

.dropdown-menu{
	background: rgba(13,45,42,.8);
	opacity: 0.85;
	margin-top: 23px;
	border-radius:unset;
}
.dropdown-menu :hover{
	background: #134540;
	color:white;
}
nav .dropdown-menu a {
	color:#dfbe92;
}

/* Back to top */
#button-to-top {
  display: inline-block;
  background-color: #12453e;
  width: 50px;
  height: 50px;
  text-align: center;
  /* border-radius: 4px; */
  position: fixed;
  bottom: 76px;
  right: 30px;
  transition: background-color .3s, 
	opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button-to-top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button-to-top:hover {
  cursor: pointer;
  background-color: #957544;
}
#button-to-top:active {
  background-color: #555;
}
#button-to-top.show {
  opacity: .75;
  visibility: visible;
}

/* News */

.backgroundGradient {
	width:100%;
	height:145px; 
	background-image: linear-gradient(#5e5e5e, white);
 }

 .title-right{
	 color: #DDC09A;
	 font-family: raleway-bold;
	 text-transform:uppercase;
	 font-size: 19px;
 }
 .title-right a{
	 color: #DDC09A;
 }
 .title-right a:hover{
	 color: white;
	 text-decoration: none;
 }
 .page-news .style-h1 {
	 color: #12453e;
	 text-transform: uppercase;
	 font-family: raleway-extra-bold;
	 margin-bottom: 25px;
	 font-size: 35px;
 }
 .firstcharacter {
	float: left;
	padding-right: 30px;
	padding-bottom: 30px;
}
.next-prev{
	color: #555;
	font-family: raleway-bold;
	text-transform: uppercase;
}
.text-news-h5{
	text-transform: uppercase;
    font-size: 18px;
    font-family: raleway-bold;
    color: #12453e;
}
.text-news-h6{
	text-transform: uppercase;
    font-size: 15px;
    font-family: raleway-bold;
    color: #12453e;
}
.des{
    display:block;
}
.mob{
    display:none;
}
@media (max-width: 991px) {
    body {
        margin-top: 158px;
    }
}

/* Styles for the content section */
@media (max-width: 650px) {
    #button-to-top {
        right: 20px;
    }
    .des{
        display:none;
    }
    .mob{
        display:block;
    }   
    .slide-title p{
    	font-size:70px;
    	line-height: 1.1;
    	font-family: raleway-bold;
    	-webkit-text-stroke-color: #957544;
    	-webkit-text-stroke-width: .5px;
    }
    .slide-title p span {
        -webkit-text-stroke-color: #fff;
       -webkit-text-stroke-width: 0.5px;
    }
}
@media (max-width: 500px) {
    .slide-title p {
        margin: 0;
    }
    .slide-title p{
    	font-size:70px;
    	line-height: 1.1;
    	font-family: raleway-bold;
    	-webkit-text-stroke-color: #957544;
    	-webkit-text-stroke-width: .5px;
    }
    .slide-title p span {
        -webkit-text-stroke-color: #fff;
        -webkit-text-stroke-width: 0.5px;
    }
    .camera_caption > div {
        width: 70% !important;
        margin: 0 30% 0 0 !important;
    }
    .slide-title p {
        font-size: 70px;
        line-height: 1.1;
        font-family: raleway-bold;
        -webkit-text-stroke-color: #957544;
        -webkit-text-stroke-width: .5px;
    }
    .slide-title p span {
        -webkit-text-stroke-color: #fff;
        -webkit-text-stroke-width: .5px;
    }
    .slide-title p {
        font-size: 18px !important;
    }
    .camera_wrap .camera_pag .camera_pag_ul li {
        margin: 40px 5px 0 !important;
    }
}
@media (min-width: 500px) {
    
    #button-to-top {
        margin: 25px;
    }
}