/*=========================

= Table of CSS

	1.General code

		1.1 Typography		

		1.2	Space margins and padding

		1.3 background-colors and bg-img

		1.4 forms

		1.5 Buttons

	2.Homepages

		2.1 Sidenav

		2.2 Top navbar

		2.3 Navigation

		2.4 Banner

		2.5 Product-section	

		2.6 Location-section

		2.7	Testimonial-section

		2.8 Blog-section

		2.9	Various-bg-section

		2.10 client-section

		2.11 Footer

			2.11.1 footer-bottom

	3.Blog

	4.Blog-post

	5.Shop

	6.Shop-details

	7.About us

	8.Contact

=====================*/



/*=====================



	1.General code



===========================*/









body{

	margin:0;

	padding:0;

	

}

.anchor-black{

	color:#000;

	font-weight:500;

}

.anchor-white{

	color:#fff;

}

.top-bottom-border{

	border-bottom:1px solid #eee;	

	border-top:1px solid #eee;

}





.right-left-border{

	border-left:1px solid #eeeeee;

	border-right:1px solid #eeeeee;

}

.bottom-border{

	border-bottom:1px solid #eee;

}





.top-border{

	border-top:1px solid #eee;

}









/*----------------------

	1.1. Typography

------------------------------*/



h1,

h2,

h3,

h4,

h5,

h6 {

	color:#222;

	margin: 0 auto 20px;

	font-family: 'Playfair Display', sans-serif;

	font-weight: 600;

}



h1 {

	font-size: 45px;

}



h2 {

	font-size: 30px;

}



h3 {

	font-size:28px;

}



h4 {

	font-size: 24px;

}



h5 {

	font-size: 20px;

	font-weight:500;

}



h6 {

	font-size: 18px;

}



p {

	font-size: 14px;

	line-height: 28px;

	margin-bottom:15px;

	font-weight:normal;

	font-family:'Open Sans',sans-serif;



}



a {

	-webkit-transition: 0.3s;

	transition: 0.3s;

	text-decoration: none;

	font-weight:normal;

	color:#000;

}



a:hover,

a:focus {

	text-decoration: none;

	outline: none;

	color:#ee7202;

	

}





blockquote {

	background: #f4f4f4;

	position: relative;

	padding:20px;

	line-height:25px;

	border-left:5px solid #eee;

}







blockquote p {

	color: #022147;

	font-size: 16px;

	font-weight:normal;

}



blockquote h6 {

	color: #ff6a48;

	font-weight: 400;

	text-transform: uppercase;

	font-size: 15px;

}



img {

	max-width: 100%;

	width: auto;

	height: auto;

}

ul{



	padding:0;

}

li{

	list-style: none;

}

article{

	margin:0 auto 40px;

}





article h2 a{

	color:#000;

}











/*-----------end typography-----------*/



/*======================

	1.2	Space margins and padding

=====================*/





.section-padding{

	padding:80px 0;



}

.section-title{

	padding-bottom:40px;

	margin:0 auto;

	max-width:650px;

	text-align:center;



}

.section-title h3{

	font-size:40px;

}

.section-title p{

	font-size:18px;



}





.clearfix::after{

	display:block;

	clear: both;

	content: "";

}

.z-index {

	z-index:2;

	position:relative;

}

.no-padding-bottom{

	padding-bottom:0;

}





/*================================

	1.3 background-color and bg-img

========================*/



.dark-overlay{

	position:relative;

}



.dark-overlay:after {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    z-index:0;

    content: "";

    background: rgba(0, 0, 0, 0.4);



}









.primary-bg{

	background-color:#f4f4f4;

}



.secondary-bg{

	background-color:rgba(202,50,0,0.1);

}





.orange-bg{

	background-color: #ca3200;

}



.figure{

	

	overflow: hidden;

	position: relative;

	display: inline-block;

	vertical-align: top;

	margin:0;

	width:100%;	

	

}



.bg-img{

	background: url(../img/bg-img-2.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    width: 100%;

    height: 100%;

    margin-top:80px;





}

.bg-img h1{

	color:#fff;

}









.figure img{

	height:auto;

	width:100%;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	-webkit-transform: scale3d(1, 1, 1);

	-moz-transform: scale3d(1, 1, 1);

	-ms-transform: scale3d(1, 1, 1);

	-o-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1);





}



.figure:hover > img{

	-webkit-transform: scale3d(1.1, 1.1, 1);

	-moz-transform: scale3d(1.1, 1.1, 1);

	-ms-transform: scale3d(1.1, 1.1, 1);

	-o-transform: scale3d(1.1, 1.1, 1);

     transform: scale3d(1.1, 1.1, 1);

}



/*===========================

	1.4 Forms

=============================*/



/*Checkboxes styles*/

input[type="checkbox"] { display: none; }



input[type="checkbox"] + label:before {

  content: '';

  display: block;

  width: 20px;

  height: 20px;

  border: 1px solid #fff;

  position: absolute;

  left: 0;

  top: 0;

  opacity:1;

  -webkit-transition: all .12s, border-color .08s;

  transition: all .12s, border-color .08s;

}



input[type="checkbox"]:checked + label:before {

  width: 10px;

  top: -2px;

  left: 5px;

  border-radius: 0;

  opacity: 1;

  border-top-color: transparent;

  border-left-color: transparent;

-webkit-transform: rotate(45deg);



-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-o-transform: rotate(45deg);

transform: rotate(45deg);



}

label{

	font-weight:normal;

}









/*=====================

	1.5 BUTTONS 

=====================*/



.primary-btn-wrapper{

	padding:20px 0;

}



.primary-btn{

	position:relative;

	padding:20px;

	overflow:hidden;

	border-bottom:2px solid #ee7202;







}

