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

.clear{clear:both;}

.col-pd{ padding:0px;}

ul{

	list-style: none;
}

input:focus {
    outline:none;
}

textarea:focus {
    outline:none;
}



body {
  position: relative; background:#fff7e7;
  overflow-x: hidden; 
}
body,
html {
  height: 100%;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
}
/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
  margin-right: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper.toggled {
  margin-right: -250px;
}
#sidebar-wrapper {
  z-index: 1000;
  left: auto;
  left: 0;
  width: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}
#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}
#page-content-wrapper {
  width: 100vw;
  padding-top: 0px;
}
#wrapper.toggled #page-content-wrapper {
  position: absolute;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav li {
  position: relative;
  line-height: 20px;
  display: inline-block;
  width: 100%;
}
.sidebar-nav li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 3px;
  background-color: #1c1c1c;
  -webkit-transition: width 0.2s ease-in;
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}
.sidebar-nav li:first-child a {
  color: #fff;
  background-color: #222222;
}



.sidebar-nav li:nth-child(2):before {
  background-color: #ff0000; 
}
.sidebar-nav li:nth-child(3):before {
  background-color: #ff0000;
}
.sidebar-nav li:nth-child(4):before {
  background-color: #ff0000;
}
.sidebar-nav li:nth-child(5):before {
  background-color: #ff0000;
}
.sidebar-nav li:nth-child(6):before {
  background-color: #ff0000;
}
.sidebar-nav li:nth-child(7):before {
  background-color: #ff0000;
}
.sidebar-nav li:nth-child(8):before {
  background-color: #ff0000;
}
.sidebar-nav li:nth-child(9):before {
  background-color: #ff0000;
}
.sidebar-nav li:nth-child(10):before {
  background-color: #ff0000;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
  width: 100%;
  -webkit-transition: width 0.2s ease-in;
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}
.sidebar-nav li a {
  display: block;  font-family:CenturyGothic; font-size:16px;
  color: #fff;
  text-decoration: none; /*border-bottom:#333232 thin solid;*/ text-transform:uppercase;
  padding: 20px 15px 20px 30px;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
.sidebar-nav > .sidebar-brand {
  height: 88px;
  font-size: 20px;
  line-height: 44px;
}
.sidebar-nav .dropdown-menu {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: none;
  background-color: #222;
  box-shadow: none;
}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
  position: fixed;
  top: 18px;
  left: auto;
  left: 19px;
  z-index: 10000;
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 15px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed,
.hamburger.is-open {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #c5a059;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all 0.35s ease-in-out;
  
 
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all 0.35s ease-in-out;
  
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #ff0000;
}
.hamburger.is-closed .hamb-bottom {
  background-color: #000;
}
.hamburger.is-closed .hamb-top {
  top: 5px;
  -webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;
  -webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all 0.35s ease-in-out;
}
.hamburger.is-open {
  left: auto;
  left: 266px;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #ff0000;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(.73,1,.28,.08);
  
  
}
.hamburger.is-open .hamb-middle {
  display: none;
}
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(.73,1,.28,.08);
  
  
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all 0.35s ease-in-out;

  
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all 0.35s ease-in-out;
  
}
/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   opacity: 1; background-color:rgba(0, 0, 0, 0.5);
  z-index: 1000;
}




*{padding:0; margin:0;}
header{ height:auto; overflow:hidden;}
body{font-size:12px; font-family:sans-serif;}

.company-logo{margin:0px 0px 0px 0px; float:right;}

img{max-width:100%;height:auto;}



.banner{top:0; right:0; float:right;position:relative;height:auto; width:98%;}
.banner img{width:100%; overflow:hidden;}
.banner .left-line {
    position: absolute;
    left: 0;
	top:0;
}
.banner .bottom-line {
    position: absolute;
    bottom: 65px;
    left: -50px;
}
.intro-section{margin:130px 0px 60px 0px;}

.intro-section img{margin:50px 0px 0px 0px;}

.intro-content{padding:10px 0px 0px 0px;}

