/*-----------------------------------------------------------------------------------
		Template Name: Raavin - Shoes eCommerce Bootstrap 4 Template
		Template URI: http://bootexperts.com
		Description: This is shoes HTML5 Template For eCommerce websites, nice and clean design;
		Author: HasTech
		Author URI: 
		Version: 1.0
-----------------------------------------------------------------------------------
		CSS INDEX
		===================
		* Default Style
			01. Basic
			02. Transition
			03. Section Title
			04. Default Button
			05. Text Color
			06. Input
			07. Margin And Padding Measurements
			08. Background Variation Set 
			09. Animation
			10. Owl Carousel Nav/Dot Direction/Box Shadow
			11. Newsletter Popup
		* Home Page One Style
			01. Header
			02. Mobile Menu Customization
			03. Slider
			04. Servicer
			05. Static Information
			06. Banner Slider
			07. New Product
			08. Static Center
			09. Testimonials
			10. Featured Product
			11. Blog
			12. Static Bottom
			13. Footer
			14. Scroll Up
		* Home Page Two Style 
		* Home Page Three Style 
		* Other Pages Style
			01. 404
			02. Portfolio
			03. Shop
			04. Product Details
			05. About Us
			06. FAQ
			07. Services
			08. Contact
			09. Blog Page
			10. Checkout
			11. Shopping Cart
			12. Wishlist
			13. Modal Area
			14. Login Register
-----------------------------------------------------------------------------------*/