.primary-btn .primary-btn-icon{

	position:absolute;

	left:0;

	text-align:center;

	-webkit-transform:translateY(5px);

	-moz-transform:translateY(5px);

	-ms-transform:translateY(5px);

	-o-transform:translateY(5px);

	transform:translateY(5px);

	background-color:#ee7202;

	width:100%;

	color:#fff;

	padding:10px 0;

	transition:.2s;

	overflow: hidden;

	opacity:0;

	font-size:20px;



}

.primary-btn:hover .primary-btn-icon{

	-webkit-transform:translateY(0);

	-moz-transform:translateY(0);

	-ms-transform:translateY(0);

	-o-transform:translateY(0);

	transform:translateY(0);

	opacity:1;

}

.btn:hover,

.btn:focus{

	color:#ee7202;

}

.slick-dots li button{

	border-radius: 50%;

    border: 0;

    width: 20px;

    height: 20px;

    color: transparent;

    background-color: #ee7202;

}

.slick-dots .slick-active button{

	background-color:transparent;

	

	border:1px solid #ee7202;

}











/*====================

	2. Homepage

==============================*/



/*---------

	2.1 Sidenav

----------------*/	





.sidenav {

    height: 100%; 

    width: 0; 

    position: fixed; 

    z-index: 9999; 

    top: 0;

    right: 0;

    background-color:#fff; 

    overflow-x: hidden; 

    padding-top:30px;

    transition: 0.5s; 

}





/* Position and style the close button (top right corner) */

.sidenav .closebtn {

    position: absolute;

    top: 0;

    left:0;

    font-size:37px;

    margin-left: 30px;

    cursor:pointer;

    font-weight:300;



}



.sidenav-overlay{

	position:fixed;

	z-index:999;

	width:100%;

	height:100%;

	background-color:rgba(0,0,0,0.7);

	overflow:hidden;

	display:none;





}

.sidenav .sidenav-wrap{

	padding:0 10px;

}



.sidenav .form-group{

	display:flex;

	padding:20px 10px;

	justify-content:space-around;

	flex-direction:column;

	

	margin-bottom:0;

	background-color:rgba(255,255,255,0.8);



}

.sidenav .form-group label{

	font-size:15px;

	opacity:1;

	color:#222;

	text-align: center;

	margin-bottom:10px;



}

.sidenav .form-group .form-control{

	border:1px solid #fff;

	border-radius:0;

	color:gray;

	width:100%;

	border:1px solid #eee;

	box-shadow:none;



}







.sidenav .ft-liststyle .nav-drop-link{

	margin:5px 0;



}

.sidenav ul li{

	border-bottom:1px solid rgba(0,0,0,0.2);

}



.sidenav ul li a{

	font-size:20px;

	cursor:pointer;

	padding:10px;

	display:flex;

	justify-content:space-between;

	align-items: center;

	color:#000;

}

.sidenav ul li a:hover{

	color:#ee7202;

}





.sidenav ul li a i{

	font-size:14px;

}



.sidenav .collapse.show .flaticon-add{

	-webkit-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	-ms-transform:rotate(45deg);

	-o-transform:rotate(45deg);

	transform:rotate(45deg);

	transition: .3s;

}



.sidenav .ft-sub-links{

	padding:10px 0;

}



.sidenav .ft-sub-links li a{

	font-size:16px;

}

.sidenav .ft-sub-links li{

	border:0;

}

/*-------------------

	2.2 Top nav

------------------------*/





.ft-2-top-header{

	padding:10px;

	background-color:#ca3200;

}



.ft-2-top-header ul{

	padding:0;

	margin:0;

}

.ft-2-top-header a{

	color:#fff;

	font-size:14px;

}

.ft-2-top-header i{

	font-size:14px;

	color:#fff;



}





.ft-2-top-header ul li{

	list-style:none;

	display:inline-block;

	margin-right:20px;

}

.ft-2-top-header .ft-2-header-social{

	float:right;

}	





/*-----------------

	2.3 Navigation

------------------------*/	









#navbar{

	width:100%;

	padding:15px 0;

	position:fixed;

	z-index:99;

	top:0;



}

#navbar.sticky{

	background-color:#f4f4f4;

	transition:.3s;



}	



#navbar .nav-inner{

	display:flex;

	justify-content:space-between;

	align-items:center;

	width:100%;



}

.nav-inner .ft-nav-icons ul{

	list-style:none;

	margin-bottom:0;

}

.nav-inner .ft-nav-icons ul li{

	display:inline-block;

	margin-right:20px;



}





.nav-inner .ft-nav-icons .menu-btn{

	font-size:25px;

	margin-right:0;

	margin-left:20px;

	color:#ee7202;

	cursor:pointer;

}

.nav-inner ul li a{

	color:#022147;

	font-size:25px;

}

.nav-inner ul li a:hover,

.nav-inner ul li a:focus{

	color:#E74C3C;



}





.ft-nav-icons{

	display:flex;

	justify-content:center;

	align-items: center;

}

.ft-2-nav{

	padding:20px;

	background-color:#eee;

	z-index: 990;

}



.ft-2-nav .menu-btn{

	display:none;

}



.ft-2-nav .ft-2-nav-inner{



	display:flex;

	justify-content:center;

	align-items: center;

	





}

.ft-2-nav .ft-2-nav-inner .nav-item ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.ft-2-nav .ft-2-nav-inner .nav-item > ul > li {

    display: inline-block;

    padding: 0 6px;

}

.ft-2-nav .ft-2-nav-inner .nav-item ul li {

    position: relative;

    margin:0 10px;

}

.ft-2-nav .ft-2-nav-inner .nav-item > ul > li > a i{

	position:relative;

	top:-2px;

}

.ft-2-nav .ft-2-nav-inner .nav-item ul li.last-elements .submenu{

	left:auto;

	right:0;

}



