@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
body {
	background-color: #FAD6B9;
	font-family: 'Roboto Condensed', sans-serif;
}

a { text-decoration: none; }
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img { max-width: 100%; }
.row {
	margin: 0;
	width: 100%; 
}
input[type=submit], a.btn, button.btn {
  	background-color: #810304;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 0.8rem;
	line-height: 1rem;
	padding: 15px;
	font-weight: 700;
	border: none;
	cursor: pointer;
}
.btn-danger { background-color: #dc3545 !important; }
.form-control::placeholder {
	font-size: 0.9rem;
	line-height: 1rem;
	color: #810304;
}
.form-control {
	font-size: 0.9rem;
	line-height: 1rem;
	padding: 10px;
	height: calc(2.25rem + 10px);
	border: 1px solid #810304;
	color: #810304;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: 810304;
}

	/* Start Header */
#header {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}
#layout { padding-top: 100px; }
#header .row {
    width: 100%;
    margin: 0;
}

#header .top_row { background: #810304; }
#header .top_list {
/* display: inline-block; */
padding-top: 5px;
/* width: auto; */
background-color: #fff;
/* position: fixed; */
right: 0%;
z-index: 999;
position: absolute;
top: 88px;
border-radius: 1px 1px 100px 50%/100px;
height: 38px;
border: 5px solid #e79b5f;
border-top: none;
}
#header .top_list ul {
	flex-direction: row;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}
#header .top_list ul li a {
	padding: 0 15px;
	position: relative;
	border: none;
}
#header .top_list ul li a .cart_count {
	position: absolute;
	right: 5px;
	top: -20px;
	font-size: 0.8rem;
	line-height: 1rem;
	border: 1px solid #810304;
	color: #810304;
	border-radius: 100%;
	padding: 3px 5px;
	display: none;
}
#header .top_list .dropdown-menu {
	min-width: auto;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#header .top_list .dropdown-menu li a { padding: 10px !important; }

.navbar {
	padding: 0;
	position: relative;
	border-bottom: 5px solid #e79b5f;
}
.navbar .logo_cover {
	background: #810304;
	transform: skew(-25deg);
	left: -35px;
	height: 100px;
}
.navbar .background {
	background-color: #fff;
	width: 100%; 
}
.navbar .logo a { margin: 0; }
#header .shrink-nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

.navbar .logo_menu {
	position: absolute;
	z-index: 9999;
}
.navbar-toggle {
	background: none;
	border: none;
	display: none;
}
.navbar-toggle i.fa {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    border: 2px solid #810304;
    border-radius: 100%;
    vertical-align: middle;
    cursor: pointer;
    transition: all ease-in 0.5s;
}
.navbar-toggle i.fa::before {
    vertical-align: middle;
    display: inline-block;
    font-size: 20px;
    margin: 20% 0;
    color: #810304;
    transition: all ease-in 0.5s;
}
.navbar .menu { display: flex; }
.navbar .menu .navbar-nav li a {
	color: #000;
	font-size: 0.9rem;
	line-height: 1rem;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 30px;
	white-space: nowrap;
	display: inline-block;
}
.dropdown-menu { min-width: 15rem; }

.navbar .menu .navbar-nav li:hover a, .navbar .menu .navbar-nav li.active a { color: #810304; }
.navbar .menu .navbar-nav li.active > a {
	font-weight: bold;
	border-bottom: 5px solid #e79b5f;
	padding-bottom: 5px;
}
.navbar .menu .dropdown-menu { border: 1px solid #810304; }
.navbar .menu .dropdown-menu a {
	color: #000000 !important;
	padding: 10px 25px !important;
	display: inline-block;
	width: 100%;
}
.navbar .menu .dropdown-menu a.dropdown-toggle::after {
	float: right;
	margin-top: 5px;
}
.navbar .menu .dropdown-menu li ul.dropdown-menu {
	right: 100%;
	left: auto;
	top: 0px;
	border-radius: 5px 0 5px 5px;
}

/* End Header */

#home_content .heading, #gallery_cover .heading, #contact_page .heading { text-align: center; }
#home_content .heading h4, #gallery_cover .heading h4, #contact_page .heading h4 {
	color: #810304;
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
	font-weight: 700;
	display: inline-block;
}
#home_content p, #contact_page ul li {
    color: #810304;
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5rem;
}
#home_content a {
	margin-top: 28px;
	text-decoration: none;
}
#contact_page ul li a {
	color: #810304;
	text-decoration: none;
}
#contact_map iframe { width: 100%; }
	
	/* Start Home Category Cover */
.category_parent_cover { position: relative; }	
#category_cover {
	padding-top: 60px;
	display: inline-block;
	width: 100%;
}
#category_cover .heading {
	margin-bottom: 60px;
}
#category_cover .heading h4 {
    color: #810304;
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    font-weight: 700;
    display: inline-block;
}
#category_cover .category::before {
    background-color: #ed1d24;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
}
#category_cover .category {
	padding: 10px;
	text-align: center;
	min-height: 300px;
	margin-bottom: 60px;
	position: relative;
	border: 1px solid #810304;
	border-radius: 10px 10px 0 0;
	background: #fff;
}
#category_cover .category .details img {
	margin-bottom: 10px;
	display: inline-block;
	max-height: 200px;
}
#category_cover .category .details a {
    color: #000;
    display: block;
    font-size: 1.1rem;
	line-height: 1rem;
    font-weight: 700;
    transition: all 0.3s ease 0s;
	text-decoration: none;
}
#category_cover .category .details p {
    color: #777777;
    font-size: 15px;
    line-height: 27px;
}
#category_cover .category .details div {
	margin-top: 15px;
	margin-bottom: 10px;
}
#category_cover .category .details div a {
	color: #fff;
    display: block;
    font-size: 1.1rem;
	line-height: 1rem;
    font-weight: 700;
    transition: all 0.3s ease 0s;
	text-decoration: none;
}
#category_cover .category .details div a:hover {
	background-color: #ed1d24;
	color: #fff;
}
	/* End Home Category Cover */
	
	/* Start infrastructure */