/* Google Fonts------------------
	font-family: 'Montserrat', sans-serif;
	font-family: 'Roboto', sans-serif;
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Roboto:300,300i,400,400i,500,500i,700,900,900i&subset=cyrillic');
/*----------------------------------------*/
/*  01. Basic
/*----------------------------------------*/
@import "css/build.css" screen;
body {
	color: #666666;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	overflow-x: hidden;
}
a {
	color: #898989;
	transition: 0.3s ease-in-out;
}
a:hover {
	color: #ff6600;
}
.img-full img {
	width: 100%;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
a:focus, a:hover {
	color: #ff6600;
	text-decoration: none;
}
a, button, input {
	outline: medium none;
	color: #333333;
}
button:focus {
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #222222;
	margin-top: 0px;
	font-style: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit
}
h1 {
	font-size: 35px;
	font-weight: 500;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	color: #898989;
	margin-bottom: 15px;
}
hr {
	margin: 60px 0;
	padding: 0px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 0px;
}
hr.style-2 {
	border-bottom: 1px dashed #f10;
}
hr.mp-0 {
	margin: 0;
	border-bottom: 1px solid #e5e5e5;
}
hr.mtb-40 {
	margin: 40px 0;
	border-bottom: 1px solid #e5e5e5;
	border-top: 0px;
}
label {
	font-size: 15px;
	font-weight: 400;
	color: #626262;
}
*::-moz-selection {
 background: #4fc1f0;
 color: #fff;
 text-shadow: none;
}
::-moz-selection {
 background: #4fc1f0;
 color: #fff;
 text-shadow: none;
}
::selection {
	background: #4fc1f0;
	color: #fff;
	text-shadow: none;
}
.mark, mark {
	background: #4fc1f0 none repeat scroll 0 0;
	color: #ffffff;
}
span.tooltip-content {
	color: #00a9da;
	cursor: help;
	font-weight: 600;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.fix {
	overflow: hidden;
}
.t-center {
	text-align: center;
}
.t-right {
	text-align: right;
}
.t-left {
	text-align: left;
}
/*----------------------------------------*/
/*  02. Transition
/*----------------------------------------*/
a.button::after, a.button-small::after {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.share ul, .share:hover ul {
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
a.button-border span, a.button-border-white span, input, select, textarea {
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
/*----------------------------------------*/
/*  03. Section Title
/*----------------------------------------*/
.section-title > h3, .section-title-2 > h3, .section-title-2 > p {
	color: #ffffff;
	font-family: roboto;
	font-size: 30px;
	font-style: normal;
	font-weight: 900;
	line-height: 24px;
	margin-bottom: 34px;
	text-align: center;
}
.section-title-2>h3 {
	color: #222222
}
.section-title > p, .section-title-2 > p {
	color: #ffffff;
	font-style: italic;
	margin-bottom: 44px;
	text-align: center;
	font-size: 14px;
}
.section-title-2>p {
	color: inherit;
	font-weight: 400;
}
/*----------------------------------------*/
/*  04. Default Button
/*----------------------------------------*/
a.links, a.links-2, a.links-3, a.links-4, a.links-4_2 {
	background: #333333 none repeat scroll 0 0;
	background: linear-gradient(to top, #ff6600, #f79520);
	color: #ffffff!important;
	display: inline-block;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 500;
	height: 55px;
	line-height: 55px;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	width: 175px;
	text-align: center;
	border-radius: 25px;
}
a.links-2 {
	background: #ffffff;
	color: #666666;
}
a.links-3 {
	padding: 0 20px;
	margin-bottom: 10px;
}
a.links::after, a.links-2::after, a.links-3:after {
	content: "\f18e";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 24px;
	margin-left: 20px;
	vertical-align: -2px;
}
a.links-3:after {
	content: "\f054";
	font-size: 14px;
	margin: 0 10px;
	vertical-align: 0px;
}
a.links:hover, a.links-2:hover {
	background: #ff6600 none repeat scroll 0 0;	
    background: linear-gradient(to top, #333333, #7f7f7f);
	color: #fff;
}
/*----------------------------------------*/
/*  05. Text Color
/*----------------------------------------*/
.text-blue {
	color: #4FC1F0;
}
.text-white {
	color: #fff;
}
.text-black {
	color: #363636;
}
.text-theme {
	color: #f10;
}
.text-white h1, .text-white p, .text-white h2 {
	color: #fff;
}
.text-white {
	color: #fff;
}
.text-black {
	color: #363636;
}
.text-theme {
	color: #f10;
}
/*----------------------------------------*/
/*  06. Input
/*----------------------------------------*/
input {
	background: #eceff8;
	border: 2px solid #eceff8;
	height: 45px;
	box-shadow: none;
	padding-left: 10px;
	font-size: 14px;
	color: #626262;
	width: 100%;
}
select {
	width: 100%;
	background: #eceff8;
	border: 2px solid #eceff8;
	height: 45px;
	padding-left: 10px;
	box-shadow: none;
	font-size: 14px;
	color: #626262;
}
option {
	background: #fff;
	border: 0px solid #626262;
	padding-left: 10px;
	font-size: 14px;
}
input:focus {
	background: transparent;
	border: 2px solid #4FC1F0;
}
textarea {
	resize: vertical;
	background: #eceff8;
	border: 2px solid #eceff8;
	padding: 10px;
	width: 100%;
	font-size: 14px;
}
textarea:focus {
	background: transparent;
	border: 2px solid #4FC1F0;
	outline: none;
}
::-moz-placeholder {
 color: #444;
 font-size: 13px;
}
.input-group.divcenter.input-group .form-control {
	padding-left: 0px
}
/*----------------------------------------*/
/*  07. Margin And Padding Measurements
/*----------------------------------------*/
/*************************
	Basic margin padding
*************************/
.m-0 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.p-0 {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*************************
	Margin top
*************************/
.mt-0 {
	margin-top: 0
}
.mt-10 {
	margin-top: 10px
}
.mt-15 {
	margin-top: 15px
}
.mt-20 {
	margin-top: 20px
}
.mt-25 {
	margin-top: 25px
}
.mt-30 {
	margin-top: 30px
}
.mt-35 {
	margin-top: 35px
}
.mt-40 {
	margin-top: 40px
}
.mt-45 {
	margin-top: 45px
}
.mt-50 {
	margin-top: 50px
}
.mt-55 {
	margin-top: 55px
}
.mt-60 {
	margin-top: 60px
}
.mt-65 {
	margin-top: 65px
}
.mt-70 {
	margin-top: 70px
}
.mt-75 {
	margin-top: 75px
}
.mt-80 {
	margin-top: 80px
}
.mt-85 {
	margin-top: 85px
}
.mt-90 {
	margin-top: 90px
}
.mt-95 {
	margin-top: 95px
}
.mt-100 {
	margin-top: 100px
}
.mt-105 {
	margin-top: 105px
}
.mt-110 {
	margin-top: 110px
}
.mt-115 {
	margin-top: 115px
}
.mt-120 {
	margin-top: 120px
}
.mt-125 {
	margin-top: 125px
}
.mt-130 {
	margin-top: 130px
}
.mt-135 {
	margin-top: 135px
}
.mt-140 {
	margin-top: 140px
}
.mt-145 {
	margin-top: 145px
}
.mt-150 {
	margin-top: 150px
}
.mt-155 {
	margin-top: 155px
}
/*************************
	Margin right
*************************/
.mr-0 {
	margin-right: 0
}
.mr-10 {
	margin-right: 10px
}
.mr-15 {
	margin-right: 15px
}
.mr-20 {
	margin-right: 20px
}
.mr-25 {
	margin-right: 25px
}
.mr-30 {
	margin-right: 30px
}
.mr-35 {
	margin-right: 35px
}
.mr-40 {
	margin-right: 40px
}
.mr-45 {
	margin-right: 45px
}
.mr-50 {
	margin-right: 50px
}
.mr-55 {
	margin-right: 55px
}
.mr-60 {
	margin-right: 60px
}
.mr-65 {
	margin-right: 65px
}
.mr-70 {
	margin-right: 70px
}
.mr-75 {
	margin-right: 75px
}
.mr-80 {
	margin-right: 80px
}
.mr-85 {
	margin-right: 85px
}
.mr-90 {
	margin-right: 90px
}
.mr-95 {
	margin-right: 95px
}
.mr-100 {
	margin-right: 100px
}
.mr-105 {
	margin-right: 105px
}
.mr-110 {
	margin-right: 110px
}
.mr-115 {
	margin-right: 115px
}
.mr-120 {
	margin-right: 120px
}
.mr-125 {
	margin-right: 125px
}
.mr-130 {
	margin-right: 130px
}
.mr-135 {
	margin-right: 135px
}
.mr-140 {
	margin-right: 140px
}
.mr-145 {
	margin-right: 145px
}
.mr-150 {
	margin-right: 150px
}
.mr-155 {
	margin-right: 155px
}
/*************************
	Margin bottom
*************************/
.mb-0 {
	margin-bottom: 0
}
.mb-05 {
	margin-bottom: 5px
}
.mb-10 {
	margin-bottom: 10px
}
.mb-15 {
	margin-bottom: 15px
}
.mb-20 {
	margin-bottom: 20px
}
.mb-25 {
	margin-bottom: 25px
}
.mb-30 {
	margin-bottom: 30px
}
.mb-35 {
	margin-bottom: 35px
}
.mb-40 {
	margin-bottom: 40px
}
.mb-45 {
	margin-bottom: 45px
}
.mb-50 {
	margin-bottom: 50px
}
.mb-55 {
	margin-bottom: 55px
}
.mb-60 {
	margin-bottom: 60px
}
.mb-65 {
	margin-bottom: 65px
}
.mb-70 {
	margin-bottom: 70px
}
.mb-75 {
	margin-bottom: 75px
}
.mb-80 {
	margin-bottom: 80px
}
.mb-85 {
	margin-bottom: 85px
}
.mb-90 {
	margin-bottom: 90px
}
.mb-95 {
	margin-bottom: 95px
}
.mb-100 {
	margin-bottom: 100px
}
.mb-105 {
	margin-bottom: 105px
}
.mb-110 {
	margin-bottom: 110px
}
.mb-115 {
	margin-bottom: 115px
}
.mb-120 {
	margin-bottom: 120px
}
.mb-125 {
	margin-bottom: 125px
}
.mb-130 {
	margin-bottom: 130px
}
.mb-135 {
	margin-bottom: 135px
}
.mb-140 {
	margin-bottom: 140px
}
.mb-145 {
	margin-bottom: 145px
}
.mb-150 {
	margin-bottom: 150px
}
.mb-155 {
	margin-bottom: 155px
}
/*************************
	Margin left
*************************/
.ml-0 {
	margin-left: 0
}
.ml-10 {
	margin-left: 10px
}
.ml-15 {
	margin-left: 15px
}
.ml-20 {
	margin-left: 20px
}
.ml-25 {
	margin-left: 25px
}
.ml-30 {
	margin-left: 30px
}
.ml-35 {
	margin-left: 35px
}
.ml-40 {
	margin-left: 40px
}
.ml-45 {
	margin-left: 45px
}
.ml-50 {
	margin-left: 50px
}
.ml-55 {
	margin-left: 55px
}
.ml-60 {
	margin-left: 60px
}
.ml-65 {
	margin-left: 65px
}
.ml-70 {
	margin-left: 70px
}
.ml-75 {
	margin-left: 75px
}
.ml-80 {
	margin-left: 80px
}
.ml-85 {
	margin-left: 85px
}
.ml-90 {
	margin-left: 90px
}
.ml-95 {
	margin-left: 95px
}
.ml-100 {
	margin-left: 100px
}
.ml-105 {
	margin-left: 105px
}
.ml-110 {
	margin-left: 110px
}
.ml-115 {
	margin-left: 115px
}
.ml-120 {
	margin-left: 120px
}
.ml-125 {
	margin-left: 125px
}
.ml-130 {
	margin-left: 130px
}
.ml-135 {
	margin-left: 135px
}
.ml-140 {
	margin-left: 140px
}
.ml-145 {
	margin-left: 145px
}
.ml-150 {
	margin-left: 150px
}
.ml-155 {
	margin-left: 155px
}
/*************************
	Padding top
*************************/
.pt-0 {
	padding-top: 0
}
.pt-10 {
	padding-top: 10px
}
.pt-15 {
	padding-top: 15px
}
.pt-20 {
	padding-top: 20px
}
.pt-25 {
	padding-top: 25px
}
.pt-30 {
	padding-top: 30px
}
.pt-35 {
	padding-top: 35px
}
.pt-40 {
	padding-top: 40px
}
.pt-45 {
	padding-top: 45px
}
.pt-50 {
	padding-top: 50px
}
.pt-55 {
	padding-top: 55px
}
.pt-60 {
	padding-top: 60px
}
.pt-65 {
	padding-top: 65px
}
.pt-70 {
	padding-top: 70px
}
.pt-75 {
	padding-top: 75px
}
.pt-80 {
	padding-top: 80px
}
.pt-85 {
	padding-top: 85px
}
.pt-90 {
	padding-top: 90px
}
.pt-95 {
	padding-top: 95px
}
.pt-100 {
	padding-top: 100px
}
.pt-105 {
	padding-top: 105px
}
.pt-110 {
	padding-top: 110px
}
.pt-115 {
	padding-top: 115px
}
.pt-120 {
	padding-top: 120px
}
.pt-125 {
	padding-top: 125px
}
.pt-130 {
	padding-top: 130px
}
.pt-135 {
	padding-top: 135px
}
.pt-140 {
	padding-top: 140px
}
.pt-145 {
	padding-top: 145px
}
.pt-150 {
	padding-top: 150px
}
.pt-155 {
	padding-top: 155px
}
/*************************
	Padding right
*************************/
.pr-0 {
	padding-right: 0
}
.pr-10 {
	padding-right: 10px
}
.pr-15 {
	padding-right: 15px
}
.pr-20 {
	padding-right: 20px
}
.pr-25 {
	padding-right: 25px
}
.pr-30 {
	padding-right: 30px
}
.pr-35 {
	padding-right: 35px
}
.pr-40 {
	padding-right: 40px
}
.pr-45 {
	padding-top: 45px
}
.pr-50 {
	padding-right: 50px
}
.pr-55 {
	padding-right: 55px
}
.pr-60 {
	padding-right: 60px
}
.pr-65 {
	padding-right: 65px
}
.pr-70 {
	padding-right: 70px
}
.pr-75 {
	padding-right: 75px
}
.pr-80 {
	padding-right: 80px
}
.pr-85 {
	padding-right: 85px
}
.pr-90 {
	padding-right: 90px
}
.pr-95 {
	padding-right: 95px
}
.pr-100 {
	padding-right: 100px
}
.pr-105 {
	padding-right: 105px
}
.pr-110 {
	padding-right: 110px
}
.pr-115 {
	padding-right: 115px
}
.pr-120 {
	padding-right: 120px
}
.pr-125 {
	padding-right: 125px
}
.pr-130 {
	padding-right: 130px
}
.pr-135 {
	padding-right: 135px
}
.pr-140 {
	padding-right: 140px
}
.pr-145 {
	padding-right: 145px
}
.pr-150 {
	padding-right: 150px
}
.pr-155 {
	padding-right: 155px
}
/*************************
	Padding bottom
*************************/
.pb-0 {
	padding-bottom: 0
}
.pb-10 {
	padding-bottom: 10px
}
.pb-15 {
	padding-bottom: 15px
}
.pb-20 {
	padding-bottom: 20px
}
.pb-25 {
	padding-bottom: 25px
}
.pb-30 {
	padding-bottom: 30px
}
.pb-35 {
	padding-bottom: 35px
}
.pb-40 {
	padding-bottom: 40px
}
.pb-45 {
	padding-bottom: 45px
}
.pb-50 {
	padding-bottom: 50px
}
.pb-55 {
	padding-bottom: 55px
}
.pb-60 {
	padding-bottom: 60px
}
.pb-65 {
	padding-bottom: 65px
}
.pb-70 {
	padding-bottom: 70px
}
.pb-75 {
	padding-bottom: 75px
}
.pb-80 {
	padding-bottom: 80px
}
.pb-85 {
	padding-bottom: 85px
}
.pb-90 {
	padding-bottom: 90px
}
.pb-95 {
	padding-bottom: 95px
}
.pb-100 {
	padding-bottom: 100px
}
.pb-105 {
	padding-bottom: 105px
}
.pb-110 {
	padding-bottom: 110px
}
.pb-115 {
	padding-bottom: 115px
}
.pb-120 {
	padding-bottom: 120px
}
.pb-125 {
	padding-bottom: 125px
}
.pb-130 {
	padding-bottom: 130px
}
.pb-135 {
	padding-bottom: 135px
}
.pb-140 {
	padding-bottom: 140px
}
.pb-145 {
	padding-bottom: 145px
}
.pb-150 {
	padding-bottom: 150px
}
.pb-155 {
	padding-bottom: 155px
}
/*************************
	Padding left
*************************/
.pl-0 {
	padding-left: 0
}
.pl-10 {
	padding-left: 10px
}
.pl-15 {
	padding-left: 15px
}
.pl-20 {
	padding-left: 20px
}
.pl-25 {
	padding-left: 25px
}
.pl-30 {
	padding-left: 30px
}
.pl-35 {
	padding-left: 35px
}
.pl-40 {
	padding-left: 40px
}
.pl-45 {
	padding-left: 45px
}
.pl-50 {
	padding-left: 50px
}
.pl-55 {
	padding-left: 55px
}
.pl-60 {
	padding-left: 60px
}
.pl-65 {
	padding-left: 65px
}
.pl-70 {
	padding-left: 70px
}
.pl-75 {
	padding-left: 75px
}
.pl-80 {
	padding-left: 80px
}
.pl-85 {
	padding-left: 85px
}
.pl-90 {
	padding-left: 90px
}
.pl-95 {
	padding-left: 95px
}
.pl-100 {
	padding-left: 100px
}
.pl-105 {
	padding-left: 105px
}
.pl-110 {
	padding-left: 110px
}
.pl-115 {
	padding-left: 115px
}
.pb-120 {
	padding-left: 120px
}
.pl-125 {
	padding-left: 125px
}
.pl-130 {
	padding-left: 130px
}
.pl-135 {
	padding-left: 135px
}
.pl-140 {
	padding-left: 140px
}
.pl-145 {
	padding-left: 145px
}
.pl-150 {
	padding-left: 150px
}
.pl-155 {
	padding-left: 155px
}
/***************************
	Page section padding 
****************************/
.ptb-0 {
	padding: 0
}
.ptb-10 {
	padding: 10px 0
}
.ptb-20 {
	padding: 20px 0
}
.ptb-30 {
	padding: 30px 0
}
.ptb-40 {
	padding: 40px 0
}
.ptb-50 {
	padding: 50px 0
}
.ptb-60 {
	padding: 60px 0
}
.ptb-70 {
	padding: 70px 0
}
.ptb-80 {
	padding: 80px 0
}
.ptb-90 {
	padding: 90px 0
}
.ptb-100 {
	padding: 100px 0
}
.ptb-110 {
	padding: 110px 0
}
.ptb-120 {
	padding: 120px 0
}
.ptb-130 {
	padding: 130px 0
}
.ptb-140 {
	padding: 140px 0
}
.ptb-150 {
	padding: 150px 0
}
/***************************
	Page section margin 
****************************/
.mtb-0 {
	margin: 0
}
.mtb-10 {
	margin: 10px 0
}
.mtb-15 {
	margin: 15px 0
}
.mtb-20 {
	margin: 20px 0
}
.mtb-30 {
	margin: 30px 0
}
.mtb-40 {
	margin: 40px 0
}
.mtb-50 {
	margin: 50px 0
}
.mtb-60 {
	margin: 60px 0
}
.mtb-70 {
	margin: 70px 0
}
.mtb-80 {
	margin: 80px 0
}
.mtb-90 {
	margin: 90px 0
}
.mtb-100 {
	margin: 100px 0
}
.mtb-110 {
	margin: 110px 0
}
.mtb-120 {
	margin: 120px 0
}
.mtb-130 {
	margin: 130px 0
}
.mtb-140 {
	margin: 140px 0
}
.mtb-150 {
	margin: 150px 0;
}
/*----------------------------------------*/
/*  08. Background Variation Set 
/*----------------------------------------*/
.white-bg {
	background: #fff;
}
.white-smoke-bg {
	background: #f8f8f8;
}
.gray-bg {
	background: #e8e8e8;
}
.blue-bg {
	background: #4FC1F0;
}
.default-bg {
	background: #50C1F0;
}
.black-bg {
	background: #000;
}
.transparent-bg {
	background: transparent;
}
/*Opacity background*/
.bg-opacity-black-10:before, .bg-opacity-black-20:before, .bg-opacity-black-30:before, .bg-opacity-black-40:before, .bg-opacity-black-50:before, .bg-opacity-black-60:before, .bg-opacity-black-70:before, .bg-opacity-black-80:before, .bg-opacity-black-90:before, .bg-opacity-white-10:before, .bg-opacity-white-20:before, .bg-opacity-white-30:before, .bg-opacity-white-40:before, .bg-opacity-white-50:before, .bg-opacity-white-60:before, .bg-opacity-white-70:before, .bg-opacity-white-80:before, .bg-opacity-white-90:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.bg-opacity-black-10:before {
	background: rgba(0, 0, 0, 0.1);
}
.bg-opacity-black-20:before {
	background: rgba(0, 0, 0, 0.2);
}
.bg-opacity-black-30:before {
	background: rgba(0, 0, 0, 0.3);
}
.bg-opacity-black-40:before {
	background: rgba(0, 0, 0, 0.4);
}
.bg-opacity-black-50:before {
	background: rgba(0, 0, 0, 0.5);
}
.bg-opacity-black-60:before {
	background: rgba(0, 0, 0, 0.6);
}
.bg-opacity-black-70:before {
	background: rgba(0, 0, 0, 0.7);
}
.bg-opacity-black-80:before {
	background: rgba(0, 0, 0, 0.8);
}
.bg-opacity-black-90:before {
	background: rgba(0, 0, 0, 0.9);
}
.bg-opacity-white-10:before {
	background: rgba(255, 255, 255, 0.1);
}
.bg-opacity-white-20:before {
	background: rgba(255, 255, 255, 0.2);
}
.bg-opacity-white-30:before {
	background: rgba(255, 255, 255, 0.3);
}
.bg-opacity-white-40:before {
	background: rgba(255, 255, 255, 0.4);
}
.bg-opacity-white-50:before {
	background: rgba(255, 255, 255, 0.5);
}
.bg-opacity-white-60:before {
	background: rgba(255, 255, 255, 0.6);
}
.bg-opacity-white-70:before {
	background: rgba(255, 255, 255, 0.7);
}
.bg-opacity-white-80:before {
	background: rgba(255, 255, 255, 0.8);
}
.bg-opacity-white-90:before {
	background: rgba(255, 255, 255, 0.9);
}
/*Image background*/
.bg-1 {
	background-image: url(images/slider/1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 740px;
	width: 100%;
}
.bg-2 {
	background-image: url(images/slider/2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 740px;
	width: 100%;
}
.bg-3 {
	background-image: url(images/slider/3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
}
.bg-4 {
	background-image: url(images/slider/4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
}
.bg-5 {
	background-image: url(images/slider/5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 770px;
	width: 100%;
}
.bg-6 {
	background-image: url(images/slider/6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 770px;
	width: 100%;
}
.bg-7 {
	background-image: url(images/slider/7.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 770px;
	width: 100%;
}
/*pattern background*/
.pattern-bg {
	background: url(../../images/pattern/pattern-bg.png) repeat;
	background-position: top right;
	background-color: rgba(236, 239, 247, 1);
}
/*----------------------------------------*/
/*  09. Animation
/*----------------------------------------*/
/*animation slide-right*/
@-webkit-keyframes slide-right {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(50px);
 transform: translateX(50px);
 opacity: 0;
}
}
@keyframes slide-right {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(50px);
 transform: translateX(50px);
 opacity: 0;
}
}
/*Style 3*/
.info:hover .img-heartbeat .heartbeat {
	-webkit-animation: heartbeat 1s ease-in-out infinite both;
	animation: heartbeat 1s ease-in-out infinite both;
}
/*animation heartbeat*/
@-webkit-keyframes heartbeat {
 from {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transform-origin: center center;
 transform-origin: center center;
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 10% {
 -webkit-transform: scale(0.91);
 transform: scale(0.91);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 17% {
 -webkit-transform: scale(0.98);
 transform: scale(0.98);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 33% {
 -webkit-transform: scale(0.87);
 transform: scale(0.87);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 45% {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
 from {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transform-origin: center center;
 transform-origin: center center;
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 10% {
 -webkit-transform: scale(0.91);
 transform: scale(0.91);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 17% {
 -webkit-transform: scale(0.98);
 transform: scale(0.98);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 33% {
 -webkit-transform: scale(0.87);
 transform: scale(0.87);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 45% {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-webkit-keyframes ravSlideInRight {
 0% {
 -webkit-transform: translateX(150px);
 transform: translateX(150px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
}
 @keyframes ravSlideInRight {
 0% {
 -webkit-transform: translateX(150px);
 transform: translateX(150px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
}
/*-------------------------------------------------*/
/* 10. Owl Carousel Nav/Dot Direction/Box Shadow
/*-------------------------------------------------*/
/*Nav Direction*/
.banner-active .owl-nav > .owl-prev, .banner-active .owl-nav > .owl-next, .new-product-active .owl-nav > .owl-prev, .new-product-active .owl-nav > .owl-next, .featured-pro-active .owl-nav > .owl-prev, .featured-pro-active .owl-nav > .owl-next, .blog-active .owl-nav > .owl-prev, .blog-active .owl-nav > .owl-next, .product-tab-active .owl-nav > .owl-prev, .product-tab-active .owl-nav > .owl-next, .porduct-details-active .owl-nav > .owl-prev, .porduct-details-active .owl-nav > .owl-next, .random-pro-active .owl-nav > .owl-prev, .random-pro-active .owl-nav > .owl-next {
	background: #ffffff none repeat scroll 0 0;
	bottom: 50%;
	cursor: pointer;
	font-size: 35px;
	height: 75px;
	line-height: 75px;
	opacity: 0;
	position: absolute;
	text-align: center;
	transform: translateY(50%);
	transition: all 0.3s ease-in-out 0s;
	font-weight: 300;
	width: 50px;
	z-index: 1;
}
/*Random Product Nav*/
.random-pro-active .owl-nav > .owl-prev, .random-pro-active .owl-nav > .owl-next {
	top: 50%;
	transform: translateY(-50%);
}
.owl-nav .owl-prev {
	left: 0;
}
.owl-nav .owl-next {
	right: 0;
}
.owl-nav>.owl-prev:hover, .owl-nav>.owl-next:hover {
	background: #2e2e2e;
	color: #fff;
}
.banner-active:hover .owl-nav>.owl-prev, .banner-active:hover .owl-nav>.owl-next, .new-product-active:hover .owl-nav>.owl-prev, .new-product-active:hover .owl-nav>.owl-next, .featured-pro-active:hover .owl-nav>.owl-prev, .featured-pro-active:hover .owl-nav>.owl-next, .blog-active:hover .owl-nav>.owl-prev, .blog-active:hover .owl-nav>.owl-next, .product-tab-active:hover .owl-nav>.owl-prev, .product-tab-active:hover .owl-nav>.owl-next, .porduct-details-active:hover .owl-nav>.owl-prev, .porduct-details-active:hover .owl-nav>.owl-next, .random-pro-active:hover .owl-nav>.owl-prev, .random-pro-active:hover .owl-nav>.owl-next {
	opacity: 1;
	margin: 0 -10px;
}
/*Dot Direction*/
.owl-dots {
	bottom: 40px;
	left: 0;
	position: absolute;
	right: 0;
}
.owl-dot {
	background: #000 none repeat scroll 0 0;
	display: inline-block;
	height: 6px;
	margin: 5px;
	width: 6px;
	transition: all 0.3s ease-in-out;
}
.owl-dot.active {
	background: #fff none repeat scroll 0 0;
}
.owl-dot:hover {
	background: #fff none repeat scroll 0 0;
}
/*Box Shadow*/
.new-product-active, .featured-pro-active-2, .new-pro-active-2, .random-pro-active {
	margin: -20px -15px;
	width: auto;
}
.product-tab-active {
	margin: 0 -15px;
	width: auto;
}
.random-pro-active .owl-item {
	padding: 20px 15px;
}
.product-slide-item, .featured-group-pro {
	padding: 20px 15px;
}
.featured-pro-active-2 .owl-nav {
    margin-bottom: 40px;
}
.featured-pro-active-2 .owl-nav .owl-prev, .featured-pro-active-2 .owl-nav .owl-next {
	background: #eaeaea none repeat scroll 0 0;
	color: #444;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 24px;
	height: 70px;
	line-height: 70px;
	opacity: 1;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out 0s;
	z-index: 1;
	border-radius: 25px;
}

	.featured-pro-active-2 .owl-nav .owl-prev {
		left: 15px;
		width: 45%;
	}
	.featured-pro-active-2 .owl-nav .owl-next {
		right: 12px;
		width: 45%;
	}

.featured-pro-active-2 .owl-nav .owl-prev:hover, .featured-pro-active-2 .owl-nav .owl-next:hover, .new-pro-active-2 .owl-nav .owl-prev:hover, .new-pro-active-2 .owl-nav .owl-next:hover {
	background: #333333 none repeat scroll 0 0;
	color: #ffffff;
}
.featured-pro-active-2 .owl-nav .owl-prev:before {
    font-family: "FontAwesome";
    content: "\f053";
    margin: 0 10px;
    vertical-align: 0px;
}
.featured-pro-active-2 .owl-nav .owl-next:after {
    font-family: "FontAwesome";
    content: "\f054";
    margin: 0 10px;
    vertical-align: 0px;
}
/*----------------------------------------*/
/* 11. Newsletter Popup
/*----------------------------------------*/
.popup_wrapper {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	height: 100%;
	opacity: 0;
	position: fixed;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 9999999;
}
.test {
	background: #ffffff none repeat scroll 0 0;
	bottom: 0;
	height: 390px;
	left: 0;
	margin: auto;
	max-width: 790px;
	padding: 25px 50px;
	position: absolute;
	right: 0;
	top: 0;
}
.popup_off {
	background: #666666 none repeat scroll 0 0;
	border: 1px solid #ffffff;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 11px;
	font-weight: 500;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: -26px;
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	width: 75px;
}
.popup_off:hover {
	background: #ff6600 none repeat scroll 0 0;
}
.subscribe-form-group {
	margin-top: 15px;
}
.subscribe-form-group input {
	background: #eaeaea none repeat scroll 0 0;
	border: 0 none;
	color: #666;
	height: 41px;
	line-height: 20px;
	padding: 0 20px;
	width: 380px;
}
.subscribe-bottom label {
	font-size: 14px;
	margin: 0;
	vertical-align: middle;
}
.subscribe-bottom input {
	height: 15px;
	line-height: 15px;
	max-width: 15px;
	vertical-align: middle;
}
.subscribe-form-group button {
	background: #ff6600 none repeat scroll 0 0;
	border: 0 none;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 38px;
	margin: 20px auto;
	padding: 2px 20px 0;
	transition: all 0.3s ease-in-out 0s;
}
.subscribe-form-group.subscribe-form-style-two button {
	background: #61c0bf;
}
.subscribe-form-group.subscribe-form-style-three button {
	background: #ffb400;
}
.subscribe-form-group.subscribe-form-style-four button {
	background: #35a875;
}
.subscribe-form-group button:hover {
	background: #303030 none repeat scroll 0 0;
	color: #fff;
}
.subscribe_area h2 {
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.subscribe_area > p {
	margin: 0 auto;
	font-size: 16px;
	max-width: 580px;
}
/*----------------------------------------*/
/* 01. Header
/*----------------------------------------*/
.main-header {
	position: relative;
}
/*Logo*/
.logo {
	padding-top: 20px;
}
/*Main Menu*/
.main-menu {
	margin: 0 auto;
	position: relative;
	text-align: center;
	margin-top: 40px;
}
.main-menu nav > ul > li {
	display: inline-block;
	position: relative;
	margin-right: 25px;
}
.main-header-3 .primary-menu nav > ul > li {
	margin-right: 0;
 left:;
	margin-left: 20px;
}
.main-menu nav > ul > li > a {
	color: #666666;
	display: block;
	font-size: 16px;
	padding: 5px 0;
}
.main-menu>nav>ul>li.active a {
	color: #ff6600;
}
.main-menu nav>ul>li:hover>a {
	color: #ff6600;
}
/*Sticky*/
.header-sticky.sticky, .main-header.main-header-2.stick.header-sticky.sticky {
	background: #fff;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms ease-in 0s;
	transition: all 300ms ease-in 0s;
	z-index: 1049;
}
.sticky {
	-webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
}
/*Dropdown Menu*/
.main-menu nav > ul > li > ul.dropdown {
	opacity: 0;
	padding: 20px 0;
	position: absolute;
	top: 100%;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 220px;
	z-index: 99;
    background: #2f2f2f none repeat scroll 0 0;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 25px;
}
.intro .main-menu nav > ul > li > ul.dropdown {
    background: #fff none repeat scroll 0 0;
}
.main-menu nav > ul > li > ul.dropdown.header-search {
	background-color: transparent;
}
.primary-menu nav > ul > li > ul.dropdown {
	box-shadow: none;
}
.main-menu nav>ul>li:hover>ul.dropdown {
	opacity: 1;
	transform: scaleY(1);
	visibility: visible;
	top: 100%;
}
.main-menu nav > ul > li > ul.dropdown::before, .primary-menu nav > ul > li > ul.dropdown::before {
	border-bottom: 15px solid #2f2f2f;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	content: "";
	position: absolute;
	left: 10px;
	top: -8px;
}

.intro .main-menu nav > ul > li > ul.dropdown::before, .intro .primary-menu nav > ul > li > ul.dropdown::before {
	border-bottom: 15px solid #fff;
}
.primary-menu nav > ul > li > ul.dropdown::before {
	content: none;
}
.main-menu nav>ul>li>ul.dropdown>li {
	display: block;
	padding: 0;
	text-align: left;
}
.main-menu>nav>ul>li>ul.dropdown>li.active>a {
	color: #ff6600;
}
.main-menu nav > ul > li > ul.dropdown > li > a {
	display: block;
	padding: 6px 20px;
	transition: all 0.3s ease-in-out 0s;
    font-size: 18px;
    color: #fff;
}
.intro .main-menu nav > ul > li > ul.dropdown > li > a {
    color: #333333;
}
.main-menu nav > ul > li > ul.dropdown > li:hover > a, .main-menu > nav > ul > li > ul.dropdown > li.other-style > ul.language-dropdown > li:hover > a {
	color: #ff6600;
	text-decoration: none;
}
/*Megamenu*/
.main-menu nav>ul>li>ul.megamenu {
	padding: 30px;
	position: absolute;
	width: 520px;
    background: #2f2f2f none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    color: #fff;
}
.intro .main-menu nav>ul>li>ul.megamenu {
    background: #fff none repeat scroll 0 0;
    color: #212529;
}
.main-menu nav > ul > li > ul.megamenu > li {
	float: left;
	width: 50%;
}
.main-menu nav > ul > li > ul.megamenu > li > h3.megamenu-title > a {
	display: block;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: normal;
	line-height: 35px;
	overflow-wrap: break-word;
}
.main-menu nav>ul>li>ul.megamenu>li>h3.megamenu-title>a:hover {
	color: #ff6600;
}
.main-menu nav > ul > li > ul.megamenu > li > ul > li > a {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	letter-spacing: 0.25px;
    padding-bottom: 15px;
    display: block;
    color: #fff;
}
.intro .main-menu nav > ul > li > ul.megamenu > li > ul > li > a {
    color: #333333;
}
.main-menu nav>ul>li>ul.megamenu>li>ul>li:hover>a {
	color: #ff6600;
}
/*Header Right*/
.header-right-2 {
	margin-right: 0;
}
.primary-menu {
	float: right;
}
.main-menu.primary-menu nav > ul > li {
	margin-right: 0;
	margin-left: 20px;
}
.main-menu.primary-menu > nav > ul > li > a {
	padding: 5px 0;
}
.primary-menu>nav>ul>li>ul.dropdown {
	right: 0;
}
.primary-menu > nav > ul > li > a > i {
	color: #ff6600;
	font-size: 18px;
	margin-right: 7px;
}
/*Primary Dropdown*/
.primary-menu nav > ul > li > ul.dropdown.right-nav {
	padding: 30px;
	line-height: inherit;
}
.main-menu nav > ul > li > ul.dropdown.right-nav::before {
    border-bottom: 15px solid #2f2f2f;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    position: absolute;
    left: 460px;
    top: -8px;
}
.intro .main-menu nav > ul > li > ul.dropdown.right-nav::before {
    border-bottom: 15px solid #fff;
}
@media (max-width: 767px) {
.primary-menu nav > ul > li > ul.dropdown.right-nav {
	right: -70px;
    max-width: 260px!important;
    line-height: 1;
    max-height: 216px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
} 
.main-menu nav > ul > li > ul.megamenu.dropdown.right-nav > li {
	float: none;
	width: 100%;
    line-height: 1;
}
.main-menu nav > ul > li > ul.megamenu.dropdown.right-nav > li > ul > li > a {
    padding-bottom: 5px;
}
.main-menu nav > ul > li > ul.dropdown.right-nav::before {
    display: none;
}
}
@media (max-height: 600px) {
.primary-menu nav > ul > li > ul.dropdown.right-nav {
	right: -70px;
    max-width: 260px!important;
    line-height: 1;
    max-height: 216px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
} 
.main-menu nav > ul > li > ul.megamenu.dropdown.right-nav > li {
	float: none;
	width: 100%;
    line-height: 1;
}
.main-menu nav > ul > li > ul.megamenu.dropdown.right-nav > li > ul > li > a {
    padding-bottom: 5px;
}
.main-menu nav > ul > li > ul.dropdown.right-nav::before {
    display: none;
}
}
.primary-menu nav > ul > li > ul.dropdown {
    padding: 0;
    line-height: 30px;
}
.primary-menu > nav > ul > li > ul.primary-dropdown {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
	max-width: 220px;
	padding: 0;
}
.primary-menu > nav > ul > li > ul.primary-dropdown > li {
	border-bottom: 1px solid #ebebeb;
	margin: 0 5px;
	position: relative;
}
.primary-menu > nav > ul > li > ul.primary-dropdown > li > a {
	color: #777;
	display: block;
	padding: 8px 10px;
}
.main-menu>nav>ul>li>ul.primary-dropdown>li>a>i {
	margin-right: 6px;
}
/*Language Dropdown*/
.main-menu > nav > ul > li > ul.dropdown > li.other-style::before {
	color: #777;
	content: "\f078";
	font-family: fontawesome;
	font-size: 12px;
	position: absolute;
	right: 15px;
	top: 5px;
	transition: all 0.5s ease-in-out;
}
.main-menu > nav > ul > li > ul.dropdown > li.other-style:hover::before {
	transform: rotate(-90deg);
	color: #ff6600;
}
.main-menu > nav > ul > li > ul.dropdown > li.other-style > ul.language-dropdown {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
	left: 102%;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 100%;
	z-index: 1;
}
.main-menu>nav>ul>li>ul.dropdown>li.other-style:hover>ul.language-dropdown {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}
.main-menu > nav > ul > li > ul.dropdown > li.other-style > ul.language-dropdown > li {
	border-bottom: 1px solid #ebebeb;
	padding: 8px 0;
	position: relative;
}
.main-menu > nav > ul > li > ul.dropdown > li.other-style > ul.language-dropdown > li > a {
	display: block;
	padding: 0 10px;
	color: #777;
}
/*Header Search*/
.main-menu>nav>ul>li>ul.header-search {
	width: 400px;
}
.header-search li form {
	position: relative;
}
.header-search input {
	background: #2f2f2f none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
	height: 50px;
	padding: 0 35px 0 10px;
	width: 100%;
	border-radius: 25px;
    color: #fff;
}
.intro .header-search input {
	background: #ffffff none repeat scroll 0 0;
    color: inherit;
}
.header-search input:focus {
	background: #2f2f2f none repeat scroll 0 0;
	border: 1px solid #ebebeb;
}
.intro .header-search input:focus {
	background: #ffffff none repeat scroll 0 0;
}
.header-search button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	transition: all 0.3s ease-in-out;
	width: 50px;
	cursor: pointer;
}
.intro .header-search button {
	color: #666666;
}
.header-search button:hover {
	color: #ff6600;
}
/*Mini Cart*/
.main-menu>nav>ul>li>ul.cart-dropdown {
	background:#2f2f2f none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
	width: 300px;
	border-radius: 25px;
    color: #EBEBEB;
}
.intro .main-menu>nav>ul>li>ul.cart-dropdown {
	background: #fff none repeat scroll 0 0;
    color: inherit;
}
.main-menu nav > ul > li > ul.cart-dropdown::before {
    border-bottom: 15px solid #2f2f2f;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    position: absolute;
    left: 240px;
    top: -8px;
}
.intro .main-menu nav > ul > li > ul.cart-dropdown::before {
    border-bottom: 15px solid #fff;
}
.cart-item {
	border-bottom: 1px solid #ebebeb;
	margin: 15px;
}
.cart-img {
	float: left;
	padding-right: 20px;
}
.cart-img img {
	border-radius: 20px;
}
.cart-info {
	position: relative;
}
.pro-price>span {
	color: #ff6600;
}
.remove-link>a::before {
	content: "\f057";
	font-family: fontawesome;
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 16px;
}
.total>span {
	font-size: 16px;
	font-weight: 600;
	color: #2f2f2f;
}
.cart-dropdown .total>span {
	color: #fff;
}
.intro .cart-dropdown .total>span {
	color: inherit;
}
.cart-dropdown a {
	color: #fff;
}
.intro .cart-dropdown a {
	color: inherit;
}
.cart-dropdown a:hover, .intro .cart-dropdown a:hover {
	color: #ff6600;
}
.cart-shipping .amount {
	float: right;
}
/*Cart Button*/
.cart-btn {
	padding: 15px;
	text-align: center;
}
/*----------------------------------------*/
/* 02. Mobile Menu Customization 
/*----------------------------------------*/
.mean-container .mean-bar {
	float: unset;
	width: auto;
	position: relative;
	background: transparent;
	padding: 0;
	min-height: 0;
	z-index: 999;
    top: 25px;
}
.mean-container .mean-nav ul {
	max-height: 216px;
	overflow-y: auto;
	overflow-x: hidden;
}
.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	position: absolute;
	top: -70px;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-weight: 700;
	color: #666;
	font-family: "Roboto", sans-serif;
	padding: 0;
}
.mean-container .mean-nav ul li li a {
	font-weight: 400;
	padding: 17px 0 17px 60px;
}
.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 30%;
	font-size: 12px;
}
.mean-container a.meanmenu-reveal span {
	background: #666 none repeat scroll 0 0;
	display: block;
	height: 3px;
	margin-top: 3px;
}
.mean-container .mean-nav {
	margin-top: 0;
}
/*----------------------------------------*/
/* 03. Slider
/*----------------------------------------*/
.single-slide.align-center-left {
	align-items: center;
	display: flex;
}
.single-slide.align-center {
	margin: 0 auto;
	text-align: center;
	display: flex;
	align-items: center;
}
.slider-content {
	width: 100%;
}
.slider-content-2 {
	width: 100%;
	padding-bottom: 130px;
}
.slider-content h2 {
	color: #333333;
	font-family: Roboto;
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 40px;
	line-height: 40px;
}
.slider-content p {
	color: #666666;
	font-family: Roboto;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 50px;
	position: relative;
	text-decoration: underline;
}
.align-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.slider-content-2 > h3 {
	color: #fff;
	font-size: 45px;
	font-weight: 500;
	position: absolute;
	top: 150px;
	text-align: center;
	width: 100%;
	left: 0px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
	z-index: 13
}
.slider-content-2 > h1 {
	font-size: 150px;
	font-weight: 900;
	color: #fff;
	line-height: 128px;
	margin-bottom: 0;
	position: absolute;
	top: 220px;
	text-align: center;
	width: 100%;
	left: 0px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
	z-index: 14
}
.slider-content-2_1 > h1 {
	text-transform: uppercase;
	font-size: 180px;
	top: 250px;
}
.slider-content-2 .slider-icon {
	width: 660px;
	position: absolute;
	top: 240px;
	left: 50%;
	transform: translateX(-50%);
}
.slider-icon {
	z-index: 10
}
.slider-content-2_1 .slider-icon {
	width: 800px;
	position: absolute;
	top: 170px;
	left: 50%;
	transform: translateX(-50%);
}
.slider-content-2 > p {
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	position: absolute;
	bottom: 150px;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 0;
	width: 100%;
	padding: 0 20px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 1);
	z-index: 11
}
.slider-content-2 > .default-btn-2.slide-btn {
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0;
	z-index: 12
}
.slider-content.slider-content-3 > h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 50px;
	font-family: Montserrat;
	margin-top: 130px;
	margin-bottom: 0;
}
.slider-content.slider-content-3 > h1 {
	color: #ffffff;
	font-size: 150px;
	font-weight: 900;
	font-family: Montserrat;
}
.slider-content.slider-content-3 > h1, .slider-content.slider-content-3 > h3 {
	color: #ffffff;
	font-size: 70px;
	text-transform: uppercase;
}
.slider-content.slider-content-3 > p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 30px;
	position: relative;
	max-width: 490px;
	text-decoration: none;
}
.default-btn-2 {
	margin-top: 18px;
}
.default-btn-2 .links-4 {
	background: #ff6600 none repeat scroll 0 0;
	background: linear-gradient(to top, #ff6600, #f79520);
	transition: all 0.3s ease-in-out;
	color: #fff;
	width: 220px;
	height: 60px;
	line-height: 60px;
}
.default-btn-2 .links-4_2 {
	background: #333333;
    background: linear-gradient(to top, #333333, #7f7f7f);
	width: 220px;
}
.default-btn-2 .links-4_3 {
	background: #ff6600;
	background: linear-gradient(to top, #ff6600, #f79520);
	width: 220px;
}
.default-btn-2 .links-4:hover {
	background: #333333;
    background: linear-gradient(to top, #333333, #7f7f7f);
}
.default-btn-2 .links-4_2:hover {
	background: #ff6600 none repeat scroll 0 0;
	background: linear-gradient(to top, #ff6600, #f79520);
}
.default-btn-2 .links-4_3:hover {
	background: #333333;
}
/* animation-style-01 */
.owl-item.active .animation-style-01 .slider-content h1, .owl-item.active .animation-style-01 .slider-content-2 h1 {
	-webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
	animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
}
.owl-item.active .animation-style-01 .slider-content h2, .owl-item.active .animation-style-01 .slider-content h3, .owl-item.active .animation-style-01 .slider-content-2 h3 {
	-webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
	animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
}
.owl-item.active .animation-style-01 .slider-content p, .owl-item.active .animation-style-01 .slider-content-2 p {
	-webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
	animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}
.owl-item.active .animation-style-01 .slider-content .slide-btn, .owl-item.active .animation-style-01 .slider-content-2 .slide-btn {
	-webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
	animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
}
.owl-item.active .animation-style-01 .slider-content-2 .img-slide {
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running slideInUp;
	animation: 1000ms ease-in-out 0s normal none 1 running slideInUp;
}
.owl-item.active .animation-style-02 .slider-content-2 .img-slide {
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running slideInUp;
	animation: 1000ms ease-in-out 0s normal none 1 running slideInUp;
}
/* animation-style-02 */
.owl-item.active .animation-style-02 .slider-content h1, .owl-item.active .animation-style-02 .slider-content-2 h1 {
	-webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
	animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
}
.owl-item.active .animation-style-02 .slider-content h2, .owl-item.active .animation-style-02 .slider-content h3, .owl-item.active .animation-style-02 .slider-content-2 h3 {
	-webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
	animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
}
.owl-item.active .animation-style-02 .slider-content p, .owl-item.active .animation-style-02 .slider-content-2 p {
	-webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
	animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}
.owl-item.active .animation-style-02 .slider-content .slide-btn, .owl-item.active .animation-style-02 .slider-content-2 .slide-btn {
	-webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
	animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
}
/* All Sliding Css */
.slider-active .owl-nav div {
	background: #fff none repeat scroll 0 0;
	color: #333;
	cursor: pointer;
	display: block;
	font-size: 22px;
	height: 75px;
	left: 0;
	line-height: 75px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	width: 50px;
	z-index: 8;
}
.slider-active .owl-nav div:hover {
	background: #333;
	color: #fff;
}
.slider-active:hover .owl-nav div {
	opacity: 1;
}
.slider-active:hover .owl-nav div.owl-prev {
	left: 10px;
}
.slider-active:hover .owl-nav div.owl-next {
	right: 10px;
}
.slider-active .owl-nav div.owl-next {
	right: 0;
	left: auto;
}
/* default pagination dot css */
.owl-dots {
	bottom: 15px;
	margin-top: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 12;
}
.slider-active .owl-dots {
	display: none;
}
.owl-dots .owl-dot {
	background: #fff none repeat scroll 0 0;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
	font-size: 0;
	height: 10px;
	margin: 0 4px;
	position: relative;
	text-align: center;
	-webkit-transition: all 300ms ease-in 0s;
	transition: all 300ms ease-in 0s;
	width: 10px;
	z-index: 8;
}
.owl-dots .owl-dot.active {
	background: #ff6600 none repeat scroll 0 0;
	width: 32px;
}
.testimonials-active .owl-dots .owl-dot {
	background: #000 none repeat scroll 0 0;
	border-radius: 0;
	height: 7px;
	width: 7px;
}
.testimonials-active .owl-dots .owl-dot.active, .testimonials-active-2 .owl-dots .owl-dot.active {
	background: #fff none repeat scroll 0 0;
}
.testimonials-active-2 .owl-dots .owl-dot.active {
	background: #ebebeb;
}
.slider-area-2 .owl-dots {
	display: none;
}
/* Slider Progress Bar */
.slider-active .owl-item.active .slider-progress {
	-webkit-animation: 5000ms ease-in-out 0s normal none 1 running timebar;
	animation: 10000ms ease-in-out 0s normal none 1 running timebar;
	background: rgba(0, 0, 0, .3);
	height: 5px;
	left: 0;
	opacity: 0.8;
	position: absolute;
	top: 0;
	z-index: 4;
}
 @-webkit-keyframes timebar {
 0% {
 width: 0;
}
 100% {
 width: 100%;
}
}
 @keyframes timebar {
 0% {
 width: 0;
}
 100% {
 width: 100%;
}
}
 @keyframes timebar {
 0% {
 width: 0;
}
 100% {
 width: 100%;
}
}
/*----------------------------------------*/
/*  04. Servicer
/*----------------------------------------*/
.servicer {
	float: left;
	width: 100%;
	overflow: hidden;
}
.twitter-info {
	border-bottom: 1px solid #ebebeb;
	text-align: center;
	padding: 10px 0;
}
.twitter-info .img {
	display: inline-block;
}
.twitter-info .text {
	color: #898989;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 29px;
	padding: 0 10px;
}
/*----------------------------------------*/
/*  05. Static Information
/*----------------------------------------*/
.static {
	float: left;
	width: 100%;
	overflow: hidden;
}
/*Static Information*/
.static-info, .featured-pro .featured-pos-content, .new-product-3 .tab-content, .vertical-tab-item {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}
.new-product-3 .tab-content {
	padding-bottom: 0;
}
.featured-pro .featured-pos-content {
	text-align: unset;
}
.static-info::before, .featured-pro .featured-pos-content::before, .new-product-3 .tab-content:before, .vertical-tab-item:before {
	content: url(images/static-info/bg_shadow.png);
	height: 22px;
	left: 50%;
	position: absolute;
	top: 100%;
	transform: translateX(-50%);
	width: 390px;
}
.info {
	padding: 32px 0;
	position: relative;
}
.info-3 {
	padding: 32px 0 37px;
}
.info::before {
	background: #e1e1e1 none repeat scroll 0 0;
	content: "";
	height: 50px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}
.info-bt::before {
	background-color: transparent;
}
.content-info h3 {
	color: #666666;
	font-size: 20px;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-family: Roboto;
	line-height: 22px;
}
.content-info p {
	font-size: 16px;
	line-height: 1;
	margin: 0;
}
/*----------------------------------------*/
/*  06. Banner Slider
/*----------------------------------------*/
.banner {
	float: left;
	overflow: hidden;
	width: 100%;
}
.banner-img {
	overflow: hidden;
	margin: -1px auto;
}
.banner .single-banner .banner-img img {
	transform: scale3d(1, 1, 1);
	width: 100%;
	transition: all 1s ease-in 0s;
}
.banner .single-banner:hover .banner-img img {
	transform: scale3d(1.07, 1.07, 1.07);
	transition: all 1s ease-in 0s;
}
.banner-active .owl-nav.disabled {
	display: block;
}
/*----------------------------------------*/
/*  07. New Product
/*----------------------------------------*/
.new-product {
	background: #f1f1f1 none repeat scroll 0 0;
	float: left;
	overflow: hidden;
	width: 100%;
}
.pos-title {
	display: block;
	position: relative;
	text-align: center;
}
.pos-title > h2 {
	color: #333333;
	display: inline-block;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 20px;
	position: relative;
	font-size: 28px;
}
.pos-title > p {
	color: #898989;
	font-size: 16px;
	line-height: 25px;
	margin: 0 auto 25px;
	max-width: 580px;
}
.new-product .pos-title > p {
	margin: 0 auto 25px;
	max-width: 580px;
}
.pos-title h2 a {
	color: #333333;
}
.blog .pos-title h2 a {
	display: block;
}
.prod-title {
	display: block;
	position: relative;
}
.prod-title > h2 {
	color: #333333;
	display: inline-block;
	font-weight: 400;
	line-height: 30px;
	padding-bottom: 5px;
    padding-top: 10px;
	position: relative;
	font-size: 28px;
}
.prod-title > p {
	color: #898989;
	font-size: 16px;
	line-height: 25px;
	padding-bottom: 15px;
}
.single-product {
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
    border-radius: 25px;
}
.single-product:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.product-img {
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
}
.owl-carousel .owl-item .product-img img {
	width: 130px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.secondary-img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.product-img:hover .secondary-img {
	opacity: 1;
}
/*Sticker*/
.sticker {
	background: #ff6600 none repeat scroll 0 0;
	color: #fff;
	font-size: 14px;
	height: 100px;
	left: -50px;
	line-height: 115px;
	position: absolute;
	text-align: center;
	top: -50px;
	transform: rotate(-45deg);
	width: 100px;
}
.sticker::before {
	background: #fff none repeat scroll 0 0;
	bottom: 3px;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
.sticker>span {
	position: relative;
	top: 30px;
}
/*Product Action*/
.product-action-inner {
	background: #444444 none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	transform: scaleY(0);
	transition: all 0.3s ease-in-out;
}
.single-product:hover .product-action-inner {
	opacity: 1;
	transform: scale(1);
}
.product-action-2>.product-action-inner {
	opacity: 1;
	position: relative;
	transform: scale(1);
	width: 280px;
}
.product-action-inner>.cart>a {
	background: #444444 none repeat scroll 0 0;
	border: 0 none;
	color: #fff;
	display: block;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 700;
	height: 35px;
	line-height: 35px;
	padding: 0 20px;
	position: relative;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
    text-align: center;
}
.product-action-inner>.cart:hover>a {
	background: #ff6600 none repeat scroll 0 0;
}
.product-action-inner .add-to-links {
	position: absolute;
	right: 0;
	bottom: 0;
}
.product-action-inner .add-to-links>li {
	display: inline-block;
	float: left;
}
.product-action-inner .add-to-links > li > a {
	background: #444444 none repeat scroll 0 0;
	border: 0 none;
	color: #fff;
	display: block;
	font-size: 18px;
	height: 35px;
	line-height: 35px;
	padding: 0;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	width: 40px;
}
.product-action-inner .add-to-links li a:hover, .product-action-inner .add-to-links li a.rav-compare.checked {
	background: #ff6600 none repeat scroll 0 0;
	transition: all 300ms ease-in 0s;
}
.product-action-inner .add-to-links>li>a::before {
	content: "";
	bottom: 0;
	display: block;
	font-family: "FontAwesome";
	font-size: 18px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.single-product:hover .view-details {
	opacity: 1;
	transform: scaleY(1);
}
.product-contents, .featured-pro-contents {
	background: #ffffff none repeat scroll 0 0;
	display: inline-block;
	padding: 26px 20px;
	width: 100%;
}
.featured-pro-contents {
	padding: 26px 0 20px 0;
}
.product-contents-3 {
	text-align: left;
}
.product-contents-3 .rating {
	float: right;
	padding: 0;
}
.product-name {
	color: #3a3939;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 20px;
}
.product-contents h5.product-name a {
	color: #666666;
	display: block;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 15px;
	padding: 0;
	overflow: hidden;
    height: 40px;
}

.product-contents h5.product-name a:hover {
	color: #ff6600;
}
.price-box {
	font-family: Montserrat;
    display: block;
}
.top-rated-info .price-box-3 {
	padding-top: 10px;
}
.price-box .price {
	color: #ff6600;
	font-size: 28px;
	font-weight: 400;
	cursor: text;
	line-height: 18px;
    width: 45%;
    display: inline-block;
}
.price-box .old-price {
	color: #a1a1a1;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	line-height: 18px;
    width: 50%;
    display: inline-block;
    text-align: right;
}
.list-view .row {
    margin-bottom: 15px;
}
.shop-product {
    margin-bottom: 30px;
}
/*New Product 2*/
.new-product-2 {
	background: transparent;
	padding-top: 6px;
}
.new-product-2 .pos-title-2 > p {
	margin: 0 auto 23px;
}
/*Top Sellers Product*/
.new-product.featured-pro-2.top-sellers-pro {
	padding-top: 16px;
	padding-bottom: 32px;
}
.top-sellers-pro .pos-title-2 > h2 {
	margin-bottom: 20px;
}
/*Random Product*/
.featured-pro.random-pro {
	padding-bottom: 50px;
	padding-top: 14px;
}
/*----------------------------------------*/
/*  08. Static Center
/*----------------------------------------*/
.static-center {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-image: url(images/banner/4_1.jpg);
	background-size: cover;
	background-position: center center;
	padding: 220px 0 220px;
}
.static-center::before, .static-center::after {
	position: absolute;
	content: "";
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	pointer-events: none;
	transition: all 0.5s ease;
}
.static-center::before {
	transform: scaleX(0);
}
.static-center:hover::before {
	transform: scaleX(1);
}
.static-center::after {
	transform: scaleY(0);
}
.static-center:hover::after {
	transform: scaleY(1);
}
.static-center .static-content {
	bottom: 50%;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	transform: translateY(50%);
	z-index: 9;
}
.static-center .static-content h3 {
	color: #ffffff;
	font-size: 40px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 30px;
	padding: 0 347px;
}
.static-center .static-content p {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	margin: 0 auto 25px;
	max-width: 50%;
	position: relative;
}
/*----------------------------------------*/
/*  09. Testimonials
/*----------------------------------------*/
.testimonials {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #2f2f2f none repeat scroll 0 0;
	position: relative;
	text-align: center;
}
.testimonials-item {
	overflow: hidden;
	position: relative;
	text-align: right;
}
.testimonials-item .item {
	padding: 94px 150px 135px;
}
.testimonials-item .item .test-img {
	float: right;
	margin-left: 30px;
}
.testimonials-item .item .test-content {
	overflow: hidden;
}
.testimonials-item .item .test-content .test-des {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 20px;
}
.testimonials-item .item .test-content .des-post {
	color: #acacac;
	font-size: 16px;
	font-weight: 300;
	line-height: 16px;
	position: relative;
	margin: 0;
}
.testimonials-item .item .test-content .des-post::before {
	background: #acacac none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	position: absolute;
	right: 125px;
	top: 50%;
	width: 70px;
}
.testimonials-item .item .test-content .des-post:hover {
	color: #ff6600;
}
.testimonials-active .owl-dots {
	bottom: 95px;
	margin-top: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 12;
}
/*----------------------------------------*/
/*  10. Featured Product
/*----------------------------------------*/
.featured-pro {
	float: left;
	width: 100%;
	overflow: hidden;
}
.featured-pos-content {
	position: relative;
}
.single-featured-pro {
	box-shadow: none;
}
.single-featured-pro:hover {
	box-shadow: none;
}
.featured-pro-active .owl-nav.disabled {
	display: block;
}
/*Random Product*/
.random-pro .pos-title-2 > h2 {
	margin-bottom: 48px;
}
.random-pro .featured-pos-content-2 {
	border: medium none transparent;
	margin: 0;
}
.random-pro .featured-pos-content-2::before {
	content: none;
}
/*----------------------------------------*/
/*  11. Blog
/*----------------------------------------*/
.blog {
	float: left;
	overflow: hidden;
	width: 100%;
}
.blog .pos-title > h2 {
	margin-bottom: 46px;
}
.blog-content {
	font-family: Roboto;
	text-align: left;
}
.blog-item {
	display: inline-block;
	width: 100%;
}
.blog-img {
	margin-bottom: 20px;
	position: relative;
}
.blog-img>a {
	display: block;
	overflow: hidden;
}
.blog-img>a>img {
	width: 100%;
	transform: scale3d(1, 1, 1);
	transition: all 1s ease-in 0s;
}
.blog-img:hover>a>img {
	transform: scale3d(1.07, 1.07, 1.07);
	transition: all 1s ease-in 0s;
}
.blog-content>h4 {
	padding: 0;
}
.blog-content > h4 > a {
	color: #666666;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 25px;
	margin-bottom: 15px;
	position: relative;
	text-transform: none;
	transition: all 0.3s ease-in-out 0s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.blog-content>h4>a:hover {
	color: #ff6600;
}
.smart-date {
	color: #666666;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 15px;
}
.views {
	cursor: text;
	margin-left: 5px;
}
.views::before {
	content: "\f06e";
	font-family: fontawesome;
	margin-right: 2px;
}
.blog-content > p {
	color: #898989;
	font-size: 16px;
	line-height: 25px;
	margin: 15px auto 0;
	max-width: 100%;
}
/*----------------------------------------*/
/*  12. Static Bottom
/*----------------------------------------*/
.static-bottom {
	float: left;
	overflow: hidden;
	width: 100%;
}
.shop-banner-box {
	float: left;
	overflow: hidden;
}
.banner-box {
	border-radius: 25px;
	overflow: hidden;
}
.banner-box img {
	transform: scale3d(1, 1, 1);
	transition: all 1s ease-in 0s;
	width: 100%;
}
.shop-banner-box img, .blog-banner-box img {
	width: 100%;
}
.banner-box:hover img {
	transform: scale3d(1.09, 1.09, 1.09);
	transition: all 1s ease-in 0s;
}
/*----------------------------------------*/
/*  13. Footer
/*----------------------------------------*/
.footer {
	background: #333333;
	margin-top: -1px;
	float: left;
	overflow: hidden;
	width: 100%;
}
.footer-full {
	color: #898989;
	font-size: 14px;
}
/*Footer Static Top*/
.footer-static-top {
	padding: 84px 0 75px;
}
.footer-static-top.footer-static-top-2 {
	padding: 0;
}
.footer-block h4 {
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 33px;
	position: relative;
}
.footer .footer-full p {
	color: #e1e1e1;
	font-size: 14px;
	line-height: 25px;
}
.footer-contact > p.footer-desc {
	font-size: 14px;
	margin-bottom: 15px;
}
.footer-contact > li {
	font-size: 15px;
	line-height: 27px;
	padding-left: 22px;
	position: relative;
}
.footer-contact > li > i {
	color: #e1e1e1;
	font-size: 15px;
	left: 0;
	position: absolute;
	top: 8px;
}
.footer-contact > li.phone > a {
	color: #ff6600;
}
.footer-block li {
	line-height: 32px;
	padding-bottom: 5px;
	transition: all 0.3s ease-in-out;
	color: #e1e1e1;
}
.footer-block li a {
	color: #e1e1e1;
	display: block;
	font-size: 16px;
	padding: 0;
	position: relative;
}
.footer-block li a:hover {
	color: #ff6600;
}
.newsletter-block-left {
	margin-bottom: 40px;
}
.newsletter-block-left h4 {
	border: 0 none;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 45px;
	position: relative;
}
.newsletter-block-left .form-group {
	background: transparent none repeat scroll 0 0;
	margin-bottom: 0;
	overflow: hidden;
	position: relative;
}
.newsletter-block-left .form-group .form-control {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #5c5c5c;
	color: #e1e1e1;
	display: block;
	font-size: 16px;
	height: 50px;
	margin-bottom: 15px;
	padding: 10px;
}
.form-control {
	background-color: #fff;
	border: 1px solid #d6d4d4;
	border-radius: 25px;
	box-shadow: none;
	color: #9c9b9b;
	display: block;
	font-size: 13px;
	height: 27px;
	line-height: 1.42857;
	padding: 3px 5px;
	vertical-align: middle;
	width: 100%;
}
.form-control:focus {
	box-shadow: 0 0 0 black;
}
.newsletter-block-left .form-group .button-small {
	background: #ff6600 none repeat scroll 0 0;
	background: linear-gradient(to top, #ff6600, #f79520);
	border: 0 none;
	border-radius: 25px;
	color: #e1e1e1;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	vertical-align: top;
	font-family: Montserrat;
	font-weight: 500;
}
.newsletter-block-left .form-group .button-small:hover {
    background: #333333;
    background: linear-gradient(to top, #333333, #7f7f7f);
}
.social-block {
	margin: 0;
}
.social-block h4 {
	border: 0 none;
	color: #e1e1e1;
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 15px;
	position: relative;
}
.social-block ul li {
	display: inline-block;
	margin-right: 7px;
}
.social-block ul li a {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #5c5c5c;
    border-radius: 25px;
	font-size: 18px;
	color: #e1e1e1;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-in-out;
	vertical-align: middle;
	width: 50px;
	z-index: 99;
}
.social-block ul li a:hover {
	color: #ff6600;
}
/*Footer Static Bottom*/
.footer-static-bottom {
	padding: 20px 0;
}
.copyright {
	margin: 5px 0;
}
.copyright>span {
	color: #ffffff;
	font-size: 16px;
}
.copyright a {
	color: #ff6600;
}
.copyright a:hover {
	text-decoration: underline;
}
/*----------------------------------------*/
/* 14. Scroll Up
/*----------------------------------------*/
#scrollUp {
	right: 30px;
	bottom: 40px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background: #ff6600 none repeat scroll 0 0;
	border: 1px solid #fff;
	font-size: 12px;
	-webkit-animation: ravSlideInRight 0.8s ease-in-out 1 both;
	animation: ravSlideInRight 0.8s ease-in-out 1 both;
	z-index: 1000 !important;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 20px
}
#scrollUp:hover {
	background: #232323 none repeat scroll 0 0;
}
#scrollUp i {
	color: #ffffff;
	font-size: 18px;
	line-height: 36px;
	display: block;
}
/*----------------------------------------*/
/* * Home Page Two Style
/*----------------------------------------*/
/*Main Header*/
.logo-2 {
	text-align: center;
}
.main-header-2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.main-header.main-header-2.stick.header-sticky.sticky {
	background-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
	padding-left: 0;
	padding-right: 0;
}
.main-header.main-header-2.stick.header-sticky.sticky:hover {
	background-color: #000;
	transition: all 300ms ease-in 0s;
}
.main-header.stick.header-sticky.sticky .logo {
	padding-top: 8px;
}
.main-header.stick.header-sticky.sticky .logo img {
	max-width: 60px;
    margin-top: 10px;
}
.main-header.stick.header-sticky.sticky .main-menu nav > ul {
	padding: 30px 0;
}
.main-header.stick.header-sticky.sticky .main-menu nav > ul > li > a {
	padding: 0px 0;
}
.main-header.stick.header-sticky.sticky .main-menu {
     margin-top: 0px; 
}
.main-header.stick.header-sticky.sticky .menu-icon > button {
	top: 50%;
	transform: translateY(-50%);
}
.main-header.stick.header-sticky.sticky .mean-container .mean-bar {
    top: 0px;
}
/*Main Menu*/
.main-menu-2 {
	text-align: unset;
}
.main-menu-2>nav>ul>li {
	display: inline-block;
}
.main-menu-2>nav>ul>li>a, .primary-menu-2>nav>ul>li>a {
	color: #fff;
}
/*Primary Menu*/
.primary-menu-2>nav>ul>li>a>i {
	color: #fff;
}
/*Featured Product 2*/
.featured-pro-2 {
	background: transparent none repeat scroll 0 0;
}
.featured-pro.featured-pro-2 {
	padding-bottom: 40px;
}
.featured-pro-2 .pos-title.pos-title-2 > p {
	margin: 0 auto 23px;
}

.single-featured-pro-2 {
	margin-bottom: 19px;
}
/*Banner Static*/
.banner-static-2 {
	margin-bottom: 28px;
}
/*New Product Home Style 2*/
.new-pro-active-2 .owl-nav .owl-prev, .new-pro-active-2 .owl-nav .owl-next {
	left: 0;
	right: auto;
	top: auto;
 transform: translateX(calc(-100% + -15px));
	transition: all 0.3s ease-in-out 0s;
	width: 50%;
}
/*Footer Static Top*/
.footer-logo {
	margin: 35px 0;
}
.newsletter-block-left-2 {
	align-items: center;
	display: flex;
	justify-content: end;
	margin-top: 55px;
	width: 100%;
}
.newsletter-block-left-2 .form-group {
	display: inline-flex;
	float: right;
}
.newsletter-block-left-2 .form-group {
	display: flex;
}
.newsletter-block-left-2 .form-group .form-control {
	width: 280px;
}
.newsletter-block-left-2 h4 {
	margin: 0 18px 10px;
	padding-right: 0;
	font-size: 18px;
}
.newsletter-block-left-2 .form-group .button-small {
	margin-left: 17px;
}
.form-group .home-2-btn {
	height: 45px;
	border-radius: 0;
}
.footer-2 .social-block-2 {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	float: right;
}
.footer-2 .social-block-2>ul>li>a {
	color: #fff;
}
/*Footer Static Bottom*/
.footer-static-bottom {
	background: #000;
	padding: 15px 0;
}
.copyright-2 {
	margin: 5px 26px;
}
/*----------------------------------------*/
/* * Home Page Three Style
/*----------------------------------------*/
.static-3 .container-fluid, .banner-3 .container-fluid, .featured-pro-3 .container-fluid, .new-product-3 .container-fluid, .blog-3 .container-fluid, .testimonials-3 .container-fluid, .footer-3 .container-fluid {
	padding-left: 90px;
	padding-right: 90px;
}
/*Header*/
.main-menu-3 {
	text-align: unset;
}
.main-menu.main-menu-3 nav > ul > li > a {
	color: #fff;
}
.main-header-3 .main-menu.primary-menu > nav > ul > li > a {
	padding: 50px 0 50px 0;
}
.menu-logo-box .logo {
	display: inline-block;
	margin-right: 30px;
}
.menu-logo-box .full-screen-menu {
	display: inline-block;
}
.menu-icon > button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #666666;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: 400;
	left: auto;
	letter-spacing: 1px;
	line-height: 25px;
	position: absolute;
	top: 50px;
	padding: 0;
}
.menu-icon > button > i {
	font-size: 16px;
	margin-right: 5px;
	color: #ff6600;
}
.search-cart-box .mini-cart {
	display: inline-block;
	margin-left: 30px;
}
/*Full Screen Menu Css*/
.full-screen-menu-area {
	background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
	min-height: 100vh;
	position: fixed;
	right: -100%;
	top: 0;
	transition: all 0.5s ease-in-out 0s;
	width: 100%;
	z-index: 9999;
}
.full-screen-menu-icon {
	display: block;
	overflow: hidden;
	position: absolute;
	right: 40px;
	top: 60px;
	z-index: 999;
}
.full-screen-menu-icon button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	line-height: 1;
	padding: 0;
	transition: all 0.3s ease 0s;
}
.full-screen-menu-icon button:hover {
	color: #EEB013;
}
.menu-close>span {
	margin-left: 7px;
}
.full-screen-menu-area.inside {
	right: 0;
	z-index: 9999999;
}
.full-screen-menu-area.inside .main-menu {
	display: unset;
}
/*Static Information */
.static-info-2 {
	text-align: center;
}
.img-info {
	margin-bottom: 28px;
}
.static.static-2.static-3 {
	margin-bottom: 80px;
}
/*Style 1*/
.info:hover .img-rotate .rotate {
	position: relative;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
 from {
 -moz-transform: rotate(-0deg);
}
 to {
 -moz-transform: rotate(-360deg);
}
}
@-webkit-keyframes spin {
 from {
 -webkit-transform: rotate(-0deg);
}
 to {
 -webkit-transform: rotate(-360deg);
}
}
@keyframes spin {
 from {
 transform: rotate(-0deg);
}
 to {
 transform: rotate(-360deg);
}
}
/*Style 2*/
.info:hover .img-slide .slide-right {
	position: relative;
	-webkit-animation: slide-right 0.8s infinite cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-right 0.8s infinite cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/*Featured Product 3*/
.featured-pro-3 {
	background: transparent none repeat scroll 0 0;
	padding-bottom: 70px;
	padding-top: 95px;
}
.featured-pro-3.upsells-product {
	padding-top: 80px;
	padding-bottom: 65px;
}
.featured-pro-3 .pos-title-3 > h2 {
	margin-bottom: 18px;
}
/*New Product (Home style 3)*/
.new-product-3 {
	background: transparent none repeat scroll 0 0;
	padding-bottom: 75px;
}
.single-product.single-product-3 .cart {
	float: left;
}
/*Tab Menu*/
.rav-tab-content .tab-pane {
	display: block;
	height: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	width: 100%;
}
.rav-tab-content .tab-pane.active {
	height: auto;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
.tab-content {
	width: 100%;
}
.tab-content>.tab-pane {
	height: 0;
	visibility: hidden;
}
.tab-content>.active {
	height: auto;
	visibility: visible;
}
.nav.product-menu.pos-title.pos-title-2 {
	margin-bottom: 25px;
	padding-top: 100px;
}
.product-menu li {
	display: inline-block;
	position: relative;
}
.product-menu li::after {
	content: "";
	position: absolute;
	background: #898989;
	height: 15px;
	width: 1px;
	left: 0;
	top: 4px;
}
.product-menu li:first-child::after {
	background: transparent;
}
.product-menu li a {
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
	padding: 0 15px;
	position: relative;
	transition: all 0.3s ease-in-out;
	letter-spacing: 0.25px;
}
.product-menu li:last-child a {
	border-right: 1px solid transparent;
}
.product-menu>li a.active {
	color: #ff6600;
}
.product-menu li a:hover {
	color: #ff6600;
}
/*Testimonials*/
.testimonials-2 {
	background-color: transparent;
	padding-bottom: 100px;
}
.test-style {
	background: #f8f8f8;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	position: relative;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.testimonials-2 .testimonials-item .item .test-content .test-des {
	color: #666666;
}
/*Blog 3*/
.blog-3 .pos-title {
	margin-bottom: 95px;
}
/*New Product (Home Style 3)*/
.product-tab-active .owl-nav.disabled {
	display: block;
}
/*Blog 3*/
.blog-3 {
	padding-top: 2px;
}
/*----------------------------------------*/
/* 01. 404
/*----------------------------------------*/
.error-404-page {
	float: left;
	width: 100%;
	overflow: hidden;
}
.error-text > h1 {
	color: #ff6600;
	font-size: 200px;
	font-weight: 900;
	letter-spacing: 10px;
	line-height: 135px;
	margin-bottom: 50px;
}
.error-text > h2 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	line-height: 25px;
	margin-bottom: 35px;
	text-transform: uppercase;
}
.error-text > p {
	color: #222;
	font-size: 22px;
	font-weight: 300;
	line-height: 25px;
	margin: 20px auto 35px;
	max-width: 640px;
}
.search-error form {
	display: inline-block;
	position: relative;
	text-align: center;
	max-width: 500px;
}
.search-error input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #e9e9e9;
	color: #666666;
	float: left;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	padding: 0 55px 0 15px;
	width: 100%;
}
.search-error button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #4f4f4f;
	font-size: 16px;
	position: absolute;
	right: 15px;
	top: 12px;
	transition: all 0.3s ease-in-out;
}
.search-error button:hover {
	color: #ff6600;
}
.error-btn > a {
	background: #ff6600 none repeat scroll 0 0;
	border-radius: 35px;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 35px;
	padding: 0 30px;
	text-transform: uppercase;
}
.error-btn>a:hover {
	background: #333333;
}
/*----------------------------------------*/
/* 02. Portfolio
/*----------------------------------------*/
.co-isotop-item-1 img {
	width: 100%;
}
.co-isotop-filter-1 button:after {
	border-color: #fff #fff transparent transparent;
	border-style: solid;
	border-width: 5px;
	content: "";
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
}
.co-isotop-filter-1 button:hover, .co-isotop-filter-1 button.active {
	background: #71a9d0 none repeat scroll 0 0;
	color: #fff;
}
.co-isotop-filter-1 button {
	background: #666 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: roboto slab;
	font-size: 13px;
	font-weight: 400;
	line-height: 45px;
	margin-bottom: 5px;
	margin-right: -1px;
	padding: 0 30px;
	position: relative;
	transition: all 0.4s ease-out 0s;
	z-index: 2;
}
.co-isotop-filter-1 button:hover, .co-isotop-filter-1 button.active {
	background: #71a9d0 none repeat scroll 0 0;
	color: #fff;
}
.co-isotop-filter-1.isotop-filter {
	margin-bottom: 45px;
}
.co-section-title-2 h1 {
	color: #303030;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 50px;
	text-transform: uppercase;
}
.single-portfolio .portfolio__icon {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.single-portfolio .content:before {
	background: rgba(113, 169, 208, 0.68) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.single-portfolio:hover .content:before {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	transform: scale(1);
}
.single-portfolio .content {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
}
.single-portfolio {
	position: relative;
}
.single-portfolio div.title {
	bottom: 16px;
	color: #fff;
	font-family: roboto slab;
	font-size: 19px;
	left: -85px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.single-portfolio:hover div.title {
	left: 25px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.portfolio__icon > a, .col-portfolio .portfolio__icon > a {
	background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0 !important;
	color: #fff;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	margin: 0 5px;
	text-align: center;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 45px;
}
.single-portfolio:hover .portfolio__icon>a {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.portfolio__icon>a:hover {
	background: rgba(0, 0, 0, 0.4) !important;
}
.co-isotop-item-1.isotop-item {
	margin-bottom: 30px;
}
/*Customizing portfolio column 5*/
.col-portfolio .single-portfolio {
	margin-right: 25px;
}
.col-portfolio .portfolio__icon > a {
	height: 30px;
	line-height: 30px;
	margin: 0;
	width: 30px;
}
/*----------------------------------------*/
/* 03. Shop
/*----------------------------------------*/
.shop-area {
	float: left;
	width: 100%;
	overflow: hidden;
}
.shop-product-area {
	float: left;
	width: 100%;
	overflow: hidden;
}
.shop-product .single-product-3 {
	margin-bottom: 40px;
	margin-top: 0;
}
.page-banner {
	background-image: url("images/banner/shop-banner.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 80px;
	position: relative;
	padding-bottom: 80px;
}
.page-banner-content {
	position: absolute;
	bottom: 50%;
	transform: translateY(50%);
}
.page-banner-content > ul > li {
	display: inline-block;
	margin-right: 10px;
}
.page-banner-content > ul > li > a {
	transition: all 0.3s ease-in-out;
	color: #fff;
}
.page-banner-content > ul > li.active > a {
	color: #ff6600;
}
.page-banner-content > ul > li > a:hover {
	color: #ff6600;
}
.page-banner-content > ul > li::after {
	content: "\f0da";
	font-family: fontawesome;
	left: 5px;
	position: relative;
	color: #fff;
}
.page-banner-content > ul > li:last-child:after {
	content: none;
}
/*Category*/
.shop-sidebar {
	background: #f1f1f1 none repeat scroll 0 0;
	padding: 30px;
	margin-bottom: 20px;
}
.category h4 {
	color: #222222;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 17px;
	text-transform: uppercase;
}
.category-list>ul>li {
	border-bottom: 1px dotted #e5e5e5;
	color: #6c6c6c;
	font-size: 12px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.sidebar-compare {
	margin-bottom: 20px;
}
.category-list > ul > li > a {
	color: inherit;
	display: inline-block;
	font-weight: 500;
	padding: 10px 0;
	transition: all 0.3s ease-in-out;
}
.category-list > ul > li > a:hover {
	color: #ff6600;
}
.price-filter .ui-widget-content {
	background: #e8e8e8 none repeat scroll 0 0;
	border: medium none;
	border-radius: 25px;
	box-shadow: none;
	cursor: pointer;
	height: 10px;
	margin: 0 0 25px;
	width: 100%;
}
.price-filter .ui-slider-range {
	background: #ff6600 none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	height: 8px;
}
.price-filter .ui-slider-handle {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #ff6600;
	box-shadow: 0 0 6.65px 0.35px rgba(0, 0, 0, 0.15);
	content: "";
	cursor: w-resize;
	display: block;
	height: 20px;
	line-height: 18px;
	margin: 0;
	text-align: center;
	top: 50%;
	transform: translate(0px, -50%);
	width: 13px;
}
.price-filter .ui-slider-handle:last-child {
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}
.price-filter .ui-slider-handle::before {
	background: transparent none repeat scroll 0 0;
	border-radius: 100%;
	content: "";
	display: inline-block;
	height: 8px;
	vertical-align: middle;
	width: 8px;
}
.price-slider-amount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.label-input label {
	color: #222;
	font-size: 14px;
	margin: 0;
}
.label-input input {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	color: #444;
	font-size: 16px;
	height: inherit;
	padding-left: 5px;
	width: 99px;
}
.price-slider-amount>button, .compare-btn {
	background: #333;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	font-weight: normal;
	border: none;
	cursor: pointer;
	height: 35px;
	letter-spacing: .02em;
	line-height: 35px;
	padding: 0 15px;
}
.price-slider-amount>button:hover, .compare-btn:hover {
	background: #ff6600;
	color: #fff;
}
.widget-title-2 {
	margin-bottom: 28px;
}
.widget-title-2::after {
	background: #e5e5e5 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	margin-top: 20px;
	width: 100%;
}
.widget-title-2 > span {
	color: #222222;
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	width: 100%;
}
.top-rated > ul > li {
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 5px;
}
.top-rated > ul > li:last-child {
	border: medium none transparent;
	margin-top: 20px;
	margin-bottom: 25px;
}
.top-rated-img {
	float: left;
}
.top-rated-info {
	overflow: hidden;
	padding-left: 15px;
}
.top-rated-info .rating {
	display: block;
	width: 100%;
	padding-top: 10px;
}
/*Shop Topbar*/
.shop-topbar-area {
	float: left;
	width: 100%;
	overflow: hidden;
}
.shop-topbar-wrapper {
	align-items: flex-start;
	border-bottom: 1px solid #e5e5e5;
	color: #222;
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
	padding-bottom: 10px;
	width: 100%;
}
.shop-list-topbar-wrapper {
	margin-bottom: 35px;
}
.grid-list ul > li {
	margin-right: 5px;
}
.grid-list > ul > li > a {
	border: 1px solid #aaaaaa;
    border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 30px;
	line-height: 32px;
	text-align: center;
	width: 30px;
}
.grid-list > ul > li > a > i {
	font-size: 16px;
}
.grid-list>ul>li>a.active {
	border-color: #ff6600;
}
.grid-list>ul>li>a.active>i {
	color: #ff6600;
}
.toolbar-shorter {
	display: flex;
	margin-right: 35px;
	width: 280px;
}
.toolbar-shorter label {
	color: #555;
	font-size: 14px;
	margin-bottom: 0;
	padding: 5px 15px;
	width: 120px;
}
.show-product {
	color: #555;
	font-size: 14px;
	line-height: 36px;
	margin: 0;
	vertical-align: middle;
}
/*Shop Porduct*/
.list-rating, .list-price-box {
	float: unset;
	margin-top: 10px;
}
.list-text {
	margin-top: 15px;
}
.list-text ul {
    margin-top: 20px;
    margin-bottom: 20px;
}
.list-text ul li::before{
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    width: 10px;
    padding-bottom: 15px;
    margin-right: 5px;
    color: #ff6600;
}
.pro-list-item {
	margin-bottom: 40px;
}
/*Pagination*/
.pagination-area {
	float: left;
	overflow: hidden;
	width: 100%;
}
.product-pagination > ul {
	border-top: 1px solid #e5e5e5;
	padding-top: 35px;
	text-align: right;
}
.product-list-pagination > ul {
	padding-top: 40px;
}
.product-pagination > ul > li {
	display: inline-block;
	list-style: outside none none;
	margin-left: 5px;
}
.product-pagination>ul>li>a {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ededed;
	color: #222;
	display: block;
	font-size: 15px;
	font-weight: normal;
	height: 42px;
	line-height: 40px;
	min-width: 0;
	padding: 0 8px;
	text-align: center;
	width: 42px;
}
.product-pagination>ul>li.active>a, .product-pagination>ul>li>a:hover {
	background: #ff6600 none repeat scroll 0 0;
	border-color: #ff6600;
	color: #fff;
}
/*----------------------------------------*/
/* 04. Product Details
/*----------------------------------------*/
.product-details {
	float: left;
	overflow: hidden;
	width: 100%;
}
/*Product Details Nav*/
.product-nav {
	float: right;
}
.product-nav>ul>li {
	border: 1px solid #ddd;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	position: relative;
	text-align: center;
	width: 30px;
	transition: all 0.3s ease-in-out;
}
.product-nav>ul>li:hover {
	background: #ff6600;
	border-color: transparent;
}
.product-nav>ul>li>a {
	display: block;
}
.product-nav>ul>li:hover>a {
	color: #fff;
}
/*Product Details Image*/
.product-details-img {
	position: relative;
}
.product-details-img>a>img {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	width: 100%;
}
/*Product Details Contents*/
.product-details-name>a {
	font-size: 20px;
}
.rating-2 {
	float: left;
	margin-right: 15px;
	color: #ff6600;
}
.price-box-2 {
	margin-bottom: 10px;
}
.price-box-2>span.old-price {
	color: #ababab;
	font-size: 18px;
	margin-right: 5px;
	text-decoration: line-through;
}
.price-box-2 span.price {
	font-size: 21px;
	color: #ff6600;
}
.stock {
	padding-left: 20px;
}
.stock::after {
	color: #81ca33;
	content: "\f058";
	font-family: fontawesome;
	left: 0;
	position: absolute;
	margin: 0 16px 0;
}
.pro-details-cart .quantity, .modal-product-info .quantity, .product-details .quantity {
	background: #f3f3f3 none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	float: left;
	height: 60px;
	line-height: 58px;
	margin-right: 15px;
	max-width: 72px;
}
.pro-details-cart .quantity>input, .pro-details-cart .quantity>input:focus, .modal-product-info .quantity>input, .modal-product-info .quantity>input:focus, .product-details .quantity>input:focus {
	background: transparent;
	border: 2px solid transparent;
}
.qty-cart-btn {
	background: #ff6600 none repeat scroll 0 0;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 35px;
	transition: all 0.3s ease-in-out;
}
.qty-cart-btn:hover {
	background: #333;
}
.qty-cart-btn > a {
	color: #fff;
	display: block;
	font-size: 17px;
	font-weight: 500;
}
.group-btn {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
}
.group-btn>.qty-cart-btn-2 {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	height: 35px;
	line-height: 35px;
	margin-top: 20px;
	padding: 0 20px;
}
.group-btn .qty-cart-btn-2>a {
	color: #444;
	font-weight: 300;
	transition: all 0.3s ease-in-out;
}
.qty-cart-btn-2>a>i {
	font-size: 17px;
	margin-right: 7px;
}
.group-btn .qty-cart-btn-2:hover {
	background: #ff6600;
}
.group-btn .qty-cart-btn-2:hover a {
	color: #fff;
}
.product-meta {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}
.product-meta > p {
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}
.product-meta>p>a {
	font-weight: 300;
}
.single-product-sharing {
	border-bottom: 1px dotted #999;
	padding: 10px 0;
	width: 100%;
}
.single-product-sharing-2 {
	margin-bottom: 30px;
}
.single-product-sharing>h3 {
	color: #222222;
	display: inline-block;
	float: left;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	margin-right: 15px;
	text-transform: uppercase;
}
.social-icon>li {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 15px;
	position: relative;
}
/*Vertical Product Tab*/
.vertical-tab-area {
	float: left;
	overflow: hidden;
	width: 100%
}
.vertical-tab-item {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin: 0 0 16px;
	position: relative;
	text-align: unset;
}
.vertical-product-tabs {
	display: block;
	text-align: right;
}
.vertical-product-tabs>li {
	border-bottom: 1px solid #ddd;
	padding: 25px;
}
.vertical-product-tabs > li > a.active {
	color: #ff6600;
}
.vertical-product-tabs>li > a > i {
    color: #ff6600;
    font-size: 18px;
    margin-left: 7px;
}
#description {
	border-left: 1px solid #ddd;
	height: 100%;
	padding: 32px 40px 20px 40px;
	width: 100%;
}
#description p {
	max-width: 100%;
	text-align: justify;
}
#riview {
	border-left: 1px solid #ddd;
	height: 100%;
	padding: 34px 40px 38px 40px;
	width: 100%;
}
/*Reviews*/
.comments>h2 {
	color: #222222;
	font-size: 20px;
	margin-bottom: 15px;
}
.user-img {
	float: left;
	width: 10%;
}
.user-details {
	border: 1px solid #ddd;
	float: left;
	margin-bottom: 17px;
	padding: 10px;
	width: 90%;
}
.user-info {
	display: inline-block;
}
.user-info>span {
	font-size: 18px;
	font-weight: 700;
	margin-right: 10px;
}
.user-comment {
	color: #959595;
	float: left;
}
.admin-comment {
	display: block;
	float: unset;
}
.user-rating {
	color: #e9b436;
	float: right;
	line-height: 20px;
}
/*Fontawesome Stars*/
.br-theme-fontawesome-stars .br-widget a.br-selected::after {
	color: #ffc300;
	font-size: 14px
}
.br-theme-fontawesome-stars .br-widget a.br-active::after {
	color: #ffc300;
}
.br-theme-fontawesome-stars .br-widget a::after {
	font-size: 14px;
}
/*Feedback Form*/
.feedback-form textarea {
	background: #ededed none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	height: 80px;
	padding: 10px;
	width: 100%;
	color: inherit;
}
.feedback-form-author>label {
	display: block;
}
.feedback-input input {
	background: #ededed none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	height: 35px;
	line-height: 35px;
	max-width: 100%;
	vertical-align: middle;
	width: 258px;
}
.feedback-btn {
	background: #333333 none repeat scroll 0 0;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
}
.feedback-btn:hover {
	background: #ff6600;
}
/*Upsells Product*/
.upsells-product .pos-title {
	margin-bottom: 6px;
}
.new-product.featured-pro-3.upsells-product .pos-title > h2 {
	margin-bottom: 40px;
}
/*Related Product*/
.featured-pro-3.related-product.related-product-2 {
	margin-bottom: 0;
	padding-top: 0;
}
.related-product.related-product-2 .pos-title {
	margin-bottom: 40px;
}
.related-product .pos-title.pos-title-2 > h2 {
	margin-bottom: 5px;
}
/*Product Details 2*/
.color-variations>.value>select {
	height: 34px;
	margin-bottom: 10px;
	max-width: 265px;
}
.reset-variations {
	margin-bottom: 25px;
}
.product-meta>ul>li {
	color: #666666;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	margin-right: 10px;
}
.product-meta>ul>li>a {
	font-size: 14px;
	font-weight: 300;
}
.shop-attributes {
	border: 1px solid #e5e5e5;
	margin-top: 20px;
	width: 100%;
}
.shop-attributes>tbody>tr>th {
	border-right: 1px solid #ddd;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	padding: 10px;
	width: 150px;
}
.shop-attributes>tbody>tr>td {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
	border-top: 0 none;
	line-height: 15px;
	padding: 8px;
}
.shop-attributes>tbody>tr>td>p {
	padding: 8px 0;
}
/*Product Details 3*/
.group-table {
	float: left;
	width: 100%;
}
.group-row {
	float: left;
	margin: 0 0 10px;
	width: 100%;
}
.group-row>.qty-label>label {
	display: inline-block;
	font-weight: 400;
	margin: 0;
}
.group-row>.qty-label>label>a {
	transition: all 0.3s ease-in-out;
	color: #444;
}
.group-row>.qty-label>label:hover>a {
	color: #ff6600;
}
.qty-price {
	display: inline-flex;
}
.special-price {
	font-size: 17px;
	font-weight: 700;
	margin-right: 5px;
}
.qty-price>.old-price {
	color: #959595;
	font-size: 15px;
	text-decoration: line-through;
}
/*----------------------------------------*/
/* 05. About Us
/*----------------------------------------*/
.about-img>img {
	display: block;
	width: 100%;
}
.about-us-content {
	padding: 0 15px;
}
.about-us-title {
	color: #222222;
	font-weight: 900;
}
.about-us-para {
	margin: 0 auto 40px;
	text-align: justify;
}
.about-us-btn {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #444;
	height: 45px;
	line-height: 45px;
	margin: 0 auto;
	max-width: 150px;
	transition: all 0.3s ease-in-out;
}
.about-us-btn>a {
	color: #666666;
	display: block;
	font-weight: 700;
}
.about-us-btn:hover {
	background: #ff6600;
	border-color: transparent;
}
.about-us-btn:hover>a {
	color: #fff;
}
/*Raavin Counter*/
.raavin-counter {
	padding-bottom: 90px;
	padding-top: 90px;
	text-align: center;
	width: 100%;
}
.counter-img {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.counter-info {
	color: #444;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
/*Progress Bar*/
.skill-area {
	margin-top: 0;
	overflow: hidden;
}
.skill-here > h2 {
	color: #444444;
	font-family: "Raleway", sans-serif;
	font-size: 30px;
	font-weight: 900;
	line-height: 40px;
	padding: 0 60px;
	margin: 0 auto;
	text-align: center;
}
.rv-single-progres {
	padding: 0 160px;
}
.skill-bar {
	overflow: hidden;
	padding-top: 9px;
}
.skill-bar-item {
	padding-bottom: 6px;
	position: relative;
}
.skill-bar-item>span {
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	margin-left: 50px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
}
.skill-area .progress {
	background: #f7f7f7 none repeat scroll 0 0;
	border-radius: 3px;
	height: 16px;
	margin-bottom: 8px;
	margin-top: 25px;
	overflow: visible;
}
.skill-area .progress-bar {
	background: #7b7b7b none repeat scroll 0 0;
	border-radius: 3px;
	margin-left: 2px;
	position: relative;
}
.skill-area .progress span {
	background: #3e3e3e none repeat scroll 0 0;
	border: 3px solid #a0a0a0;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	height: 40px;
	left: -2px;
	line-height: 33px;
	padding-top: 0;
	position: absolute;
	text-align: center;
	top: -13px;
	width: 40px;
}
.progress-bar .text-top {
	background: #363f4d none repeat scroll 0 0;
	border-radius: 50%;
	font-size: 12px;
	height: 42px;
	left: 0;
	line-height: 42px;
	position: absolute;
	text-transform: uppercase;
	top: -9px;
	width: 42px;
}
/*About Us 2*/
.about-us-title-2 {
	color: #222222;
	font-weight: 900;
	padding: 3px 325px;
}
.about-us-img {
	margin-bottom: 50px;
	text-align: center;
}
/*----------------------------------------*/
/* 06. FAQ
/*----------------------------------------*/
.frequently-desc {
	margin-bottom: 35px;
}
.frequently-desc h3 {
	color: #444;
	font-size: 14px;
	font-weight: 400;
}
.frequently-desc p {
	margin: 0;
	font-size: 13px;
}
.frequently-accordion .card.actives {
	border: 1px solid #ff6600;
}
.frequently-accordion .card {
	border-radius: 0;
	margin-bottom: 10px;
}
.frequently-accordion .card-header {
	padding: 0;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border: 0;
}
.frequently-accordion .card-header a.collapsed:before, .frequently-accordion .card-header a:after {
	content: "\f067";
	font-family: fontawesome;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #b9b9b9;
}
.frequently-accordion .card-header a:after {
	content: "\f068 ";
}
.frequently-accordion .card-header a {
	display: block;
	padding: 15px 10px 15px 25px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
.frequently-accordion .card-header a:hover {
	color: #eeb013!important;
}
/*----------------------------------------*/
/* 07. Services
/*----------------------------------------*/
.service-title > h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	color: #444;
}
.service-content > p {
	font-size: 14px;
	color: #222;
	line-height: 25px;
	margin: 0;
}
.service-title > h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	color: #444;
	margin-bottom: 20px;
}
.service-bg {
	background-image: url(images/bg/service-bg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/*Our Service Area Css*/
.single-service {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.service-info {
	padding-left: 20px;
}
.service-icon {
	color: #4fc1f0;
	font-size: 34px;
	padding-top: 10px;
}
.service-info > h3 {
	font-size: 13px;
	color: #fff;
	text-align: left;
	font-family: Raleway;
	font-weight: 700;
	font-style: normal;
}
.service-info > p {
	margin-bottom: 35px;
	font-size: 14px;
	line-height: 25px;
	color: #fff;
}
.single-service-2 .service-info>h3 {
	color: #444;
}
.single-service-2 .service-info>p {
	color: #222;
}
/*idea area css*/
.ideas-content {
	padding: 97px 80px 150px;
	text-align: center;
}
.design-code-content {
	padding: 23px 80px 80px;
}
.ideas-content > h2 {
	color: #444444;
	font-family: "Raleway", sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 900;
	padding-top: 45px;
	text-align: center;
}
.ideas-content > p {
	color: #222;
	font-size: 14px;
	line-height: 25px;
	margin: 40px 0;
}
a.ideas-btn {
	display: inline-block;
	border: 2px solid #2A2A2A;
	padding: 13px 19px;
	position: relative;
	padding-right: 48px;
	position: relative;
	color: #2A2A2A;
	background: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.ideas-btn:after {
	content: "\f105";
	font-family: FontAwesome;
	right: 20px;
	position: absolute;
}
a.ideas-btn:hover {
	background-color: #2A2A2A;
	border-color: #2A2A2A;
	color: #fff;
}
.design-and-code-area {
	background-color: #f8f8f8;
}
/*pricing table area css*/
.pricing-table-area {
	background-color: #f6f6f6;
}
.service-bg-1 {
	background-image: url(images/bg/service-bg2.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.single-pricing {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px #fff inset, 0 1px 3px rgba(34, 25, 25, 0.4);
	text-align: center;
}
.single-pricing:hover .pricing-head>h4 {
	background-color: #eeb013;
	color: #fff;
}
.pricing-head>h4 {
	padding: 20px;
	text-align: center;
	background: #3e3e3e;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pricing-body {
	padding: 0 20px 40px 20px;
	text-align: center;
}
.table-price {
	font-size: 48px;
	font-weight: 700;
	margin: 0;
	padding: 50px 0;
	text-transform: uppercase;
	color: #222;
}
.desc-price {
	font-size: 12px;
}
.pricing-body>ul {
	padding-left: 15px;
	margin-bottom: 20px;
}
.pricing-body>ul>li {
	padding: 15px 0;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 10px;
	list-style: none;
	color: #222;
}
.pricing-body>ul>li:first-child {
	border-top: 1px solid #ebebeb;
}
.pricing-button {
	background-color: #eeb013;
	padding: 0 30px;
	line-height: 36px;
	margin: 40px 0 0;
	display: inline-block;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	height: 38px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pricing-button:hover {
	background: #222;
	color: #fff;
}
/*What We Do Area CSS */
.service-bg-2 {
	background-image: url(images/bg/service-bg3.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.what-we-do-title>h2 {
	font-size: 30px;
	color: #444;
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}
.single-service-3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.service-icon3 {
	width: 60px;
	height: 60px;
	border: 2px solid #4fc1f0;
	line-height: 52px;
	text-align: center;
	border-radius: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px;
	font-size: 28px;
	color: #4fc1f0;
}
.service-content {
	padding-left: 10px;
}
.service-content>h3 {
	font-size: 14px;
	color: #444444;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.service-content>p {
	font-size: 14px;
	line-height: 25px;
	color: #222;
}
/*our service area 3*/
.section-title-img {
	background-image: url(images/bg/service-bg4.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 100px 0;
}
.single-service-4 {
	position: relative;
	overflow: hidden;
}
.service-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 40px;
	width: 100%;
	height: 100%;
	bottom: 0;
	padding-top: 80px;
	background-color: #fff;
	z-index: 9;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.single-service-4:hover .service-box {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
.service-icon4 i {
	background: #222;
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	font-size: 40px;
	height: 115px;
	line-height: 115px;
	text-align: center;
	width: 115px;
}
.service-content-4>h2 {
	font-size: 24px;
	color: #444;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 5px;
}
.service-content-4>p {
	font-size: 14px;
	color: #222;
	margin-bottom: 0;
}
/*----------------------------------------*/
/* 08. Contact
/*----------------------------------------*/
/*Google Map Area css*/
#googleMap {
	width: 100%;
	height: 400px;
}
/*contact area css*/
.contact-form-wrap {
	padding: 90px 60px 76px;
}
.contact-title {
	font-size: 30px;
	line-height: 40px;
	font-weight: 900;
	color: #444;
	margin-bottom: 40px;
}
.contact-form-style>input {
	background: #f2f2f2;
	border: none;
	height: 46px;
	padding-left: 15px;
	width: 100%;
}
.contact-form-style>textarea {
	border: none;
	background: #f2f2f2;
	border-radius: 0;
	height: 135px;
	padding: 15px;
	margin-bottom: 20px;
	width: 100%;
}
.form-messege.success {
	color: #1dbc51;
	font-weight: 700;
}
.form-messege.error {
	color: #ff1313;
}
.raavin-address {
	background-color: #f2f2f2;
	margin-bottom: 1px;
	padding: 90px 60px 76px;
}
.raavin-address>p {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 35px;
}
.raavin-address>ul {
	max-width: 380px;
	padding: 0;
	margin-bottom: 35px;
}
.raavin-address>ul>li {
	border-top: 1px solid #e4e4e4;
	list-style: none;
	font-size: 14px;
	line-height: 25px;
	color: #222;
	padding: 10px 0;
}
.raavin-address>ul>li i {
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.contact-icon {
	width: 95px;
	height: 95px;
	border: 2px;
	box-shadow: 0 0 0 3px #222;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	color: #444;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 0 auto;
	margin-bottom: 35px;
}
.contact-icon>i {
	font-size: 30px;
	line-height: 95px;
}
.contact-icon:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: #eeb013;
	z-index: -1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.single-contact-address:hover .contact-icon {
	box-shadow: 0 0 0 3px #eeb013;
	color: #fff;
}
.single-contact-address:hover .contact-icon:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.contact-info>h2 {
	color: #444;
	font-size: 30px;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: 5px;
}
.contact-form-title > h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}
.contact-form-style.form-style-2 {
	text-align: center;
}
.form-button, .form-button-2 {
	background: #333 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	padding: 0 20px;
	transition: all 0.3s ease-in-out 0s;
}
.form-button-2 {
	height: 53px;
	padding: 0 35px;
}
.form-button:hover {
	background: #ff6600;
}
/*social link css*/
.social-link-area {
	background-image: url(img/bg/contact2-social.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0;
}
.social-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.social-link>li {
	display: inline-block;
	list-style: none;
}
.social-link>li>a {
	background-color: rgba(120, 120, 120, 0.61);
	color: #fff;
	display: block;
	width: 95px;
	height: 95px;
	text-align: center;
	line-height: 95px;
	border-radius: 100%;
	font-size: 30px;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social-link>li>a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: #3b5998;
	z-index: -1;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.social-link>li:nth-child(2)>a:before {
	background-color: #1da1f2;
}
.social-link>li:nth-child(3)>a:before {
	background-color: #dd4b39;
}
.social-link>li:nth-child(4)>a:before {
	background-color: #bd081c;
}
.social-link>li:nth-child(5)>a:before {
	background-color: #833ab4;
}
.social-link>li:nth-child(6)>a:before {
	background-color: #00aff0;
}
.social-link>li>a:after {
	content: "";
	position: absolute;
	border: 2px solid #fff;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social-link>li>a:hover:before, .social-link>li>a:hover:after {
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*----------------------------------------*/
/* 09. Blog Page
/*----------------------------------------*/
.blog-area {
	float: left;
	width: 100%;
	overflow: hidden;
}
.blog-2-active .owl-item {
	padding: 0;
}
.blog-2-item {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 50px;
	padding-bottom: 50px;
}
.entry-header {
	padding-left: 85px;
	position: relative;
}
.post-info {
	float: left;
	width: 100%;
}
.post-date {
	background: #000 none repeat scroll 0 0;
	left: 0;
	padding: 4px 23px;
	position: absolute;
	text-align: center;
	top: 0;
}
.post-date>.day {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.post-date>.month {
	color: #fff;
	display: block;
	font-size: 14px;
}
.entry-title {
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	position: relative;
}
.post-meta .entry-title::after {
	background: #e5e5e5 none repeat scroll 0 0;
	bottom: -5px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
.post-author, .post-category, .post-comment {
	display: inline-block;
	margin-left: 5px;
}
.entry-summary {
	margin: 0;
	width: 100%;
}
.player {
	float: left;
	width: 100%;
}
.entry-summary>.player>audio {
	width: 100%;
	margin-bottom: 20px;
}
.rav-audio {
	margin-top: 25px;
	width: 100%;
}
.entry-summary > p {
	margin-top: 25px;
}
.post-author>a, .post-category>.post-category-fashion, .post-category>.post-category-html, .post-comment>a {
	color: #ff6600;
}
.post-author:hover>a, .post-category-fashion:hover, .post-category-html:hover, .post-comment:hover>a {
	text-decoration: underline;
}
.read-more {
	display: inline-block;
}
.read-more > a {
	border: 2px solid #444;
	color: #444;
	padding: 7px 15px;
	display: block;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.read-more > a:hover {
	background: #ff6600;
	color: #fff;
	border-color: #ff6600;
}
/*Pagination*/
.blog-pagination>ul {
	border-top: medium none transparent;
	padding-top: 0;
	text-align: center;
}
.widget-title {
	color: #222222;
	font-size: 14px;
	margin-bottom: 25px;
	text-transform: none;
	width: 100%;
}
.widge.widge-archives .widge-title {
	padding-bottom: 10px;
}
.widge-title::after {
	background: #e5e5e5 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	margin-top: 25px;
	width: 100%;
}
.widge.widge-recent-post .widge-title {
	padding-bottom: 15px;
	padding-top: 25px;
}
.widge.widge-fb-like-box {
	margin-top: 23px;
	padding-bottom: 23px;
}
.widge.widge-instagram {
	margin-bottom: 19px;
}
.widge.widge-tags .widge-list {
	margin-top: 15px;
}
.widge-form {
	margin: 30px 0 25px;
	position: relative;
}
.widge-form>input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	height: 35px;
	padding: 0 40px 0 20px;
}
.widge-form>input:focus {
	border: 1px solid #e5e5e5;
}
.widge-form>span>i {
	position: absolute;
	right: 11px;
	top: 11px;
}
.widge-list > ul > li {
	margin-top: 15px;
	position: relative;
}
.fb-page {
	overflow: hidden;
}
/*Widge Tag List*/
.widge-tag-list>ul>li {
	display: inline-block;
}
.widge-tag-list>ul>li>a {
	border: 1px solid #ebebeb;
	border-radius: 3px;
	display: block;
	padding: 5px 10px;
	transition: all 0.3s ease-in-out;
}
.widge-tag-list > ul > li:hover > a {
	background: #333 none repeat scroll 0 0;
	border-color: #333;
	color: #fff;
}
/*Blog 2 owl Carousel Nav/dots*/
.blog-2-active .owl-dots {
	bottom: 50%;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	transform: translateY(50%);
}
.blog-2-active .owl-dot {
	background: rgba(0, 0, 0, 0.5) url("../images/swiper/default.png") no-repeat scroll 0 -999px;
	border-radius: 50%;
	height: 15px;
	margin: 0;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
	width: 15px;
}
.blog-2-active:hover .owl-dot {
	margin: 0 8px;
	opacity: 1;
}
.blog-2-active .owl-dot.active {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #ccc;
	width: 15px;
}
.blog-2-active>.owl-nav>.owl-prev, .blog-2-active>.owl-nav>.owl-next {
	background: rgba(0, 0, 0, 0.5) url("../images/swiper/default.png") no-repeat scroll 0 0;
	border-radius: 100%;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	width: 40px;
	margin: 0 15px;
	z-index: 99;
}
.blog-2-active > .owl-nav > .owl-next {
	margin-right: 30px;
}
.blog-2-active > .owl-nav > .owl-prev {
	margin-left: 30px;
}
.blog-2-active:hover>.owl-nav>.owl-prev, .blog-2-active:hover>.owl-nav>.owl-next {
	margin: 0;
	opacity: 1;
	visibility: visible;
}
.blog-2-active>.owl-nav>.owl-prev>i, .blog-2-active>.owl-nav>.owl-next>i {
	color: #fff;
	font-size: 25px;
	margin-top: 7px;
}
/*Blog Details*/
.blog-details-img > img {
	width: 100%;
	display: block;
}
.post-info blockquote {
	border: 1px solid #eee;
	padding: 40px;
	position: relative;
	margin-top: 10px;
	font-style: italic;
	background: #f7f7f7;
}
.post-info .blog-blockquote {
	padding: 20px 0 30px 40px;
}
.post-info blockquote > p::before {
	content: "";
	background: #ff6600;
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0;
	left: 0;
}
.post-meta-small.post-meta-small-2 {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 5px 0;
}
.post-meta-small-2 .post-comment > a, .post-category > a {
	color: #a43d21;
	transition: all 0.3s ease-in-out;
}
.post-meta-small-2 .post-comment > a:hover, .post-category > a:hover {
	color: #ff6600;
	text-decoration: none;
}
.social-share.social-share-2 {
	display: inline-block;
	float: left;
}
.social-share.social-share-2 > h3 {
	width: auto;
	float: left;
	display: inline-block;
	font-size: 18px;
}
.social-share.social-share-2 .socil-icon2 {
	float: right;
	display: inline-block;
	margin-left: 20px;
}
.social-share.social-share-2 .socil-icon2 > li > a {
	border-radius: 50%;
}
.blog-author-info {
	float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.author-avatar {
	float: left;
}
.author-desc-2 {
	display: inline-block;
}
.author-desc-2 > h2 {
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
}
.author-desc-2 > h2 > a {
	color: #a43d21;
	margin-left: 5px;
	transition: all 0.3s ease-in-out;
}
.author-desc-2 > h2 > a:hover {
	color: #ff6600;
}
.author-desc-2 > p {
	color: #959595;
}
.related-post {
	float: left;
	width: 100%;
}
.related-post > h2 {
	color: #000;
	font-size: 25px;
	font-weight: 500;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	margin-bottom: 40px;
}
.related-post > h2 > span {
	position: relative;
}
.related-post > h2 > span::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 2px;
	left: -110px;
	position: absolute;
	top: 50%;
	width: 105px;
}
.related-post > h2 > span::after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 2px;
	position: absolute;
	right: -110px;
	top: 50%;
	width: 105px;
}
.related-post-item {
	text-align: center;
}
.related-post-img {
	position: relative;
}
.post-date-2 {
	background: #000 none repeat scroll 0 0;
	top: 0;
	color: #fff;
	float: left;
	left: 15px;
	padding: 5px 15px;
	position: absolute;
}
.post-date-2 .day-2 {
	display: block;
	text-align: center;
}
.post-heading {
	color: #444;
	font-size: 16px;
	font-weight: 400;
	padding-top: 30px;
}
.pos-category, .pos-category > a {
	color: #ff6600;
}
.pos-category:hover {
	text-decoration: underline;
}
.related-post-item > p {
	text-align: center;
}
.related-post-btn {
	display: inline-block;
	padding-top: 25px;
}
.related-post-btn > a {
	border: 2px solid #444;
	color: #444;
	padding: 8px 15px;
	display: block;
	transition: all 0.3s ease-in-out 0s;
}
.related-post-btn > a:hover {
	background: #ff6600 none repeat scroll 0 0;
	border-color: #ff6600;
	color: #fff;
}
.related-post-comments {
	float: left;
	width: 100%;
}
.rp-comments-title {
	font-size: 17px;
	font-weight: 400;
	position: relative;
	margin: 0 0 20px;
	display: inline-block;
}
.rp-comment-list > li {
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 30px;
}
.rp-user-img {
	float: left;
}
.rp-user-info {
	display: inline-block;
}
.rp-time {
	margin-left: 10px;
}
.rp-user-comment {
	display: block;
	margin-top: 10px;
}
.related-post-btn.rp-user-btn {
	float: right;
	padding: 0;
}
.related-post-btn.rp-user-btn > a {
	border-radius: 15px;
	padding: 4px 20px;
	color: #ff6600;
	border: 1px solid #ff6600;
}
.related-post-btn.rp-user-btn > a:hover {
	color: #fff;
}
.rp-comment-list > li:nth-child(2) {
	margin-left: 50px;
}
.rp-comment-list > li:nth-child(2) .rp-user-info {
	display: inline-block;
	margin-left: 10px;
}
.rp-respond {
	float: left;
	width: 100%;
}
.rp-respond-title {
	font-size: 18px;
	font-weight: 400;
	display: inline-block;
}
.rp-comment-form > textarea {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ededed;
	height: 130px;
	width: 100%;
}
.rp-comment-form > textarea:focus, .rp-comment-input > input:focus {
	border: 1px solid #ff6600;
}
.rp-comment-input {
	margin-top: 20px;
}
.rp-comment-input > input {
	background: #fff;
	border: 1px solid #ededed;
}
.form-button.rp-comment-btn {
	background: #333;
	border-radius: 0;
	margin-top: 40px;
}
.form-button.rp-comment-btn:hover {
	background: #ff6600;
}
/*----------------------------------------*/
/* 10. Checkout
/*----------------------------------------*/
.coupon-accordion h3 {
	background-color: #f7f6f7;
	border-top: 3px solid #ff6600;
	color: #515151;
	font-size: 14px;
	font-weight: 400;
	list-style: outside none none;
	padding: 16px 32px 16px 56px;
	position: relative;
	width: auto;
	text-transform: none;
}
.coupon-accordion h3::before {
	color: #ff6600;
	content: "\f133";
	display: inline-block;
	font-family: "fontawesome";
	left: 24px;
	position: absolute;
	top: 16px;
}
.coupon-accordion span {
	color: #6f6f6f;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
	text-transform: none;
}
.coupon-accordion span:hover {
	color: #ff6600;
}
.coupon-content {
	margin-bottom: 50px;
	display: none;
	padding: 20px;
}
.coupon-info .form-rows label {
	display: block;
}
.coupon-info .form-rows label span.required {
	color: red;
	font-weight: 700;
	font-size: 14px;
}
.coupon-info .form-rows input {
	border: 2px solid #e5e5e5;
	height: 42px;
	margin: 0 0 14px;
	border-radius: 25px;
	width: 99%;
	padding: 0 0 0 10px;
	background-color: transparent;
}
.coupon-info .form-rows input[type="submit"], .checkout-coupon input[type="submit"] {
	background: #ff6600 none repeat scroll 0 0;
    background: linear-gradient(to top, #ff6600, #f79520);
	border: 0 none;
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	height: 42px;
	letter-spacing: 1px;
	line-height: 42px;
	padding: 0 25px;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: 99%;
}
.coupon-info .form-rows input[type="submit"]:hover, .checkout-coupon input[type="submit"]:hover {
	background: #333333 none repeat scroll 0 0;
    background: linear-gradient(to top, #333333, #7f7f7f);
	color: #ffffff;
}
.coupon-info .form-rows input[type="submit"] {
    margin-top: 34px;
}
.form-rows>label {
	margin-top: 7px;
}
.coupon-info .form-rows input[type="checkbox"] {
	height: inherit;
	position: relative;
	top: 2px;
	width: inherit;
}
.coupon-checkout-content {
	height: 100px;
    padding-bottom: 30px;
    padding-left: 20px;
	display: none;
}
.coupon-checkout-content input.button {
	background: #ff6600 none repeat scroll 0 0;
    background: linear-gradient(to top, #ff6600, #f79520);
	border: 0 none;
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	height: 42px;
	letter-spacing: 1px;
	line-height: 42px;
	padding: 0 25px;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: inherit;
}
.coupon-checkout-content input.button:hover, .coupon-checkout-content input.button:focus {
	background: #333333 none repeat scroll 0 0;
    background: linear-gradient(to top, #333333, #7f7f7f);
	color: #ffffff;
}
.checkout-coupon input[type="text"] {
	background-color: transparent;
	border: 1px solid #ddd;
	border-radius: 0;
	height: 36px;
	padding-left: 10px;
	width: 170px;
}
.checkbox-form h3 {
	border-bottom: 1px solid #e5e5e5;
	font-size: 25px;
	margin: 0 0 20px;
	padding-bottom: 10px;
    padding-right: 30px;
	text-transform: uppercase;
	width: 100%;
    position: relative;
}

.ship-different-title h3 .checkbox {
    position: absolute;
    bottom: 20px;
    right: -20px;
}
.country-select, .checkout-form-list {
	margin-bottom: 30px;
}
.country-select label, .checkout-form-list label {
	color: #333;
	margin: 0 0 5px;
	display: block;
}
.country-select label span.required, .checkout-form-list label span.required {
	color: #ff6600;
	display: inline-block;
	font-size: 24px;
	line-height: 16px;
	position: relative;
	top: 5px;
}
.checkout-form-list input[type="text"], .checkout-form-list input[type="password"], .checkout-form-list input[type="email"] {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #e5e5e5;
	border-radius: 25px;
	height: 42px;
	width: 100%;
	padding: 0 0 0 10px;
}
.checkout-form-list input[type="checkbox"] {
	display: inline-block;
	height: inherit;
	margin-right: 10px;
	position: relative;
	top: 2px;
	width: inherit;
}
.create-acc label {
	color: #333;
	display: inline-block;
}
.ship-different-title h3 label {
	display: inline-block;
	margin-right: 20px;
	font-size: 25px;
	color: #363636;
}
.ship-different-title input {
	height: inherit;
	line-height: normal;
	margin: 4px 0 0;
	position: relative;
	top: 1px;
	width: auto;
}
.order-notes textarea {
	background-color: transparent;
	height: 200px;
	padding: 15px;
	width: 100%;
    border: 2px solid #e5e5e5;
    border-radius: 25px;
}
.create-account, #ship-box-info {
	display: none;
}
.your-order {
	background: #f2f2f2 none repeat scroll 0 0;
	padding: 30px 40px 45px;
    border-radius: 25px;
}
.your-order h3 {
	border-bottom: 1px solid #d8d8d8;
	font-size: 25px;
	margin: 0 0 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}
.your-order-table table {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	width: 100%;
}
thead {
	background-color: #f6f6f6;
}
.your-order-table table th {
	border-top: medium none;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	width: 250px;
}
.your-order-table table th, .your-order-table table td {
	border-bottom: 1px solid #d8d8d8;
	border-right: medium none;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	padding: 15px 0;
	text-align: center;
}
.your-order-table table tr.cart_item:hover {
	background: #F9F9F9;
}
.your-order-table table .order-total td {
	border-bottom: medium none;
}
.your-order-table table tr.order-total td span {
	color: #464646;
	font-size: 20px;
}
.your-order-table table .order-total th {
	border-bottom: medium none;
	font-size: 18px;
}
.payment-method {
	margin-top: 40px;
}
.payment-accordion .card {
	border: 0;
	border-radius: 0;
	background: #f2f2f2;
}
.payment-accordion .card-header {
	padding: 0;
	margin-bottom: 0;
	background-color: #f2f2f2;
	border-bottom: 0;
}
.payment-accordion .card-body {
	padding: 0;
}
.payment-accordion .panel.panel-default {
	margin-bottom: 20px;
}
.payment-accordion h5.panel-title {
	color: #444;
	font-weight: 600;
	font-size: 18px;
	cursor: pointer;
}
.payment-accordion h5.panel-title>a:hover {
	color: #ff6600 !important;
}
.payment-accordion .card-body>p {
	color: #515151;
}
.order-button-payment input {
	background: #434343 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	height: 50px;
	margin: 20px 0 0;
	padding: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	border: 1px solid transparent;
	cursor: pointer;
}
.order-button-payment input:hover {
	background: #ff6600 none repeat scroll 0 0;
}
/*----------------------------------------*/
/* 11. Shopping Cart
/*----------------------------------------*/
.raavin-product-quantity input {
	border: none;
	color: #222555;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #ededed;
	height: 40px;
	width: 55px;
}
.raavin-product-quantity>input {
	width: 80px;
	border-radius: 25px;
    text-align: center;
}
.raavin-product-quantity>input:focus {
	background: #eceff8;
}
.table-content table td.product-subtotal {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	color: #414141;
}
.table-content table td .cart-plus-minus {
	float: none;
	margin: 0 auto;
}
.coupon-all {
	margin-top: 50px;
}
.coupon {
	float: left;
}
.coupon input {
	background-color: transparent;
	border: 2px solid #e5e5e5;
	color: #333;
	font-size: 13px;
	border-radius: 0;
	height: 42px;
	width: 120px;
    border-radius: 25px;
}
.coupon-all input.button {
	background: #ff6600 none repeat scroll 0 0;
    background: linear-gradient(to top, #ff6600, #f79520);
	border: 0 none;
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	height: 42px;
	letter-spacing: 1px;
	line-height: 42px;
	padding: 0 25px;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: inherit;
}
.coupon-all input.button:hover, .coupon-all input.button:focus {
	background: #333333 none repeat scroll 0 0;
    background: linear-gradient(to top, #333333, #7f7f7f);
	color: #ffffff;
}
.coupon2 {
	float: right;
}
.cart-page-total {
	padding-top: 50px;
}
.cart-page-total>h2 {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
}
.cart-page-total>ul>li {
	list-style: none;
	font-size: 15px;
	color: #252525;
	padding: 10px 30px;
	border-bottom: 1px solid #ebebeb;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
.cart-page-total ul>li>span {
	float: right;
}
.cart-page-total li:last-child {
	border-bottom: 0;
}
.cart-page-total>a {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
	padding: 10px 20px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.cart-page-total>a:hover {
	background: #ff6600;
	border-color: #ff6600;
}
/*----------------------------------------*/
/* 12. Wishlist
/*----------------------------------------*/
.table-content table {
	background: #fff none repeat scroll 0 0;
	border-color: #ebebeb;
	border-radius: 0;
	border-style: solid;
	border-width: 1px 0 0 1px;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}
.table-content table th, .table-content table td {
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}
.table-content table th {
	border-top: medium none;
	font-size: 15px;
	padding: 20px 10px;
	text-align: center;
	font-weight: 500;
	vertical-align: middle;
	white-space: nowrap;
}
.table-content table td {
	border-top: medium none;
	padding: 20px 10px;
	vertical-align: middle;
	font-size: 13px;
}
.table-content table td.raavin-product-remove {
	font-size: 20px;
}
.raavin-product-remove>a>i {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	transition: all 0.3s ease-in-out;
}
.raavin-product-remove>a:hover i {
	color: #ff6600;
}
.table-content table td.raavin-product-name {
	font-size: 16px;
	font-weight: 500;
}
.table-content table td.raavin-product-price {
	font-size: 16px;
	font-weight: 700;
}
.table-content table td.raavin-product-stock-status span.in-stock, .table-content table td.raavin-product-stock-status span.out-stock {
	color: #ff6600;
	font-size: 12px;
}
.table-content table td.raavin-product-stock-status span.out-stock {
	color: #EB3E32;
}
.table-content table td.raavin-product-add-cart a {
	font-size: 14px;
	text-transform: uppercase;
	background: #434343;
	color: #fff;
	padding: 10px 20px;
	font-weight: 700;
	display: inline-block;
}
.table-content table td.raavin-product-add-cart a:hover {
	background: #ff6600 none repeat scroll 0 0;
	color: #fff;
}
/*----------------------------------------*/
/*   13. Modal Area
/*----------------------------------------*/
.open-modal .modal-dialog {
	margin: 5% auto;
	min-height: 300px;
	padding: 20px;
	width: 1024px;
	max-width: 100%;
}
.modal-header {
	border: none;
	padding: 0;
}
.modal-header .close {
	padding: 0;
	background: transparent;
	border: 1px solid #222;
	border-radius: 3px;
	height: 30px;
	width: 30px;
	line-height: 28px;
	display: block;
	color: #222;
	text-shadow: 0 1px 0 #fff;
	font-weight: 700;
	font-size: 16px;
	position: absolute;
	transition: all 0.3s ease-in-out;
	top: 40px;
	right: 30px;
	z-index: 999;
}
.modal-header .close:hover {
	background: #ff6600;
	color: #fff;
	border-color: #ff6600;
}
.modal-body {
	padding: 20px;
	position: relative;
}
.single-product-img {
	margin-bottom: 10px;
	position: relative;
}
.single-product-img a.popup-img {
	background: #333 none repeat scroll 0 0;
	border-radius: 5px;
	bottom: 0;
	color: #fff;
	padding: 8px 15px;
	position: absolute;
	right: 0;
}
.popup-img:hover {
	background: #ff6600 none repeat scroll 0 0;
	color: #fff;
}
.single-slide-menu {
	margin-bottom: 53px;
}
.single-tab-menu {
	padding: 0 5px;
}
.modal-product-info>h2 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px;
}
.modal-product-price {
	color: #eeb013;
	font-size: 16px;
	font-weight: 700;
}
.modal-product-price>span.old-price {
	text-decoration: line-through;
}
.see-all {
	color: #222;
	display: inline-block;
	margin-bottom: 40px;
	text-decoration: underline;
	width: 100%;
}
.add-to-cart.quantity {
	border-bottom: 1px solid #ededed;
	float: left;
	margin: 0 0 20px;
	padding: 0 0 38px;
	width: 100%;
}
.add-to-cart.quantity form {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.modal-quantity {
	border: 1px solid #ededed;
	float: left;
	height: 42px;
	margin-right: 15px;
	width: auto;
}
.modal-quantity input {
	border: none;
	color: #222555;
	font-size: 14px;
	font-weight: normal;
	height: 40px;
	width: 50px;
}
.form-button {
	background: #ff6600 none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 42px;
	letter-spacing: 0.1em;
	line-height: 40px;
	overflow: hidden;
	padding: 0 30px;
	text-shadow: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}
.form-button:hover {
	background: #222;
	color: #fff;
}
.social-share > h3 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #222;
	float: left;
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 15px;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
.socil-icon2>li {
	display: inline-block;
	list-style: none;
	margin-right: 10px;
}
.socil-icon2>li>a {
	font-size: 18px;
	color: #808080;
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid #ebebeb;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.socil-icon2>li:nth-child(1)>a:hover {
	background: #3B579D;
	border-color: #3B579D;
	color: #fff;
}
.socil-icon2>li:nth-child(2)>a:hover {
	background: #3ACAFF;
	border-color: #3ACAFF;
	color: #fff;
}
.socil-icon2>li:nth-child(3)>a:hover {
	background: #CB2027;
	border-color: #CB2027;
	color: #fff;
}
.socil-icon2>li:nth-child(4)>a:hover {
	background: #D11717;
	border-color: #D11717;
	color: #fff;
}
.socil-icon2>li:nth-child(5)>a:hover {
	background: #0097BD;
	border-color: #0097BD;
	color: #fff;
}
.modal-product-info > h1 {
	font-size: 19px;
}
.modal-product-info>p {
	margin: 0;
}
.product_reference>label {
	margin: 0;
}
/*Reference*/
.editable {
	color: #2ea14f;
}
.modal-product-price {
	color: #ff6600;
	display: inline-block;
	font-size: 24px;
	font-weight: 300;
	line-height: 30px;
}
.cart-description {
	margin-bottom: 15px;
	overflow-wrap: break-word;
	padding: 15px 0;
}
.cart-description>p {
	font-size: 16px;
	line-height: 27px;
	margin: 0;
}
.modal-qty-btn-2 {
	display: inline-block;
}
.group-modal-btn>li {
	display: inline-block;
}
.group-modal-btn>li>a {
	border: 1px solid #ebebeb;
	color: #666666;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	padding: 6px 10px;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.group-modal-btn > li:hover > a {
	background: #ff6600;
	color: #fff;
	border-color: transparent;
}
.group-modal-btn>li>a>i {
	margin-right: 10px;
}
.single-slide-menu > .owl-dots {
	bottom: -40px;
	left: 0;
	margin: 0 auto;
	right: 0;
	text-align: center;
}
.pro-size {
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.pro-size>label {
	float: left;
}
.attribute-list {
	display: inline-block;
	margin-left: 15px;
}
.single-slide-menu > .owl-dots > .owl-dot {
	background: #c3cbc8 none repeat scroll 0 0;
	border-radius: 50%;
	height: 15px;
	transition: all 0.3s ease-in-out 0s;
	width: 15px;
}
.single-slide-menu > .owl-dots > .owl-dot.active {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ff6600;
	width: 15px;
	height: 15px;
}
.single-slide-menu > .owl-dots > .owl-dot:hover {
	background: #c3cbc8 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*   14. Login Register
/*----------------------------------------*/
.login-register-area {
	float: left;
	width: 100%;
	overflow: hidden;
}
.form-fild>input {
	background: #fff none repeat scroll 0 0;
}
.form-fild>input:focus {
	border: 1px solid #ff6600;
}
.form-login-title, .form-register-title {
	margin-top: 12px;
}
.form-fild > label {
	margin: 22px 0;
}
.register-submit {
	float: left;
	margin-top: 30px;
}
.login-submit {
	margin-top: 30px;
}
.login-submit>label>input.checkbox {
	height: auto;
	margin-left: 5px;
	width: auto;
}
.login-submit>label>span {
	margin-left: 5px;
}
.lost-password {
    white-space: nowrap;
    min-width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: right;
}
.coupon-info .form-row .checkbox {
   min-width: 50%;
}
/*new*/
.product-img {
	display: block;
	width: 100%;
	border-radius: 25px;
	border: 3px solid #EFEFEF;
    background-color: #f3f3f3;
    text-align: center;
}
.button {
    background: #ff6600 none repeat scroll 0 0;
    background: linear-gradient(to top, #ff6600, #f79520);
    border: 0 none;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 10px 20px;
    vertical-align: top;
    font-family: Montserrat;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}
.button:hover, .button:focus {
	background: #333333 none repeat scroll 0 0;
    background: linear-gradient(to top, #333333, #7f7f7f);
	color: #ffffff;
}
.cart-page-total>ul {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -khtml-border-radius: 25px;
  border: 2px solid #e5e5e5;
  display: block;
    overflow: hidden;
}
.ramka {
  border: 2px solid #e5e5e5;
}
.border-radius {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -khtml-border-radius: 25px;
  display: block;
  overflow: hidden;
}
img.border-radius {
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
    .logo {
    padding-top: 7px;
}
}
@media (max-width: 1350px) {
.visible-xl {
    display: none;
}
}
@media (max-width: 479px) {
.visible-xxs {
    display: none;
}
}
.text-block {
    padding: 30px 40px;
}
.text-block h4 {
    margin-bottom: 30px;
}
.text-block a > i {
    color: #ff6600;
    font-size: 22px;
    margin-left: 7px;
}