.ft-2-nav .ft-2-nav-inner .nav-item > ul > li > a {

    position: relative;

    display: block;

    

    text-transform: uppercase;

    

    text-decoration: none;

    font-size: 14px;

   

    opacity:.8;

    letter-spacing:1px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.ft-2-nav .ft-2-nav-inner .nav-item > ul > li > a:hover,

.ft-2-nav .ft-2-nav-inner .nav-item > ul > li > a:focus

 {

 	opacity:1;



}





.ft-2-nav .ft-2-nav-inner .nav-item ul.submenu {

    position: absolute;

    left: 0;

    top: 50px;

  

    min-width:200px;

   	padding:10px 0;

    text-align: left;

    background-color: #fff;

    z-index: 9999;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

    visibility: hidden;

    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.ft-2-nav .ft-2-nav-inner .nav-item ul.submenu li:first-child {

    border-top: none;

}



.ft-2-nav .ft-2-nav-inner .nav-item ul.submenu li{

	border-top:1px solid rgba(0,0,0,0.1);



}



.ft-2-nav .ft-2-nav-inner .nav-item ul li ul li {

    margin-left: 0;

}





.ft-2-nav .ft-2-nav-inner .nav-item ul.submenu > li > a {

    display: block;

    color:black;

    text-decoration: none;

   	padding:0 20px;

    line-height: 40px;

    font-size:14px;

    

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.ft-2-nav .ft-2-nav-inner .nav-item ul.submenu > li > a span{

	float:right;



}





.ft-2-nav .ft-2-nav-inner .nav-item ul.submenu > li > a:hover{

	color:#ee7202;



}







.ft-2-nav .ft-2-nav-inner .nav-item ul li:hover > ul.submenu {

    top: 100%;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

    visibility: visible;

}

/*-------------------

	2.4 Banner

-------------------------*/





#ft-main-banner{

	height:100vh;

	position:relative;

	overflow: hidden;

	backface-visibility:hidden;

}



#ft-main-banner .main-banner-wrap ,.main-banner-wrap .container{

	height:100%;

}





#ft-main-banner .banner-inner{

	display:block;

	max-width:50%;

	float:left;

	z-index:0;

	position:relative;

	overflow: hidden;

	will-change:transform;

}



#ft-main-banner .banner-inner .banner-video{

	height:100%;

}



#ft-main-banner .banner-img-wrapper{

	position: absolute;

    top: 50%;

    width: 50%;

    height: 50%;

    left: 50%;

    -webkit-transform:translate(-50%,-50%);

    -moz-transform:translate(-50%,-50%);

    -ms-transform:translate(-50%,-50%);

    -o-transform:translate(-50%,-50%);

    transform: translate(-50%,-50%);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 10;



}

#ft-main-banner .banner-title{

	

	height:100%;

	display:flex;

	

	align-items: center;

	



}

#ft-main-banner .banner-title .banner-title-inner{

	margin-left:150px;



}

#ft-main-banner .banner-title p{

	font-size:18px;

	line-height:30px;

}

#ft-main-banner .banner-title h1{

	font-size:60px;

}

.ft-main-title .breadcrumb-item.active{

	color:#ee7202;

}

.ft-home-2-banner .bg-img{

	margin-top:0;

}

.ft-home-2-banner .banner-title-inner{

	padding-left:20px;

	margin-bottom:10px;

}





/*--------------------

	2.5 Product-section

---------------------*/







.ft-gold{

	color:#FFBF00;

}



.ft-product-section{

	overflow: hidden;

}



.ft-product-section .ft-product-tabs{

	display:flex;

	justify-content:center;

	align-items: center;

}

.ft-product-tabs{

	max-width:650px;

	display:flex;

	margin:0 auto;

}

.ft-product-tabs ul{

	justify-content:space-between;

	width:100%;

}



.ft-product-tabs ul li i{

	font-size:40px;

}



.ft-product-tabs .nav-pills .nav-link:after{

	content: "";

    left:0;

    

    width:100%;



    height:2px;

	margin-top:10px;

	-webkit-transform:translateX(-150%);

	-moz-transform:translateX(-150%);

	-ms-transform:translateX(-150%);

	-o-transform:translateX(-150%);

    transform:translateX(-150%);

    background-color:#ee7202;

    -webkit-transition-duration: 0.3s;

    transition: 0.3s ease-out;



}









.ft-product-tabs .nav-pills .nav-link:hover:after,

.ft-product-tabs .nav-pills .nav-link:focus:after,

.ft-product-tabs .nav-pills .nav-link.active:after{



	transform:translateX(0);



}





.ft-product-tabs .nav-pills .nav-link:hover,

.ft-product-tabs .nav-pills .nav-link:focus,

.ft-product-tabs .nav-pills .nav-link.active{

	color:#ee7202;

}





.ft-product-tabs .nav-pills .nav-link{

	background-color:#fff;

	color:#222;

	display:flex;

	flex-direction:column;

	text-align: center;

	overflow: hidden;



}

.ft-product-view .ft-product-desc{

	display:flex;

	flex-direction:column;

	justify-content:center;

	align-items: center;

}

.ft-product-desc h4{

	margin-bottom:10px;

}





.ft-product-desc ul{

 list-style:none;

 display:inline-flex;

 padding:0;





}

.ft-product-desc ul li{

	padding-right:10px;

	font-size:13px;

}





.ft-product-desc .ft-product-price{

	color:#ee7202;

	font-size: 24px;

	font-weight:700;

	line-height:2;

}





.ft-product-view .ft-product-img{

	display:flex;

	justify-content:center;

	position:relative;

	z-index:1;

	

	margin-bottom:15px;

}

.ft-product-view .ft-product-item{

	margin-bottom:50px;

}

.ft-product-view .ft-product-compare .social{

	padding:0;

	list-style:none;

	margin:0;

	display:flex;

	flex-direction: column;

	align-items: center;

	position:absolute;

	top:10px;

	right:15px;

	

	z-index:50;

}

