@charset "utf-8";
/* CSS Document */
.jumbotron{margin:0;padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;}
html 
{
	position: relative;
	min-height: 100%;
}
body
{
	background:#faf8f2;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}
h1,h2,h3,h4,h5,h6,label,button,input
{
	font-family: 'Karla', sans-serif;
	line-height:1.5em;
	padding:0;
	margin:0;
}
select
{
    font-family: 'Karla', sans-serif;
}
li
{
	font-family: 'Karla', sans-serif;
}
p
{
	font-family: 'Karla', sans-serif;
	line-height:1.5em;
	padding:0;
	margin:0;
}
a
{
    text-decoration:none !important;
}

/* Header Section */
.header-section
{
	border-top:5px solid #a9abae;
	background:#fff;
	height:100px;
	position:relative;
	z-index:8888;
	box-shadow:0 8px 6px -6px #333;
	position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}
#header
{
    box-shadow:0 8px 6px -6px #333;
    transition: all 0.15s linear;
}
#header.active 
{
     box-shadow:0 8px 6px -6px #ddd;
}
.header-section .logo
{
	float:left;
	display: block;
	padding:10px 0;
}
.header-section .logo img
{
	display: block;
}
.logo-slogan
{
    margin-top:-28px;
}
.logo-slogan p
{
    color:#404040;
    font-size:12px;
    text-transform:uppercase;
}
.mobile-menu
{
    display:none;
}
@media only screen and (max-width: 768px) 
{
    .mobile-menu
    {
        display:block;
    }
    .mobile-menu .form-control
    {
        margin-top:20px;
        border-radius:0;
        box-shadow:none;
        outline:none;
        padding:2px;
        height:auto;
    }
    .ddsmoothmenu
    {
        display:none;
    }
    .header-section
    {
    	border-top:5px solid #a9abae;
    	background:#fff;
    	height:90px;
    	position:relative;
    	z-index:1;
    	box-shadow:0 8px 6px -6px #333;
    	position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 0;
    }
    #header
    {
        box-shadow:0 8px 6px -6px #333;
        transition: all 0.15s linear;
    }
    #header.active 
    {
         box-shadow:0 8px 6px -6px #ddd;
    }
    .header-section .logo
    {
    	float:left;
    	text-align:center;
    	display: block;
    	padding:10px 0;
    }
    .header-section .logo img
    {
    	display: block;
    	width:150px;
    }
    .logo-slogan
    {
        margin-top:0px;
        background:#eee;
        padding-top:1px;
    }
    .logo-slogan p
    {   
        
        color:#404040;
        font-size:9px;
        text-transform:uppercase;
    }
}

.header-section .menu
{
	float:right;
	
}
.header-section .menus ul
{
	margin:0;
	padding:0;
	list-style:none;
}
.header-section .menus ul li
{
	display:inline-block;
	padding-right:18px;
}
.header-section .menus ul li:last-child
{
	padding-right:0;
}
.header-section .menus ul li a
{
	font-family: 'Karla', sans-serif;
	text-transform:uppercase;
	color:#696a6a;
	padding:5px 0;
	font-size:15px;
	font-weight:900;
	transition: 0.5s;
	position:relative;
}
.header-section .menus ul li a:hover
{
	color:#e13236;
	text-decoration:none;
}
.header-section .menus ul li a::after 
{
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 100%;
  left: 0;
  background: #e13236;
  transition: transform 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.header-section .menus ul li a:hover::after 
{
  transform: scaleX(1);
  transform-origin: left;
}
.header-section .menus ul li a.btn-inquiry
{
	background:#e13236;
	border-radius:100px;
	padding:5px 10px;
	color:#fff;
}
.header-section .menus ul li a.btn-inquiry::after
{
	width:0;
	height:0;
}
.header-section .menus ul li a.btn-inquiry:hover
{
	background:#696a6a;
}

/* Slider Section */
.slider-section
{
	height:auto;
	background:#eee;
}
@media only screen and (max-width: 768px) 
{
   .slider-section
    {
    	height:auto;
    	background:#eee;
    } 
}
.npm
{
	padding:0;
	margin:0;
}

.clearfix
{
    padding:5px 0;
}

/* Homepage About section */
.footer-section
{
	padding:0;
	height:50px;	
	position:relative;
	background:#e13236;
}
@media only screen and (max-width: 768px)
{
    .footer-section
    {
        height:auto;
        text-align:center;
        padding:10px 0;
    }
}

/* Notic Board */
.notice-board-container
{
	width:100%;
	padding:50px;
	min-height:100%;
	background:#fff;
	box-shadow:rgba(169,171,174,0.5) 0 0 22px;
	margin-top:-150px;
	border-radius:10px;
}
.notice-board-container img
{
	text-align:center;
	margin:0 auto;
	width:100%;
	height:100%;
	margin-left:-15px;
}

/* Footer Menu*/
.footer-menu
{
	line-height:50px;
}
.footer-menu ul
{
	padding:0;
	margin:0;
	list-style:none;
}
.footer-menu ul li
{
	display:inline-block;
}
.footer-menu ul li:after
{
	content:"/";
	text-align:center;
	padding:0 7px;
	color:#fff;
}
.footer-menu ul li:last-child:after
{
	content:"";
}
.footer-menu ul li a
{
	color:#fff;
	position:relative;
	transition: 0.5s;
	text-decoration:none;
}
.footer-menu ul li a::after 
{
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 100%;
  left: 0;
  background: #fff;
  transition: transform 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.footer-menu ul li a:hover::after 
{
  transform: scaleX(1);
  transform-origin: left;
}
/* Footer Copyright */
.footer-copyright{height:50px;text-align:left;}
.footer-copyright p{font-size:14px;color:#fff;line-height:50px;}
.footer-copyright p a{color:#fff;text-decoration:underline;}

@media only screen and (max-width: 768px)
{
    .footer-copyright{height:auto;}
    .footer-copyright p{font-size:14px;color:#fff;line-height:none;text-align:center;}
}


.footer-copyrights{text-align:left;}
.footer-copyrights p{font-size:14px;color:#fff;line-height:50px;}
.footer-copyrights p a{color:#fff;}

@media only screen and (max-width: 768px)
{
   .footer-copyrights{text-align:center;} 
   .footer-copyrights p{font-size:14px;color:#fff;line-height:normal;}
}


.social-network{padding-top:25px;}
.social-network ul{padding:0;margin:0;list-style:none;}
.social-network ul li{padding-right:5px;display:inline-block;}
.social-network ul li a{color:#a9abae;transition: 0.5s;}
.social-network ul li a i{font-size:20px;}
.social-network ul li a:hover{color:#e13236;}

.social-networks{line-height:55px;text-align:center;}
.social-networks ul{padding:0;margin:0;list-style:none;}
.social-networks ul li{padding-right:5px;display:inline-block;}
.social-networks ul li a{color:#fff;transition: 0.5s;}
.social-networks ul li a i{font-size:20px;}
.social-networks ul li a:hover{color:#fff;}

.footer-slogan{text-align:right;}
.footer-slogan p{line-height:50px;text-align:right;color:#fff;font-weight:700;font-size:20px;}
@media only screen and (max-width: 768px)
{
    .footer-slogan{text-align:center;}
    .footer-slogan p{line-height:normal;text-align:center;color:#fff;font-weight:700;font-size:20px;text-align:center;}
    
}

/* Page benner */
.page-benner-section
{
	padding:50px 0;
	background:#000;
	position:relative;
}
.page-benner-section:before {
    width: 100%;
    height: 100%;
    background: rgba(130,132,134,0.9);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
}
.page-benner-section h1
{
	color:#fff;
	font-size:30px;
	text-transform:capitalize;
	font-weight:900;
	font-family: 'Karla', sans-serif;
	text-align:center;
}
@media only screen and (max-width: 768px)
{
    .page-benner-section
    {
    	padding:20px 0;
    	background:#000;
    	position:relative;
    }
    .page-benner-section:before {
        width: 100%;
        height: 100%;
        background: rgba(130,132,134,0.9);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
    }
    .page-benner-section h1
    {
    	color:#fff;
    	font-size:20px;
    	text-transform:capitalize;
    	font-weight:900;
    	font-family: 'Karla', sans-serif;
    	text-align:center;
    }
}

/* Page container */
.page-container
{
	padding:50px 0;
	background:#fff;
}
.page-container a
{
    color:#000;
    text-decoration:underline;
}
.page-color-container
{
	background:#eee;
}

/* Product Container */
.product-container
{
	
}
.product-container p
{
    padding-bottom:10px;
}

.margin-bottom
{
	margin-bottom:30px;
}
.product-container .product-cover-container
{	
	height:350px;
	position:relative;
	background:#fff;
	border-radius:10px;
	box-shadow:#ddd 0 0 11px;
	overflow:hidden;
	display: table-cell; vertical-align: middle 
}
.product-container .product-cover-container img
{	

	padding:10px;
	width:100%;
	height:350px;
	object-fit: cover;
	display: table-cell; vertical-align: middle 

}

.product-container .product-content-container
{

}
@media only screen and (max-width: 768px)
{
    .product-container .product-content-container
    {
        margin-top:20px;
    }   
}
.product-container .product-content-container ul
{
	padding:0;
	margin:0 20px;
}
.product-container .product-content-container ul li
{
	font-family: 'Karla', sans-serif;
}
.product-container .product-content-container h1
{
	font-family: 'Karla', sans-serif;
	font-weight:700;
	font-size:25px;
	color:#e13236;
	padding-bottom:5px;
}
.product-container .product-content-container p
{
	padding-bottom:15px;
}
@media only screen and (max-width: 768px)
{
    .product-container .product-content-container h1
    {
        font-size:20px;
    }
}
.product-container .product-table
{
	
}
.product-title
{
	font-size:20px;
	padding-bottom:10px;
	font-weight:900;
	color:#696a6a;
}
.product-container .product-table .table
{

}
.product-container .product-table .table tbody tr th
{
	padding:8px;
	color:#696a6a;
	background:#f8f8f8;
	font-family: 'Karla', sans-serif;
	text-align:right;
}
.product-container .product-table .table tbody tr td
{
	padding:8px;
	background:#fff;
	font-family: 'Karla', sans-serif;
	text-align:left;
}
.product-container .product-inquiry
{
	padding-top:0px;
}
.product-container .product-inquiry a
{
	background: #bcbdbd;
    border-radius: 100px;
    padding:8px 20px;
    color: #fff;
    transition: 0.5s;
    font-family: 'Karla', sans-serif;
    text-transform:capitalize;
    font-weight:700;
    text-decoration:none;
}
.product-container .product-inquiry a:hover
{
	background:#696a6a;
}


/* 404 Container */
.cant-found-container
{
	text-align:center;
}
.cant-found-container img
{
	width:220px;
	position:relative;
}
.cant-found-container h1
{
	padding-top:10px;
	font-weight:900;
	color:#999;
	font-size:25px;
	text-transform:uppercase;
}

.sub-title
{
    font-family: 'Karla', sans-serif;
    font-size:20px;
    color:#e13236;
    font-weight:900;
}

/* Modal Form Container */
.modal-form-container
{

}
.modal-form-container .form-group
{

}
.modal-form-container .form-group label
{
	font-family: 'Karla', sans-serif;
	padding-bottom:10px;
}
.modal-form-container .form-group .form-control
{
	box-shadow:none;
	outline:none;
	resize:none;
	border-radius:1px;
	font-family: 'Karla', sans-serif;
}
.btn
{
	box-shadow:none;
	outline:none;
}
.btn-primary
{
	padding:5px 20px;
	border-radius:100px;
	background:#e13236;
	border:1px solid #e13236;
	outline:none;
}
.btn-primary:focus
{
	box-shadow:none;
	outline:none;
	background:#696a6a;
	border:1px solid #696a6a;
}
.btn-primary:active
{
	box-shadow:none;
	outline:none;
	background:#696a6a;
	border:1px solid #696a6a;
}
.btn-primary:hover
{
	background:#696a6a;
	border:1px solid #696a6a;
}
.modal-header
{
	background:#eee;
	font-family: 'Karla', sans-serif;
	font-weight:900;
	font-size:16px;
}
.modal-footer
{
	background:#f8f8f8;
}
.close
{
	float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity:1;
    outline: none;
}
.close:focus
{
	outline:none;
}


/* Contact Address */
.contact-title
{
	padding-bottom:15px;
}
.contact-title h1
{	
	color:#e13236;
	font-size:20px;
	font-weight:700;
	font-family: 'Karla', sans-serif;
}
.contact-address
{
	background:#fff;
	box-shadow:#ddd 0 0 11px;
	padding:20px;
	height:340px;
}
@media only screen and (max-width: 768px)
{
    .contact-address
    {
        height:auto;
        margin-bottom:30px;
    }
}
.contact-address table
{
	width:100%;
	border-collapse:collapse;
}
.contact-address table tr td
{
	color:#333;
	padding-bottom:20px;
	font-size:18px;
	line-height:1.5em;
	font-family: 'Karla', sans-serif;

}
.contact-address table tr td i
{
	margin-right:10px;
	background:#696a6a;
	width:40px;
	border-radius:100px;
	height:40px;
	color:#fff;
	line-height:40px;
	text-align:center;
}
.contact-address table tr td a
{
	color:#333;
	text-decoration:none;
}
.map
{
	background:#fff;
	box-shadow:#ddd 0 0 11px;
	padding:20px;
	height:auto;
}
.map iframe
{
	width:100%;
	height:300px;
}
.modal-form-bg
{
	background:#eee;
	padding:25px;
	border-radius:10px;
}