/*
 Theme Name:   Bardi
 Description:  Bardi Theme
 Author:       Agus Awaludin
 Author URI:   https://nextdigital.co.id
 Template:     Bardi
 Version:      1.0.0
 Text Domain:  bardi
*/

body,
button,
input,
select,
textarea {
	font-family: 'Bariol-Regular' !important;
	font-size: 16px;
	color: #231f20;
	word-wrap: break-word;
	line-height: 1.3;
	letter-spacing: 0.6px;
	font-weight: 300;
	text-rendering: optimizeLegibility;
}

a {
	text-decoration: none !important;
}

.elementor a {
	color: #43bcc5 !important;
}

section#home {
	padding-top: 60px;
	padding-bottom: 40px;
}

section#system-integrator,
section#integrator-profile,
section#solutions,
section#products {
	padding: 40px 0;
}

.bg-light {
	background-color: #ffffff !important;
}

.carousel-item {
	height: 680px;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.about-bardi {
	margin-bottom: 40px;
}

.about-bardi h2 {
	color: #43bcc5;
	font-size: 26px;
	font-weight: bold;
}

.about-bardi p {
	color: #231f20;
	font-size: 24px;
}

.divider {
	height: 1px;
	width: 100%;
	background-color: #dedede;
	margin: 10px 0;
}

.partnership {
    text-align: center;
    margin-top: 40px;
    padding: 0;
}

.partnership li {
	display: inline;
    margin: 0 10px;
}

.partnership li img {
	max-height: 38px;
}

.page-footer {
	background-color: #eeeeee;
}

.page-footer h5 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}

.page-footer .divider {
	background-color: #cecece;
	margin: 20px 0 10px;
}

.foot1 {
	display: inherit;
}

.foot1 .logo-img {
	
}

.foot1 .logo-img img {
	width: 134px;
}

.foot1 .address {
    padding-left: 15px;
}

.foot1 .address p {
	line-height: 1.6;
	font-size: 14px;
}