.ft-product-view .ft-product-compare .social li{

	margin: 0 0 10px;

    display: block;

    opacity: 0;

    position:relative;

    visibility: hidden;

	-webkit-transform: translateX(30px);

	-moz-transform: translateX(30px);

	-ms-transform: translateX(30px);

	-o-transform: translateX(30px);

    transform: translateX(30px);

    transition: all .3s;

}

.ft-product-view .ft-product-item:hover .ft-product-compare .social li{

	opacity:1;

	-webkit-transform:translateX(0);

	-moz-transform:translateX(0);

	-ms-transform:translateX(0);

	-o-transform:translateX(0);

	transform:translateX(0);

	visibility:visible;

}

.ft-product-view .ft-product-compare .social li a{

	color: #505050;

    background-color: #eee;

    font-size: 17px;

    line-height: 45px;

    text-align: center;

    height: 45px;

    width: 45px;

    border-radius: 50%;

    display: block;

    transition: all .3s ease 0s;



}

.ft-product-view .ft-product-compare .social li a:before{

	content: attr(data-tip);

    color: #000;

    background-color: #eeeeee;

    font-size: 12px;

    line-height: 22px;

    border-radius: 10px;

    padding: 0 5px;

    white-space: nowrap;

    opacity: 0;

    transition: 0.3s;

    visibility: hidden;

	-webkit-transform: translateX(-100%);

	-moz-transform: translateX(-100%);

	-ms-transform: translateX(-100%);

	-o-transform: translateX(-100%);

    transform: translateX(-100%);

    position: absolute;

    z-index:20;

    left: 0;

    top: 11px;

}

.ft-product-view .ft-product-compare .social li a:hover:before{

	opacity:1;

	visibility:visible;





}



.ft-product-view .ft-product-compare .social li a:hover{

	color: #fff;

    background-color: #ee7202;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);



}

.ft-product-shop-btn{

	display:flex;

	justify-content:center;

}



.ft-product-shop-btn a{

	padding:10px 20px;

	border:2px solid #ee7202;

	color:#ee7202;

	font-weight:700;

	text-transform:uppercase;

}

.ft-product-shop-btn a:hover{



	background-color:#ee7202;

	color:#fff;



}





/*------------------------

	2.6 Location-section

---------------------------*/



.ft-location-item{

	height:100%;

	display:flex;

	margin:0 auto;

	justify-content:center;

	margin-bottom:30px;

}



 



.ft-location-section .ft-location-item .figure{

	

	left: 0; right: 0;

	 bottom: 0;

	text-align: center;

	font-weight: bold;

	width: 100%;



}



.ft-location-section .ft-location-item .figure h5{

	display: table-cell;

	vertical-align: middle;

	position:absolute;	

	color:#fff;

	word-spacing:3px;

	font-size:28px;

	width:100%;

	top:40%;

	padding:20px 0;

	background-color:#ee7202;

}

.ft-location-section .ft-location-item .primary-btn-wrapper{

	position: absolute;  

    top:70%;

    width:100%;

    text-align: center;

    transition: opacity .35s ease;

    opacity: 0;





}



.ft-location-section .ft-location-item .primary-btn-wrapper span{

	color:#fff;

}



.ft-location-section .ft-location-item:hover .primary-btn-wrapper{

	opacity:1;



}













/*----------------------------

	2.7 testimonial-section

----------------------*/



.ft-testimonial-wrap{

	border:1px solid rgba(0,0,0,0.1);

	margin-bottom:20px;



}



.ft-testimonial-padding{

	padding:40px;

}



.ft-testimonial-section .ft-testimonial-item img{

	border-radius:50%;



}	

.ft-testimonial-item p{

	margin:20px 0;

}

.ft-testimonial-item span{

	color:#ee7202;

}



/*----------------------

	2.8 Blog-section	

-------------------------*/	







.ft-our-blog .ft-slick-item{

	

	text-align: center;

	

}

.ft-our-blog .ft-our-blog-item{

	padding:10px 20px;

}

.ft-slick-item .ft-slick-item-wrap{

	border:1px solid rgba(0,0,0,0.1);

	margin:30px;

}





.ft-icon-wrapper{

	

	margin:20px auto;

	margin-top:-50px;

	z-index:10;

	position:relative;

	background-color:#fff;

	width:70px;

	height:70px;

	display:flex;

	justify-content: center;

	align-items: center;

	box-shadow:0 0 3px rgba(0,0,0,0.3);

}

.ft-icon-wrapper i{

	font-size:25px;

}

.slick-next, .slick-prev{

	position:absolute;

	top:50%;

	cursor:pointer;

	width:50px;

	height:50px;

	display:flex;

	justify-content: center;

	align-items: center;

	background-color:#ee7202;

	color:#fff;

	visibility:hidden;

	z-index:20;



	

}

.slick-prev{

	left:-25px;

}

.slick-next{

	right:-25px;

}

.ft-slick-slider:hover .slick-next,

.ft-slick-slider:hover .slick-prev{

	visibility:visible;



}



/*--------------------

	2.9 Various-bg-section

-------------------------*/





.ft-various-bg .ft-various-bg-wrap{

	display:flex;

	flex-wrap:wrap;

	background-position:center;

	background-repeat:no-repeat;

	background-size:cover;

}

.ft-various-bg .ft-various-bg-wrap .ft-various-bg-item{

	flex: 0 0 25%;

    padding: 20px;

    border: 1px solid #eee;

    text-align: center;

    transition: 0.1s;



}

.ft-2-various-bg .ft-various-bg-wrap .ft-various-bg-item{

	border:1px solid rgba(0,0,0,0.1);

}



.ft-various-bg-item:hover h5{

	color:#fff;

}



/*======================

	2.10 Client-section

======================*/



.ft-client .ft-client-items ul{

	display:flex;

	justify-content: center;

	align-items: center;



}



