body{font-family: 'Poppins', sans-serif; font-size:12px; padding-bottom:0;}
body::-webkit-scrollbar { 
    display: none;
}
ul, li{
	margin:0;
	padding:0;
	list-style:none;	
	}
.line-truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.heading{
	font-family: 'Oswald', sans-serif;
	position: relative;
	letter-spacing: 1px;
	padding-bottom: 15px;
	text-align:left;
	margin-bottom: 20px;
	}

.heading:before, .heading:after {
	 content: "";
	 position: absolute;
	 bottom: -2px;
	 left:0;
	 webkit-transition: all 0.5s ease;
	 -moz-transition: all 0.5s ease;
	 -o-transition: all 0.5s ease;
	 -ms-transition: all 0.5s ease;
	 transition: all 0.5s ease;
	}
.heading:after {
        z-index: 1;
        height: 1px;
        width: 80px;
        background: #faa61a;
        border-radius:2px;
        margin-left: 0px;
        }

.heading:before {
        height: 1px;
        width: 200px;
        background: #d0d0d0;
        }
.btn.btn-theme{
	position: relative;
    color: #fff;
    background-color: #faa61a;
    border: none;
   padding: 11px 20px;
    padding-right: 70px;
	border-radius:0;
	}
.btn.btn-theme i{
	background: #666666;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    line-height: 40px;	
	}
/********************************/
/*       Navbar       */
/********************************/

.main-navbar {
   top: 0;
    position: fixed;
    width: 100%;
	z-index:1000;
}


.navbar.main-nav {
  border-radius: 0px;
  margin-bottom: 0px;
}
.navbar.main-nav {
    border:none;
	background:rgba(27, 27, 27, 0.89);
   
}
.navbar.main-nav .navbar-nav > li > a{
	font-family: 'Oswald', sans-serif;
	color:#fff;
	font-size: 16px;
    padding: 38px 24px;
    letter-spacing: 1px;
	text-transform:uppercase;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}
.navbar.main-nav .navbar-nav > li > a:hover { 
color: #faa61a;
}
.navbar-default.main-nav .navbar-nav > li > a:after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: #faa61a;
	opacity:0;
	-webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
	}
.navbar-default.main-nav .navbar-nav > li > a:hover:after, .navbar-default.main-nav .navbar-nav > li.active > a:after {
	width: 100%;
	opacity:1;
		
	}


.navbar.main-nav .navbar-nav > .active > a,
.navbar.main-nav .navbar-nav > .active > a:hover,
.navbar.main-nav .navbar-nav > .active > a:focus {
  color: #faa61a;
    background:none;
}
.navbar-default.main-nav .navbar-brand {
    width: 286px;
    height: 66px;
	margin-top:16px;
	outline:none;
    background:url(../Images/logo-light.png) no-repeat center center;
    position: relative;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar.main-nav .navbar-toggle {
  border: none;
    padding: 15px 10px;
    margin-right: 0px;
}
.navbar.main-nav .navbar-toggle:hover,
.navbar.main-nav .navbar-toggle:focus {
  background:none;
}
.navbar.main-nav .navbar-toggle .icon-bar {
      background-color: #7dc143;
    width: 10px;
    height: 10px;
    display: inline-block;
	border-radius:50%;
}
.navbar.main-nav .dropdown >a i{
	font-size: 19px;
    right: 0;
	margin-top:2px;
    position: absolute;	
	}

.navbar.main-nav .dropdown-menu > li > a{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	letter-spacing:1px;
	padding: 8px 20px;
    border-bottom: 1px solid #4c4c4c;
    color: #ddd;
	}
.navbar.main-nav .dropdown-menu > li:last-child >a{
    border-bottom: none;	
	}
.navbar.main-nav .dropdown-menu > li > a:hover,
.navbar.main-nav .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #faa61a;
}
.navbar.main-nav .dropdown-menu{
	padding:0;
	background:rgba(27, 27, 27, 0.89);
	border: none;	
	}

.navbar.main-nav .navbar-nav > .open > a,
.navbar.main-nav .navbar-nav > .open > a:hover,
.navbar.main-nav .navbar-nav > .open > a:focus {
  background:none;
  border-color: #002440;
}
.navbar.main-nav .dropdown-menu > .active > a,
.navbar.main-nav .dropdown-menu > .active > a:hover,
.navbar.main-nav .dropdown-menu > .active > a:focus{
	    background-color: #faa61a;	
	}
	
/*==============top Strip=============*/

