/* 
Theme Name:		 Digital My Business
Theme URI:		 http://childtheme-generator.com/
Description:	 Digital My Business is a child theme of WP Bootstrap Starter, created by ChildTheme-Generator.com
Author:			 Digital My Business
Author URI:		 http://childtheme-generator.com/
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 digital-my-business
*/

.h3, h3 {
    font-size: 1.75rem;
    color: #ee1c25;
}

a {
	color: #fff;
}
a:hover {
	color: #000;
	text-decoration: none;
}
span {
	color: #fff;
}

/* Common */
.container-gap {
	padding: 25px 0px 20px 0px;
} 
.btn-primary {
    color: #fff;
    background-color: #ee1c25;
    border-color: #000;
	margin: 0 auto;
	display: block;
}.btn-primary:hover {
    color: #000;
    background-color: #fff;
    border-color: #000;
}

/*
    Front Page
*/

/* Top Header Start */
.top-header-w.fluid-container {
    height: auto;
    background-color: #ee1c25;
    filter: drop-shadow(0px 2px 2px white);
    position: fixed;
    width: 100%;
    z-index: 2;
}
.top-header-l {
    display: inline-flex;
    margin: 15px auto;
}
/* .top-header-l span {
	margin: 0px 10px 0px 0px;
}
.top-header-l-mail {
    margin: 0 20px;
}
*/
.top-header-l-inside {
    margin: 0px 10px 0px 0px;
}
.top-header-r {
    display: inline-flex;
    margin: 15px auto;
}

/* Header Start*/
header#masthead {
    margin-bottom: 0;
    background-color: #000;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
   	padding: .74rem 1rem;
    top: 50px;
    position: relative;
    z-index: 1;
}
.navbar-brand img {
	width: 125px;
	height: 125px;
}

/* Header Menu */
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: #fff;
   	padding: 0.5rem; 
    font-weight: 500;
    font-size: 0.975rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover {
    color: #ee1c25;
   	padding: 0.5rem;
    font-weight: 500;
    font-size: 0.975rem;
}
li#menu-item-21 a {
    background-color: #ee1c25;
    border-radius: 5px;
    font-weight: 700 !important;
    text-transform: uppercase;
	cursor: pointer;
}
li#menu-item-21 a:hover {
    background-color: #fff;
	color: #000;
}
a.nav-link {
    text-transform: uppercase;
    font-size: 1.2rem !important;
}

/* Slider */
#content.site-content {
    padding-bottom: 3.75rem;
    padding-top: 0em;
} 


/* Home About*/
.home-about-w.fluid-container {
    background: #fff;
    color: #000;
}
.home-about-w.fluid-container h2 {
    text-align: center !important;
    margin: 0 auto;
    color: #ee1c25;
}
.home-about-w.fluid-container a {
	text-align: center !important;
    background: red !important;
    padding: 7px;
    border-radius: 3px;
    margin: 0 auto;
    font-weight: 700;
}
.home-about-w.fluid-container a:hover {
	
}
/* Company About */
/* Home About*/
.company-about-w.fluid-container {
	color: #000;
}
.company-about-w.fluid-container h2 {
	text-align:  center !important;
	margin: 0 auto;
}


