/* LeBari HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two
5. Banner Section / Two / Three
6. Instructor Section
7. Benefits Section
8. Feature Section / Two
9. Course Section
10. Career Section
11. Skill Section
12. Testimonial Section
13. News Section
14. Clients Section
15. Main Footer Section
16. Professional Section
17. Event Section
18. Goal Section
19. Contact Section
20. Page Title Section
21. Counter Section
22. Team Section
23. Faq Section
24. Profile Section
25. Membership Section
26. Course Filter Section
27. Course Detail Section
28. Blog Section
29. Blog Wudgets Section
30. Blog Detail Section
31. Not Found
32. Contact Form Section
33. Map Section
34. Donate Section

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

/*
	font-family: 'Kumbh Sans', sans-serif;
*/

@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('fontawesome.min.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: 'Kumbh Sans', sans-serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.dark-bg{
	background-color:#050505;
}

.color-palate{
	display:none;
}

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

/*** 

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

***/

.scroll-to-top{
	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-top:hover{
	color:#ffffff;
	background:#000000;
}

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

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;
}

.pull-left{
	float:left;
}

.pull-right{
	float:right;
}

.primary-color{
	background-color:#39CCCC;
}

.secondary-color{
	background-color:#feec42;
}

/* Typography */

h1{
	font-size:80px;
}

h2{
	font-size:52px;
}

h3{
	font-size:28px;
}

h4{
	font-size:24px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
}

.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{
	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;	
}

/* Btn Style One */

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 14px 46px;
	font-weight: 400;
	overflow: hidden;
	background:#43b97d;
	border-radius: 50px;
	text-transform: capitalize;
	font-family: 'Kumbh Sans', sans-serif;
}

.btn-style-one:before{
	position: absolute;
	content: '';
    left: 110%;
    top:0px;
	width:100%;
	height:100%;
    z-index: 1;
    opacity: 1;
    background-color: #0c0d24;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}

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

.btn-style-one:hover::before{
	left:0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

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

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 14px 45px;
	font-weight: 400;
	overflow:hidden;
	cursor:pointer;
	border-radius:50px;
	text-transform:capitalize;
	background-color:#000108;
	font-family: 'Kumbh Sans', sans-serif;
}

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

.btn-style-two i{
	position:relative;
	top:1px;
	margin-left:4px;
}

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

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

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

/* Social Icon One */

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

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

.social-icon-one li a{
	position: relative;
	width:32px;
	height:32px;
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #cccccc;
	text-align:center;
	border-radius:2px;
	background-color:#333333;
	-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: #333333;
	background-color:#feec42;
}

.theme_color{
	color:#0099f7;
}

.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:120px; }

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

/*** 

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

***/

.sec-title{
	position:relative;
	z-index:1;
	margin-bottom:70px;
}

.sec-title .sec-title-inner{
	position:relative;
	display:inline-block;
}

.sec-title .sec-title-inner:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-16px;
	right:0px;
	width:100%;
	height:21px;
	background:url(../images/icons/wp-icon.png) center center no-repeat;
}

.sec-title h2{
	position:relative;
	color:#252841;
	font-weight:700;
	line-height:1.2em;
}

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

/*** 

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

***/

