/* Teknik HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.

**********************************************/

/*

	font-family: 'Dancing Script', cursive;
	font-family: 'Rubik', sans-serif;

*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('animation.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');

/***

====================================================================
	Reset
====================================================================

 ***/

* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Rubik', sans-serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#C6D43F;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Rubik', sans-serif;
}

input,button,select,textarea{

}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;
	font-family: 'Rubik', sans-serif;
}

/* Typography */

h1{
	font-size:60px;
}

h2{
	font-size:44px;
}

h3{
	font-size:36px;
}

h4{
	font-size:24px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	cursor:pointer;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#C6D43F;
	font-size:13px;
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#ffffff;
	display:none;
	border-radius:50px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.15);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#C6D43F;
}

/* List Style One */

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	color:#ffffff;
	font-size:16px;
	padding-left:30px;
	font-weight:400;
	line-height:1.6em;
	margin-bottom:20px;
}

.list-style-one li .icon{
	position:absolute;
	left:0px;
	top:5px;
	color:#fe4c1c;
	font-size:18px;
	line-height:1em;
	font-weight:300;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/* List Style Two */

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	color:#222222;
	font-size:16px;
	padding-left:30px;
	font-weight:500;
	line-height:1.6em;
	margin-bottom:10px;
}

.list-style-two li:before{
	position:absolute;
	content:'\f0a9';
	left:0px;
	top:5px;
	color:#C6D43F;
	font-size:18px;
	line-height:1em;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	font-family: 'FontAwesome';
}

/*Btn Style One*/

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 15px 32px;
	font-weight: 500;
	overflow: hidden;
	border-radius:3px;
	letter-spacing:1px;
	background-color: #C6D43F;
	text-transform: uppercase;
	font-family: 'Rubik', sans-serif;
}

.btn-style-one i{
	position:relative;
	top:1px;
	margin-right:7px;
	font-size:20px;
	font-weight:400;
}

.btn-style-one .txt{
	position:relative;
	z-index:1;
}

.btn-style-one:before{
	position: absolute;
	content: '';
	top: 0px;
    bottom: 0px;
    left: 0px;
	right: -50px;
    border-bottom: 64px solid #C6D43F;
	border-right: 30px solid transparent;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.btn-style-one:after{
	position: absolute;
	content: '';
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -50px;
	border-left: 30px solid transparent;
    border-bottom: 64px solid #C6D43F;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.btn-style-one:hover::before{
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
}

.btn-style-one:hover::after{
    -webkit-transform: translateX(40%);
    transform: translateX(40%);
}

.btn-style-one:hover{
	color: #ffffff;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 14px 30px;
	font-weight: 500;
	overflow: hidden;
	border-radius:3px;
	letter-spacing:1px;
	border:2px solid #ffffff;
	text-transform: uppercase;
	font-family: 'Rubik', sans-serif;
}

.btn-style-two i{
	position:relative;
	top:1px;
	margin-right:7px;
	font-size:20px;
	font-weight:400;
}

.btn-style-two .txt{
	position:relative;
	z-index:1;
}

.btn-style-two:before{
	position: absolute;
	content: '';
	top: 0px;
    bottom: 0px;
    left: 0px;
	right: -50px;
    border-bottom: 64px solid #C6D43F;
	border-right: 30px solid transparent;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.btn-style-two:after{
	position: absolute;
	content: '';
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -50px;
	border-left: 30px solid transparent;
    border-bottom: 64px solid #C6D43F;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.btn-style-two:hover::before{
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
}

.btn-style-two:hover::after{
    -webkit-transform: translateX(40%);
    transform: translateX(40%);
}

.btn-style-two:hover{
	color: #ffffff;
	border-color:#C6D43F;
  background-color: #ffffff;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	padding: 14px 40px 14px;
	font-weight: 500;
	overflow: hidden;
	border-radius:0px;
	border:2px solid #222222;
	text-transform: uppercase;
}

.btn-style-three .txt{
	position:relative;
	z-index:1;
}

.btn-style-three i{
	position:relative;
	font-size:19px;
	top:0px;
}

.btn-style-three:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
	background-color:#f7952c;
}

.btn-style-three:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-three:hover{
	color: #ffffff;
	border-color:#f7952c;
}

/* Btn Style Four */

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	padding: 13px 36px 13px;
	font-weight: 500;
	overflow: hidden;
	border-radius:2px;
	background: none;
	text-transform: uppercase;
	background-color:#C6D43F;
}