/* Home Services */
.home-services-w.fluid-container {
	background-image: url(https://warunamotors.com/wp-content/uploads/2020/10/Footer-Waruna-BG.jpg);
}
.home-services-w.fluid-container p {
	color: #fff;
}
.home-services-t-2 img {
	margin: 0 auto;
	display: block;
}
.company-v-m-w.fluid-container {
    background: #ee1c25;
}
.company-v.col-12.col-sm-6.col-md-6 {
    background: #fff;
}
.company-m.col-12.col-sm-6.col-md-6 {
    background: #fff;
}
.company-v-m-w.fluid-container h3 {
	text-align: center;
}

/* Home Animate */
/*.home-animate-w.fluid-container {
    background: #000;
} */
.home-animate-1 {
    background-image: url(https://warunamotors.com/wp-content/uploads/2020/10/Home-Animate-1.jpg);
    background-position: center;
    height: 500px;
    padding: 200px 0px 20px 29px;
    text-align: center;
    margin: 0px 0px;
}
.home-animate-1 h3 {
    font-weight: 400;
    font-size: 1.3rem;
}
.home-animate-2 {
	background-image: url(https://warunamotors.com/wp-content/uploads/2020/10/Home-Animate-2.jpg);
	background-position: center;
	height: 500px;
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.home-animate-2:hover {
    -webkit-transform: scale(1.3);
    transform: scale(0.95);
}
.home-animate-3 {
	background-image: url(https://warunamotors.com/wp-content/uploads/2020/10/Home-Animate-3..jpg);
	background-position: center;
	height: 500px;
	text-align: center;
    margin: 0 auto;
    padding: 150px 0px 0px 0px;
	color: #fff;
}
.home-animate-3-call-now h3 {
	color : #ee1c25;
}
.home-animate-3 h4 {
	color: #ee1c25;
}


/* Home News */
/*.home-section-f-w.fluid-container {
	background-image: url(https://warunamotors.com/wp-content/uploads/2020/09/Home-BG-1.webp);
}*/
.home-section-f-w.fluid-container h3 {
    text-align: center;
    margin: 0 auto;
    color: #000;
}
.home-section-f-w.fluid-container p {
    text-align: center;
    color: #000;
}

/* Home Offer */
.home-section-fi-w {
	background-image: url(https://warunamotors.com/wp-content/uploads/2020/10/Footer-Waruna-BG.jpg);
}
.home-section-fi-content h3 {
	text-align: center;
}
.home-section-fi-content p {
    color: #000;
	text-align: center;
}
.home-section-fi-content {
    margin: 0px 0px 0px 50%;
    width: 50%;
	background: #fff;
}

/* Home Brands */
.owl-carousel .owl-item img {
    display: flex !important;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}
.home-brands-w h3 {
	text-align: center;
	margin: 0 auto;
}


/* Home Map */
.home-map-w h3 {
	text-align: center;
	margin: 0 auto;
} 
.home-map-w {
    background-color: #000;
}
.home-map-w img {
	margin: 0 auto;
	display: flex;
}
.home-map-w {
    background-color: #000;
    padding: 20px 0px;
}



/* Footer Start */
.f-inside-w.fluid-container {
    background-image: url(https://warunamotors.com/wp-content/uploads/2020/10/Footer-Waruna-BG.jpg);
}
.f-inside-r.row {
   padding: 25px 0px;
}
.f-inside-t-tel a {
	margin: 0px 0px 0px 20px;
}
.f-inside-t a:hover {
	color: #ee1c25 !important;
}
.f-inside-t-mail a {
	margin: 0px 0px 0px 14px;
}
.f-inside-t-loc span {
    margin: 0px 0px 0px 20px;
    float: left;
    position: absolute;
}
.f-inside-t-mail {
    margin: 20px 0px;
}
.f-inside-t h3 {
   padding: 10px 0px 20px;
}
.f-inside-th h3 {
   padding: 10px 0px 20px;
}
.f-inside-th ul {
	
}
.f-inside-th li {
    list-style: none;
}
.f-inside-th a {
    display: list-item;
	margin: 0px 0px 12px 0px;
	color: #fff !important;
} 
.f-inside-th a:hover {
	color: #ee1c25 !important;
}

/* Footer Social */
.f-inside-r-s h3 {
	text-align : center;
}
.f-inside-r-s img {
    margin: 0 auto;
 	padding: 15px 0px 75px 0px;
    display: flex;
}
.f-inside-r-t h4 {
	text-align : center;
 	padding : 0px 0px 10px 0px;
	color: #ee1c25;
	
}
.f-inside-r-t h5 {
	text-align : center;
	text-transform: uppercase;
	padding: 0px 0px 25px 0px;
}

/* Footer Copyright */
body:not(.theme-preset-active) footer#colophon {
  	color: #99979c;
  	background-color: #000;
}
.site-info {
    text-align: center;
    font-size: .9rem;
    color: #fff;
}
.site-info a {
	color: #ee1c25 !important;
}
.site-info a:hover {
	color: #fff !important;
}
span#digital-m {
    color: #ee1c25;
    font-size: 1.1rem;
}
span#digital-m:hover {
	color: #fff;
}


/* Company Page */
.company-v {
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.company-v h3,.company-m h3 {
	text-align: center;
	padding: 10px 0px;
}
.company-m {
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.company-team h3 {
	text-align: center;
	margin: 0 auto;
}
.company-team-member p {
	text-align: center;
}


/* Products Page */
.product-w.fluid-container h3 {
    text-align: center;
    margin: 0 auto;
    padding: 10px 0px;
}
.product-o img {
	display: block;
	margin: 0 auto;
}
.product-o a {
    color: #fff;
    background: #000;
    padding: 10px 10px;
    border-radius: 2px;
}
.product-o a {
    color: #fff;
    background: #000;
    padding: 10px 8px;
    border-radius: 2px;
    text-align: center;
    display: flow-root;
    margin: 10px auto;
    width: 50%;
    font-weight: 700;
}
.product-o a:hover {
    color: #fff;
    background: #ee1c25;
}
.product-list h3 {
	text-align:center;
}



/* Gallery Page*/
.gallery h3 {
	text-align:center;
}


/* Contact Us */
.contact-info-details {
    background-color: #000;
    float: left;
	text-align: center;
}
span.fax {
    color: #ee1c25;
}
.contact-hour {
    background-color: #000;
    padding: 20px 0px 30px 25px;
    height: 238px;
    float: left;
	width:100%;
}
.contact-hour h4 {
	color: #ee1c25;
	text-align: center;
}
.contact-hour p {
	color: #fff;
	text-align: center;
}
.contact-info-details img {
	margin: 0 auto;
	display: block;
}
.contact-info h3 {
    
}
.contact-info-details a:hover {
    color: #ee1c25;
}
.contact-info-details ul {
    padding: 0px;
}
.contact-info-details li {
    list-style: none;
}

/* Form */
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #ee1c25 !important;
    border: 0;
    color: #000 !important;
    transition: all .5s;
}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
    background: #000 !important;
    color: #fff !important;
    transition: all .5s;
}






* Animation */
.ml2 {
  	font-weight: 900;
  	font-size: 3.5em;
}

.ml2 .letter {
  	display: inline-block;
  	line-height: 1em;
	color: #ee1c25;
}

.ml16 {
  	color: #402d2d;
 	padding: 40px 0;
  	font-weight: 800;
  	font-size: 2em;
  	text-transform: uppercase;
  	letter-spacing: 0.5em;
  	overflow: hidden;
}

.ml16 .letter {
  	display: inline-block;
  	line-height: 1em;
	color: #ee1c25;
}

.ml3 {
  font-weight: 900;
  font-size: 1.5em;
}


/* Plugin */

/* Click to Chat */
.ht-ctc.ht-ctc-chat.style-4.desktop.ctc-analytics span {
    color: #000 !important;
    font-weight: 700;
}






/* Media Quary */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.top-header-l {
    	display: inline-flex;
    	margin: 7px 0px 0px 0px;
	}
	.top-header-r {
    	display: inline-flex;
   	 	margin: 5px 0px 0px 0px;
    	font-size: .9rem;
	}
	.f-inside-o.col-xs-12.col-sm-4{
		text-align: center;
	}
	.f-inside-t.col-xs-12.col-sm-4 {
    	text-align: center;
	}
	.f-inside-th.col-xs-12.col-sm-4 {
    	text-align: center;
	}
	.f-inside-t-loc span {
    	margin: 0px;
    	float: none;
   	 	position: relative;
	}
	.f-inside-th ul {
		padding: 0px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
}