#infrastructure { margin: 0; }	
#infrastructure {
	background: url(../images/office_home.jpg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed;
	color: #fff;
	padding: 30px 0 60px;
	text-align: center;
	position: relative;
	height: 400px;
}
#infrastructure .layer {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#infrastructure .layer .container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#infrastructure h3 {
	font-size: 2.5rem;
	line-height: 2.6rem;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
#infrastructure a {
	padding: 15px 32px;
	font-size: 1rem;
	border-radius: 10px;
	text-transform: uppercase;
	line-height: 28px;
	background-color: #f2a263;
	color: #fff;
	line-height: 1.1rem;
	display: inline-block;
	text-decoration: none;
}
	/* End infrastructure */
	
	/* Start Register, Login, Forgot Password */
#login_register_forgot_cover .heading { text-align: center; }
#login_register_forgot_cover .heading h4 {
	color: #810304;
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
	font-weight: 700;
	display: inline-block;
}
#login_register_forgot_cover .form_cover {
	margin: 0 auto 15px;
	border: 2px solid #810304;
	border-radius: 10px;
	padding: 15px;
}
#login_register_forgot_cover .form_cover .form-control {
	width: 100%;
	padding: 12px;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	letter-spacing: 0.8px;
	font-size: 0.8rem;
	line-height: 1rem;
	border: 1px solid #810304;
}
#login_register_forgot_cover .form_cover .input-group input[type="password"].form-control, #login_register_forgot_cover .form_cover .input-group input[type="text"].form-control { width: 80%; }
#login_register_forgot_cover .form_cover button.eye {
    padding: 10px;
    font-size: 1rem;
    text-align: center;
    border: 1px solid #810304;
    border-radius: 0.25em;
    cursor: pointer;
    background: none;
}
button.eye {
    padding: 10px;
    font-size: 1rem;
    text-align: center;
    border: 1px solid #810304;
    border-radius: 0.25em;
    cursor: pointer;
    background: none;
}
#login_register_forgot_cover .form_cover .password_info {
	width: 100%;
	display: inline-block;
	color: #f00;
	font-size: 0.75rem;
	line-height: 1rem;
	margin-top: 5px;
}
#login_register_forgot_cover .form_cover .form-group label {
	margin-bottom: 5px !important;
	font-size: 0.8rem;
	line-height: 1rem;
	color: #810304;
}
#login_register_forgot_cover .form_cover .custom-control-label::before, #login_register_forgot_cover .form_cover .custom-control-label::after { top: .1rem; }
#login_register_forgot_cover .form_cover a {
	color: #810304;
	font-size: 0.9rem;
	line-height: 1rem;
	text-decoration: none;
}
	
	/* End Register, Login, Forgot Password */
	
	/* Start Footer */
#footer {
	width: 100%;
	display: inline-block;
	background: #810304;
	margin: 0;
}
#footer h4 {
    color: #ffffff;
    font-family: "Dosis", sans-serif;
    font-size: 1.2rem;
	line-height: 1.5rem;
    font-weight: 700;
}
#footer ul {
	margin-top: 17px;
	padding: 0;
}
#footer .address ul { margin: 0; }
#footer ul li {
	padding-bottom: 15px;
	color: #fff;
	font-size: 0.85rem;
	line-height: 1rem;
	list-style-type: none;
}
#footer ul li.home { font-size: 1rem; line-height: 1rem; }
#footer ul li.home, #footer ul li.landline, #footer ul li.mobile, #footer ul li.email { display: flex; }
#footer ul li.home::before, #footer ul li.landline::before, #footer ul li.mobile::before, #footer ul li.email::before  {
	font-family: FontAwesome;
	margin-right: 10px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#footer ul li.home::before { content: "\f015"; }
#footer ul li.landline::before { content: "\f095"; }
#footer ul li.mobile::before { content: "\f10b"; }
#footer ul li.email::before { content: "\f0e0"; }
#footer ul li:last-child { padding: 0; }
#footer ul li a {
	color: #fff;
	font-size: 0.85rem;
	line-height: 1rem;
	text-decoration: none;
}
#footer iframe { max-width: 100%; }

#copyright {
	background-color: #810304;
	margin: 0;
	height: 50px;
}
#copyright .row { height: 50px; }
#copyright p {
	color: #fff;
	margin: 0;
}
#copyright a {
	color: #fff;
	text-decoration: none;
}
	/* End Footer */
	
.lightbox {
	position: fixed !important;
	top: 50px !important;
}
	
#customer_orders .chat_count {
	background-color: #f00;
	color: #fff;
	border-radius: 100%;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 1rem;
}

#gallery_image img { height: 150px; }