.btn-style-four .txt{
	position:relative;
	z-index:1;
}

.btn-style-four:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
	background-color:#222222;
}

.btn-style-four:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-four:hover{
	color: #ffffff;
}

/* Social Icon One */

.social-icon-one{
	position: relative;
	display: block;
}

.social-icon-one li{
	position: relative;
	margin:0px 1px;
	display: inline-block;
}

.social-icon-one li:last-child{
	margin-right: 0;
}

.social-icon-one li a{
	position: relative;
	width:34px;
	height:34px;
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #ffffff;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	border:1px solid #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover{
	color: #ffffff;
	border-color:#C6D43F;
	background-color:#C6D43F;
}

.theme_color{
	color:#C6D43F;
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:100px;}

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

/***

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:45px;
}

.sec-title .icon{
	position: relative;
    padding-bottom: 18px;
}

.sec-title .icon:before{
	position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 25px;
    height: 6px;
    border-top: 2px solid #888888;
    border-bottom: 2px solid #888888;
}

.sec-title.centered .icon:before{
	left:50%;
	margin-left:-12px;
}

.sec-title h2{
	position: relative;
    color: #222222;
    font-weight: 500;
    line-height: 1.3em;
    margin-top: 18px;
	padding-bottom:15px;
}

.sec-title .text{
	position: relative;
    color: #222222;
    font-weight: 300;
    line-height: 1.9em;
	font-size:16px;
}

.sec-title.light h2{
	color:#ffffff;
}

.sec-title.light .text{
	color:#aaaaaa;
}

.sec-title.centered{
	text-align: center;
}

.sec-title.centered .icon{

}

/***

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:relative;
	z-index:99;
	width:100%;
}

/* Header Top */

.main-header .header-top{
	position:relative;
	padding:9px 0px;
	background-color:#f0f2f5;
}

.main-header .header-top .top-left{
	position: relative;
	padding:4px 0px;
}

.main-header .header-top .info-list{
	position:relative;
	float:left;
}

.main-header .header-top .info-list li{
	position: relative;
	color:#222222;
	font-size:14px;
	padding-left:25px;
	margin-right:25px;
	display:inline-block;
}

.main-header .header-top .info-list li:last-child{
	margin-right:0px;
}

.main-header .header-top .info-list li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#C6D43F;
	font-size:16px;
}

.main-header .header-top .info-list li a{
	position: relative;
	color:#222222;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .info-list li a:hover{
	color:#C6D43F;
}

.main-header .header-top .top-right{
	position: relative;
}

.main-header .header-top .top-right .social-box{
	position: relative;
}

.main-header .header-top .top-right .social-box li{
	position: relative;
	margin-left:4px;
	line-height:1.2em;
	display:inline-block;
}