.ft-client .ft-client-items ul li{

	list-style:none;

	display:inline-block;

	margin:0 20px;

}	



/*====================	

	2.11 Footer-section

====================*/	

.ft-footer-top{

	padding-bottom:80px;

}



.ft-footer .ft-footer-top .ft-footer-widget{

	padding:20px 0;

	height:100%;

	display:flex;

	justify-content:flex-start;

	align-items: center;

}

.ft-footer .ft-footer-top .ft-footer-widget .newsletter{

	padding:0 20px;

	width:100%;



}





.newsletter button{

	padding:10px 5px;

	background-color:inherit;

	color:#ee7202;

	text-transform:uppercase;

	font-weight:600;

	letter-spacing:.5px;

	font-size:14px;

	border:none;

	float:right;

}

.newsletter input[type=email]{

	border-color:transparent;

	background-color:inherit;

	width:70%;

	padding:10px 0;

	font-size:14px;

	float:left;

	border-bottom:1px solid #eee;

	outline:none;



}

.footer-logo{

	display:flex;

	justify-content: center;

	align-items: center;

}



.social-network ul,.ft-footer-btm-item ul{

	margin:0;

	padding:0;

}



.ft-footer .ft-footer-widget .social-network ul li{

	list-style:none;

	display:inline-block;

	margin-right:30px;

}

.social-network ul li a{

	color:#ee7202;

}



.ft-footer-bottom .ft-footer-btm-item ul li{

	list-style:none;

	padding:10px 0;

	border-bottom:1px solid #eee;



}

.ft-footer-bottom .ft-footer-btm-item ul li:last-child{

	border:0;

}





.ft-footer-bottom .ft-footer-btm-item ul li a,.ft-copyright-item a{

	color:#000;

	font-size:14px;

}



.ft-footer-bottom .ft-footer-contacts  li{

	margin-bottom:10px;

}

.ft-footer-bottom .ft-footer-contacts  li a{

	color:#000;

}

.ft-footer-bottom .ft-footer-contacts  li  i{

	margin-right:5px;

}





.ft-footer-bottom .ft-footer-contacts  li a:hover,

.ft-footer-btm-item ul li a:hover,

.ft-copyright-item a:hover{

	color:#ee7202;

}

.ft-2-footer{

	background-color:#ee7202;

	color:#fff;

}

.ft-2-footer-inner {

	border-bottom:1px solid #fff;

	padding-bottom:20px;



}

.ft-2-footer-btm{

	padding-top:30px;



}





.ft-2-footer-item{

	padding:0 10px;

}



.ft-2-footer-item h6{

	color:#fff;



}

.ft-2-footer-item li{

	margin-bottom:10px;

	text-transform:uppercase;



}



.ft-2-footer-item img{

	margin-bottom:20px;

}

.ft-2-footer-pages li{

	text-transform:uppercase;

	margin-bottom:10px;



}



.ft-2-footer a{

	color:#f4f4f4;

	font-size:14px;

}

.ft-2-footer-social{

	line-height:120px;

}





.ft-2-footer-item .ft-2-footer-social li{

	display:inline-block;

	margin-right:15px;



}

.ft-2-footer-subscribe{

	display:inline-block;

	width:100%;

	position:relative;

}

.ft-2-footer-subscribe #newsletter{

	background: #fff;

    border: 1px solid #ccc;

    box-sizing: border-box;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    font-size: 16px;

    height: 44px;

    line-height: 44px;

    padding: 0 10px;

    vertical-align: baseline;

    width: 100%;

    color: #000;

    box-shadow: none !important;

}





.ft-2-subscribe-submit{

	position:absolute;

	top:0;

	right:0;

}





.ft-2-subscribe-submit button{

	background-color: #ca3200;

    border: 0 none;

    color: #fff;

    cursor: pointer;

    font-size: 20px;

    font-weight: 700;

    height: 44px;

    line-height: 45px;

    margin: 0;

    overflow: visible;

    padding: 0 10px;

    white-space: nowrap;

    width: 40px;

}

.ft-2-copyright a,.ft-2-copyright p{

	color:#fff;

}







/*--------------------------

	2.11.1 Footer-copyright

----------------------------*/



.ft-copyright .ft-copyright-item ul{

	padding:0;

}



.ft-copyright .ft-copyright-item ul li{

	list-style:none;

	display:inline-block;

	margin-right:10px;

}

.ft-copyright .ft-copyright-item p{

	float:right;

	font-size:14px;

}

.ft-copyright .row{

	padding-top:20px;

}











/*=====================

	 3. Blog

===========================*/

.sidebar-widget {

	margin-bottom: 30px;

	padding: 30px;

	border: #eee solid 1px;



}

.widget-title {

	margin: 0 auto 28px;

}

.widget-title h3 {

	letter-spacing: 1px;

	font-size: 20px;

	text-transform: uppercase;

	margin: 0 auto;

	font-weight: 700;

}

.about-widget .about_img {

	border-radius: 20px;

	overflow: hidden;

}

.popular-post {

	position: relative;

	margin: 0 auto 15px;

	

	overflow: hidden;

}

.popular-post:last-child {

	margin: 0 auto;

}

.popular-post .post-thumbnail {

	position: absolute;

	top: 0;

	left: 0;

	width: 90px;

	margin: 0 auto;

}

.popular-post h5 {

	font-size: 14px;

	font-weight: 500;

	margin: 10px auto;

	font-family:'Open Sans',sans-serif;

}

.popular-post h5 a{

	color:#000;





}







.sidebar-widget p {

  color: #666666;

  font-size: 16px;

  line-height: 26px;

  margin: 0 auto 15px;

}



.sidebar-widget a:hover,

.sidebar-widget a:focus{

	color:#ee7202;

}







.sidebar-widget .post_img {

	margin:0 auto 15px;

}

.sidebar-widget > ul, .sidebar-widget .menu {

	padding:0px;

	margin:0px;

}

