/* YOUR CUSTOM STYLES */

body {	
	color: #464340;
	font-family: 'Roboto', sans-serif;
}

/* Standard Styles Starts */

a { color: #0e88ba; 
	text-decoration: none;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
 }
a:hover, 
a:focus {
	color: #f00;
	text-decoration:none;
}
a:focus { outline: none; }

hr{ width:6%; float:left; background:#548fd4; height:4px; border:0px;}

h1{ font-size:26px; color:#4a4a4a; font-weight:400;}
h2{ font-size:24px; color:#4a4a4a; font-weight:400;}
h3{ font-size:18px; color:#4a4a4a; font-weight:400;}
h4{ font-size:16px; color:#4a4a4a;}
h5{ font-size:14px; color:#000; line-height:22px; font-weight:400; line-height:22px;}
h6{ font-size:12px; color:#000; line-height:21px; font-weight:400; line-height:22px; }



/* SCROLL */
::-webkit-scrollbar {
    width: 8px;
}
/* Track */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#84b641;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
   background:#333;
}



/* Top Naigation */
.tp-header{ padding:10px 0px 0px 0px; background:#272727;}
.tp-header h6{ color:#fff;}
.tp-header a{ color:#FFF;}
.tp-header a:hover{ color:#5390f5;}

/* Logo/Info */
#logo-info{ padding:20px 20px; background:#FFF;}
#logo-info .fa-phone{color:#548fd4;}
.fa-map-marker{ color:#548fd4;}


/* Navigation */
#navigation{ background:#272727;}
.teal.lighten-4{ background:#272727 !important;}
.nav{ font-size:14px;}
.navbar-light .navbar-nav .nav-link{ color:#fff; }
.navbar .navbar-nav .nav-item a{ padding:10px 20px 10px 20px; line-height:30px; font-weight:600; color:#fff;}
.navbar .navbar-nav .nav-item a:hover{ background:#548fd4; color:#FFF; border-radius:0px;}
.navbar-light .navbar-nav .active>.nav-link{ background:#548fd4; color:#FFF; font-weight:500; border-radius:0px; }
.navbar-light .navbar-nav .active>.nav-link:focus{ background:#548fd4; color:#FFF;}
.navbar-light{ padding:0px 0px 0px 0px;}
.navbar-nav>li>a{ padding:8px;}
.navbar.navbar-light .breadcrumb .dropdown-menu a, .navbar.navbar-light .nav-item .dropdown-menu a{color:#292929; font-size:13px;}
.navbar.navbar-light .breadcrumb .dropdown-menu a, .navbar.navbar-light .nav-item .dropdown-menu a:hover{color:#fff;}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .active>.nav-link:focus, .navbar-light .navbar-nav .active>.nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open>.nav-link, .navbar-light .navbar-nav .open>.nav-link:focus, .navbar-light .navbar-nav .open>.nav-link:hover{color: rgba(255, 255, 255, 0.9);}

.open>.dropdown-menu {
    display: block;
    border: 1px solid#c4c4c4;
    background-color: #f1f1f1;
	-webkit-box-shadow: 0px 7px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 5px -4px rgba(0,0,0,0.75);
box-shadow: 0px 7px 5px -4px rgba(0,0,0,0.75);
}


/* Banner */
#banner{ background:#efefef; border-bottom:solid 1px #ccc;}
.carousel-indicators .active{ background:#000;}
.carousel-indicators li{ background:#CCC;}


/* Welcome */
#welcome{ padding:60px;}
#welcome h4{ font-weight:400; line-height:22px; color:#000000;}



/* Featured Product */
#featured-prodt{ background:url(../img/featured-pro-bg.jpg); padding:30px;}
#featured-prodt h3{ font-weight:600;}

/* clients */
#client{ padding:30px;}

/* Footer */
#footer{ background:#181818; padding:40px;}
#footer h6 a{ color:#bfbfbf;}
#footer h6 a:hover{ color:#29b2fe;}
#footer .footer-set{ padding-bottom:15px;}


/* Bottom Footer */
#btm-footer{ padding-top:10px; background:#000000; }
#btm-footer h6{ color:#868686;}
#btm-footer h6 a{ color:#868686;}
#btm-footer h6 a:hover{ color:#29b2fe;}

/* Middle */
#middle{ padding:40px;}

#middle .btn, .card, .chip, .dropdown-menu, .jumbotron, .list-group, .navbar, .pager li a, .pagination .active .page-link, .popover, .tag, .z-depth-1{ box-shadow:none;}
#middle .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{ background:#4a4d51; border-color:#4a4d51;}
#middle .card{ border:solid 1px #efefef;}
#middle .card a{ color:#fff;}
#middle .card a:hover{ color:#0CF;}

.breadcrumb{ background:none; padding-left:0px;}


#inner-top{ background:#efefef; padding:20px;}




.navbar.navbar-light .navbar-toggler {
    color: #fff;
}

.navbar.navbar-light .nav-item .dropdown-menu a {
    color: #000;
    padding: 8px 12px;
}


.hr2{ border:1px solid#c4c4c4; width:100%; height:auto; margin:30px 0;}



.card{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	 border-radius: .3rem;
}





.dropbtn {
    background-color: transparent;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1080;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #548fd4;
}




.card-content{padding: 10px;
    text-align: center;}



.selec{ max-width:83%; height:auto; margin-left:50px; border-top:none; border-right:none; border-left:none;}

	.set-div-img{
	height:200px !important; 
	width:350px !important;
	object-fit:contain;
	}
	
	.set-div-img-details{
	height:300px !important; 
	width:300px !important;
	object-fit:contain;
	border:solid 1px #ddd;
	}	



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
	.selec{ max-width:90%; height:auto; margin-left:50px; border-top:none; border-right:none; border-left:none;}
	
	.set-div-img{
	height:200px !important; 
	width:350px !important;
	object-fit:contain;
	}
	
	.set-div-img-details{
	height:300px !important; 
	width:300px !important;
	object-fit:contain;
	border:solid 1px #ddd;	
	}
		
	}