.top-strip{
	background:rgba(0, 0, 0, 0.47);
	color:#fff;
	line-height:30px;
    position: relative;
    z-index: 1;
	font-family: 'Oswald', sans-serif;
	overflow:hidden;
	padding: 8px 0;
	}
	
.top-strip ul li{
	color: #fff;
    font-size: 14px;
    float: left;
    padding: 0px 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
	}
.top-strip ul li .fa{
	color: #faa61a;
    font-size: 16px;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
	}
.top-strip ul li a .fab{
	color: #fff;
	}
.top-strip ul li a:hover .fa{
	color: #faa61a;
	}
	
/*==============Fixed Header===========*/
.fixed.main-navbar {

}
.fixed.main-navbar .navbar.main-nav {
   background:#fff;
   box-shadow:0px 1px 10px rgba(0, 0, 0, 0.31);
}
.fixed.main-navbar .top-strip{
	display:none;
	margin-top:-40px;
	}
.fixed.main-navbar .navbar-brand {
	width: 286px;
    height: 66px;
	background: url(../Images/logo-dark.png) no-repeat center center;
    background-size: 80%;
	margin-top:0px;
	}
.fixed.main-navbar .navbar.main-nav .navbar-nav > li > a{
	padding: 23px 25px;
	color:#333;	
	}
.fixed.main-navbar .navbar.main-nav .navbar-nav > li > a:hover { 
color: #faa61a;
}
.fixed.main-navbar .navbar.main-nav .navbar-nav > .active > a,
.fixed.main-navbar .navbar.main-nav .navbar-nav > .active > a:hover,
.fixed.main-navbar .navbar.main-nav .navbar-nav > .active > a:focus {
    color: #faa61a;
}



/*===========================*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 730px;
}

.fade-carousel .carousel-inner .item {
    height: 730px;
}
.fade-carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  
}
.fade-carousel .carousel-inner .active {
  opacity: 1;
}

.fade-carousel .carousel-inner .active.left,
.fade-carousel .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.fade-carousel .carousel-inner .next.left,
.fade-carousel .carousel-inner .prev.right {
  opacity: 1;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5 {
  height: 730px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../Images/banner1.jpg);
}
.fade-carousel .slides .slide-2 {
background-image: url(../Images/banner2.jpg);
}
.fade-carousel .slides .slide-3 {
background-image: url(../Images/banner3.jpg);
}
.fade-carousel .slides .slide-4 {
background-image: url(../Images/banner4.jpg);
}

.fade-carousel .carousel-control {
    width: 65px;
    height: 55px;
	padding:0px 5px;
    top: 48%;
    z-index: 1;
}

.fade-carousel .carousel-control.left,
.fade-carousel .carousel-control.right{
	background:none;
	z-index:4;	
	}
.fade-carousel .carousel-control.left{
	margin-left: 0px;	
	}
.fade-carousel .carousel-control.right{
	margin-right: 0px;
	}
.fade-carousel .carousel-control .fa{
	width: 55px;
    height: 55px;
    line-height: 55px;
	border-radius:50%;
    font-size: 40px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background: #000;
	}
.banner-title{
	position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    z-index: 3;
    color: #fff;
	}
.banner-title h1{
	text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 80px;
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32);
	}

.banner-title h2{
    font-size: 32px;
	color: #fff;
	font-weight:normal;
	font-family: 'Poppins', sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32);		
	}
	
.banner-title h1, .banner-title h2{
            -webkit-animation-delay: .4s;
            animation-delay: .4s;
            -webkit-animation-duration: .6s;
            animation-duration: .6s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeInTop;
            animation-name: fadeInTop;
        }

       .banner-title h2 {
            -webkit-animation-delay: .8s;
            animation-delay: .8s;
            position: relative;
        }

@-webkit-keyframes fadeInTop {

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInTop {

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutTop {

    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}

@keyframes fadeOutTop {

    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}

@media (max-width: 767px) {
.fade-carousel .carousel-inner:before,
.fade-carousel .carousel-inner:after,
.fade-carousel .carousel-inner:hover:before,
.fade-carousel .carousel-inner:hover:after{
	opacity:0;
}
}


	
/*============== welcome-text ===========*/
.welcome-text{
	position:relative;
	background:#fff;
	padding:70px 0;	
	}

.welcome-text:before,
.welcome-text:after{
	content: "";
	top:0;
	margin-top: -54px;
	height: 156px;
	background: #fff;
	position: absolute;
	}	