.sidebar-widget > ul > li, .sidebar-widget .children li, .sidebar-widget .menu li {

	border-bottom: 1px dotted #9f9f9f;

	list-style: outside none none;

	margin: 0 auto 10px;

	padding-bottom: 10px;

	

	position: relative;

	font-size:15px;

}



.sidebar-widget > ul > li:last-child, .sidebar-widget .children li:last-child, .sidebar-widget .menu li:last-child {

	margin:0 auto;

	padding-bottom:0px;

	border:0px;

}

.sidebar-widget >ul > li > a, .sidebar-widget .children li a, .sidebar-widget .menu li a {

	display:inline-block;

	color:#000;

	font-size:15px;

	font-weight:normal;

}



.sidebar-widget li ul.children, .sidebar-widget .menu li ul {

	padding-left:0px;

}

.sidebar-widget ul.children, 

.sidebar-widget li.menu-item-has-children .sub-menu {

	margin-top:10px;

}

.btn.searchsubmit {

	padding: 12px 20px;

	text-align: center;

	background-color:#ee7202;

}

.btn.searchsubmit i {

	margin: 0 auto;

	color:#fff;

}

.tagcloud a {

	display: inline-block;

	padding: 5px 10px;

	border: #eee solid 1px;

	color: #666;

	font-size: 12px;

	margin: 0 4px 4px 0;

	font-weight: normal;

}

.tagcloud a:hover {

	background:#ee7202;

	border-color:#ee7202;

	color:#fff;

}

.sidebar-widget .search-form {

	overflow:hidden;

}

.sidebar-widget .search-form  > label {

	float:left;

	max-width:66%;

}

.sidebar-widget .search-form .search-field {

	width:100%;

}

.sidebar-widget .search-form .search-submit {

	float:left;

	width:34%;

	padding:5px 0 !important;

}

.sidebar-widget .search-form .search-submit:hover {

	border-radius:0px !important;

}

.sidebar-widget table th, .sidebar-widget table td {

	padding: 10px;

}

.sidebar-widget select {

	background: #fff none repeat scroll 0 0;

	border: #5e5e5e solid 2px;

	border-radius: 0;

	box-shadow: none;

	color: #111;

	font-size: 17px;

	height: 50px;

	line-height: 30px;

	padding: 0 25px;

	width: 100%;

}

.sidebar-widget select option {

	padding: 10px;

}





#inner-intro {

	background-image: url('../img/blog-bg.png');

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	margin-top:80px;

}

#inner-intro h1 {

	font-weight: 300;

	font-size: 48px;

	color:#fff;

}

.breadcrumb {

    padding: 0;

    margin-bottom: 0;

    background-color: transparent;

    display: block;

}

.breadcrumb-item {

    display: inline-block;

    margin: 0 auto;

    color: #fff ;

}

#inner-intro .breadcrumb-item.active{

	color:#ee7202;

	font-weight:normal;

}





.breadcrumb-item a {

    color: #fff;

}

.breadcrumb-item + .breadcrumb-item::before {

	color: #fff;

}

.post-meta ul li{

	display: inline-block;

    padding: 0 20px 0 0;

    position: relative;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 12px;

    margin: 0 auto;

}

.post-meta ul li a{

	color:#ee7202;





}



.post-thumbnail{

	margin:0 auto 25px;

	overflow:hidden;

	

}

.post-meta ul li:after{

	position: absolute;

    content: "|";

    top: 0;

    right: 0px;

    color:#ee7202;

}

.post-meta ul li:last-child:after{

	 content:"";

}

.pagination {

    clear: both;

    padding: 30px 0;

    display: block;

}

.pagination ul{

	padding:0;

	margin:0;

}

.pagination ul li {

    display: inline-block;

    vertical-align: middle;

    margin: 0 auto;

    list-style: none;

}

.pagination ul li .page-numbers.current{



	background: #fff;

    color: #3146cb;

    border-color: #ee7202;

    text-decoration: none;



} 

.pagination ul li .page-numbers{

	display:block;

	padding:5px 15px;

	color:#333;

	background-color:#fff;

	border:2px solid #eee;



}

.sidebar-wrap h3{

	color:#ee7202;

}   



/*==================

	4.Blog post page

===============================*/



.post-detail{

	margin-bottom:20px;

	padding-bottom:30px;

	

}

.reply a{

	color:#ee7202;

}

.commenter-name a{

	color:#000;

	font-weight:700;

	padding-right:10px;

}

.media-body span{

	font-size:14px;

	font-weight:normal;

}

.blog-comments-title{

	margin:40px 0;

}

.blog-post-article-footer{

	padding:30px 0;

	display:flex;

	justify-content: space-between;

	word-spacing:5px;



}

.blog-post-article-footer a{

	color:#000;

	font-size:14px;

}



.blog-post-article-footer i{

	color:#ee7202;

}

.blog-post-social{

	display:flex;

	justify-content: center;

	padding:30px 0;

}

.blog-post-social ul{

	display:inline-flex;

}



.blog-post-social ul li{

	display:inline-block;

	margin:0 10px;

	width:40px;

	height:40px;

	display:flex;

	justify-content: center;

	align-items: center;

	border-radius:50%;

	background-color:#eee;

}

.blog-post-social ul li a{

	color:#000;

	font-size:14px;

}

.blog-post-social ul li a:hover,

.blog-post-social ul li a:focus,

.blog-post-pagination a:hover,

.blog-post-pagination a:focus,

.blog-post-article-footer a:hover,

.blog-post-article-footer a:focus{

	color:#ee7202;

}



.blog-post-pagination{

	display:flex;

	justify-content:space-between;

}

.blog-post-pagination .blog-post-prev ,.blog-post-next{

	padding:10px 20px;

	background-color:#eee;



}

.blog-post-pagination a{

	color:#000;

}

.blog-post-meta{

	align-items: center;

}