.foot2 .sitemap {
	list-style-type: none;
    padding: 0;
    margin: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.foot2 .sitemap li {
	font-size: 14px;
	line-height: 1.6;
}

.foot2 .sitemap li a {
	color: #231f20;
}

.foot3 .social-media {
	list-style-type: none;
    padding: 0;
    margin: 0;
}

.foot3 .social-media li {
	display: inline;
	margin-right: 10px;
}

.foot3 .social-media li a {
	background: #43bcc5;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: -webkit-inline-box;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.foot3 .social-media li a i {
    width: 33px;
    margin-top: 8px;
}

.footer-copyright {
	font-size: 14px;
}

.footer-copyright a {
	font-weight: bold;
	color: #231f20;
}

nav.navbar {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

nav.navbar .container-fluid {
	padding: 0;
}

nav.navbar .navbar-brand {
	padding: 0;
}

nav.navbar .navbar-brand img {
	max-width: 100px;
}

.navbar-light .navbar-nav .nav-link {
	color: #231f20;
	font-size: 16px;
    margin-left: 10px;

}

h2.page-tittle {
    overflow: hidden;
    text-align: center;
    color: #c8c8c8;
    margin-top: 30px;
    font-size: 28px;
}

h2.page-tittle:before,
h2.page-tittle:after {
    background-color: #c8c8c8;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

h2.page-tittle:before {
    right: 0.5em;
    margin-left: -50%;
}

h2.page-tittle:after {
    left: 0.5em;
    margin-right: -50%;
}

.link-integrator {
	margin-bottom: 25px;
	display: block;
}

.list-integrator {
	display: inline-flex;
	background-color: #eeeeee;
	width: 100%;
	color: #231f20;
}

.list-integrator .img-integrator img {
	max-width: 140px;
}

.list-integrator .info-integrator {
	padding: 20px;
	font-size: 14px;
}

.list-integrator .info-integrator table td {
	padding: 3px 6px;
	vertical-align: top;
}

.list-integrator .info-integrator table td.oneline {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#system-integrator p.text-integrator {
	font-size: 23px;
    text-align: center;
}

a.btn-integrator {
	background: #43bcc5;
	text-align: center;
	padding: 3px 20px;
	color: #ffffff;
	font-size: 18px;
	border-radius: 0;
	outline: none;
}

.info-profile {
	background-color: #eeeeee;
	margin-top: 50px;
	padding-bottom: 30px;
}

.info-profile .profile-image {
	text-align: center!important;
    margin-top: -80px;
}

.info-profile .profile-image span {
	display: block;
	color: #828282;
	font-size: 14px;
	margin-top: 10px;
}

.info-profile .profile-image span b {
	font-weight: bold;
}

.info-profile .profile-image img {
	max-width: 160px;
    border: 10px solid #ffffff;
}

.info-profile .info-integrator {

}

.info-profile .info-integrator table td {
	padding: 6px;
	vertical-align: top;
}

span.highlight {
	background: #43bcc5;
	padding: 3px 6px 2px;
	color: #ffffff;
	margin-right: 8px;
	margin-bottom: 8px;
	display: -webkit-inline-box;
}

.project-reference {
	background-color: #eeeeee;
}

.project-reference .list-project {

}

.project-reference .list-project .video-project img {
	width: 100%;
}

.project-reference .detail-project table td {
	padding: 6px;
	vertical-align: top;
}

.project-reference h2.title {
	font-size: 28px;
    margin: 10px 0;
}

.list-solutions {
	background-color: #f8f8f8;
	padding: 40px 30px;
	min-height: 340px;
	margin-bottom: 30px;
	transition: all 0.2s ease;
}

.list-solutions:focus,
.list-solutions:hover {
	background-color: #43bcc5;
}

.list-solutions h2.tittle {
	font-size: 24px;
	font-weight: bold;
	min-height: 80px;
}

.list-solutions p {
	min-height: 110px;
	font-size: 14px;
}

.list-solutions p.small {
	font-size: 12px;
	line-height: 1.6;
}

.list-solutions:hover h2.tittle,
.list-solutions:hover p {
	color: #ffffff;
}

a.btn-solutions {
	background: #43bcc5;
	text-align: center;
	padding: 3px 15px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 0;
	outline: none;
	font-weight: bold;
	transition: all 0.2s ease;
}

.list-solutions:hover a.btn-solutions {
	background: #ffffff;
	color: #43bcc5;
}

.list-products {
	display: inline-flex;
    width: 100%;
    color: #231f20;
    margin-bottom: 30px;
}

.list-products .img-product img {
	max-width: 140px;
}

.list-products .info-product {
	padding: 10px 0 10px 20px;
}

.list-products .info-product h2.name-product {
	font-size: 18px;
}

.list-products .info-product h2.name-product .highlight {
	margin: 0;
}

.list-products .info-product p.price-product {
	color: #43bcc5;
	font-size: 24px;
	margin-bottom: 0;
}

.list-products .info-product p.detail-product {
	font-size: 14px;
}

.product-detail .img-product {
	border: 1px solid #eeeeee;
}

.product-detail .img-product img{
	width: 100%;
}

.product-detail .info-product {
	padding: 20px;
}

.product-detail .info-product h2.name-product {
	font-size: 26px;
}

.product-detail .info-product p.price-product {
	color: #43bcc5;
	font-size: 30px;
	margin-bottom: 7px;
}

.product-detail .info-product p.detail-product {
	font-size: 18px;
	letter-spacing: 0.8px;
}

.info-contact .contact-phone {

}

.info-contact .contact-phone a,
.info-contact .contact-address a,
.info-contact .contact-email a {
	color: #43bcc5;
    font-weight: bold;
	font-size: 16px;
	display: block;
	margin-bottom: 7px;
}

.info-contact .contact-phone a i,
.info-contact .contact-address a i,
.info-contact .contact-email a i {
	font-size: 50px;
    display: block;
    margin-bottom: 5px;
}

.info-contact .contact-phone span,
.info-contact .contact-email span {
    font-size: 24px;
    font-weight: bold;
}

.info-contact .contact-address span {
    font-size: 14px;
    font-weight: bold;
}

.box-divider {
	border-left: 2px solid #43bcc5;
	border-right: 2px solid #43bcc5;
}

.info-form .contact-map iframe {
	width: 100%;
}

.info-form .contact-form {
	background-color: #43bcc5;
	padding: 40px;
}

.info-form .contact-form .form-control {
	border-radius: 0;
}

.info-form .contact-form h2.tittle,
.info-form .contact-form label {
	color: #ffffff;
}

.info-form .contact-form label {
	margin-bottom: 0.2rem;
	margin-left: 5px;
}

.info-form .contact-form .form-group {
	margin-bottom: 0.5rem;
}

.info-form .contact-form button.btn-submit {
	background: #ffffff;
	text-align: center;
	padding: 5px 22px;
	color: #43bcc5;
	font-size: 16px;
	border-radius: 0;
	outline: none;
	font-weight: bold;
	transition: all 0.2s ease;
}

.navbar-light .navbar-toggler {
	background: #ffffff;
	border: 0;
	outline: none;
}

.toggle-style {
	width: 36px;
    float: right;
    cursor: pointer;
}

.toggle-style span {
	height: 2px;
    width: 36px;
    display: block;
    margin: 9px 0;
    background-color: #282828;
}

.box-foot {
	display: inline-flex;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	color: #dedede;
}

a.list-products {
	color: #231f20;
}

.mp-divide {
	margin: 60px 0 20px;
}

.more-detail {
	border-top: 1px solid #f8f8f8;
	padding-top: 25px;
}

.more-detail .learnmore .btn-learnmore {
	background: #eeeeee;
    padding: 10px 15px;
    display: block;
    color: #43bcc5;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.8px;
    transition: all 0.2s ease-in-out;
}

.more-detail .learnmore .btn-learnmore:hover {
	background: #43bcc5;
	color: #ffffff;
}

.more-detail .learnmore .btn-learnmore i {
	margin-right: 5px;
	font-size: 20px;
	color: red;
}

.more-detail .buynow {
	
}

.more-detail .buynow ul.marketplace {
	padding: 0;
	display: flex;
    margin: 0;
}

.more-detail .buynow ul.marketplace li {
	display: inline;
	margin-right: 18px;
}

.more-detail .buynow ul.marketplace li a img {
	max-width: 40px;
	transition: all 0.3s ease;
	border-radius: 50%;
}

.more-detail .buynow ul.marketplace li a img:hover {
	box-shadow: 0px 10px 6px -2px rgba(0,0,0,0.2);
	transition: 0.50s;
  -webkit-transition: 0.50s;
  -moz-transition: 0.50s;
  -ms-transition: 0.50s;
  -o-transition: 0.50s;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.elementor-image-gallery .gallery-item img {
	max-height: 40px !important;
    width: auto !important;
}

.elementor .elementor-widget:not(.elementor-widget-text-editor) figure {
	width: auto !important;
}

#gallery-1 {
	text-align: center !important;
}

a.link-ft {
	color: #545454 !important;
	font-weight: bold !important;
}

a.link-ft:hover {
	color: #000000 !important;
}

@media only screen and (min-width: 769px) {
	.foot2 .sitemap li {
		margin-left: -20px ;
	}
}

@media only screen and (max-width: 768px) {
	.carousel-item {
		height: 250px;
		min-height: 250px;
	}

	.foot2 {
		margin-top: 10px;
	}

	.foot2 .sitemap {
	    list-style-type: none;
	    padding: 0;
	    margin: 0;
	    columns: 1;
	    -webkit-columns: 1;
	    -moz-columns: 1;
	    text-align: center;
	}

	.foot2 .sitemap li {
	    line-height: 2.2;
	    display: -webkit-inline-box;
	}

	.foot2 .sitemap li:not(:last-child)::after {
		content: '|';
		display: inline;
		margin: 0 12px;
	}

	.foot2 .sitemap li:nth-child(1),
	.foot2 .sitemap li:nth-child(2),
	.foot2 .sitemap li:nth-child(3) {
		display: none;
	}

	.about-bardi h2 {
		font-size: 24px;
	}

	.about-bardi p {
		font-size: 14px;
	}

	.partnership {
		margin: 30px 0px 10px;
    	display: inline-flex;
	}

	.partnership li {
		margin: 0 6px;
	}

	.partnership li img {
	    max-height: 30px;
	    margin-bottom: 10px;
	    height: auto;
    	max-width: 100%;
	}

	.list-products {
	    display: block;
	}

	.list-products .img-product img {
		width: 100%;
		max-width: 100%;
	}

	.box-divider {
		border: 0;
		padding-left: 30px;
		padding-right: 30px;
	}

	.page-footer h5,
	.foot3 .social-media {
		text-align: center;
	}

	.foot3 .social-media li:not(:last-child) {
		margin-right: 5px;
	}

	.foot3 .social-media li:last-child {
		margin-right: 0;
	}

	.footer-copyright {
		font-size: 12px;
	}

	.foot1 .logo-img img {
	    width: 100px;
	}

	.foot1 .address p {
	    line-height: 1.7;
	    font-size: 12px;
	}

	.box-foot {
    	margin: auto;
	}

	.foot3 {
		margin-top: 20px;
	}

	.list-solutions {
		min-height: 300px;
		padding: 40px 20px;
	}

	.list-solutions h2.tittle {
	    font-size: 20px;
	    font-weight: bold;
	    min-height: 80px;
	}

	.list-solutions p {
		font-size: 14px;
		min-height: 80px;
	}

	.list-integrator .img-integrator {
		
	}

	.list-integrator .img-integrator img {
		max-width: 100px;
	}

	.list-integrator .info-integrator {
	    padding: 8px 10px;
	    font-size: 12px;
	}

	#system-integrator p.text-integrator {
	    font-size: 18px;
	    text-align: center;
	}

	.list-products .info-product {
	    padding: 10px 0;
	}

	.product-detail .info-product {
	    padding: 0;
	    margin-top: 30px;
	}

	.more-detail .buynow ul.marketplace li a img {
	    max-width: 100%;
	    width: 100%;
	    padding: 20px;
	}

	.info-form .contact-map iframe {
	    width: 100%;
	    height: 300px;
	}

	.info-form .contact-form {
	    background-color: #43bcc5;
	    padding: 20px;
	}

	.elementor-image-gallery .gallery-item img {
	    max-height: 24px !important;
	    width: auto !important;
	}

}