.welcome-text:before{
     width: 100%;
     left: 0;
     -webkit-transform: rotate(6deg) skew(6deg) scale(1.1,1);
     -mox-transform: rotate(6deg) skew(6deg) scale(1.1,1);
     -ms-transform: rotate(6deg) skew(6deg) scale(1.1,1);
     -o-transform: rotate(6deg) skew(6deg) scale(1.1,1);
     transform: rotate(6deg) skew(6deg) scale(1.1,1);
}
.welcome-text:after{
	 width: 30%;
	 right: 0;
	 -webkit-transform: rotate(-11deg) skew(-11deg) scale(1.1,1);
	 -mox-transform: rotate(-11deg) skew(-11deg) scale(1.1,1);
	 -ms-transform: rotate(-11deg) skew(-11deg) scale(1.1,1);
	 -o-transform: rotate(-11deg) skew(-11deg) scale(1.1,1);
	 transform: rotate(-26deg) skew(-26deg) scale(1.2,1);
	}
.welcome-text .container{
	    position: relative;
    z-index: 1;	
	}

.welcome-text .headings {
	border-right:1px solid #faa61a;
	padding:10px 20px;
	text-align:right;	
	}
.welcome-text  .headings h1{
	font-family: 'Oswald', sans-serif;
	margin-top: 10px;
		
	}
.welcome-text p{
	color:#848484;
	font-size:15px;
	line-height:24px;
	text-align:justify;	
	}
/*============== product-slider ===========*/

.product-slider{
    background: #fff;
    padding-top:0px;
    padding-bottom: 60px;
}

.product-slider .headings {
	position:relative;
	padding:0;
	margin-top:20px;	
	}
.product-slider .headings > div{
    background: #393939;
    text-align: right;
    padding: 70px 30px 70px 0;
	min-height: 352px;
}
.product-slider .headings h3{
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-size:26px;
	position:relative;
	text-transform:uppercase;
	padding-bottom:15px;
	line-height: 34px;
		
	}

.product-slider .headings h3:before, .product-slider .headings h3:after {
	 content: "";
	 position: absolute;
	 bottom: -2px;
	 right:0;
	 webkit-transition: all 0.5s ease;
	 -moz-transition: all 0.5s ease;
	 -o-transition: all 0.5s ease;
	 -ms-transition: all 0.5s ease;
	 transition: all 0.5s ease;
	}
.product-slider .headings h3:after, .product-slider .headings h3:before{
        z-index: 1;
        height: 1px;
        width: 80px;
        background: #faa61a;
        border-radius:2px;
        margin-left: 0px;
        }
.product-slider .headings:hover h3:before{
	opacity:0;
	margin-right:80px;	
	}
		

.product-slider .headings h4{
	font-size: 22px;
    font-weight: normal;
    margin: 20px 0;
	color:#cdcdcd;
	}
	
.product-slider .owl-item{
	transition:.4s;
	position:relative;
	z-index:1;	
	}
.product-slider .owl-item:hover{
	z-index:2;	
	}
.slide-items {
	transition:.4s;
	position:relative;
}
.slide-items:hover{
	transform:translateY(-10px);
	box-shadow:0px 0px 10px #000;
}
.slide-items .slid-img{
	position:relative;
	overflow:hidden;
}

.slide-items .slid-img img{
	width:100%;
	transition:.4s;
}

.slide-items:hover .slid-img img{
	transform:scale(1.15);
} 

.product-slider .carousel-wrap{}

.product-slider .carousel-wrap .item {
    padding: 20px 0px;
}


.slide-items .pro-info {
	padding: 20px;
	padding-top:40px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
}
.slide-items .pro-info:before{
	content:"";
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0)), to(#000));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.0)', endColorstr='#000');
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	opacity:0.8;
    transition: all 0.4s ease;
	}
.slide-items:hover .pro-info:before{
	opacity:1;
	}
.slide-items .pro-info h4{
	font-family: 'Oswald', sans-serif;
	margin: 0;
	position:relative;
	transition:.6s;
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:20px;	
	}
.slide-items .pro-info p{
	position:relative;
	transition:.9s;
	font-size:15px;
	color:#cdcdcd;
	}
.slide-items:hover .pro-info h4{
	margin-bottom:40px;	
	}
.product-slider .slide-wrap{
	padding:0;	
	}

/*============== about-link ===========*/

.about-link{
	position:relative;
	    z-index: 1;
    padding: 30px 0 45px 0;
	}
.about-link img{
	float:left;
	margin:0px 20px 10px 0px;	
	}