.widget-last-post ul li{

	display:flex;

	justify-content:flex-start;

	margin-bottom:1rem;

}

.widget-last-post ul li p{ 

	margin-left:20px;

	font-size:14px;

	margin-bottom:0;

}

.widget-last-post .widget-last-post-text{

	display:flex;

	align-items: center;

}



/*============================

	5. Shop

==============================*/



.ft-shop-product-view{

	padding:20px 0;

	border-top:1px solid #eee;

	overflow: hidden;

}



.shop-title{

	padding-bottom:0;



}











.ft-shop-form{

	display:flex;

	padding-bottom:50px;

}

.ft-shop-form select{

	padding: 0 20px;

    margin-right: 30px;

    height: 35px;

    border: 1px solid #eee;

    color: #49494f;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    font-family: 'Open Sans', sans-serif;

    cursor: pointer !important;

    background: #eee

}

.ft-shop-view{

	display:flex;

	justify-content:flex-end;

}



.ft-shop-view ul li{

	display:inline-block;

	margin-left:20px;

	background-color:#eee;

	padding: 5px 10px;

}

.ft-shop-view .ft-active-grid a{

	color:#ee7202;

}

.widget-shop-post-text{

	

	padding-left:20px;

}

.widget-shop-post-text h6{

	margin-bottom:5px;

	font-size:15px;



}

.widget-shop-post ul li p{

	margin-left:0;

}

/*======================

	6.Shop Details

==========================*/

.ft-slick-single{

	margin-bottom:50px;

}



.ft-shop-details-slider{

	margin-bottom:30px;

	overflow: hidden;





}



.ft-product-desc-wraper,.ft-product-info{



	display:flex;

	justify-content: space-between;



}

.ft-product-meta-data{

	padding:20px 0;

}





.ft-product-review{

	display:flex;

}



.ft-product-icon{

	background-color: #f4f4f4;

    color: grey;

    display: inline-block;

    padding: .15rem .15rem;

    margin-left: 5px;

    width: 30px;

    height: 30px;

    text-align: -webkit-center;

    cursor: pointer;

}

.ft-product-icon:hover{

	color:#ee7202;



}

.ft-product-price{

	margin:5px 0;

}

.ft-product-price h3{

	color:#ee7202;

	font-size:35px;



}

.ft-product-price span{

	font-size:24px;

	color:green;

	font-weight:500;

}

.ft-product-details ul{

	list-style:none;

	padding:10px 0;

	margin:0;



}

.ft-product-details ul li span .fa-tag{

	color:green;

	margin-right:10px;

	font-size:12px;



}

.ft-product-qty .input-group{

	border:1px solid #eee;

}









.ft-slick-single .ft-shop-img-wrapper img ,.ft-slick-nav .ft-shop-img-wrapper img ,.ft-product-item img{

	margin:0 auto;

	width:50%;

}

.ft-slider-arrow{

	position:absolute;

	font-size:2.5em;

	top:50%;

	z-index:20;

}

 .ft-slider-arrow-b{

	

	left:0;

}

.ft-slider-arrow-n{

	right:0;

}

.ft-product-details-item-title h4{

	margin:0 0 40px;	

}

.ft-product-details-content-table table{

	margin:0;

	width:100%;

	table-layout: fixed;



}

.ft-product-details-content-table table tr{

	border-bottom:1px solid #eee;

}

.ft-product-details-content-table tr td ,.ft-product-details-content-table tr th{

	vertical-align: middle;

    padding: 15px 0;

    border: 0 none;

}

.ft-product-details-content-table .ft-data-table .circle{

	width:15px;

	height:15px;

	display:inline-block;

	margin:0 3px;

	-webkit-border-radius:100%;

	border-radius:100%;



}

.ft-product-details-content-table .ft-data-table .full-circle{

	background-color: #ee7202;

    border: 1px solid #ee7202;

}

.ft-product-details-content-table .ft-data-table .empty-circle{

	background-color:transparent;

	border:1px solid #000;

}

.ft-product-data-items-details{

	margin:0 0 30px;



}

.ft-product-data-items-details h5{

	margin-bottom:10px;



}

.ft-product-btn-action .primary-btn-wrapper{

	width:auto;

	float:right;

}



/*=============================

	7. About Us

==============================*/







.ft-about-team .ft-about-team-wrap{

	display:flex;

	flex-direction:column;

	justify-content:center;

	align-items: center;

	text-align: center;

	border:1px solid rgba(238,88,39,0.2);

	padding:20px 0;

	margin-bottom:10px;

}

.ft-about-team .ft-about-team-wrap p{

	color:#ee7202;

}



.ft-about-team .ft-about-team-wrap h5{

	margin-bottom:10px;





}





.ft-about-team .ft-about-team-wrap img{

	margin-bottom:20px;

	border-radius:50%;

}

.ft-team-social ul{

	margin-bottom:0;

}



.ft-team-social ul li a{

	border-radius:50%;

	display:flex;

	width:40px;

	height:40px;

	border:1px solid rgba(238,88,39,0.3);

	justify-content:center;

	align-items:center;

}	



.ft-about-slider img{

	margin:0 auto;

}



/*========================

	8.contact us

======================*/



.ft-contact-intro{

	padding:40px 0;

}



.ft-contact-intro .ft-form-title{

	

	

	padding:20px ;

	

}





.ft-contact-intro .ft-contact-form-wrap{

	padding:20px;

	border:1px solid #eee;

	



}

.ft-contact-intro .ft-contact-form-wrap i{

	display:none;

}



.ft-contact-form-wrap .form-group{

	margin:20px 0;

}



.ft-contact-form-wrap .form-group .col-form-label{

	

	font-size:16px;

}



.ft-contact-form-wrap .form-group .col-form-label:before{

	content:"*";

	color:#ee7202;

	font-weight:bold;

}