.main-header .header-top .top-right .social-box li a{
	position: relative;
	width:32px;
	height:32px;
	color:#aaaaaa;
	font-size:14px;
	line-height:32px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .top-right .social-box li a:hover{
	color:#ffffff;
	background-color:#222222;
}

.main-header .header-top .top-right .social-box li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-upper{
	position:relative;
}

.main-header .header-upper .inner-container{
	position:relative;
}

.main-header .nav-outer{
	position:relative;
	float:right;
}

.main-header .header-upper .logo-box{
	position: relative;
	padding:0px 0px;
}

.main-header .header-upper .logo-box .logo{
	position:relative;
  padding: 22px 0;
}

.main-header .outer-box{
	position: relative;
	float:right;
	margin-left:50px;
	padding: 30px 0px;
}

/* Search Box Outer */

.main-header .search-box-outer{
	position:relative;
	float:left;
	margin-right:30px;
	padding:13px 0px;
}

.main-header .search-box-btn{
	position:relative;
	top: 0px;
	display:block;
	float:left;
	margin-top:5px;
	font-size:20px;
	color:#000000;
	line-height:20px !important;
	cursor:pointer;
	background:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .search-box-btn:after{
	display:none;
}

.main-header .search-box-outer .dropdown-menu{
	top:49px !important;
	right:0px;
	padding:0px;
	width:280px;
	left: auto !important;
	border-radius:0px;
	border-top:3px solid #C6D43F;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .sticky-header .navbar-header{
	display:none;
}

.main-header .btn-box{
	position:relative;
	float:left;
}

.main-header .btn-box .quote-btn{
	position:relative;
	color:#ffffff;
	font-size:14px;
	padding:16px 30px;
	font-weight:500;
	border-radius:3px;
	text-transform:uppercase;
	background-color:#C6D43F;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .btn-box .quote-btn:hover{
	background-color:#aab82c;
	color:#ffffff;
}

/* Header Lower */

.main-header .header-lower .search-box{
	float:right;
}

.main-header .header-lower .search-box .form-group{
	position:relative;
	margin:0px;
	top:-1px;
}

.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	padding:10px 50px 10px 25px;
	background:none;
	display:block;
	font-size:14px;
	width:200px;
	height:74px;
	color:#222222;
	font-weight:400;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:#ffffff;
	border-radius:0px 50px 50px 0px;
}

.main-header .header-lower .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:74px;
	width:45px;
	font-size:14px;
	color:#000048;
	line-height:100%;
	background:none;
	display:inline-block;
	font-weight:normal;
	text-align:left;
	cursor:pointer;
}

/* Main Menu */