.intro-content h1{color:#000; font-family:CenturyGothic; font-size:40px;}

.intro-content h1 span{color:#ff0000; font-family:CenturyGothic; font-size:40px;}

.intro-content p{padding:8px 0; font-family:CenturyGothic; font-size:16px; line-height:22px;}

.shopnow-btn{
	border: 1px solid #ff0000;
	
	color: #ff0000;
	font-size: 14px;
	font-family:CenturyGothic;
	text-transform: uppercase; font-weight:bold;
	padding: 10px 20px; margin-top:20px;
	-webkit-transition: all 0.5s; text-shadow:none;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


.shopnow-btn:hover,
.shopnow-btn:focus{
	color: #fff; background:#ff0000;
	text-decoration: none;
	outline: none;

}






.whoweare-section{ margin:0px auto; background:#ff0000; margin:50px 0px 0px 0px; padding-left:40px;}

.whoweare-img-section{ 
	 overflow:hidden;
	 max-width:100%;
}
.whoweare-img-section img{
	width:100%;	
	height:100%;	
}

.whoweare-content{ padding:100px 30px 0px 30px;  margin:0px auto;}

.whoweare-content h2{ font-family:CenturyGothic; font-size:40px; color:#fff;}

.whoweare-content p{font-family:CenturyGothic; color:#fff; font-size:18px; line-height:32px; margin-top:20px;}

.container-2nd{
	width:100%;	
}


.rd-btn{
	border: 1px solid #fff;
	
	color: #fff;
	font-size: 14px;
	font-family:CenturyGothic;
	text-transform: uppercase; font-weight:bold;
	padding: 10px 20px; margin-top:20px;
	-webkit-transition: all 0.5s; text-shadow:none;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


.rd-btn:hover,
.rd-btn:focus{
	color: #ff0000; background:#fff;
	text-decoration: none;
	outline: none;

}




.forte-bg{ background:#f3f3f3; width:100%; height:auto; padding:30px 0px 40px 0px; margin:0px auto;}

.forte-image img{ margin-top:40px; width:100%;}

.forte-content{ width:100%; height:auto; margin:80px 0px 0px 50px;}

.forte-content h2{ color:#000; font-family:CenturyGothic; font-size:40px;}

.forte-content h2 span{color:#ff0000; font-family:CenturyGothic; font-size:40px;}

.forte-content p{font-family:CenturyGothic; color:#000; font-size:16px; line-height:24px; margin-top:20px;}




/*--------------------*/
/* SERVICE */
/*--------------------*/

#service{
	background-color: #f3f3f3;
	float: left;
	display: inline;
	padding: 30px 0;
	width: 100%;
}
.service_area{
	display: inline;
	float: left;
	width: 100%;
}
.service-content{
	display: inline;
	margin-top: 45px;
	float: left;
	width: 100%;
}
.service-table{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.single-service {
	display: inline;
	float: left;
	margin-bottom: 15px;
	padding: 45px 20px;
	position: relative;
	text-align: left;
	width: 100%;
	-w-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.single-service:after{
	content: '';
	position: absolute;
	left: 0;
	opacity: 0;
	bottom: 0;
	height: 24px;
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.single-service:hover:after{
	opacity: 1;
}
.single-service:hover{
	background-color: #fff; -webkit-box-shadow: -1px 3px 24px -1px rgba(0,0,0,0.49);
-moz-box-shadow: -1px 3px 24px -1px rgba(0,0,0,0.49);
box-shadow: -1px 3px 24px -1px rgba(0,0,0,0.49);
}
.single-service .service-icon{
	color: #ff0000;
	font-size: 55px; 
	margin-bottom: 10px;
}
.single-service .service-title {
	color: #ff0000; font-family:CenturyGothic;
	font-size: 18px;
	font-weight: 600; 
	margin-bottom: 30px; margin-top:20px;
}

.single-service .service-title span {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.single-service p{
	font-family:CenturyGothic; color:#ff0000; font-size:16px; line-height:24px; margin-top:20px; font-weight:bold;
}

.single-service p a{
	font-family:CenturyGothic; color:#ff0000; font-size:16px; line-height:24px; margin-top:20px; font-weight:bold;
}

.single-service ul{ padding:0px 0px 0px 20px;}

.single-service ul li{font-family:CenturyGothic; color:#000; font-size:16px; line-height:24px; margin-top:20px; list-style:disc;}




.portfolio-tittle{ text-align:center; padding:30px 0px 10px 0px;}

.portfolio-tittle h2{ color:#000; font-family:CenturyGothic; font-size:40px;}

.portfolio-tittle h2 span{color:#ff0000; font-family:CenturyGothic; font-size:40px;}

.text-category{color:#fff; font-family:CenturyGothic; font-size:40px;}



.tag-line-contact{background:#ff0000; width:100%; height:auto; font-family:CenturyGothic; color:#fff; font-size:44px; padding:40px 0px 40px 0px; text-align:center;}

.tag-line-contact img{ margin-top:10px; text-align:center; margin:0px auto;}



.footer-bg{ background:#111111; height:auto; width:100%; padding:30px 0px 10px 0px;}

.footer-list{margin-top:25px; margin-bottom:20px;}

.footer-list ul{

	list-style-type:none; margin-top:20px;
    
}

.footer-list ul li {

	background:url(../images/footer-bullet.jpg);

	background-repeat:no-repeat; font-family:CenturyGothic;

	background-position:left;

	padding-left:20px; margin-left:0px;

	line-height:30px;

}

.footer-list ul li a{

	color:#fff; font-size:16px;

}

.footer-list h3{

	color:#ff0000;  font-size:35px; font-family:CenturyGothic;

}

.footer-company-logo{width:100%; margin:80px 0px 0px 0px;}

.footer-address-main-div{ margin:0px 0px 0px 0px; float:right;}

.footer-address{margin:5px 0px 0px 0px;}

.footer-address p{ color:#fff; font-size:16px; line-height:22px; width:95%; font-family:CenturyGothic;}

.footer-strip{background:#111111; width:100%; height:auto; padding:18px 0px 30px 0px; font-family:CenturyGothic; font-size:16px;  color:#fff;}

.footer-strip p{background:#111111; width:100%; height:auto; padding:30px 0px 0px 0px; font-family:CenturyGothic; font-size:16px;  color:#fff;}

.footer-strip p span{color:#fff; font-size:15px; line-height:22px;}

.footer-strip p span a{color:#ff0000; font-size:15px; line-height:22px;}



/*========================================SERVICE PAGE=============================================================*/

.inner-banner{top:0; right:0; float:right; position:relative; height:auto; width:98%;}

.inner-banner img{width:100%; overflow:hidden;}

.inner-banner .left-line {
    position: absolute;
    left: 0;
	top:0;
}
.inner-banner .bottom-line {
    position: absolute;
    bottom: 65px;
    left: -50px;
}
.inner-banner-heading h1{ color:#fff; font-family:CenturyGothic; font-size:40px; position:absolute; padding:0px 0px 0px 100px; top:25%;}


.main-service-section{margin:50px 0px 60px 0px;}

.main-service-section img{margin:50px 0px 0px 0px;}

.main-service-content{padding:10px 0px 0px 0px;}

.main-service-content h1{color:#000; font-family:CenturyGothic; font-size:40px; padding:30px 0px}

.main-service-content h1 span{color:#ff0000; font-family:CenturyGothic; font-size:40px;}

.main-service-content ul{ list-style-type:none; }

.main-service-content ul li {background:url(../images/service-bullet.png); background-repeat:no-repeat; background-position:left; padding-left:20px; margin-left:0px; line-height:27px; font-family:CenturyGothic; color:#000; font-size:16px; margin-top:20px; font-weight:bold;}



.main-service-section-red{margin:50px 0px 60px 0px; background:#ff0000; width:100%; padding:50px 0px}

.main-service-section-red img{margin:0px 0px 0px 0px;}

.main-service-red-content{padding:0px 0px 0px 0px;}

.main-service-red-content h1{color:#fff; font-family:CenturyGothic; font-size:40px; padding:30px 0px}

.main-service-red-content h1 span{color:#fff; font-family:CenturyGothic; font-size:40px;}

.main-service-red-content ul{ list-style-type:none; }

.main-service-red-content ul li {background:url(../images/service-bullet-white.png); background-repeat:no-repeat; background-position:left; padding-left:20px; margin-left:0px; line-height:27px; font-family:CenturyGothic; color:#fff; font-size:16px; margin-top:20px; font-weight:bold;}




/*========================================CONTACT PAGE=============================================================*/

.inner-contact-heading h1{font-family:CenturyGothic; font-size:45px; color:#ff0000; padding-left:15px;}
.inner-contact-heading h1 span{font-family:CenturyGothic; font-size:45px; color:#000;}
.inner-contact-heading p{ color:#000; font-size:16px; line-height:25px; font-family:CenturyGothic; padding-left:15px;}

.inner-contact-form-bg{ background:#fff7e7; width:100%; height:auto; padding:70px 0px 100px 0px; background-size:cover;}

.inner-contact-form{width:100%; background:#fff; height:50px; padding:0px 0px 0px 10px; border:1px solid #a1a1a1; margin:17px 0px 0px 0px; color:#a1a1a1; font-size:16px; font-family:CenturyGothic;}

input[class="inner-contact-form"]::-webkit-input-placeholder {

color: #a1a1a1 !important;

}
.inner-contact-form-message{width:100%; background:#fff; height:130px; padding:10px 0px 0px 10px; border:1px solid #a1a1a1; margin:17px 0px 0px 0px; color:#a1a1a1; font-size:16px; font-family:CenturyGothic;}

textarea[class="inner-contact-form-message"]::-webkit-input-placeholder {

color: #a1a1a1 !important;
}

.inner-contact-submit-btn{width:30%; background:none; border:1px solid #ff0000; height:50px; color:#ff0000; margin:17px 0px 0px 0px; font-family:CenturyGothic; font-size:16px;}



.contact-address-details{ width:100%; margin-top:20px;}

.contact-address-details img{ margin-top:20px;}

.contact-address-details h4{font-family:CenturyGothic; font-size:25px; color:#000;}

.contact-address-details p{font-size:16px; font-family:CenturyGothic; padding-bottom:20px;}


.c-map{ width:100%; height:auto; margin:0px 0px 0px 0px;}

.c-map img{margin:0px auto;}



/*========================================WHO WE ARE PAGE=============================================================*/

.wwr-content{padding:0px 0px 30px 0px;}

.wwr-content h1{color:#000; font-family:CenturyGothic; font-size:40px; padding:20px 0px}

.wwr-content h1 span{color:#ff0000; font-family:CenturyGothic; font-size:40px;}

.wwr-content p{padding:5px 0; font-family:CenturyGothic; font-size:16px; line-height:22px;}

.wwr-content ul{ list-style-type:none; }

.wwr-content ul li {background:url(../images/service-bullet.png); background-repeat:no-repeat; background-position:left; padding-left:20px; margin-left:0px; line-height:27px; font-family:CenturyGothic; color:#000; font-size:16px; margin-top:10px; }








@font-face {
    font-family: CenturyGothic;
    src:url(../fonts/Century%20Gothic.ttf);
}