.ft-contact-form-wrap .form-group .form-control{

	border-radius:0;



	box-shadow:none;

}

.ft-contact-form-wrap .form-check{

	padding:0 15px;

	color:#fff;

}





.ft-contact-form-wrap .form-check input + label{

	display: block;

	position: relative;

	padding-left: 35px;

	margin-bottom: 20px;

	font-size: 14px;

	color: #fff;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

}

.ft-contact-form-wrap .form-submit{

	display:flex;

	justify-content: space-between;



}

.form-submit .submit-btn-wrap{

	padding-right:15px;



}

.form-submit .submit-btn-wrap button{

	padding:5px 25px;

	border:0;

	background-color:#ee7202;

	color:#fff;

	box-shadow:0 0 5px rgba(0,0,0,0.2);

	text-transform:uppercase;

	cursor:pointer;

	letter-spacing:1px;

	transition:.3s;

}

.form-submit .submit-btn-wrap button:hover,

.form-submit .submit-btn-wrap button:focus{

	box-shadow:0 0 5px #ee7202;

}

.ft-custom-map .mapouter{

	position:relative;

	text-align: center;

}

.ft-custom-map .mapouter .gmap_canvas{

	overflow: hidden;

    background: none;

    height: 450px;

}

.ft-custom-map .mapouter .gmap_canvas iframe{

	border:0;

}



.ft-know-more .ft-know-more-item{

	border:1px solid rgba(238,88,39,0.3);

	padding:20px;

	margin-bottom:20px;

	min-height:300px;

	text-align:center;

}



.ft-know-more-item h5{

	margin:10px 0;

}

.ft-know-more-item i{

	font-size:35px;

	color:#ee7202;

}

.ft-know-more-item a{

	position:absolute;

	bottom:50px;

	color:#ee7202;

	left:0;

	width:100%;

}

/*=========================

	9.Responsive css 

==========================*/



@media(max-width: 991px){



	h3{

		font-size:35px;

	}

	





	.ft-2-header-contacts{

		display:flex;

		justify-content:center;

		width:100%;

		align-items: center;



	}

	.ft-2-top-header .ft-2-header-social{

		display:flex;

		float:none;

		justify-content:center;

		align-items: center;



	}



	.ft-2-top-header ul li{

		margin-right:10px;

	}





	#ft-main-banner .banner-title .banner-title-inner{



		margin-left:120px;



	}

	.ft-footer-btm-item{

		

		margin-bottom:20px;

	}

	



	.ft-footer{

		padding-bottom:0;

	}



	.ft-copyright .ft-copyright-item,.ft-copyright .ft-copyright-item p{

		width:100%;

		text-align: center;

		

	}

	.ft-footer .ft-footer-widget .social-network ul li{

		margin-right:20px;

	}



	.ft-nav-icons ul{

		display:none;

	}

	.ft-location-section .ft-location-item .primary-btn-wrapper{

		

		opacity:1;

		margin-top:10px;

	}

	.ft-location-section .ft-location-item .primary-btn-wrapper span{

		

		font-weight:700;

	}

	.ft-shop-product-view .row{

		flex-direction:column-reverse;

	}

	.ft-shop-product-view-2 .row{

		flex-direction:column;

	}

	.ft-shop-product-view-2 .ft-shop-form{

		padding-bottom:20px;

	}

	.ft-footer .ft-footer-top .ft-footer-widget .newsletter{

		padding:0;

	}







}



@media(max-width: 780px){



	#navbar{

		padding:5px 0;

	}

	.ft-product-tabs ul{

		justify-content:space-around;



	}

	.ft-2-nav .menu-btn{

	display:block;

	}



	.ft-2-nav{

		padding:10px 0;

	}

	.ft-2-nav .ft-2-nav-inner .nav-item ul li{

		display:none;

	}

	.ft-2-nav .ft-2-nav-inner{

		display:flex;

		justify-content:space-around;

	}











	.ft-2-nav .ft-2-nav-inner .nav-item ul li.ft-logo{

		display:block;





	}



	#ft-main-banner.ft-home-2-banner{

		padding-top:0;

	}

	#ft-main-banner.ft-home-2-banner  .banner-inner{

		height:700px;

	}



	#ft-main-banner .banner-title{

		position:absolute;

		height:auto;

		text-align: center;

		top:25%;

		left:0;

		width:100%;



	}



	#ft-main-banner .main-banner-wrap .container{

		height:auto;

	}

	#ft-main-banner .banner-img-wrapper{

		top:60%;

	}

		



	.section-title p,#ft-main-banner .banner-title p{

		font-size:16px;

	}



	



	#ft-main-banner .banner-inner{

		max-width:100%;

		height:auto;

	}



	#ft-main-banner .banner-inner .banner-video{

		

		height:700px;

	}



	#ft-main-banner .banner-title h1{

	font-size:40px;

	

	}

	#ft-main-banner .banner-title p{

		display:none;

	}



	





	#ft-main-banner{

		height:auto;

		padding-top:80px;

	}

	#ft-main-banner .main-banner-wrap{

		

		display:flex;

		flex-direction:column-reverse;

		align-items: center;

		justify-content: center;

	}

		



	

	#ft-main-banner .banner-title .banner-title-inner{

		margin-left:0;

		width:100%;

	}

	.ft-various-bg .ft-various-bg-wrap .ft-various-bg-item {

		flex:0 0 50%;

	}

	.ft-shop-form select{

		margin:0 10px;

	}

	.ft-shop-view{

		justify-content:flex-start;

	}

	.ft-shop-view ul li{

		margin-left:10px;

	}

	.ft-product-view .ft-product-compare .social{

		display: none;

	}

	

}



@media(max-width: 570px){



	.ft-client .ft-client-items ul li{

		margin:0 5px;

	}

	.ft-various-bg .ft-various-bg-wrap .ft-various-bg-item {

		flex:0 0 100%;

	}

}