.about-link p{
	color:#848484;
	line-height:24px;
	font-size:15px;
	text-align:justify;	
	}
.about-link .values p{
	font-size:13px;
	line-height:21px;
	text-align:justify;		
	}
.about-link .values h4{
	margin-bottom:10px;
	font-size:16px;
	font-weight:600;
}
.about-link:after {
        content: "";
        width: 100%;
        height: 76px;
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        margin-bottom: -37px;
        -webkit-transform: rotate(3deg) skew(3deg) scale(1.1,1);
        -mox-transform: rotate(3deg) skew(3deg) scale(1.1,1);
        -ms-transform: rotate(3deg) skew(3deg) scale(1.1,1);
        -o-transform: rotate(3deg) skew(3deg) scale(1.1,1);
        transform: rotate(3deg) skew(3deg) scale(1.1,1);
    }
/*-------------*/
.why-us{
	padding:100px 0;
	background: url(../Images/why-us-bg.jpg) no-repeat fixed;
	background-size:cover;
	color:#fff;
	position:relative;
	}
.why-us:before{
	content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000a25;
    opacity: 0.6;
    position: absolute;
	}
.why-us .container{
	position:relative;
	z-index:1;	
	}
.why-us h3{
	font-family: 'Oswald', sans-serif;
	}
.why-us p{
	color:#e7e7e7;
	font-size:14px;
	line-height:21px;
	text-align:justify;	
	}
.why-us ul li{
	padding-left: 90px;
    position: relative;
    display: block;
    margin-bottom: 30px;
	}


.why-us ul li i {
	border: 3px solid #faa61a;
    color: #faa61a;
    height: 70px;
    width: 65px;
    text-align: center;
    padding-top: 15px;
    font-size: 35px;
    transition: .4s;
    position: absolute;
    left: 0;
    margin-top: 8px;
        }


.why-us ul li:hover i {
            transform: rotateY(180deg);
            background: #faa61a;
            color: white;
        }
/*-------------*/		
.points{
	background:#fff;
	text-align:center;
	padding:50px 0;
	padding-top: 60px;
	position:relative;	
	}
.points:after {
    content: "";
    width: 100%;
    height: 76px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -37px;
    -webkit-transform: rotate(3deg) skew(3deg) scale(1.1,1);
    -mox-transform: rotate(3deg) skew(3deg) scale(1.1,1);
    -ms-transform: rotate(3deg) skew(3deg) scale(1.1,1);
    -o-transform: rotate(3deg) skew(3deg) scale(1.1,1);
    transform: rotate(3deg) skew(3deg) scale(1.1,1);
}
.points img{
	
	}
.points h4{
	font-size:20px;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	
	}
.points p{
	font-size:14px;
	
	}
	
/*=================================Footer===================*/
footer .top {
background: #231f20;
padding-top: 30px;
    padding-bottom: 10px;
	color:#fff;
}
footer .top h3{
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	font-weight:400;
    color: #faa61a;
	text-transform:uppercase;
margin-bottom: 30px;
	}
footer .top li{
	font-size: 15px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
	}
footer .top li i{
	float:left;
font-size: 20px;
margin-bottom: 35px;
    margin-top: 5px;
    width: 25px;
    margin-right: 7px;
}

footer li a{
	color:#fff;
	text-decoration:none;
	padding: 2px 0px;
    display: block;	
	}
footer li a:hover{
	color:#faa61a;
	text-decoration:none;	
	}
footer .bottom{
	text-align:center;
	background:#0a0909;
	color:#979797;
	padding:20px 0;
	font-size:14px;
	}
footer .bottom a{
	color:#979797;
	padding:0px 10px;	
	}
footer  .footer-logo{
	background:url(../Images/footer-logo.png?123) no-repeat center top;
	width:100%;
	height:176px;
	display:block;
	margin-top: 77px;
	-webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.4;
	}
.backToTopBtn {
position: fixed;
bottom: 30px;
right: 5px;
font-size: 35px;
z-index: 1;
color: rgba(0, 0, 0, 0.17);
-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.5s ease;
}

@media (max-width: 767px) {
.top-strip{
	display:none;	
	}
.navbar-default.main-nav .navbar-brand {
       width: 220px;
    height: 50px;
    background-size: 100%;
    margin-top: 8px;}
	
.welcome-text:before, .welcome-text:after, .about-link:after, .points:after{
	display:none;	
	}
.banner-title h1{font-size: 46px;}
.banner-title h2{font-size: 20px;}
	
	}