.main-menu{
	position:relative;
	float:left;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navbar-collapse{
	padding:0px;
	float: left;
	display:block !important;
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right:32px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.sticky-header .main-menu .navigation > li > a{
	color:#444444 !important;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
	color:#C6D43F;
	background-color:inherit !important;
}

.sticky-header .nav-outer .options-box{
	margin-top:45px;
}

/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#ffffff;
	z-index:0;
	border-bottom:1px solid #e8f1f7;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .logo{
	padding:4px 0px 4px;
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#222222;
	text-align:center;
	line-height:30px;
	text-transform: capitalize;
	letter-spacing:0px;
	opacity:1;
	font-weight:500;
	padding:42px 0px;
	font-size:18px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .main-menu .navigation > li{
	position:relative;
	margin-left:30px;
	margin-right:0px;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
	display:none;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	opacity:1;
	color:#C6D43F;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:-30px;
	top:100%;
	width:230px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 18px;
	line-height:24px;
	font-weight:500;
	font-size:14px;
	text-transform:capitalize;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .main-menu .navigation > li > a{
	padding:19px 0px !important;
}

.sticky-header .main-menu .navigation > li > a:before{
	display: none;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background:#C6D43F;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#253d4a;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:120%;
	top:0%;
	width:230px;
	z-index:100;
	display:none;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid #f9f9f9;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 18px;
	line-height:24px;
	font-weight:500;
	font-size:15px;
	text-transform:capitalize;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#ffffff;
	background:#C6D43F;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#272727;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	left:0px;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	left:100%;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:#ffffff;
	line-height:28px;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

/***

====================================================================
	Search Popup
====================================================================

***/

.main-header .sticky-header .outer-box{
	margin-left:20px;
	padding:13px 0px;
}

.main-header .sticky-header .outer-box .cart-box,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn:hover{
	color:#000000;
}

.main-header .sticky-header .outer-box .cart-box .cart-box-btn .total-cart{
	background-color:#cccccc;
}

.main-header .sticky-header .search-box-btn{
	color:#000000;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-toped{
	position:fixed;
	bottom:15px;
	right:15px;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	line-height:38px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#222222;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.scroll-to-toped:hover{
	color:#ffffff;
	background:#000000;
}


/***

====================================================================
	Banner Section
====================================================================

***/

.banner-section{
	position:relative;
	overflow:hidden;
	background-color:#222222;
}

.banner-section .slide{
	position:relative;
	padding-top:190px;
	padding-bottom:260px;
	background-size:cover;
	background-position:center center;
}

.banner-section .slide:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	background-color:rgba(0,0,0,0.60);
}

.banner-section .slide .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/* -webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear; */
}

.banner-section .active .slide .image-layer{
	/* -webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15); */
}

.banner-section .content-boxed{
	position:relative;
	z-index:2;
}

.banner-section .content-boxed .inner-boxed{
	position:relative;
}

.banner-section .content-boxed.alternate .inner-boxed{
	max-width:540px;
	width:100%;
	float:right;
}

.banner-section .content-boxed .title{
	position:relative;
	color:#ffffff;
	font-size:18px;
	line-height:1.8em;
	margin-bottom:16px;
	font-weight:400;
	opacity: 0;
	letter-spacing:4px;
	transform: scaleY(0);
	transform-origin: top;
	text-transform:uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-boxed .title{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .content-boxed h1{
	position:relative;
	color:#ffffff;
	font-weight:500;
	line-height:1.2em;
	opacity: 0;
	text-transform:uppercase;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-boxed h1{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section .content-boxed .text{
	position:relative;
	color:#ffffff;
	opacity: 0;
	font-size:18px;
	line-height:1.9em;
	margin-bottom:35px;
	font-weight:300;
	margin-top:15px;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-boxed .text{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.banner-section .content-boxed .btns-box{
	margin-top:0px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-boxed .btns-box{
  display: flex;
  align-items: center;
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section .btns-box .theme-btn{
	position:relative;
	margin-right:32px;
	float:left;
}

.banner-section .content-boxed .btns-box .talk{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:18px;
	margin-top:14px;
	display:inline-block;
	padding-bottom:3px;
	border-bottom:3px solid #ffffff;
}

.banner-section .owl-dots{
	position:absolute;
	right:110px;
	top:50%;
	display:none;
}

.banner-section .owl-dots .owl-dot{
	position:relative;
	width:16px;
	height:16px;
	margin-bottom:10px;
	border-radius:50px;
	background-color:#ffffff;
	margin-bottom:10px;
}

.banner-section .owl-dots .owl-dot:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	border-radius:50px;
	border:3px solid #cc2b5e;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section .owl-dots .owl-dot.active:before,
.banner-section .owl-dots .owl-dot:hover::before{
	opacity:1;
}

.banner-section .owl-nav{
	position:absolute;
	left:0px;
	top:50%;
	z-index:1;
	width:100%;
	opacity:0;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section:hover .owl-nav{
	opacity:1;
}

.banner-section .owl-nav .owl-prev{
	position:absolute;
	left:20px;
	width:40px;
	height:40px;
	color:#ffffff;
	/*line-height:56px;*/
	font-size:20px;
	text-align:center;
	border-radius:50px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid rgba(255,255,255,0.60);
}

.banner-section .owl-nav .owl-next{
	position:absolute;
	right:20px;
	color:#ffffff;
	font-size:20px;
	width:40px;
	height:40px;
	color:#ffffff;
	/*line-height:56px;*/
	border-radius:50px;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid rgba(255,255,255,0.60);
}

.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover{
	color:#C6D43F;
	border-color:#C6D43F;
}


.ui-widget.ui-widget-content{
	border:1px solid #e0e0e0;
}

.ui-menu .ui-menu-item{
	font-size:14px;
	border-bottom:1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child{
	border:none;
}

.ui-state-active, .ui-widget-content .ui-state-active{
	background:#C6D43F;
	border-color:#C6D43F;
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding:8px 20px ;
	font-size:14px;
	line-height:24px;
}

.ui-menu-item:hover{
	background-color:#C6D43F;
}