.main-header{
	position:absolute;
	z-index:999;
	width:100%;
	-ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.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 .outer-container{
	padding:0px 15px;
	max-width:1600px;
	margin:0 auto;
}

.main-header .header-upper{
	position:relative;
	z-index:1;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-header .header-upper .outer-box{
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	padding:18px 0px;
	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 .header-upper .outer-box .nav-toggler{
	position:relative;
	font-size:28px;
	color:#ff9600;
	cursor:pointer;
	display:inline-block;
}

.main-header.fixed-header .header-upper .outer-box{
	padding:15px 0px 10px;
}

.main-header.fixed-header .header-upper .logo-box .logo{
	padding:15px 0px;
}

.main-header.fixed-header .main-menu .navigation > li > a{
	padding:25px 0px;
}

.main-header.fixed-header .main-menu .navigation > li.current > a,
.main-header.fixed-header .main-menu .navigation > li:hover > a{
	color:#ff5773;
}

.main-header.header-style-one{
	padding-top:10px;
}

.header-style-one.fixed-header{
	padding-top:0px;
}

/* Search Box Outer */

.main-header .header-upper .search-box-outer{
	position:relative;
	float:left;
}

.main-header .header-upper .search-box-btn{
	position:relative;
	float:left;
	top:0px;
	margin-top:6px;
	display:block;
	font-size:18px;
	color:#ec2b3e;
	line-height:26px;
	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 .header-upper .search-box-btn:after{
	display:none;
}

.main-header .header-upper .cart-box{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:16px;
	background:none;
	padding-right:28px;
	display:inline-block;
	margin-right: 25px;
	border-right:1px solid rgba(255,255,255,0.20);
}

.main-header .header-upper .cart-box .cart-box-btn{
	background:none;
	color:#ffffff;
	cursor: pointer;
	font-size: 24px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

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

.main-header .header-upper .cart-box .cart-box-btn .total-cart{
	position:absolute;
	right: -12px;
	top: -12px;
	width:19px;
	height:19px;
	color:#ffffff;
	font-weight:400;
	font-size:12px;
	border-radius:50%;
	text-align:center;
	line-height:19px;
	background-color:#0099f7;
}

.main-header .header-upper .outer-box .cart-box .cart-box-btn:hover{
	color:#0099f7;
}

.main-header .header-upper .outer-box .cart-product{
	position:relative;
	margin-bottom:18px;
	min-height:90px;
	border-bottom:1px solid #e4e4e4;
}

.main-header .header-upper .outer-box .cart-product .inner{
	position:relative;
	padding-left:90px;
	min-height:70px;
}

.main-header .header-upper .outer-box .cart-product .inner .cross-icon{
	position:absolute;
	right:0px;
	top:-2px;
	z-index:1;
	color:#263120;
	font-size:16px;
	cursor:pointer;
	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 .header-upper .outer-box .cart-product .inner .cross-icon:hover{
	color:#0099f7;
}

.main-header .header-upper .outer-box .cart-product .inner .image{
	position:absolute;
	width:70px;
	height:70px;
	left:0px;
	top:0px;
}

.main-header .header-upper .outer-box .cart-product .inner h3{
	position:relative;
	font-weight:600;
	font-size:15px;
	margin:0px;
	letter-spacing: 1px;
	text-transform:capitalize;
}

.main-header .header-upper .outer-box .cart-product .inner h3 a{
	color:#222222;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-header .header-upper .outer-box .cart-product .inner h3 a:hover{
	color:#0099f7;
}

.main-header .header-upper .outer-box .cart-product .inner .quantity-text{
	position:relative;
	font-weight:300;
	color:#666666;
	font-size: 13px;
	margin-bottom: 0px;
}

.main-header .header-upper .outer-box .cart-product .inner .price{
	position:relative;
	font-weight:500;
	font-size:16px;
	margin:0px;
	color:#222222;
}

.main-header .header-upper .outer-box .cart-box .cart-panel{
	left: auto !important;
	right: 0px !important;
	border-radius:0px;
	padding:20px 20px;
	min-width:300px;
	margin-top:50px;
	z-index: -1;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
	border:3px solid #0099f7;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .header-upper .outer-box .cart-box .cart-panel .cart-total{
	color:#000000;
	font-size:15px;
	font-weight:400;
	text-align:center;
	text-transform:capitalize;
}

.main-header .header-upper .outer-box .cart-box .cart-panel .cart-total span{
	font-weight:600;
	font-size:18px;
}

.main-header .header-upper .outer-box .cart-box .cart-panel .btns-boxed{
	position:relative;
	text-align:center;
	margin-top:20px;
}

.main-header .header-upper .outer-box .cart-box .cart-panel .btns-boxed li{
	position:relative;
	margin:0px 5px;
	display:inline-block;
}

.main-header .header-upper .outer-box .cart-box .cart-panel .btns-boxed li a{
	position:relative;
	color:#ffffff;
	font-weight:500;
	font-size:12px;
	padding:8px 20px;
	border-radius: 0px;
	display:inline-block;
	background-color:#0099f7;
	border:1px solid #0099f7;
	text-transform:uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.main-header .header-upper .outer-box .cart-box .cart-panel .btns-boxed li a:hover{
	color:#0099f7;
	background:none;
}

.main-header .header-upper .outer-box .cart-box .icon a{
	color:#999999;
}

/* Sticky Header */

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#222222;
	z-index:0;
	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:8px 0px 8px;
}

.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;	
}

.sticky-header .main-menu .navigation > li > a{
	padding:23px 0px  !important;
	color:#ffffff !important;
}

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

.main-header .nav-outer{
	position:relative;
	float: right;
	width:100%;
	margin-top:-95px;
	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;
}

.main-header .header-upper .logo-box{
	position: relative;
	z-index:12;
	float:left;
	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 .header-upper .logo-box .logo{
	position:relative;
	padding:20px 0px;
	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 .header-lower{
	position:relative;
	background-color:rgba(0,0,0,0.55);
}

.main-menu{
	position:static;
	float:left;
	width:100%;
	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 .navbar-collapse{
	padding:0px;
	display:block;
}

.main-menu .navigation{
	position:static;
	margin:0px;
	width:100%;
}

.main-menu .navigation > li{
	position:relative;
	float:none;
	display:inline-block;
	margin:0px 15px;
	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;
}

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

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#000108;
	text-align:center;
	line-height:30px;
	text-transform:capitalize;
	letter-spacing:0px;
	opacity:1;
	font-weight:500;
	padding:27px 0px;
	font-size:20px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: 'Kumbh Sans', sans-serif;
}

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

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a{
	opacity:1;
	color:#43b87e;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:190px;
	z-index:100;
	display:none;
	opacity: 0;
	text-align:left;
    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: #1e1e1e;
	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 rgba(255,255,255,0.10);
}

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

.main-menu .navigation > li > ul > li > a{
	position:relative;
	padding:10px 18px;
	display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,0.50);
    letter-spacing: 1px;
    text-transform: uppercase;
    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:hover > a{
	color:#ffffff;
	padding-left:30px;
	background:#f2960c;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:10px;
	width:10px;
	height:20px;
	display:block;
	color:#ffffff;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
	opacity:0.4;
	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.dropdown:hover > a:after{
	color:#ffffff;
	opacity:1;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:100%;
	width:190px;
	z-index:100;
	display:none;
	text-align:left;
	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: #1e1e1e;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.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 rgba(255,255,255,0.10);
}

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

.main-menu .navigation > li > ul > li > ul > li > a{
	position: relative;
    padding: 10px 18px;
    display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,0.50);
    letter-spacing: 1px;
    text-transform: uppercase;
    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;
	padding-left:30px;
	background:#f2960c;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:10px;
	width:10px;
	height:20px;
	display:block;
	color:#ffffff;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
	opacity:0.5;
	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.dropdown:hover > a:after{
	color:#ffffff;
	opacity:1;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	border-top:0px !important;
	-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;
	-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;
}

.main-header.fixed-header{
	position:fixed;
	left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
	border-bottom:0px;
    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;
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.main-header .header-upper .outer-box .login-box{
	position:relative;
	width:52px;
	height:52px;
	float:left;
	color:#ffffff;
	font-size:18px;
	cursor:pointer;
	line-height:50px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	border:1px solid rgba(255,255,255,0.50);
}

.main-header .header-upper .outer-box .sidebar-btn{
	position:relative;
	width:52px;
	height:52px;
	float:left;
	color:#ffffff;
	font-size:18px;
	margin-left:14px;
	cursor:pointer;
	line-height:52px;
	text-align:center;
	border-radius:50px;
	background-color:#05db56;
}

.main-menu .navigation > li > ul > li > ul > li > ul{
	position: absolute;
    left: 100%;
    top: 100%;
    width: 210px;
    z-index: 100;
    display: none;
    opacity: 0;
    text-align: left;
    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: #1e1e1e;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul > li > ul > li{
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li > ul > li > ul > li > a{
	position: relative;
    padding: 10px 18px;
    display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,0.50);
    letter-spacing: 1px;
    text-transform: uppercase;
    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.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    border-top: 0px !important;
    -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 > ul > li > ul > li > a:hover{
	background-color:#0099f7;
	color:#ffffff;
}

.main-header .header-upper .outer-box .menu-toggler{
	position:relative;
	float:right;
	cursor:pointer;
	color:#ffffff;
	font-size:28px;
	margin-left:30px;
	padding-left:30px;
}

.main-header .header-upper .outer-box .menu-toggler:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 5px;
    width: 1px;
    height: 20px;
    border-left: 1px solid rgba(255,255,255,0.30);
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.main-header .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color:#111111;
	display: 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;
}

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 20px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width:200px;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease 500ms;
	-moz-transition:all 0.7s ease 500ms;
	-ms-transition:all 0.7s ease 500ms;
	-o-transition:all 0.7s ease 500ms;
	transition:all 0.7s ease 500ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
	right: 10px;
	top: 15px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 18px;
	color: #000000;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

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

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 14px 20px;
	font-size: 15px;
	color: #404040;
	font-weight:600;
	text-transform: uppercase;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#ff5773;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:50px;
	text-align:center;
	font-size:16px;
	line-height:52px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span{
	position:absolute;
	right:0px;
	top:3px;
	height:44px;
	width:50px;
	line-height:44px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

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

.sticky-header .mobile-nav-toggler{
	display:none;
}

/*** 

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

***/

.banner-section{
	position:relative;
	overflow:hidden;
	padding:220px 0px 170px;
	background-color:#f2ded3;
}

.banner-section:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	height:24px;
	z-index:1;
	background:url(../images/background/slider-pattern-layer.png) repeat-x;
}

.banner-section .pattern-layer-one{
	position:absolute;
	left:5%;
	top:25%;
	width:54px;
	height:61px;
	background-repeat:no-repeat;
}

.banner-section .pattern-layer-two{
	position:absolute;
	right:10%;
	top:25%;
	width:12px;
	height:9px;
	background-repeat:no-repeat;
}

.banner-section .pattern-layer-three{
	position:absolute;
	right:5%;
	top:36%;
	width:125px;
	height:71px;
	background-repeat:no-repeat;
}

.banner-section .pattern-layer-four{
	position:absolute;
	left:12%;
	top:62%;
	width:112px;
	height:81px;
	background-repeat:no-repeat;
}

.banner-section .pattern-layer-five{
	position:absolute;
	right:12%;
	top:58%;
	width:66px;
	height:117px;
	background-repeat:no-repeat;
}

.banner-section .pattern-layer-six{
	position:absolute;
	left:0px;
	bottom:0px;
	width:305px;
	height:252px;
	background-repeat:no-repeat;
}

.banner-section .pattern-layer-seven{
	position:absolute;
	right:0px;
	bottom:0px;
	width:345px;
	height:418px;
	background-repeat:no-repeat;
}

.banner-section .pattern-layer-eight{
	position:absolute;
	right:15%;
	bottom:5%;
	width:80px;
	height:73px;
	background-repeat:no-repeat;
}

.banner-section .slide{
	position:relative;
	overflow:hidden;
	padding-top:200px;
	padding-bottom:200px;
}

.banner-section .content-box{
	position:relative;
}

.banner-section .content-box .inner-box{
	position:relative;
	text-align:center;
	margin:0 auto;
}

.banner-section .content-box h1{
	color:#000108;
	font-weight:700;
	line-height:1.1em;
	text-transform:capitalize;
	-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 .content-box h1 span{
	position:relative;
	display:inline-block;
}

.banner-section .content-box h1 span:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-10px;
	right:0px;
	width:390px;
	height:21px;
	background:url(../images/icons/wp-icon.png) no-repeat;
}

.banner-section .content-box .text{
	position:relative;
	color:#000108;
	font-weight:400;
	line-height:2em;
	font-size:20px;
	margin-top:40px;
	margin-bottom:60px;
	text-transform:capitalize;
	-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 .content-box .btns-box{
	margin-top:35px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

/*** 

====================================================================
	Counter Section
====================================================================

***/

.counter-section{
	position:relative;
	z-index:2;
}

.counter-section .inner-container{
	position:relative;
	margin-top:-50px;
	border-radius:18px;
	padding:60px 15px 30px;
	background-color:#ffffff;
	box-shadow:0px 10px 35px rgba(242,222,211,0.50);
}

.counter-section .inner-container .pattern-layer-one{
	position:absolute;
	left:-30px;
	bottom:-30px;
	width:92px;
	height:65px;
	z-index:-1;
	background-repeat:no-repeat;
}

/* Fact Counter */

.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	margin-bottom:30px;
}

.fact-counter .column .inner{
	position:relative;
	text-align:center;
}

.fact-counter .column .inner .content{
	position:relative;
}

.fact-counter .column .inner .content:before{
	position:absolute;
	content:'';
	left:50%;
	top:50%;
	width:106px;
	height:101px;
	margin-left:-53px;
	margin-top:-50px;
	background:url(../images/icons/pattern-9.png) no-repeat;
}

.fact-counter .count-outer .percentage{
	display:inline-block;
	font-weight:500;
	color:#000108;
	font-size:72px;
	line-height:1em;
	text-transform:uppercase;
}

.fact-counter .column .inner .count-outer{
	position:relative;
	font-weight:500;
	color:#000108;
	font-size:72px;
	line-height:1em;
	text-transform:uppercase;
}

.fact-counter .column .inner .counter-title{
	position:relative;
	font-size:24px;
	font-weight:400;
	margin-top:5px;
	color:#000108;
}

.brands-section{
	position:relative;
	padding:120px 0px 0px;
}

.brands-section .image{
	position:relative;
	text-align:center;
}

/*** 

====================================================================
	Highlights Section
====================================================================

***/

.highlights-section{
	position:relative;
	padding:100px 0px 100px;
}

.highlights-section .pattern-layer-one{
	position:absolute;
	left:5%;
	top:0%;
	width:95px;
	height:199px;
	background-repeat:no-repeat;
}

.highlights-section .pattern-layer-two{
	position:absolute;
	right:5%;
	top:0%;
	width:37px;
	height:124px;
	background-repeat:no-repeat;
}

.highlights-section .pattern-layer-three{
	position:absolute;
	left:8%;
	top:25%;
	width:37px;
	height:124px;
	background-repeat:no-repeat;
}

.highlights-section .pattern-layer-four{
	position:absolute;
	left:6%;
	top:55%;
	width:37px;
	height:124px;
	background-repeat:no-repeat;
}

.highlights-section .pattern-layer-five{
	position:absolute;
	left:5%;
	top:72%;
	width:19px;
	height:15px;
	background-repeat:no-repeat;
}

.highlights-section .pattern-layer-six{
	position:absolute;
	right:5%;
	top:86%;
	width:80px;
	height:73px;
	background-repeat:no-repeat;
}

.highlights-section .inner-container{
	position:relative;
	max-width:1090px;
	margin:0 auto;
}

.page-block{
	position:relative;
	margin-bottom:50px;
}

.page-block .inner-box{
	position:relative;
	border-radius:0px;
}

.page-block .inner-box .image{
	position:relative;
	overflow:hidden;
	padding:15px 15px 0px;
	background-color:#e4f4fd;
	box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}

.page-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.page-block .inner-box .image:before{
    position: absolute;
    top: 0;
    left: -110%;
    z-index: 2;
    display: block;
    content: '';
    width: 75%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,87,115,.4) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,87,115,.4) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.page-block .inner-box:hover .image:before{
	-webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.page-block .inner-box .lower-box{
	position:relative;
	text-align:center;
	padding-top:25px;
}

.page-block .inner-box .lower-box h4{
	position:relative;
	font-weight:600;
	color:#000108;
}

.page-block .inner-box .lower-box h4 a{
	position:relative;
	color:#000108;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.page-block .inner-box .lower-box h4 a:hover{
	color:#ff5773;
}

.page-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	color:#ffffff;
	text-align:center;
	background-color:rgba(0,0,0,0.75);
}

.page-block .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.page-block .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

/*** 

====================================================================
	Demo Pages Section
====================================================================

***/

.demo-pages-section{
	position:relative;
	z-index:1;
	padding:80px 0px 50px;
	background-color:#ffede3;
}

.demo-pages-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:-55px;
	right:0px;
	height:126px;
	background:url(../images/icons/pattern-15.png);
}

.demo-pages-section .auto-container{
	max-width:1340px;
}

.demo-pages-section .pattern-layer-one{
	position:absolute;
	left:8%;
	top:-100px;
	width:95px;
	height:199px;
	background-repeat:no-repeat;
}

.demo-pages-section .pattern-layer-two{
	position:absolute;
	left:10%;
	top:5%;
	width:106px;
	height:101px;
	background-repeat:no-repeat;
}

.demo-pages-section .pattern-layer-three{
	position:absolute;
	right:8%;
	top:2%;
	width:106px;
	height:101px;
	background-repeat:no-repeat;
}

.demo-pages-section .pattern-layer-four{
	position:absolute;
	left:8%;
	top:55%;
	width:106px;
	height:101px;
	background-repeat:no-repeat;
}

.demo-pages-section .pattern-layer-five{
	position:absolute;
	right:12%;
	top:58%;
	width:106px;
	height:101px;
	background-repeat:no-repeat;
}

.demo-pages-section .pattern-layer-six{
	position:absolute;
	right:6%;
	top:90%;
	width:110px;
	height:128px;
	background-repeat:no-repeat;
}

.demo-pages-section .pattern-layer-seven{
	position:absolute;
	left:0%;
	bottom:-60px;
	width:100%;
	height:126px;
	background-position:center bottom;
	background-repeat:repeat-x;
}

/*** 

====================================================================
	Features Section
====================================================================

***/

.features-section{
	position:relative;
	padding:140px 0px 100px;
	background-color:#fcf7f1;
}

.features-section .pattern-layer-one{
	position:absolute;
	left:10%;
	top:10%;
	width:107px;
	height:101px;
	background-repeat:no-repeat;
}

.features-section .pattern-layer-two{
	position:absolute;
	left:15%;
	top:20%;
	width:100px;
	height:100px;
	background-repeat:no-repeat;
}

.features-section .pattern-layer-three{
	position:absolute;
	right:10%;
	top:10%;
	width:95px;
	height:199px;
	background-repeat:no-repeat;
}

.featured-block{
	position:relative;
	margin-bottom:25px;
}

.featured-block .inner-box{
	position:relative;
	text-align:center;
	padding:30px 15px;
	border-radius:8px;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.featured-block .inner-box .border-one{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	left:0px;
	border-radius:8px;
}

.featured-block .inner-box .border-one:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:2px;
	height:0px;
	background-color:#ff5773;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.featured-block .inner-box:hover .border-one::before{
	height:100%;
}

.featured-block .inner-box .border-one:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:2px;
	background-color:#ff5773;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.featured-block .inner-box:hover .border-one:after{
	width:100%;
	transition-delay: 500ms;
}

.featured-block .inner-box .border-two{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	left:0px;
	border-radius:8px;
}

.featured-block .inner-box .border-two:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:2px;
	height:0px;
	background-color:#ff5773;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.featured-block .inner-box:hover .border-two:before{
	height:100%;
	transition-delay: 1000ms;
}

.featured-block .inner-box .border-two:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:2px;
	background-color:#ff5773;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.featured-block .inner-box:hover .border-two:after{
	width:100%;
	transition-delay: 1500ms;
}

.featured-block .inner-box .icon-box{
	position:relative;
	width:160px;
	height:135px;
	text-align:center;
	margin:0 auto;
}

.featured-block .inner-box h5{
	position:relative;
	color:#020015;
	font-weight:600;
	margin-top:18px;
}

/*** 

====================================================================
	Responsive Section
====================================================================

***/

.responsive-section{
	position:relative;
	padding:100px 0px 100px;
	background-color:#f0f8ff;
}

.responsive-section .title-column{
	position:relative;
}

.responsive-section .title-column .inner-column{
	position:relative;
}

.responsive-section .title-column h2{
	color:#020015;
	font-weight:700;
	padding-left:90px;
	line-height:1.2em;
}

.responsive-section .title-column h2:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:72px;
	height:95px;
	background:url(../images/icons/icon-10.png) no-repeat;
}

.responsive-section .pattern-layer-one{
	position:absolute;
	left:35%;
	top:50%;
	width:125px;
	height:71px;
	background-repeat:no-repeat;
}

.responsive-section .pattern-layer-two{
	position:absolute;
	left:20%;
	top:55%;
	width:45px;
	height:43px;
	background-repeat:no-repeat;
}

.responsive-section .pattern-layer-three{
	position:absolute;
	left:65%;
	top:65%;
	width:45px;
	height:43px;
	background-repeat:no-repeat;
}

/*** 

====================================================================
	Call To Action Section
====================================================================

***/

.purchase-section{
	position:relative;
	text-align:center;
	padding:150px 0px 150px;
}

.purchase-section .inner-container{
	position:relative;
	padding:40px 15px 40px;
	border:3px solid #010100;
}

.purchase-section .inner-container .icon{
	position:relative;
	width:115px;
	height:115px;
	color:#50bc7a;
	line-height:113px;
	border-radius:50%;
	margin:0 auto;
	display:block;
	margin-bottom:35px;
	border:1px solid #97d7b1;
}

.purchase-section h3{
	position:relative;
	color:#010101;
	font-size:32px;
	font-weight:600;
	line-height:1.4em;
	display:inline-block;
	border-bottom:3px solid #010101;
}

.purchase-section h3 a{
	position:relative;
	color:#010101;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.purchase-section h3 a:hover{
	color:#4ebd88;
}

.purchase-section .pattern-layer-one{
	position:absolute;
	left:8%;
	top:15%;
	width:106px;
	height:101px;
	background-repeat:no-repeat;
}

.purchase-section .pattern-layer-two{
	position:absolute;
	right:6%;
	bottom:13%;
	width:106px;
	height:101px;
	background-repeat:no-repeat;
}

.purchase-section .pattern-layer-three{
	position:absolute;
	left:6%;
	bottom:-6%;
	width:75px;
	height:75px;
	background-repeat:no-repeat;
}

.purchase-section h2{
	position:relative;
	color:#010100;
	font-weight:600;
	line-height:1.4em;
	font-size:55px;
	margin-top:25px;
}

.purchase-section h2 a{
	position:relative;
	color:#010100;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.purchase-section h2 a:hover{
	color:#4ebd88;
}

/*** 

====================================================================
	Rating Section
====================================================================

***/

.rating-section{
	position:relative;
	text-align:center;
	padding:100px 0px 80px;
	background-color:#d8f9ff;
}

.rating-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:-45px;
	right:0px;
	height:126px;
	background:url(../images/icons/pattern-21.png);
}

.rating-section .pattern-layer-one{
	position:absolute;
	left:15%;
	bottom:9%;
	width:115px;
	height:117px;
	background-repeat:no-repeat;
}

.rating-section .pattern-layer-two{
	position:absolute;
	left:12%;
	top:11%;
	width:75px;
	height:77px;
	background-repeat:no-repeat;
}

.rating-section .pattern-layer-three{
	position:absolute;
	right:8%;
	top:11%;
	width:130px;
	height:125px;
	background-repeat:no-repeat;
}

.rating-section .pattern-layer-four{
	position:absolute;
	right:8%;
	bottom:11%;
	width:82px;
	height:73px;
	background-repeat:no-repeat;
}

.rating-section .title{
	position:relative;
	color:#fba819;
	font-size:20px;
	font-weight:500;
	text-align:center;
	margin-bottom:25px;
}

.rating-section h2{
	font-size:55px;
	color:#010100;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:20px;
	margin-bottom:45px;
}

.rating-section .button-box{
	position:relative;
	margin-bottom:25px;
}

.rating-section .theme-btn{
	border-radius:0px;
}

.rating-section .rating{
	position:relative;
}