/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. Welcome Section
7. Services Section
8. Call To Action Section
9. Projects Section
10. Call To Action Section Two
11. Expert Section
12. Clients Section
13. Two Fullwidth Column Section
14. Clients Section / Style Two
15. Main Footer / Style Two / Style Three
16. Industrial Section
17. Choose Section
18. Process Section
19. FullWidth Process Section
20. Faq Section
21. Testimonial Section
22. Blogs Section
23. NewsLetter Section / Style Two
24. Feature Section
25. Counter Section
26. Pricing Section
27. Contact Form Section
28. Page Title
29. Comming Soon Section
30. Services Single Section
31. Project Detail Section
32. Shop Items
33. Shoping Cart Section
34. Checkout Section
35. Shop Detail Section
36. Our Blogs Section
37. Blog Detail Section
38. Sidebar Widgets
39. Contact Info Section
40. Map Section

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

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i');

/* font-family: 'Josefin Sans', 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('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css'); */

/*** 

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

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

/*** 

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

 ***/

body {
	font-family: 'Montserrat', 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:#ffaa00;
}

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: 'Montserrat', sans-serif;
}

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{
	padding:0px;
	margin:0px;	
}

ol {
	padding-inline-start: 40px !important;
}

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

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

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

/*List Style One*/

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

.list-style-one li{
	position:relative;
	color:#bbbbbb;
	font-size:16px;
	padding-left:55px;
	font-weight:400;
	margin-bottom:25px;
	line-height:1.8em;
	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;
}

.list-style-one li .icon{
	position:absolute;
	left:0px;
	top:6px;
	font-size:36px;
	color:#ffaa00;
	line-height:1em;
}

.list-style-one li:last-child{
	margin-bottom:0px;
}

.list-style-one.alternate li{
	color:#ffffff;
}

/* List Style Two */

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

.list-style-two li{
	position:relative;
	color:#2e4c16;
	font-size:16px;
	padding-left:70px;
	font-weight:700;
	padding-top:14px;
	margin-bottom:40px;
}

.list-style-two li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#ffb200;
	font-size:46px;
	line-height:1em;
	font-weight:300;
}

.list-style-two li .fas{
	position:absolute;
	left:0px;
	top:0px;
	color:#ffb200;
	font-size:46px;
	line-height:1em;
}

/* List Style Three */

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

.list-style-three li{
	position:relative;
	color:#bbbbbb;
	font-size:16px;
	padding-left:55px;
	font-weight:400;
	margin-bottom:25px;
	line-height:1.8em;
	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;
}

.list-style-three li .icon{
	position:absolute;
	left:0px;
	top:6px;
	font-size:24px;
	color:#ffaa00;
	line-height:1em;
}

.list-style-three li:nth-child(2) .icon{
	font-size:20px;
}

.list-style-three li:last-child{
	margin-bottom:0px;
}

/*Btn Style One*/

.btn-style-one{
	position:relative;
	padding:12px 35px 12px;
	line-height:25px;
	background:#ffffff;
	color:#266a43;/*00481a Utan*/
	font-size:15px;
	font-weight:600;
	border-radius:50px;
	letter-spacing: 1px;
	border:2px solid #ffffff;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-one:hover{
	background:#266a43;/*00481a Utan*/
	border-color:#266a43;
	color:#ffffff;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	padding:14px 30px 10px;
	line-height:25px;
	background:#ffaa00;
	color:#222222;
	font-size:14px;
	font-weight:600;
	border-radius:50px;
	letter-spacing: 1px;
	border:2px solid #ffaa00;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-two:hover{
	background:none;
	color:#ffaa00;
}

/*Btn Style Three */

.btn-style-three{
	position:relative;
	padding:12px 40px 12px;
	line-height:25px;
	background:#266a43;/*00481a Utan*/
	color:#ffffff;
	font-size:15px;
	font-weight:400;
	border-radius: 50px;
	letter-spacing: 1px;
	border:2px solid #266a43;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

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

/*Btn Style Four */

.btn-style-four{
	position:relative;
	padding:14px 40px 10px;
	line-height:25px;
	background:#ffaa00;
	color:#222222;
	font-size:16px;
	font-weight:400;
	border-radius: 50px;
	letter-spacing: 1px;
	border:2px solid #ffaa00;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-four:hover{
	background:#2e4c16;/*00481a Utan*/
	color:#ffffff;
	border-color:#2e4c16;
}

/*Btn Style Five */

.btn-style-five{
	position:relative;
	padding:22px 40px 22px;
	line-height:26px;
	background:#ffaa00;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	letter-spacing: 1px;
	border:2px solid #ffaa00;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-five:hover{
	background:#222222;
	color:#ffffff;
	border-color:#222222;
}

.btn-style-youtube{
	position:relative;
	padding:22px 40px 22px;
	line-height:26px;
	background:#ff0000;
	color:#ffffff;
	font-size:16px;
	font-weight:400;
	letter-spacing: 1px;
	border:2px solid #ff0000;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.btn-style-youtube:hover{
	background:#222222;
	color:#ffffff;
	border-color:#222222;
}

/*Social Icon One*/

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

.social-icon-one li{
	position:relative;
	margin-right:2px;
	margin-bottom: 10px;
	display:inline-block;
}

.social-icon-one li a{
	position:relative;
	width: 38px;
	height: 38px;
	font-size:16px;
	color:#ffffff;
	line-height:38px;
	text-align:center;
	display:inline-block;
	background-color: #2e4c16;
	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;
}

.social-icon-one li a:hover{
	background-color: #ffaa00;
}

.theme_color{
	color:#ffaa00;
}

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

/*** 

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

***/

.scroll-to-top{
	position:fixed;
	bottom:30px;
	right:15px;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:24px;
	text-transform:uppercase;
	line-height:50px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:rgba(38, 107, 68, 1);
	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:#ffaa00;
}

/*** 

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

***/

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

.sec-title .title-inner{
	position:relative;
	padding-left:25px;
}

.sec-title .title-inner:before{
	position:absolute;
	content:'';
	left:0px;
	top:6px;
	bottom:7px;
	width:2px;
	background-color:#2e4c16;/*00481a Utan*/
}

.sec-title .title{
	position:relative;
	color:#ffaa00;
	font-size: 20px;
	line-height: 1.6em;
	font-weight:600;
	-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

.sec-title .title2{
	position:relative;
	color:#ff0000;
	font-size: 20px;
	line-height: 1.6em;
	font-weight:600;
	-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}


.sec-title h2{
	position: relative;
    font-size: 30px;
    color:#266a43;/*00481a Utan*/
    font-weight: 700;
    line-height: 1.3em;
	margin-top:5px;
	-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

.sec-title h4{
	position: relative;
    font-size: 24px;
    color:#40b2b2;/*00481a Utan*/
    font-weight: 700;
    line-height: 1.3em;
	margin-top:5px;
	-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

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

.sec-title.light .title-inner:before{
	background-color:#777777;
}

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

/*** 

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

***/

.main-header{
	position:absolute;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
}

.header-top{
	position: relative;
	background-color: #000000;
}

.header-top .top-left{
	position:relative;
	float: left;
	/* padding: 13px 0px; */
}

.header-top .top-left ul{
	position:relative;
}

.header-top .top-left .menu{
	position: relative;
    display: inline-block;
	padding: 13px 0px;
}

.header-top .top-left .menu li{
	position: relative;
    margin-right: 15px;
    display: inline-block;
}

.header-top .top-left ul li{
	position:relative;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
}

.header-top .top-left ul li .fa{
	position:relative;
	margin-right:8px;
	color:#ffaa00;
}

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

.header-top .top-right .timing{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:14px;
	padding:13px 0px;
	margin-right:10px;
}

.header-top .top-right .social-box{
	position: relative;
	display:inline-block;
	padding: 13px 0px;
}

.header-top .top-right .social-box li{
	position: relative;
	margin-left: 15px;
	display: inline-block;
}

.header-top .top-right .social-box li a{
	position: relative;
	color: #ffffff;
	font-size: 14px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.header-top .top-right .social-box li a:hover{
	color:#ffaa00;
}

/*Language Dropdown*/

.main-header .header-top .language{
	position:relative;
	line-height:1em;
	margin-left: 20px;
	display:inline-block;
}

.main-header .header-top .language .flag-icon{
	margin-right:8px;
}

.main-header .header-top .language .dropdown-menu{
	top:100%;
	right:0px;
	left:auto;
	width:170px;	
	border-radius:0px;
	margin-top:0px;
	background-color:#222222;
	border:none;
	padding:0px;
    border-top:3px solid #ffaa00;
}

.main-header .header-top .language > a{
	color:#ffaa00;
	padding:16px 20px;
	background:#101010 !important;
	text-transform:capitalize;
	display:inline-block;
    border:0px;
	top: -1px;
	font-weight:400;
	font-size:16px;
	line-height:1em;
	border-radius: 0px;
}

.main-header .header-top .language > a:after{
	display:none;
}

.main-header .header-top language a:hover{
	background:none;
}

.main-header .header-top .language .dropdown-menu > li{
	padding-right:0px !important;
	margin:0px !important;
	float:none;
	display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}

.main-header .header-top .language .dropdown-menu > li:last-child{
	border-bottom:none;	
}

.main-header .header-top .language .dropdown-menu > li > a{
	padding:12px 20px !important;
	color:#ffffff;
	display: block;
	text-align:left;
	font-size: 14px;
	-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 .language .dropdown-menu > li > a:hover{
	color:#ffffff !important;
	background-color:#ffaa00;
}

/* Header Top Two */

.header-top-two{
	position: relative;
	background-color: #222222;
}

.header-top-two .top-left{
	position:relative;
	float: left;
}

.header-top-two .top-left .social-box{
	position: relative;
	display:inline-block;
	padding: 13px 0px;
}

.header-top-two .top-left .social-box li{
	position: relative;
	margin-right: 15px;
	display: inline-block;
}

.header-top-two .top-left .social-box li a{
	position: relative;
	color: #ffffff;
	font-size: 14px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.header-top-two .top-left .social-box li a:hover{
	color:#ffaa00;
}

.header-top-two .top-right{
	position:relative;
	float: right;
}

.header-top-two .top-right .timing{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:14px;
	padding:13px 0px;
	margin-right:10px;
}

/*Language Dropdown*/

.main-header .header-top-two .language{
	position:relative;
	line-height:1em;
	margin-left: 20px;
	display:inline-block;
}

.main-header .header-top-two .language .flag-icon{
	margin-right:8px;
}

.main-header .header-top-two .language .dropdown-menu{
	top:100%;
	right:0px;
	left:auto;
	width:170px;	
	border-radius:0px;
	margin-top:0px;
	background-color:#222222;
	border:none;
	padding:0px;
    border-top:3px solid #ffaa00;
}

.main-header .header-top-two .language > a{
	color:#ffaa00;
	padding:16px 20px;
	background:#ffffff !important;
	text-transform:capitalize;
	display:inline-block;
    border:0px;
	top: -1px;
	font-weight:400;
	font-size:16px;
	line-height:1em;
	border-radius: 0px;
}

.main-header .header-top-two .language > a:after{
	display:none;
}

.main-header .header-top-two language a:hover{
	background:none;
}

.main-header .header-top-two .language .dropdown-menu > li{
	padding-right:0px !important;
	margin:0px !important;
	float:none;
	display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}

.main-header .header-top-two .language .dropdown-menu > li:last-child{
	border-bottom:none;	
}

.main-header .header-top-two .language .dropdown-menu > li > a{
	padding:12px 20px !important;
	color:#ffffff;
	display: block;
	text-align:left;
	font-size: 14px;
	-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-two .language .dropdown-menu > li > a:hover{
	color:#ffffff !important;
	background-color:#ffaa00;
}

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

.logo-desktop {
    display: inline-block;
}
.logo-mobile {
    display: none;
}

/* Ketika layar lebih kecil dari 768px (umumnya mobile), ubah tampilannya */
@media (max-width: 767px) {
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: inline-block;
    }
}

@media (max-width: 1023px) {
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: inline-block;
    }
}

.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;
	background-color: #ffffffdb;
}

.main-header .header-upper .outer-container{
	position:relative;
	padding: 0px 60px;
}

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

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

.main-header.header-style-two .header-lower{
	background-color:#266a43;/*00481a*/
}

.main-header.header-style-two .nav-outer:after{
	position:absolute;
	content:'';
	left:100%;
	top:0px;
	height:100%;
	width:20000px;
	background-color:#ffffff;
}

.main-header.header-style-two .nav-outer{
	width:100%;
}

.main-header.header-style-three .nav-outer{
	width:100%;
	padding-left:30px;
	/* border-radius:50px; */
	margin-top:-36px;
	background-color:#ffffff;
}

.main-header .header-upper .logo-box{
	position: relative;
	margin-top:50px;
}

.main-header.header-style-three .header-upper .logo-box{
	margin-top:5px;
}

.main-header.header-style-two .header-upper .logo-box{
	padding:25px 0px;
	margin:0px;
}

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

.main-header .outer-box{
	position: relative;
	top: 1px;
	float:right;
	padding: 23px 0px;
}

.main-header.header-style-two .outer-box{
	padding:0px;
}

.main-header .outer-box .option-list{
	position:relative;
}

.main-header .outer-box .option-list li{
	position:relative;
	color: #262626;
	font-size: 16px;
	padding-right: 18px;
	margin-right: 18px;
	display: inline-block;
	text-transform: uppercase;
	border-right: 1px solid #dde4db;
}

.main-header .outer-box .option-list li a{
	position:relative;
	color: #262626;
	-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 .outer-box .option-list li a:hover{
	color: #ffaa00;
}

.main-header .outer-box .option-list li .icon{
	position: relative;
	margin-right: 8px;
	color: #ffaa00;
	top: 3px;
	line-height: 1em;
	font-size: 20px;
}

.main-header .outer-box .option-list li:last-child{
	border:none;
	margin: 0px;
	padding: 0px;
}

.main-header .outer-box .option-list li strong{
	
}

.main-header .outer-box .option-box{
	position: relative;
	float: left;
	margin-top: 0px;
	margin-left: 25px;
}

.main-header .outer-box .option-box > li{
	position: relative;
	margin-left: 20px;
	display: inline-block;
}

/*.main-header .outer-box .option-box li.cart .icon{
	position:relative;
	color: #ffffff;
	font-size: 26px;
}

.main-header .outer-box .option-box li.cart .number{
	position: absolute;
    right: -15px;
    top: -15px;
    color: #ffaa00;
    font-size: 18px;
}*/

.main-header .outer-box .option-box .cart-box{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:16px;
	background:none;
	display:inline-block;
	margin-right: 25px;
}

.main-header .outer-box .option-box .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 .outer-box .option-box .cart-box .cart-box-btn:after{
	display:none;
}

.main-header .outer-box .option-box .cart-box .cart-box-btn .total-cart{
	position:absolute;
	right: -8px;
	top: -8px;
	width:18px;
	height:18px;
	color:#ffffff;
	font-weight:700;
	font-size:12px;
	border-radius:50%;
	text-align:center;
	line-height:18px;
	background-color:#ffaa00;
}

.main-header .outer-box .option-box .cart-box .cart-box-btn:hover{
	color:#ffaa00;
}

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

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

.main-header .outer-box .option-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 .outer-box .option-box .cart-product .inner .cross-icon:hover{
	color:#ffaa00;
}

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

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

.main-header .outer-box .option-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 .outer-box .option-box .cart-product .inner h3 a:hover{
	color:#ffaa00;
}

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

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

.main-header .outer-box .option-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 #ffaa00;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

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

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

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

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

.main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed li a{
	position:relative;
	color:#ffffff;
	font-weight:500;
	font-size:12px;
	padding:10px 20px 8px;
	border-radius: 2px;
	display:inline-block;
	background-color:#ffaa00;
	border:1px solid #ffaa00;
	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 .outer-box .option-box .cart-box .cart-panel .btns-boxed li a:hover{
	color:#ffaa00;
	background:none;
}

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

.main-header.header-style-two .outer-box .option-box .cart-box{
	margin-top:25px;
}

.main-header.header-style-two .header-lower .search-box-outer{
	margin-top:23px;
	margin-right:20px;
}

/* Search Box Outer */

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

.main-header .header-lower .search-box-btn{
	position:relative;
	top: 0px;
	display:block;
	width:100%;
	font-size:20px;
	color:#ffffff;
	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 .header-lower .search-box-btn:after{
	display:none;
}

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

.main-header .header-lower .search-box-outer .dropdown-menu > li{
	padding:0px;
	border:none;
	margin:0px;
	width:100%;
	background:none;
}

.main-header .header-lower .search-panel .form-container{
	padding:25px 20px;	
}

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

.main-header .header-lower .search-panel input[type="text"],
.main-header .header-lower .search-panel input[type="search"],
.main-header .header-lower .search-panel input[type="password"],
.main-header .header-lower .search-panel select{
	display:block;
	width:100%;
	height:40px;
	color:#000000;
	font-size: 14px;
	line-height:24px;
	background:#ffffff;	
	border:1px solid #e0e0e0;
	padding:7px 40px 7px 15px;
	-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-lower .search-panel input:focus,
.main-header .header-lower .search-panel select:focus{
	border-color:#ffaa00;	
}

.main-header .header-lower .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

.main-header .header-lower .btn-box{
	position:relative;
	float:right;
	top:-1px;
}

.main-header.header-style-three .outer-box{
	padding:0px;
}

/* 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:#2e4c16;
	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 .cart-box{
	position: relative;
	float:left;
	font-size: 26px;
	margin: 32px 0px;
	padding-left: 20px;
	border-left: 1px solid #dde4db;
}

.main-menu .cart-box a{
	position: relative;
	color: #ffaa00;
}

.main-menu .cart-box .number{
	position: absolute;
	right: -15px;
	top: -15px;
	color: #ffaa00;
	font-size: 18px;
}

.main-menu .navbar-collapse{
	padding:0px;
	float: left;
}

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

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right:30px;
	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.dropdown > a{
	padding-right:15px !important;
}

.main-menu .navigation > li.dropdown > a:before{
	font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 0px;
    font-size: 13px;
    line-height: 26px;
}

.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:#ffaa00;
	background-color:inherit !important;
}

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

.main-header .header-upper .upper-right{
	position:relative;
    padding-top: 30px;
	padding-left:80px;
}

.main-header.header-style-three .header-upper .upper-right{
	padding-left:0px;
	padding-top:30px;
}

.main-header.header-style-two .header-upper .upper-right{
	padding-left:0px;
	padding-top:30px;
}

.main-header.header-style-two .header-upper .upper-right .info-outer{
	
}

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

.main-header .header-upper .upper-right .header-lower:after{
	position:absolute;
	content:'';
	left:-68px;
	top:0px;
	height:1px;
	right:-6000px;
	background-color:rgba(255,255,255,0.20);
}

.main-header .header-upper .upper-right:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:10000%;
	height:100%;
	display:block;
	-ms-transform: skewX(50deg);
    -webkit-transform: skewX(50deg);
    transform: skewX(50deg);
    /* border-radius: 100px; */
	background-color:rgba(38, 107, 68, 1);/* (0,72,26,0.8) Utan*/
}

@media only screen and (min-device-width:1280px) and (max-device-width:1366px){
	.main-header .header-upper .upper-right:before{
		height:100%;
		
	}
}

.main-header.header-style-two .header-upper .upper-right:before,
.main-header.header-style-three .header-upper .upper-right:before{
	display:none;
}

.main-header.header-style-three .header-upper{
	background-color:#fff;
	border-top:10px solid #ffaa00;
	padding-bottom:40px;
}

.main-header.header-style-three .header-upper:before{
	position:absolute;
	content:'';
	left:0px;
	top:-10px;
	width:0px;
	height:10px;
	background-color:#2e4c16;
	transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    -webkit-transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
}

.main-header.header-style-three .header-upper:after{
	position:absolute;
	content:'';
	right:0px;
	top:-10px;
	width:0px;
	height:10px;
	background-color:#2e4c16;
	transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    -webkit-transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
}

.main-header.header-style-three:hover .header-upper:before,
.main-header.header-style-three:hover .header-upper:after{
	width:100%;
}

.main-header .header-upper .upper-right .info-outer{
	position:relative;
	padding-bottom:30px;
}

/*Mobile view*/
@media only screen and (min-device-width:320px) and (max-device-width:980px){
	.main-header .header-upper .upper-right .info-outer .upper-column {
	display: none;
}
}

.main-header .info-box{
	position:relative;
	float:left;
	margin-right:30px;
	font-size:14px;
	color:#98b2c4;
	text-align:left;
	text-transform:uppercase;
	padding:10px 0px 0px 50px;
}

.main-header .info-box ul,li{
	list-style: none;
}

.main-header .info-box:last-child{
	/* margin:0px;
	padding:0px;
	float:right; */
}

.main-header .info-box .icon-box{
	position:absolute;
	left:0px;
	top:8px;
	color:#ffaa00;
	font-size:34px;
	line-height:1em;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .info-box li{
	position:relative;
	color:#fff;
	font-size:14px;
	font-weight:400;
	line-height:1.2em;
	text-transform:none;
}

.main-header .info-box li span{
	font-weight:700;
	font-size:18px;
}

.main-header.header-style-two .info-box li{
	color:#777777;
	list-style: none;
}

.main-header.header-style-two .info-box li span{
	color:#2e4c16;
	font-size:20px;
	font-weight:700;
}

.main-header.header-style-two .info-box:last-child{
	padding-left:50px;
}

.main-header .info-box .social-box{
	position:relative;
	padding-top:8px;
}

.main-header .info-box .social-box li{
	position:relative;
	margin-left:2px;
	display:inline-block;
}

.main-header .info-box .social-box li a{
	position:relative;
	width:34px;
	height:34px;
	color:#ffffff;
	font-size:14px;
	line-height:34px;
	text-align:center;
	display:inline-block;
	background-color:#ffaa00;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .info-box .social-box li a span{
	font-size:13px;
}

.main-header .info-box .social-box li a:hover{
	background-color:#2e4c16;
}

.custom-toggler-line {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  background-color: #fff;
  border-radius: 2px;
}

/*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:7px 0px 7px;
}

.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:#ffffff;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	letter-spacing:0px;
	opacity:1;
	font-weight:600;
	padding:22px 0px;
	font-size:14px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-style-three .main-menu .navigation > li > a{
	color:#222222;
}

.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:#ffaa00;
}

.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: #ffffffe6;
	border: 3px solid #ffaa00;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul:before{
	position:absolute;
	content:'';
	left:0px;
	top:-30px;
	width:100%;
	height:30px;
	display:block;
}

.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:400;
	font-size:15px;
	text-transform:capitalize;
	color:#7c7b7b;
	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:#ffaa00;
}

.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;
	border: 3px solid #ffaa00;
	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:400;
	font-size:15px;
	text-transform:capitalize;
	color:#7c7b7b;
	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:#ffaa00;
}

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

/*** 

====================================================================
	Main Slider Banner
====================================================================

***/

.main-slider{
	position:relative;
}

.main-slider .left-title{
	position:absolute;
	left:30px;
	bottom:40px;
	z-index:10;
	color:#cf8a04;
	font-size:18px;
	font-weight:600;
	letter-spacing:6px;
	transform:rotate(-90deg);
	text-transform:uppercase;
	transform-origin: 0% 0%;
}

.main-slider  .auto-container{
	position:relative;
}

.main-slider .social-box{
	position:absolute;
	right:15px;
	bottom:45px;
	z-index:10;
}

.main-slider .social-box a{
	position:relative;
	color:#ffffff;
	font-size:16px;
	margin-left:18px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-slider .social-box a:hover{
	color:#ffaa00;
}

.main-slider .mouse-btn-down{
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:20px;
	width:30px;
	height:68px;
	cursor:pointer;
	display:block;
	background:url(../images/icons/mouse-icon.png) center center no-repeat;
	z-index:20;
}

.main-slider .mouse-btn-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.main-slider .mouse-btn-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.main-slider .slide{
	position:relative;
	padding:430px 0px 200px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.main-slider .slide.style-two{
	padding:200px 0px 210px;
	text-align:center;
}

.main-slider .slide.style-three{
	padding:350px 0px 210px;
	text-align:center;
}

.main-slider .slide.style-two .text,
.main-slider .slide.style-three .text{
	margin:0 auto;
}

.main-slider .title{
	position:relative;
	color:#ffffff;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 24px;
	text-transform: capitalize;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.main-slider .active .title{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 500ms;
}

.main-slider h2{
	position:relative;
	color:#ffaa00;
	font-size:48px;
	font-weight:700;
	line-height:1.1em;
	margin-bottom:20px;
	opacity: 0;
	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;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.main-slider .active h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1000ms;
	background-color: #3333337d;
    width: fit-content;
}

.main-slider .text{
	position:relative;
	color:#ffffff;
	font-size:21px;
	opacity:0;
	line-height: 1.2em;
	font-weight:400;
	max-width: 700px;
	margin-bottom:32px !important;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	background-color: 3333337d;
}

.main-slider .text.alternate{
	color:#1f1f1f;
}

.main-slider .active .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 1500ms;
	background-color: #3333337d;
}

.main-slider .link-box{
	opacity:0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.main-slider .active .link-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition-delay: 2000ms;
}

.main-slider .link-box .theme-btn{
	margin-right:20px;
}

.main-slider .content.centered .theme-btn{
	margin:0px 10px;
}

.main-slider .content.centered .text{
	margin:0 auto;
}

.main-slider .owl-dots{
	position:absolute;
	left:50%;
	bottom:20px;
	display:none;
	margin-left: -30px;
}

.main-slider .owl-dots .owl-dot{
	position:relative;
	width:12px;
	height:12px;
	margin:0px 4px;
	overflow: hidden;
	border-radius: 50px;
	display:inline-block;
	border:1px solid #ffffff;
	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-slider .owl-dots .owl-dot:before{
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50%;
	background-color: #ffffff;
	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-slider .owl-dots .owl-dot.active::before,
.main-slider .owl-dots .owl-dot:hover::before{
	height:100%;
}

.main-slider .owl-nav{
	position:absolute;
	left:0px;
	top:50%;
	z-index:1;
	width:100%;
	margin-top:-10px;
}

.main-slider .owl-nav .owl-prev{
	position:absolute;
	left:40px;
	color:#ffffff;
	font-size:38px;
	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-slider .owl-nav .owl-next{
	position:absolute;
	right:40px;
	color:#ffffff;
	font-size:38px;
	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-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
	color:#ffaa00;
}

/*** 

====================================================================
	Welcome Section
====================================================================

***/

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

.welcome-section .image-column{
	position:relative;
	margin-bottom:40px;
}

.welcome-section .image-column .inner-column{
	position:relative;
	padding-left:30px;
}

.welcome-section .image-column .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-30px;
	width:420px;
	height:540px;
	border:2px solid #d7d7d7;
}

.welcome-section .image-column .inner-column .image{
	position:relative;
}

.welcome-section .image-column .inner-column .image img{
	width:100%;
	display:block;
}

.welcome-section .content-column{
	position:relative;
}

.welcome-section .content-column .inner-column{
	position:relative;
}

.welcome-section .content-column .inner-column .text{
	position:relative;
	color:#777777;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:45px;
}

.welcome-section .content-column .inner-column .counter-box{
	position:relative;
	margin-left:-70px;
	padding:35px 0px 10px;
	padding-left:80px;
	margin-top:70px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

/* Fact Counter */

.fact-counter{
	position:relative;
}

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

.fact-counter .column .inner{
	position:relative;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fact-counter .count-outer{
	position:relative;
	margin:0px 0px;
	font-weight:700;
	color:#222222;
	font-size:30px;
}

.fact-counter .count-outer .count-text{
	position:relative;
	font-weight:700;
	color:#222222;
	font-size:30px;
	margin-top:14px;
	display:inline-block;
}

.fact-counter .column .counter-title{
	position:relative;
	font-size:16px;
	font-weight:600;
	color:#666666;
	display:block;
	letter-spacing:1px;
	text-transform:capitalize;
}

.fact-counter.style-two .column .inner{
	padding-left:90px;
}

.fact-counter.style-two .column .inner .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	color:#ffaa00;
	font-size:60px;
	line-height:1em;
}

/*** 

====================================================================
	Apps Section
====================================================================

***/

.apps-section{
	position:relative;
	padding:100px 0px 70px;
	background-color:#f5f5f5;
}

.apps-block{
	position:relative;
	margin-bottom:30px;
}

.apps-block .inner-box{
	position:relative;
	overflow:hidden;
}

.apps-block .inner-box .image{
	position:relative;
	overflow:hidden;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.apps-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.apps-block .inner-box:hover .image img{
	transform:scale(1.2,1.2);
}

.apps-block .inner-box .lower-content{
	position:relative;
	padding:22px 25px;
	border:1px solid #dddddd;
	border-top:none;
}

.apps-block .inner-box .lower-content h3{
	position:relative;
	color:#2e4c16;
	z-index:1;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.apps-block .inner-box .lower-content h3 a{
	position:relative;
	color:#2e4c16;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.apps-block .inner-box:hover .lower-content .text,
.apps-block .inner-box:hover .lower-content h3 a{
	color:#ffffff;
}

.apps-block .inner-box .lower-content .text{
	position:relative;
	color:#777777;
	z-index:1;
	font-size:15px;
	line-height:1.8em;
	margin-top:10px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.apps-block .inner-box .lower-content .upper-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50%;
}

.apps-block .inner-box .lower-content .upper-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:50%;
	background-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;
}

.apps-block .inner-box .lower-content .upper-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:50%;
	background-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;
}

.apps-block .inner-box:hover .lower-content .upper-layer:before,
.apps-block .inner-box:hover .lower-content .upper-layer:after{
	width:100%;
}

.apps-block .inner-box .lower-content .lower-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50%;
}

.apps-block .inner-box .lower-content .lower-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:50%;
	background-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;
}

.apps-block .inner-box .lower-content .lower-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:50%;
	background-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;
}

.apps-block .inner-box:hover .lower-content .lower-layer:before,
.apps-block .inner-box:hover .lower-content .lower-layer:after{
	width:100%;
}

/* apps Block Two */

.apps-block-two{
	position:relative;
	margin-bottom:30px;
}

.apps-block-two .inner-box{
	position:relative;
	padding:22px 25px;
	min-height:140px;
	padding-right:140px;
	border:1px solid #dddddd;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.apps-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:1px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.apps-block-two .inner-box:hover::before{
	height:100%;
}

.apps-block-two .inner-box h3{
	position:relative;
	color:#2e4c16;
	z-index:1;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.apps-block-two .inner-box h3 a{
	position:relative;
	color:#2e4c16;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.apps-block-two .inner-box h3 a:hover{
	color:#ffaa00;
}

.apps-block-two .inner-box .text{
	position:relative;
	color:#777777;
	z-index:1;
	font-size:15px;
	line-height:1.8em;
	margin-top:10px;
}

.apps-block-two .inner-box .image{
	position: absolute;
	right:0px;
	top:0px;
	overflow:hidden;
	width:140px;
	height:140px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.apps-block-two .inner-box:hover{
	box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding:100px 0px 70px;
	background-color:#f5f5f5;
}

.services-block{
	position:relative;
	margin-bottom:30px;
}

.services-block .inner-box{
	position:relative;
	overflow:hidden;
}

.services-block .inner-box .image{
	position:relative;
	overflow:hidden;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box:hover .image img{
	transform:scale(1.2,1.2);
}

.services-block .inner-box .lower-content{
	position:relative;
	padding:22px 25px;
	border:1px solid #dddddd;
	border-top:none;
}

.services-block .inner-box .lower-content h3{
	position:relative;
	color:#2e4c16;
	z-index:1;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.services-block .inner-box .lower-content h3 a{
	position:relative;
	color:#2e4c16;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box:hover .lower-content .text,
.services-block .inner-box:hover .lower-content h3 a{
	color:#ffffff;
}

.services-block .inner-box .lower-content .text{
	position:relative;
	color:#777777;
	z-index:1;
	font-size:15px;
	line-height:1.8em;
	margin-top:10px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box .lower-content .upper-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50%;
}

.services-block .inner-box .lower-content .upper-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:50%;
	background-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;
}

.services-block .inner-box .lower-content .upper-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:50%;
	background-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;
}

.services-block .inner-box:hover .lower-content .upper-layer:before,
.services-block .inner-box:hover .lower-content .upper-layer:after{
	width:100%;
}

.services-block .inner-box .lower-content .lower-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50%;
}

.services-block .inner-box .lower-content .lower-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:50%;
	background-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;
}

.services-block .inner-box .lower-content .lower-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:50%;
	background-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;
}

.services-block .inner-box:hover .lower-content .lower-layer:before,
.services-block .inner-box:hover .lower-content .lower-layer:after{
	width:100%;
}

/* Inner-Box2*/

.services-block .inner-box2{
	position:relative;
	overflow:hidden;
	background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 30px 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.services-block .inner-box2 .image{
	position:relative;
	overflow:hidden;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box2 .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box2:hover .image img{
	transform:scale(1.2,1.2);
}

.services-block .inner-box2 .lower-content{
	position:relative;
	padding:22px 25px;
	border:1px solid #dddddd;
	border-top:none;
}

.services-block .inner-box2 .lower-content h3{
	position:relative;
	color:#2e4c16;
	z-index:1;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.services-block .inner-box2 .lower-content h3 a{
	position:relative;
	color:#2e4c16;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box2:hover .lower-content .text,
.services-block .inner-box2:hover .lower-content h3 a{
	color:#f09626;
}

.services-block .inner-box2 .lower-content .text{
	position:relative;
	color:#777777;
	z-index:1;
	font-size:15px;
	line-height:1.8em;
	margin-top:10px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block .inner-box2 .lower-content .upper-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50%;
}

.services-block .inner-box2 .lower-content .upper-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:50%;
	background-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;
}

.services-block .inner-box2 .lower-content .upper-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:50%;
	background-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;
}

.services-block .inner-box2:hover .lower-content .upper-layer:before,
.services-block .inner-box2:hover .lower-content .upper-layer:after{
	width:100%;
}

.services-block .inner-box2 .lower-content .lower-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:50%;
}

.services-block .inner-box2 .lower-content .lower-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:50%;
	background-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;
}

.services-block .inner-box2 .lower-content .lower-layer:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:50%;
	background-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;
}

.services-block .inner-box2:hover .lower-content .lower-layer:before,
.services-block .inner-box2:hover .lower-content .lower-layer:after{
	width:100%;
}

.services-block .image {
    margin-bottom: 20px;
}

.services-block .image img {
    width: 100px;
    height: auto;
    transition: transform 0.3s ease;
}

.services-block .inner-box2:hover .image img {
    transform: scale(1.05);
}

.services-block .lower-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.services-block .lower-content h3 a {
    color: #1e2b38;
    text-decoration: none;
}

.services-block .lower-content h3 a:hover {
    color: #00834c; /* warna hijau PPKK */
}

/* Services Block Two */

.services-block-two{
	position:relative;
	margin-bottom:30px;
}

.services-block-two .inner-box{
	position:relative;
	padding:22px 25px;
	min-height:140px;
	padding-right:140px;
	border:1px solid #dddddd;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-two .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:1px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-two .inner-box:hover::before{
	height:100%;
}

.services-block-two .inner-box h3{
	position:relative;
	color:#2e4c16;
	z-index:1;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.services-block-two .inner-box h3 a{
	position:relative;
	color:#2e4c16;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-two .inner-box h3 a:hover{
	color:#ffaa00;
}

.services-block-two .inner-box .text{
	position:relative;
	color:#777777;
	z-index:1;
	font-size:15px;
	line-height:1.8em;
	margin-top:10px;
}

.services-block-two .inner-box .image{
	position: absolute;
	right:0px;
	top:0px;
	overflow:hidden;
	width:140px;
	height:140px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-two .inner-box:hover{
	box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}

/*** 

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

***/

.call-to-action-section{
	position:relative;
	text-align:center;
	padding:100px 0px 100px;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

.call-to-action-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,0,0.80);
}

.call-to-action-section h2{
	position:relative;
	color:#ffffff;
	font-size:48px;
	line-height:1.2em;
}

.call-to-action-section .text{
	position:relative;
	font-size:16px;
	color:#ffffff;
	line-height:1.8em;
	margin-top:22px;
	margin-bottom:32px;
}

/*** 

====================================================================
	Chart Section
====================================================================

***/

.chart-section{
	position:relative;
	text-align:center;
	padding:100px 0px 100px;
	background-size:cover;
}

.chart-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(255, 255, 255, 0.8);
}

.chart-section h2{
	position:relative;
	color:#ffffff;
	font-size:48px;
	line-height:1.2em;
}

.chart-section .text{
	position:relative;
	font-size:16px;
	color:#ffffff;
	line-height:1.8em;
	margin-top:22px;
	margin-bottom:32px;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.project-section{
	position:relative;
	padding:90px 0px 70px;
}

.project-section .owl-carousel .owl-stage-outer{
	padding:15px 0px 0px;
}

.project-section .owl-dots{
	display:none;
}

.project-section .owl-nav{
    position: absolute;
    right: 0px;
    top: -80px;
    z-index: 99;
}

.project-section .owl-prev, 
.project-section .owl-next{
    position: relative;
    height: 38px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
	color: #222222; 
	margin-left:10px;
	background: #ffaa00;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-section .owl-prev:hover, 
.project-section .owl-next:hover{
	color: #ffffff;
	border-color:#222222;
	background-color:#222222;
}

.project-block{
	position:relative;
	margin-bottom:40px;
}

.project-block .inner-box{
	position:relative;
}

.project-block .inner-box .image{
	position:relative;
}

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

.project-block .inner-box .image .overlay-box{
	position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    top: 10px;
    z-index: 2;
	opacity: 0;
    display: block;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
}

.project-block .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	display:block;
	opacity:0;
	text-align:center;
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(-90deg);
    -moz-transform: perspective(400px) rotateY(-90deg);
    -ms-transform: perspective(400px) rotateY(-90deg);
    -o-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	background-color: rgba(34,34,34,0.90);
}

.project-block .inner-box:hover .image .overlay-box:before{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.project-block .inner-box .image .overlay-box:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	display:block;
	opacity:0;
	text-align:center;
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: right;
    -o-transform-origin: left;
    transform-origin: left;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	background-color: rgba(34,34,34,0.90);
}

.project-block .inner-box:hover .image .overlay-box:after{
	opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.project-block .inner-box:hover .image .overlay-box{
	opacity: 1;
}

.project-block .inner-box .image .overlay-box .icons{
	position:absolute;
	right:15px;
	left:15px;
	bottom:15px;
	top:15px;
	z-index:1;
}

.project-block .inner-box .image .overlay-box .icons .plus{
	position:absolute;
	right:0px;
	top:0px;
	z-index:1;
	width:30px;
	height:30px;
	color:#000000;
	font-size:14px;
	text-align:center;
	line-height:30px;
	font-weight:600;
	display:inline-block;
	background-color:#ffaa00;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block .inner-box .image .overlay-box .icons .link{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:1;
	width:30px;
	height:30px;
	color:#000000;
	font-size:14px;
	text-align:center;
	line-height:30px;
	font-weight:600;
	display:inline-block;
	background-color:#ffaa00;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block .inner-box .image .overlay-box .icons .plus:hover,
.project-block .inner-box .image .overlay-box .icons .link:hover{
	background-color:#ffffff;
}

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

.project-block .inner-box .image .overlay-box .overlay-inner .overlay-content{
    position: relative;
	text-align:center;
    display: table-cell;
    vertical-align: middle;
}

.project-block .inner-box .image h3{
	position:relative;
	font-size:20px;
	color:#ffffff;
	z-index:1;
	font-weight:700;
	line-height:1.3em;
}

.project-block .inner-box .image h3 a{
	position:relative;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block .inner-box .image h3 a:hover{
	color:#ffb200;
}

.project-block .inner-box .image .category{
	position:relative;
	color:#ffb200;
	font-size:14px;
	margin-top:4px;
	z-index:1;
}

/*** 

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

***/

.call-to-action-section-two{
	position:relative;
	padding:50px 0px;
	background-repeat:repeat;
	background-attachment:fixed;
}

.call-to-action-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(250,170,0,0.90);
}

.call-to-action-section-two h2{
	position:relative;
	color:#222222;
	font-size:24px;
	font-weight:600;
	margin-top:8px;
	text-transform:capitalize;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

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

.team-section .auto-container{
	position:relative;
}

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

.team-section .title-column .inner-column{
	position:relative;
	margin-bottom:40px;
}

.team-section .title-column .inner-column .sec-title{
	position:relative;
	margin-bottom:30px;
}

.team-section .title-column .inner-column .text{
	position:relative;
	color:#777777;
	font-size:15px;
	line-height:1.8em;
}

.team-section .carousel-column{
	position:static;
}

.team-section .carousel-column .inner-column{
	position:static;
}

.team-section .carousel-column .inner-column .owl-carousel{
	position:static;
}

.team-section .carousel-column .inner-column .owl-carousel .owl-stage-outer{
	position:static;
}

.team-section .carousel-column .owl-dots{
	display:none;
}

.team-section .carousel-column .owl-nav{
	position:absolute;
	left:15px;
	bottom:160px;
}

.team-section .carousel-column .owl-nav .owl-prev,
.team-section .carousel-column .owl-nav .owl-next{
	position: relative;
    height: 38px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
	color: #222222; 
	margin-right:10px;
	background: #ffaa00;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.team-section .carousel-column .owl-nav .owl-prev:hover, 
.team-section .carousel-column .owl-nav .owl-next:hover{
	color: #ffffff;
	border-color:#222222;
	background-color:#222222;
}

/* Team Block */

.team-block{
	position:relative;
	margin-bottom:40px;
}

.team-block .inner-box{
	position:relative;
	overflow:hidden;
}

.team-block .inner-box .border-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:2px;
	z-index:1;
	background-color:#2e4c16;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box .border-one:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:2px;
	height:0px;
	z-index:1;
	background-color:#2e4c16;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box:hover .border-one:before{
	width:100%;
}

.team-block .inner-box:hover .border-one:after{
	height:100%;
}

.team-block .inner-box .border-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:2px;
	height:0px;
	z-index:1;
	background-color:#2e4c16;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box .border-two:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:2px;
	z-index:1;
	background-color:#2e4c16;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.team-block .inner-box:hover .border-two:before{
	height:100%;
}

.team-block .inner-box:hover .border-two:after{
	width:100%;
}

.team-block .inner-box .image{
	position:relative;
	text-align:center;
	overflow:hidden;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
}

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

.team-block .inner-box .image .social-icons{
	position:absolute;
	left:0px;
	right:0px;
	bottom:-80px;
	z-index:1;
	padding:14px 10px;
	border-radius:0px 0px 0px 0px;
	background-color:#2e4c16;
	display:inline-block;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
}

.team-block .inner-box .image .social-icons li{
	position:relative;
	margin:0px 8px;
	display:inline-block;
}

.team-block .inner-box .image .social-icons li a{
	position:relative;
	color:#ffffff;
	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;
}

.team-block .inner-box .image .social-icons li a:hover{
	color:#ffaa00;
}

.team-block .inner-box:hover .social-icons{
	bottom:0px;
}

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

.team-block .inner-box .lower-box h3{
	position:relative;
	color:#222222;
	font-size:20px;
	font-weight:700;
	line-height:1.4em;
	text-transform:capitalize;
}

.team-block .inner-box .lower-box h3 a{
	color:#222222;
	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;
}

.team-block .inner-box .lower-box h3 a:hover{
	color:#ffaa00;
}

.team-block .inner-box .lower-box .designation{
	position:relative;
	color:#777777;
	font-size:14px;
	margin-top:2px;
}

.team-block.style-two .inner-box{
	box-shadow:0px 1px 0px rgba(0,0,0,0.10);
}

/*** 

====================================================================
	Formulir Section
====================================================================

***/

.formulir-section{
	position:relative;
	/* padding:100px 0px 60px; */
}

.formulir-section .auto-container{
	position:relative;
}

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

.formulir-section .title-column .inner-column{
	position:relative;
	margin-bottom:40px;
}

.formulir-section .title-column .inner-column .sec-title{
	position:relative;
	margin-bottom:30px;
}

.formulir-section .title-column .inner-column .text{
	position:relative;
	color:#777777;
	font-size:15px;
	line-height:1.8em;
}

.formulir-section .carousel-column{
	position:static;
}

.formulir-section .carousel-column .inner-column{
	position:static;
}

.formulir-section .carousel-column .inner-column .owl-carousel{
	position:static;
}

.formulir-section .carousel-column .inner-column .owl-carousel .owl-stage-outer{
	position:static;
}

.formulir-section .carousel-column .owl-dots{
	display:none;
}

.formulir-section .carousel-column .owl-nav{
	position:absolute;
	left:15px;
	bottom:160px;
}

.formulir-section .carousel-column .owl-nav .owl-prev,
.formulir-section .carousel-column .owl-nav .owl-next{
	position: relative;
    height: 38px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
	color: #222222; 
	margin-right:10px;
	background: #ffaa00;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.formulir-section .carousel-column .owl-nav .owl-prev:hover, 
.formulir-section .carousel-column .owl-nav .owl-next:hover{
	color: #ffffff;
	border-color:#222222;
	background-color:#222222;
}

/* Team Block */

.formulir-block{
	position:relative;
	margin-bottom:40px;
}

.formulir-block .inner-box{
	position:relative;
	overflow:hidden;
}

.formulir-block .inner-box .border-one:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:2px;
	z-index:1;
	background-color:#00481a;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.formulir-block .inner-box .border-one:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:2px;
	height:0px;
	z-index:1;
	background-color:#00481a;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.formulir-block .inner-box:hover .border-one:before{
	width:100%;
}

.formulir-block .inner-box:hover .border-one:after{
	height:100%;
}

.formulir-block .inner-box .border-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:2px;
	height:0px;
	z-index:1;
	background-color:#00481a;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.formulir-block .inner-box .border-two:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:2px;
	z-index:1;
	background-color:#00481a;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.formulir-block .inner-box:hover .border-two:before{
	height:100%;
}

.formulir-block .inner-box:hover .border-two:after{
	width:100%;
}

.formulir-block .inner-box .image{
	position:relative;
	text-align:center;
	overflow:hidden;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
}

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

.formulir-block .inner-box .image .social-icons{
	position:absolute;
	left:0px;
	right:0px;
	bottom:-80px;
	z-index:1;
	padding:14px 10px;
	border-radius:0px 0px 0px 0px;
	background-color:#00481a;
	display:inline-block;
	transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
}

.formulir-block .inner-box .image .social-icons li{
	position:relative;
	margin:0px 8px;
	display:inline-block;
}

.formulir-block .inner-box .image .social-icons li a{
	position:relative;
	color:#ffffff;
	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;
}

.formulir-block .inner-box .image .social-icons li a:hover{
	color:#ffaa00;
}

.formulir-block .inner-box:hover .social-icons{
	bottom:0px;
}

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

.formulir-block .inner-box .lower-box h3{
	position:relative;
	color:#222222;
	font-size:20px;
	font-weight:700;
	line-height:1.4em;
	text-transform:capitalize;
}

.formulir-block .inner-box .lower-box h3 a{
	color:#222222;
	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;
}

.formulir-block .inner-box .lower-box h3 a:hover{
	color:#ffaa00;
}

.formulir-block .inner-box .lower-box .designation{
	position:relative;
	color:#777777;
	font-size:14px;
	margin-top:2px;
}

.formulir-block.style-two .inner-box{
	box-shadow:0px 1px 0px rgba(0,0,0,0.10);
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

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

.testimonial-section .auto-container{
	max-width:900px;
	margin:0 auto;
}

.testimonial-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:30%;
	height:100%;
	display:block;
	background-color:#f5f5f5;
}

.testimonial-section .owl-dots{
	position:absolute;
	right:-60px;
	top:50%;
	margin-top:-50px;
	text-align:right;
}

.testimonial-section .owl-dots .owl-dot{
	position:relative;
	margin-bottom:8px;
	width:12px;
	height:3px;
	background-color:#222222;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-section .owl-dots .owl-dot.active{
	width:20px;
	background-color:#ffaa00;
}

.testimonial-section .owl-nav{
    position: relative;
	margin-top:30px;
}

.testimonial-section .owl-nav .owl-prev, 
.testimonial-section .owl-nav .owl-next{
    position: relative;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
	color: #222222; 
	margin-right:10px;
	background: #ffaa00;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-section .owl-nav .owl-prev:hover, 
.testimonial-section .owl-nav .owl-next:hover{
	color: #ffffff;
	border-color:#222222;
	background-color:#222222;
}

/* Testimonial Block */

.testimonial-block{
	position:relative;
}

.testimonial-block .inner-box{
	position:relative;
	padding-top:25px;
	padding-left:230px;
	min-height:178px;
}

.testimonial-block .inner-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:170px;
	height:178px;
}

.testimonial-block .inner-box .image .quote-icon{
	position:absolute;
	right:0px;
	top:0px;
	width:36px;
	height:36px;
	line-height:36px;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	display:inline-block;
	background-color:#2e4c16;
}

.testimonial-block .inner-box h3{
	position:relative;
	color:#222222;
	font-weight:600;
	line-height:1.3em;
}

.testimonial-block .inner-box .text{
	position:relative;
	color:#777777;
	font-size:15px;
	font-weight:400;
	line-height:1.8em;
	margin-top:12px;
}

/*** 

====================================================================
	Layanan Section
====================================================================

***/

.layanan-section{
	position:relative;
}

.layanan-section .outer-container{
	position:relative;
}

.layanan-section .news-column{
	position: absolute;
    left: 0px;
    top: 0px;
	width:55%;
	height:100%;
	float:left;
	background-color: gainsboro;
}

.layanan-section .news-column .inner-column{
	position:relative;
	max-width:600px;
	margin:0 auto;
	width:100%;
	display:block;
	padding:100px 15px 100px;
}

.layanan-section .form-column{
	position:relative;
	float:right;
	width:45%;
	background-size:cover;
	background-repeat:no-repeat;
}

.layanan-section .form-column .inner-column{
	position:relative;
	max-width:550px;
	width:100%;
	padding:110px 15px 100px 60px;
}

.layanan-section .form-column .inner-column .text{
	color: #fff;
}

.layanan-section .form-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(44, 44, 44, 0.8);
}

/*** 

====================================================================
	Split Section
====================================================================

***/

.split-section{
	position:relative;
}

.split-section .outer-container{
	position:relative;
}

.split-section .event-column{
	position: absolute;
    left: 0px;
    top: 0px;
	width:55%;
	height:100%;
	float:left;
	background-color: #40b2b2 ;
}

.split-section .event-column h2,p {
	color: #333;
}

.split-section .event-column .inner-column{
	position:relative;
	max-width:600px;
	margin:0 auto;
	width:100%;
	display:block;
	padding:100px 15px 100px;
}

.split-section .form-column{
	position:relative;
	float:right;
	width:45%;
	background-size:cover;
	background-repeat:no-repeat;
}

.split-section .form-column .inner-column{
	position:relative;
	max-width:550px;
	width:100%;
	padding:110px 15px 100px 60px;
}

.split-section .form-column .inner-column .text{
	color: #fff;
}

.split-section .form-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(44, 44, 44, 0.8);
}

.split-section .content-column .column-event li {
	color: #fff;
}

.split-section .column-inner {
	padding-bottom: 20px;
}

/*** 

====================================================================
	Default Section
====================================================================

***/

.default-section{
	position:relative;
}

.default-section .outer-container{
	position:relative;
}

.default-section .news-column{
	position: absolute;
    left: 0px;
    top: 0px;
	width:55%;
	height:100%;
	float:left;
	background-color: #272727;
}

.default-section .news-column .inner-column{
	position:relative;
	max-width:600px;
	margin:0 auto;
	width:100%;
	display:block;
	padding:100px 15px 100px;
}

.default-section .form-column{
	position:relative;
	float:right;
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
}

.default-section .form-column .inner-column{
	position:relative;
	max-width:550px;
	width:100%;
	padding:110px 15px 100px 60px;
}

.default-section .form-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(38,38,38,1);/*(0,72,26,0.80)*/
}

/* News Block */

.news-block{
	position:relative;
	margin-bottom:30px;
}

.news-block .inner-box{
	position:relative;
}

.news-block .inner-box .image-column{
	position:relative;
}

.news-block .inner-box .image-column .column-inner{
	position:relative;
}

.news-block .inner-box .image-column .column-inner .image{
	position:relative;
}

.news-block .inner-box .image-column .column-inner .image .image-layer{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	background-size:cover;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.news-block .inner-box .image-column .column-inner .image .image-layer .overlay-link{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	width:100%;
	height:100%;
	display:block;
}

.news-block .inner-box:hover .image-column .column-inner .image .image-layer{
	width:100%;
	height:100%;
	display:block;
}

.news-block .inner-box .image-column .column-inner .image .image-layer2{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	background-size:cover;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -webkit-filter: drop-shadow(2px 4px 6px black);
    filter: drop-shadow(2px 4px 6px black);
}

.news-block .inner-box .image-column .column-inner .image .image-layer2 .overlay-link{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	width:100%;
	height:100%;
	display:block;
}

.news-block .inner-box:hover .image-column .column-inner .image .image-layer2{
	width:100%;
	height:100%;
	display:block;
}

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

.news-block .inner-box .content-column{
	position:relative;
}

.news-block .inner-box .content-column .inner-column{
	position:relative;
}

.news-block .inner-box .content-column .post-info{
	position:relative;
}

.news-block .inner-box .content-column .post-info li{
	position:relative;
	color:#333;
	font-size:13px;
	margin-right:15px;
	display:inline-block;
}

.news-block .inner-box .content-column .post-info li:last-child{
	margin-right:0px;
}

.news-block .inner-box .content-column .column-inner h3{
	position:relative;
	color:#2e4c16;
	font-size:22px;
	font-weight:700;
	line-height:1.4em;
	margin-top:10px;
}

.news-block .inner-box .content-column .column-inner h3 a{
	position:relative;
	color:#111;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block .inner-box:hover .content-column .column-inner h3 a{
	color:#ffaa00;
}

.news-block .inner-box .content-column .column-inner .text{
	position:relative;
	color:#777777;
	font-size:14px;
	margin-top:8px;
}

.news-block .inner-box .content-column .post-youtube{
	position:relative;
}

.news-block .inner-box .content-column .post-youtube li{
	position:relative;
	color:#fff;
	font-size:13px;
	margin-right:15px;
	display:inline-block;
}

.news-block .inner-box .content-column .post-youtube li:last-child{
	margin-right:0px;
}

.news-block .inner-box .content-column .column-youtube h3{
	position:relative;
	color:#2e4c16;
	font-size:22px;
	font-weight:700;
	line-height:1.4em;
	margin-top:10px;
}

.news-block .inner-box .content-column .column-youtube h3 a{
	position:relative;
	color:#fff;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block .inner-box:hover .content-column .column-youtube h3 a{
	color:#ffaa00;
}

.news-block .inner-box .content-column .column-youtube .text{
	position:relative;
	color:#777777;
	font-size:14px;
	margin-top:8px;
}

/****column-inner2****/
.news-block .inner-box .content-column .column-inner2 h3{
	position:relative;
	color:#2e4c16;/*00481a Utan*/
	font-size:20px;
	font-weight:700;
	line-height:1.4em;
	margin-top:10px;
}

.news-block .inner-box .content-column .column-inner2 h3 a{
	position:relative;
	color:#266a43;/*00481a Utan*/
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
	
	-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

.news-block .inner-box:hover .content-column .column-inner2 h3 a{
	color:#ffaa00;
}

.news-block .inner-box .content-column .column-inner2 .text{
	position:relative;
	color:#777777;
	font-size:14px;
	margin-top:8px;
}

/*** 

====================================================================
	Quote Form
====================================================================

 ***/

.quote-form{
	position:relative;
}

.quote-form .form-group{
	position:relative;
	margin-bottom:25px;
}

.quote-form .form-group input[type="text"],
.quote-form .form-group input[type="tel"],
.quote-form .form-group input[type="email"],
.quote-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 0px;
	color:#ffffff;
	height:50px;
	font-size:14px;
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.50);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.quote-form .form-group input[type="text"]:focus,
.quote-form .form-group input[type="tel"]:focus,
.quote-form .form-group input[type="email"]:focus,
.quote-form .form-group textarea:focus{
	border-color:#ffaa00;
}

.quote-form .form-group textarea::-webkit-input-placeholder,
.quote-form .form-group input::-webkit-input-placeholder{
	color:rgba(255,255,255,0.80);
}

.quote-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:15px 0px;
	color:#ffffff;
	height:125px;
	resize:none;
	font-size:14px;
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.50);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.quote-form .form-group .btn-detail{
	position:relative;
	text-align:center;
	margin-left:30px;
	color:#ffffff;
	display:inline-block;
}

.quote-form button{
	cursor: pointer;
	margin-top:20px;
	font-size: 16px;
	text-transform: capitalize;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-size:15px;
	font-style:normal;
	height:50px;
	padding:10px 0px;
	line-height:28px;
	color:#ffffff;
	border: none;
	border-radius:0px;
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:2px;
	text-indent:0px;
	color:#333333;	
}

.form-group .ui-button .ui-icon:before{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#ffffff;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
}

.ui-widget.ui-widget-content{
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.ui-menu .ui-menu-item{
	font-size:14px;
	border-bottom:1px solid rgba(255,255,255,0.50);
}

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

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

.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:#ffaa00;
}

/*** 

====================================================================
	Sponsors Section
====================================================================

***/

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

.sponsors-section .sponsors-outer{
	position:relative;
}

.sponsors-section .sponsors-outer .owl-dots,
.sponsors-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.sponsors-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	border:1px solid #f2f2f2;
	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;
}

.sponsors-section .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	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;
}

.sponsors-section .sponsors-outer .image-box:hover{
	border-color:#ffaa00;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	padding:90px 0px 0px;
	/* background-color:#050404; */
}

.main-footer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(15,15,15);
}

.main-footer .footer-widget{
	position:relative;
	margin-bottom:40px;
}

.main-footer .widgets-section{
	position:relative;
	padding-bottom:40px;
}

.main-footer .footer-widget h2{
	position:relative;
	font-size:20px;
	font-weight:400;
	color:#ffffff;
	line-height:1.2em;
	margin-bottom:30px;
	margin-top:25px;
	padding-bottom:18px;
	text-transform:capitalize;
}

.main-footer .footer-widget h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:3px;
	width:35px;
	background-color:#ffaa00;
}

.main-footer .logo-widget .logo{
	position:relative;
	margin-bottom:20px;
}

.main-footer .logo-widget .text{
	position:relative;
	color:#bbbbbb;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:25px;
}

.main-footer .logo-widget .text a{
	position:relative;
	color:#ffaa00;
}

.main-footer .list{
	position:relative;
}

.main-footer .list li{
	position:relative;
	margin-bottom:14px;
}

.main-footer .list li a{
	position:relative;
	color:#bbbbbb;
	font-size:16px;
	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;
}

.main-footer .list li a:hover{
	color:#ffaa00;
}

.main-footer .news-widget .owl-dots{
	display:none;
}

.main-footer .news-widget .owl-nav{
	position:absolute;
	right:0px;
	top:-70px;
}

.main-footer .news-widget .owl-nav .owl-prev,
.main-footer .news-widget .owl-nav .owl-next{
	position:relative;
	margin-left:24px;
	color:#bbbbbb;
	font-size:28px;
	display:inline-block;
}

/*News Widget Block*/

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

.news-widget-block:last-child{
	margin-bottom:0px;
}

.news-widget-block:last-child{
	margin-bottom:0px;
}

.news-widget-block .widget-inner{
	position:relative;
	padding-left:120px;
	min-height:90px;
	padding-top:4px;
}

.news-widget-block .widget-inner .image{
	position:absolute;
	left:0px;
	top:0px;
	width:90px;
	height:0px;
}

.news-widget-block .widget-inner .post-date{
	position:relative;
	color:#bbbbbb;
	font-size:14px;
	font-weight:400;
	margin-bottom:5px;
}

.news-widget-block .widget-inner h3{
	position:relative;
	color:#ffffff;
	font-size:18px;
	line-height:1.6em;
	font-weight:400;
}

.news-widget-block .widget-inner h3 a{
	position:relative;
	color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-widget-block .widget-inner h3 a:hover{
	color:#fbb908;
}

/* Footer Bottom */

.main-footer .footer-bottom{
	position:relative;
	padding:18px 0px;
	background-color:#222222;
}

.main-footer .footer-bottom .copyright{
	position:relative;
	color:#ffffff;
	margin-top:2px;
}

.main-footer .footer-bottom .copyright a{
	color:#ffaa00;
}

.main-footer .footer-bottom .footer-nav{
	position:relative;
	text-align:right;
}

.main-footer .footer-bottom .footer-nav li{
	position:relative;
	margin-left:15px;
	display:inline-block;
}

.main-footer .footer-bottom .footer-nav li a{
	position:relative;
	color:#ffffff;
	font-size:16px;
	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-footer .footer-bottom .footer-nav li a:hover{
	color:#ffaa00;
}

.main-footer.style-two{
	background-color:#ffffff;
}

.main-footer.style-two:before{
	display:none;
}

.main-footer.style-two .footer-widget h2{
	color:#2e4c16;
}

.main-footer.style-two .list li a,
.main-footer.style-two .list-style-one li,
.main-footer.style-two .logo-widget .text,
.main-footer.style-two .news-widget-block .widget-inner .post-date{
	color:#777777;
}

.main-footer.style-two .news-widget-block .widget-inner h3 a{
	color:#222222;
}

.main-footer.style-two .footer-bottom{
	background-color:#2e4c16;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	padding:100px 0px 70px;
}

.services-section-two .title-column{
	position:relative;
}

.services-section-two .title-column .inner-column{
	position:relative;
	margin-bottom:25px;
}

.services-section-two .title-column .inner-column .sec-title{
	position:relative;
	margin-bottom:25px;
}

.services-section-two .title-column .inner-column .text{
	position:relative;
	color:#777777;
	font-size:14px;
	line-height:2em;
}

.services-section-two .title-column .inner-column .read-more{
	position: relative;
    color: #ffaa00;
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
    display: inline-block;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

/* Services Block Three */

.services-block-three{
	position:relative;
	margin-bottom:30px;
}

.services-block-three .inner-box{
	position:relative;
	padding:30px 35px;
	background-color:#f5f5f5;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-three .inner-box:before{
	position:absolute;
	content:'';
	width:0px;
	height:0px;
	left:0px;
	top:0px;
	transform:scale(0,0);
	-moz-transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	background-color:#222222;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.services-block-three .inner-box:hover::before{
	width:100%;
	height:100%;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
}

.services-block-three .inner-box .upper-box{
	position:relative;
	padding-left:40px;
}

.services-block-three .inner-box .upper-box .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#2e4c16;
	font-size:24px;
	line-height:1em;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-three .inner-box .upper-box h6{
	position:relative;
	color:#333333;
	font-weight:700;
	line-height:1.3em;
	padding-top:3px;
}

.services-block-three .inner-box .upper-box h6 a{
	position:relative;
	color:#333333;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-three .inner-box:hover .text,
.services-block-three .inner-box:hover .upper-box .icon,
.services-block-three .inner-box:hover .upper-box h6 a{
	color:#ffffff;
}

.services-block-three .inner-box .text{
	position:relative;
	color:#777777;
	font-size:14px;
	line-height:1.8em;
	margin-top:22px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-three .inner-box .read-more{
	position:relative;
	color:#ffaa00;
	font-size:14px;
	font-weight:700;
	margin-top:15px;
	display:inline-block;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

/*** 

====================================================================
	Choice Section
====================================================================

***/

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

.choice-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:25%;
	height:100%;
	display:block;
	background-color:#266a43;/*00481a Utan*/
}

.choice-section:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:120px;
	height:100%;
	display:block;
	/* background:url(../images/background/pattern-1.png) no-repeat; */
}

.choice-section .image-column{
	position:relative;
}

.choice-section .image-column .inner-column{
	position:relative;
}

.choice-section .image-column .inner-column .image{
	position:relative;
	z-index:1;
}

.choice-section .image-column .inner-column .image:before{
	position:absolute;
	content:'';
	left:-60px;
	top:50px;
	bottom:50px;
	width:100px;
	border:10px solid rgba(255,255,255,0.15);
}

.choice-section .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.choice-section .content-column{
	position:relative;
}

.choice-section .content-column .inner-column{
	position:relative;
	padding-left:40px;
	padding-top:30px;
	padding-bottom: 30px;
}

.choice-section .content-column .inner-column .sec-title{
	margin-bottom:30px;
}

.choice-section .content-column .inner-column .text{
	position:relative;
	margin-bottom:30px;
}

.choice-section .content-column .inner-column .text p{
	position:relative;
	color:#333333;
	font-size:14px;
	line-height:1.9em;
	margin-bottom:20px;
}

.choice-section .content-column .inner-column .text p:last-child{
	margin-bottom:0px;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three{
	position:relative;
	padding:100px 0px 70px;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.services-block-four{
	position:relative;
	margin-bottom:30px;
}

.services-block-four .inner-box{
	position:relative;
}

.services-block-four .inner-box .icon-box{
	position:relative;
	color:#ffaa00;
	font-size:64px;
	line-height:1em;
	font-weight:300;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-four .inner-box:hover .icon-box{
	color:#2e4c16;
}

.services-block-four .inner-box h5{
	position:relative;
	color:#333333;
	font-weight:700;
	line-height:1.3em;
	margin-top:30px;
}

.services-block-four .inner-box h5 span{
	color:#777777;
}

.services-block-four .inner-box .text{
	position:relative;
	color:#777777;
	font-size:16px;
	line-height:1.8em;
	margin-top:15px;
}

/*** 

====================================================================
	Project Section
====================================================================

***/

.project-section-two{
	position:relative;
	padding:90px 0px 0px;
}

.project-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:#000;
}

.project-tab{
	position:relative;	
}

.project-tab .sec-title{
	margin-bottom:70px;
}

.project-tab .project-carousel .owl-nav,
.project-tab .project-carousel .owl-dots{
	display:none;
}

.project-tab .tabs-header{
	position:relative;
}

.project-tab .product-tab-btns{
	position:relative;
	padding-top:40px;
}

.project-tab .product-tab-btns .p-tab-btn{
	position:relative;
	cursor:pointer;
	color:#ffffff;
	font-weight:600;
	font-size:16px;
	display:inline-block;
	margin-bottom:10px;
	margin-left:30px;
	padding:0px 0px 8px;
	text-transform:capitalize;
	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;
}

.project-tab .product-tab-btns .p-tab-btn:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:2px;
	opacity:0;
	background-color:#ffaa00;
	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;
}

.project-tab .product-tab-btns .p-tab-btn:hover::after,
.project-tab .product-tab-btns .p-tab-btn.active-btn::after{
	opacity:1;
}

.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn{
	color:#ffaa00;
}

.project-tab .p-tabs-content{
	position:relative;
	display:block;	
	padding:0px 0px;
}

.project-tab .p-tab{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	opacity:0;
	visibility:hidden;	
}

.project-tab .p-tab.active-tab{
	position:relative;
	opacity:1;
	visibility:visible;
	z-index:5;
}

.p-tab.active-tab .project-block-two{
	
}

.p-tab .project-block-two{
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);	
}

.p-tab.active-tab .project-block-two{
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);
}

/* Project Block Two */

.project-block-two{
	position:relative;
}

.project-block-two .inner-box{
	position:relative;
}

.project-block-two .inner-box .image{
	position:relative;
}

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

.project-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding:30px 35px;
	background-color:rgba(0,0,72,0.80);
	-webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

.project-block-two .inner-box:hover .image .overlay-box{
	opacity:0;
	visible:hidden;
}

.project-block-two .inner-box .image .overlay-box h5{
	position:relative;
	color:#ffffff;
	line-height:1.3em;
}

.project-block-two .inner-box .image .overlay-box .category{
	position:relative;
	color:#ffb200;
	font-size:14px;
	line-height:1.3em;
	margin-top:7px;
}

.project-block-two .inner-box .image .overlay-box-two{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	opacity:0;
    background: rgba(0,0,0,0.85);
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

.project-block-two .inner-box:hover .overlay-box-two{
	opacity:1;
}

.project-block-two .inner-box .image .overlay-box-two .overlay-inner{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	text-align:center;
    display: table;
    vertical-align: middle;
    padding: 10px 20px;
}

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

.project-block-two .inner-box .image .overlay-box-two .title{
	position:relative;
	color:#ffaa00;
	font-size:16px;
	font-weight:600;
	line-height:1.3em;
}

.project-block-two .inner-box .image .overlay-box-two h3{
	position:relative;
	color:#ffffff;
	font-weight:600;
	line-height:1.3em;
	margin-top:26px;
}

.project-block-two .inner-box .image .overlay-box-two h3 a{
	position:relative;
	color:#ffffff;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block-two .inner-box .image .overlay-box-two h3 a:hover{
	color:#ffb200;
}

.project-block-two .inner-box .image .overlay-box-two .text{
	position:relative;
	font-size:16px;
	line-height:1.8em;
	margin-top:25px;
	color:rgba(255,255,255,0.80);
}

.project-block-two .inner-box .image .overlay-box-two .read-more{
	position:relative;
	color:#ffaa00;
	font-size:18px;
	font-weight:600;
	line-height:1.3em;
	margin-top:25px;
	display:inline-block;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block-two .inner-box .image .overlay-box-two .read-more:hover{
	color:#ffffff;
}

/* Project Block Three */

.project-block-three{
	position:relative;
}

.project-block-three .inner-box{
	position:relative;
}

.project-block-three .inner-box .image{
	position:relative;
}

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

.project-block-three .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding:30px 35px;
	background-color:rgba(0,72,15,0.90);
	-webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

.project-block-three .inner-box:hover .image .overlay-box{
	opacity:0;
	visible:hidden;
}

.project-block-three .inner-box .image .overlay-box h5{
	position:relative;
	color:#ffffff;
	line-height:1.3em;
}

.project-block-three .inner-box .image .overlay-box .category{
	position:relative;
	color:#ffb200;
	font-size:14px;
	line-height:1.3em;
	margin-top:7px;
}

.project-block-three .inner-box .image .overlay-box-two{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	opacity:0;
    background: rgba(0,0,0,0.85);
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

.project-block-three .inner-box:hover .overlay-box-two{
	opacity:1;
}

.project-block-three .inner-box .image .overlay-box-two .overlay-inner{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
	text-align:center;
    display: table;
    vertical-align: middle;
    padding: 10px 20px;
}

.project-block-three .inner-box .image .overlay-box-two .overlay-inner .content{
	position: relative;
    display: table-cell;
    vertical-align: middle;
}

.project-block-three .inner-box .image .overlay-box-two .title{
	position:relative;
	color:#ffaa00;
	font-size:16px;
	font-weight:600;
	line-height:1.3em;
}

.project-block-three .inner-box .image .overlay-box-two h3{
	position:relative;
	color:#ffffff;
	font-weight:600;
	line-height:1.3em;
	margin-top:26px;
}

.project-block-three .inner-box .image .overlay-box-two h3 a{
	position:relative;
	color:#ffffff;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block-three .inner-box .image .overlay-box-two h3 a:hover{
	color:#ffb200;
}

.project-block-three .inner-box .image .overlay-box-two .text{
	position:relative;
	font-size:16px;
	line-height:1.8em;
	margin-top:25px;
	color:rgba(255,255,255,0.80);
}

.project-block-three .inner-box .image .overlay-box-two .read-more{
	position:relative;
	color:#ffaa00;
	font-size:18px;
	font-weight:600;
	line-height:1.3em;
	margin-top:25px;
	display:inline-block;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block-three .inner-box .image .overlay-box-two .read-more:hover{
	color:#ffffff;
}

/*** 

====================================================================
	Faq Section
====================================================================

***/

.faq-section{
	position:relative;
	padding-top:95px;
}

.faq-section .accordian-column{
	position:relative;
}

.faq-section .accordian-column .inner-column{
	position:relative;
}

.faq-section .image-column{
	position:relative;
}

.faq-section .image-column .inner-column{
	position:relative;
}

.faq-section .image-column .inner-column .image{
	position:relative;
	text-align:center;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position: relative;
    margin-bottom:20px;
	background-color:#ffffff;
}

.accordion-box .block.active-block{
	box-shadow:0px 0px 25px rgba(0,0,0,0.15);
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:17px;
	cursor:pointer;
	line-height:34px;
	color:#242f6c;
	font-weight:600;
	background-color:#f2f3f6;
	padding:19px 50px 16px 20px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active{
	background-color:#266a43;
	color:#ffffff;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:20px;
	top:18px;
	font-size:20px;
	color: #262626;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .icon-outer .icon{
    position: absolute;
	right: 0px;
	width:30px;
	height:30px;
	color:#ffffff;
    font-size: 14px;
    text-align: center;
	line-height:32px;
	background-color:#ffaa00;
}

.accordion-box .block .icon-outer .icon-plus{
	opacity:1;
}

.accordion-box .block .icon-outer .icon-minus{
	opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
	opacity:1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
	opacity:0;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .acc-content .content-text{
	padding-bottom:6px;
}

.accordion-box .block .acc-content.current{
	display:block;	
}

.accordion-box .block .content{
	position:relative;
	font-size:14px;
	padding:30px 35px 30px 35px;
}

.accordion-box .block .content .accordian-text{
	line-height:1.9em;
	font-size:16px;	
	color:#84858a;
	font-weight:600;
}

.accordion-box .block .content p:last-child{
	margin-bottom:0px;	
}


.accordion-box.style-two{
	padding:0px;
	background-color:#ffffff;
}

.accordion-box.style-two .block{
    margin-bottom: 10px;
	padding:17px 20px;
    border: 1px solid #f2f2f2;
    background-color: #ffffff;
}

.accordion-box.style-two .block .acc-btn{
	border:none;
	color:#2e4c16;
	background:none;
	padding:0px 0px 0px 62px;
}

.accordion-box.style-two .block .icon-outer{
    left: 25px;
    top: 0px;
    right: auto;
}

.accordion-box.style-two .block .acc-content:before{
	display:none;
}

.accordion-box.style-two .block .content{
	padding:15px 30px 0px 62px;
	border:none;
}

.accordion-box.style-two .block:before{
	position: absolute;
    content: '';
    left: 59px;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background-color: #f2f2f2;
}

.accordion-box.style-two .block .icon-outer .icon{
	border:none;
	color:#2e4c16;
	font-size:20px;
	font-weight:600;
	background:none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.accordion-box.style-two .block.active-block::before{
	background-color:#ffaa00;
}

.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-plus{
	opacity:1;
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*** 

====================================================================
	Testimonial Section Three
====================================================================

***/

.testimonial-section-two{
	position:relative;
	padding:95px 0px 95px;
}

.testimonial-section-two .owl-dots{
	display:none;
}

.testimonial-section-two .owl-nav{
    position: absolute;
    right: 0px;
    top: -80px;
    z-index: 99;
}

.testimonial-section-two .owl-prev, 
.testimonial-section-two .owl-next{
    position: relative;
    height: 38px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
	color: #ffffff; 
	margin-left:10px;
	background: #ffaa00;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-section-two .owl-prev:hover, 
.testimonial-section-two .owl-next:hover{
	color: #ffffff;
	border-color:#222222;
	background-color:#222222;
}

/* Testimonial Block Two */

.testimonial-block-two{
	position:relative;
}

.testimonial-block-two .inner-box{
	position:relative;
	padding:30px 30px;
	border-radius:7px;
	background-color:#ffffff;
}

.testimonial-block-two .inner-box .quote-icon{
	position:absolute;
	right:15px;
	top:15px;
	color:#efefef;
	font-size:100px;
	line-height:1em;
}

.testimonial-block-two .inner-box .text{
	position:relative;
	color:#777777;
	font-size:14px;
	line-height:1.8em;
	margin-bottom:30px;
}

.testimonial-block-two .inner-box .author-info{
	position:relative;
}

.testimonial-block-two .inner-box .author-info .info-inner{
	position:relative;
	padding-left:135px;
	min-height:100px;
	padding-top:25px;
}

.testimonial-block-two .inner-box .author-info .info-inner .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius:50%;
	box-shadow:0px 0px 20px rgba(0,0,0,0.15);
}

.testimonial-block-two .inner-box .author-info .info-inner h6{
	position:relative;
	color:#2e4c16;
	font-size:18px;
	font-weight:600;
	line-height:1.3em;
}

.testimonial-block-two .inner-box .author-info .info-inner .designation{
	position:relative;
	color:#ffaa00;
	font-size:16px;
	font-weight:600;
	line-height:1.3em;
	margin-top:6px;
}

.testimonial-block-two.style-two{
	margin-bottom:30px;
}

.testimonial-block-two.style-two .inner-box{
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

/*** 

====================================================================
	News Section
====================================================================

***/

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

/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section{
	position:relative;
	padding:70px 0px 70px;
	background-size:cover;
	background-repeat:no-repeat;
}

.newsletter-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(255,170,0,0.90);
}

.newsletter-section .inner-container{
	position:relative;
}

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

.newsletter-section .title-column .inner-column{
	position: relative;
    padding-left: 85px;
    padding-top: 6px;
    margin-bottom: 6px;
}

.newsletter-section .title-column .inner-column .icon-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	color:#2e4c16;/*00481a Utan*/
	font-size:70px;
	line-height:1em;
}

.newsletter-section .title-column h4{
	position:relative;
	color:#ffffff;
	font-weight:600;
	text-transform:capitalize;
}

.newsletter-section .title-column .inner-column .title{
	position:relative;
	color:#ffffff;
}

.newsletter-section .form-column{
	position:relative;
}

.newsletter-section .form-column .inner-column{
	position:relative;
	margin-top:7px;
}

/*Subscribe Form*/

.subscribe-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right:177px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:53px;
	font-size:14px;
	color:#000000;
	background:#ffffff;
	border:1px solid #f2f2f2;
	padding:10px 50px 10px 20px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form button{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	border-radius:0px;
}

.subscribe-form button:hover{
	background:none;
	color:#2e4c16;
	border-color:#fff;/*00481a Utan*/
}

/*** 

====================================================================
	Footer Style Two
====================================================================

***/

.footer-style-two{
	position:relative;
	background-color:#222222;
}

.footer-style-two .footer-widget{
	position:relative;
	margin-bottom:40px;
}

.footer-style-two .widgets-section{
	position:relative;
	padding:90px 0px 40px;
	padding-bottom:40px;
	background-position:center center;
	background-repeat:no-repeat;
}

.footer-style-two .footer-widget h5{
	position:relative;
	font-weight:400;
	color:#ffffff;
	line-height:1.2em;
	margin-bottom:30px;
	padding-bottom:18px;
	text-transform:capitalize;
}

.footer-style-two .footer-widget h5:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:3px;
	width:35px;
	background-color:#ffaa00;
}

.footer-style-two .logo-widget .logo{
	position:relative;
	margin-bottom:25px;
}

.footer-style-two .logo-widget .text{
	position:relative;
}

.footer-style-two .logo-widget p{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.6em;
	margin-bottom:20px;
	font-weight:400;
}

.footer-style-two .logo-widget p:last-child{
	margin-bottom:0px;
}

.footer-style-two .usefull-links{
	position:relative;
}

.footer-style-two .usefull-links li{
	position:relative;
	margin-bottom:10px;
}

.footer-style-two .usefull-links li a{
	position:relative;
	font-size:16px;
	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;
}

.footer-style-two .usefull-links li a:hover{
	color:#ffaa00;
}

/* Service List */

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

.footer-style-two .service-list li{
	position:relative;
	margin-bottom:10px;
}

.footer-style-two .service-list li a{
	position:relative;
	font-size:16px;
	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;
}

.footer-style-two .service-list li a:hover{
	color:#ffaa00;
}

/* Footer Bottom */

.footer-style-two .footer-bottom{
	position:relative;
	padding:15px 0px;
	background-color:#000000;
}

.footer-style-two .footer-bottom .copyright{
	position:relative;
	color:#ffffff;
}

.footer-style-two .footer-bottom .copyright a{
	color:#ffaa00;
}

.footer-style-two .footer-bottom .footer-nav{
	position:relative;
	text-align:right;
}

.footer-style-two .footer-bottom .footer-nav li{
	position:relative;
	margin-left:15px;
	display:inline-block;
}

.footer-style-two .footer-bottom .footer-nav li a{
	position:relative;
	color:#ffffff;
	font-size:16px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.footer-style-two .footer-bottom .footer-nav li a:hover{
	color:#ffaa00;
}

/*** 

====================================================================
	Project Section Three
====================================================================

***/

.project-section-three{
	position:relative;
	padding:40px 0px 100px;
}

.project-section-three:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:600px;
	background-position:left top;
	background:url(../images/background/5.jpg) no-repeat;
}

.project-section-three .owl-nav{
	display:none;
}

.project-section-three .owl-dots{
	position:relative;
	text-align:center;
	margin-top:30px;
}

.project-section-three .owl-dots .owl-dot{
	position:relative;
	width:4px;
	height:15px;
	margin:0px 4px;
	display:inline-block;
	background-color:#2e4c16;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-section-three .owl-dots .owl-dot.active{
	height:20px;
	background-color:#ffaa00;
}

.project-section-three .title-box{
	position:relative;
	margin-bottom:90px;
}

.project-section-three .title-box .text{
	position:relative;
	color:#777777;
	font-size:17px;
	line-height:1.8em;
	margin-bottom:30px;
}

.project-section-three .title-box .video-column .play-box{
	position:relative;
	color:#000000;
	font-size:18px;
	font-weight:600;
	text-decoration:underline;
}

.project-section-three .title-box .video-column .play-box .play-icon{
	position:relative;
	left:0px;
	top:0px;
	width:72px;
	height:72px;
	color:#ffffff;
	line-height:72px;
	text-align:center;
	font-size:24px;
	margin-right:15px;
	display:inline-block;
	background-color:#ffaa00;
}

/*** 

====================================================================
	Project Section instagram
====================================================================

***/

.project-section-instagram{
	position:relative;
}

.project-section-instagram:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:600px;
	background-position:left top;
	background:url(../images/background/bg-ig.png) no-repeat;
}

.project-section-instagram .owl-nav{
	display:none;
}

.project-section-instagram .owl-dots{
	position:relative;
	text-align:center;
	margin-top:30px;
}

.project-section-instagram .owl-dots .owl-dot{
	position:relative;
	width:4px;
	height:15px;
	margin:0px 4px;
	display:inline-block;
	background-color:#2e4c16;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-section-instagram .owl-dots .owl-dot.active{
	height:20px;
	background-color:#ffaa00;
}

.project-section-instagram .title-box{
	position:relative;
	margin-bottom:90px;
}

.project-section-instagram .title-box .text{
	position:relative;
	color:#777777;
	font-size:17px;
	line-height:1.8em;
	margin-bottom:30px;
}

.project-section-instagram .title-box .video-column .play-box{
	position:relative;
	color:#000000;
	font-size:18px;
	font-weight:600;
	text-decoration:underline;
}

.project-section-instagram .title-box .video-column .play-box .play-icon{
	position:relative;
	left:0px;
	top:0px;
	width:72px;
	height:72px;
	color:#ffffff;
	line-height:72px;
	text-align:center;
	font-size:24px;
	margin-right:15px;
	display:inline-block;
	background-color:#ffaa00;
}

/* Services Block Five */

.services-block-five{
	position:relative;
	margin-bottom:0px;
}

.services-block-five .inner-box{
	position:relative;
	overflow:hidden;
}

.services-block-five .inner-box .image{
	position:relative;
	overflow:hidden;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-five .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-five .inner-box:hover .image img{
	transform:scale(1.2,1.2);
}

.services-block-five .inner-box .image .overlay-box{
	position:absolute;
	content:'';
	left:-100%;
	top:0px;
	width:35%;
	height: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;
	background-color:rgba(255,170,0,0.80);
}

.services-block-five .inner-box:hover .image .overlay-box{
	left:0%;
}

.services-block-five .inner-box .image .overlay-box .link-icon{
	position:absolute;
	left:50%;
	top:50%;
	width:38px;
	height:38px;
	color:#ffffff;
	text-align:center;
	line-height:38px;
	margin-left:-19px;
	margin-top:-19px;
	background-color:#222222;
}

.services-block-five .inner-box .lower-content{
	position:relative;
	border:1px solid #dddddd;
	border-top:none;
}

.services-block-five .inner-box .lower-content .upper-box{
	position:relative;
	padding:22px 25px;
}

.services-block-five .inner-box .lower-content h3{
	position:relative;
	color:#2e4c16;
	z-index:1;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.services-block-five .inner-box .lower-content h3 a{
	position:relative;
	color:#2e4c16;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-five .inner-box .lower-content h3 a:hover{
	color:#ffaa00;
}

.services-block-five .inner-box .lower-content .text{
	position:relative;
	color:#777777;
	z-index:1;
	font-size:15px;
	line-height:1.8em;
	margin:10px 0 10px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.services-block-five .inner-box .lower-content .lower-box{
	position:relative;
	padding:0px 0px 0px 25px;
	border-top:1px solid #dddddd;
}

.services-block-five .inner-box .lower-content .read-more{
	position:relative;
	color:#222222;
	font-size:14px;
	padding:17px 0px 14px;
	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;
}

.services-block-five .inner-box .lower-content .read-more:hover{
	color:#ffaa00;
}

.services-block-five .inner-box .lower-content .arrow-icon{
	position: relative;
	color:#222222;
	font-size:18px;
    padding: 10px 20px;
	line-height:32px;
    display: inline-block;
	border-left:1px solid #dddddd;
	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;
}

.services-block-five .inner-box .lower-content .arrow-icon:hover{
	color:#ffaa00;
}

/*** 

====================================================================
	Tracking Section
====================================================================

***/

.tracking-section-two{
	position:relative;
	padding-top:75px;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
}

.tracking-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,72,45,0.90);
}

.tracking-section-two .title-column{
	position:relative;
	margin-bottom:40px;
}

.tracking-section-two .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:35px;
}

.tracking-section-two .tracking-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.tracking-section-two .tracking-form .form-group input[type="text"],
.tracking-section-two .tracking-form .form-group input[type="tel"],
.tracking-section-two .tracking-form .form-group input[type="resi"],
.tracking-section-two .tracking-form .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:52px;
	font-size:14px;
	color:#c6d8f7;
	line-height:38px;
	padding:10px 30px;
	font-weight:400;
	background:none;
	border-radius:50px;
	border:1px solid rgba(255,255,255,0.30);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.tracking-section-two .tracking-form.form-group textarea::-webkit-input-placeholder,
.tracking-section-two .tracking-form .form-group input::-webkit-input-placeholder{
	color:#c6d8f7;
}

.tracking-section-two .tracking-form .form-group input[type="resi"]:focus{
	border-color:#ffaa00;
}

.tracking-section-two .tracking-form .form-group .theme-btn{
	margin-top:25px;
}

/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section-two{
	position:relative;
	padding-top:75px;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
}

.newsletter-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,72,0.90);
}

.newsletter-section-two .title-column{
	position:relative;
	margin-bottom:40px;
}

.newsletter-section-two .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:35px;
}

.newsletter-section-two .newsletter-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.newsletter-section-two .newsletter-form .form-group input[type="text"],
.newsletter-section-two .newsletter-form .form-group input[type="tel"],
.newsletter-section-two .newsletter-form .form-group input[type="email"],
.newsletter-section-two .newsletter-form .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:52px;
	font-size:14px;
	color:#c6d8f7;
	line-height:38px;
	padding:10px 30px;
	font-weight:400;
	background:none;
	border-radius:50px;
	border:1px solid rgba(255,255,255,0.30);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.newsletter-section-two .newsletter-form.form-group textarea::-webkit-input-placeholder,
.newsletter-section-two .newsletter-form .form-group input::-webkit-input-placeholder{
	color:#c6d8f7;
}

.newsletter-section-two .newsletter-form .form-group input[type="email"]:focus{
	border-color:#ffaa00;
}

.newsletter-section-two .newsletter-form .form-group .theme-btn{
	margin-top:25px;
}

/*** 

====================================================================
	What2Do Section sport 
====================================================================

***/

.sport-section-two{
	position:relative;
	padding-top:75px;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
}

.sport-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,0,0.80);
}

.sport-section-two .title-column{
	position:relative;
	margin-bottom:40px;
}

.sport-section-two .text{
	position:relative;
	color:#ffffff;
	font-size:24px;
	line-height:1.9em;
	margin-bottom:35px;
}

.sport-section-two .newsletter-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.sport-section-two .newsletter-form .form-group input[type="text"],
.sport-section-two .newsletter-form .form-group input[type="tel"],
.sport-section-two .newsletter-form .form-group input[type="email"],
.sport-section-two .newsletter-form .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:52px;
	font-size:14px;
	color:#c6d8f7;
	line-height:38px;
	padding:10px 30px;
	font-weight:400;
	background:none;
	border-radius:50px;
	border:1px solid rgba(255,255,255,0.30);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.sport-section-two .newsletter-form.form-group textarea::-webkit-input-placeholder,
.sport-section-two .newsletter-form .form-group input::-webkit-input-placeholder{
	color:#c6d8f7;
}

.sport-section-two .newsletter-form .form-group input[type="email"]:focus{
	border-color:#ffaa00;
}

.sport-section-two .newsletter-form .form-group .theme-btn{
	margin-top:25px;
}

/*** 

====================================================================
	What2DO Section culinary
====================================================================

***/

.culinary-section-two{
	position:relative;
	padding-top:75px;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
}

.culinary-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(15,72,0,0.80);
}

.culinary-section-two .title-column{
	position:relative;
	margin-bottom:40px;
}

.culinary-section-two .text{
	position:relative;
	color:#ffffff;
	font-size:24px;
	line-height:1.9em;
	margin-bottom:35px;
}

.culinary-section-two .newsletter-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.culinary-section-two .newsletter-form .form-group input[type="text"],
.culinary-section-two .newsletter-form .form-group input[type="tel"],
.culinary-section-two .newsletter-form .form-group input[type="email"],
.culinary-section-two .newsletter-form .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:52px;
	font-size:14px;
	color:#c6d8f7;
	line-height:38px;
	padding:10px 30px;
	font-weight:400;
	background:none;
	border-radius:50px;
	border:1px solid rgba(255,255,255,0.30);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.culinary-section-two .newsletter-form.form-group textarea::-webkit-input-placeholder,
.culinary-section-two .newsletter-form .form-group input::-webkit-input-placeholder{
	color:#c6d8f7;
}

.culinary-section-two .newsletter-form .form-group input[type="email"]:focus{
	border-color:#ffaa00;
}

.culinary-section-two .newsletter-form .form-group .theme-btn{
	margin-top:25px;
}

/*** 

====================================================================
	What2DO Section shopping
====================================================================

***/

.shopping-section-two{
	position:relative;
	padding-top:75px;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
}

.shopping-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,72,0.80);
}

.shopping-section-two .title-column{
	position:relative;
	margin-bottom:40px;
}

.shopping-section-two .text{
	position:relative;
	color:#ffffff;
	font-size:24px;
	line-height:1.9em;
	margin-bottom:35px;
}

.shopping-section-two .newsletter-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.shopping-section-two .newsletter-form .form-group input[type="text"],
.shopping-section-two .newsletter-form .form-group input[type="tel"],
.shopping-section-two .newsletter-form .form-group input[type="email"],
.shopping-section-two .newsletter-form .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:52px;
	font-size:14px;
	color:#c6d8f7;
	line-height:38px;
	padding:10px 30px;
	font-weight:400;
	background:none;
	border-radius:50px;
	border:1px solid rgba(255,255,255,0.30);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.shopping-section-two .newsletter-form.form-group textarea::-webkit-input-placeholder,
.shopping-section-two .newsletter-form .form-group input::-webkit-input-placeholder{
	color:#c6d8f7;
}

.shopping-section-two .newsletter-form .form-group input[type="email"]:focus{
	border-color:#ffaa00;
}

.shopping-section-two .newsletter-form .form-group .theme-btn{
	margin-top:25px;
}

/*** 

====================================================================
	What2DO Section hobby
====================================================================

***/

.hobby-section-two{
	position:relative;
	padding-top:75px;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
}

.hobby-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(72,0,64,0.80);
}

.hobby-section-two .title-column{
	position:relative;
	margin-bottom:40px;
}

.hobby-section-two .text{
	position:relative;
	color:#ffffff;
	font-size:24px;
	line-height:1.9em;
	margin-bottom:35px;
}

.hobby-section-two .newsletter-form .form-group{
    position: relative;
    display: block;
    z-index:1;
	margin-bottom: 0px;
}

.hobby-section-two .newsletter-form .form-group input[type="text"],
.hobby-section-two .newsletter-form .form-group input[type="tel"],
.hobby-section-two .newsletter-form .form-group input[type="email"],
.hobby-section-two .newsletter-form .form-group textarea {
    position:relative;
	display:block;
	width:100%;
	height:52px;
	font-size:14px;
	color:#c6d8f7;
	line-height:38px;
	padding:10px 30px;
	font-weight:400;
	background:none;
	border-radius:50px;
	border:1px solid rgba(255,255,255,0.30);
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.hobby-section-two .newsletter-form.form-group textarea::-webkit-input-placeholder,
.hobby-section-two .newsletter-form .form-group input::-webkit-input-placeholder{
	color:#c6d8f7;
}

.hobby-section-two .newsletter-form .form-group input[type="email"]:focus{
	border-color:#ffaa00;
}

.hobby-section-two .newsletter-form .form-group .theme-btn{
	margin-top:25px;
}

/*** 

====================================================================
	Project Section Four
====================================================================

***/

.project-section-four{
	position:relative;
	padding:90px 0px 100px;
}

.project-section-four .owl-dots{
	display:none;
}

.project-section-four .owl-nav{
    position: absolute;
    right: 0px;
    top: -90px;
    z-index: 99;
}

.project-section-four .owl-prev, 
.project-section-four .owl-next{
    position: relative;
    height: 40px;
    width: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
	color: #222222; 
	margin-left:10px;
	background: #ffffff;
	display:inline-block;
	border:1px solid #777777;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.project-section-four .owl-prev:hover, 
.project-section-four .owl-next:hover{
	color: #ffffff;
	border-color:#222222;
	background-color:#222222;
}

.project-block{
	position:relative;
}

.project-block .inner-box{
	position:relative;
}

.project-block .inner-box .image-column{
	position:relative;
	padding:0px;
	float:left;
}

.project-block .inner-box .image-column .image{
	position:relative;
}

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

.project-block .inner-box .content-column{
	position:relative;
	padding:0px;
	float:left;
}

.project-block .inner-box .content-column .inner-column{
	position:relative;
	margin-top:45px;
	padding:40px 35px;
	margin-left:-70px;
	z-index:1;
	background-color:#ffaa00;
}

.project-block .inner-box .content-column .inner-column .title{
	position:relative;
	color:#ffffff;
	font-size:18px;
	margin-bottom:15px;
}

.project-block .inner-box .content-column .inner-column h3{
	position:relative;
	color:#222222;
	font-size:24px;
	margin-bottom:15px;
	font-weight:700;
	line-height:1.3em;
}

.project-block .inner-box .content-column .inner-column span{
	position:relative;
	color:#5a5a5a;
	font-size:14px;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:40px;
}

.project-block .inner-box .content-column .inner-column .text{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:25px;
}

.project-block .inner-box .content-column .inner-column .read-more{
	position:relative;
	color:#2e4c16;/*00481a Utan*/
	font-size:16px;
	font-weight:700;
	text-decoration:underline;
}

/*** 

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

***/

.counter-section{
	position:relative;
	padding:90px 0px 60px;
	background-color:#f5f5f5;
}

/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section{
	position:relative;
	padding-top:110px;
	padding-bottom:70px;
	background-position: left top;
	background-repeat: no-repeat;
}

.pricing-section .title-column{
	position:relative;
	margin-bottom:40px;
	width:25%;
	float:left;
}

.pricing-section .title-column .inner-column{
	position:relative;
	padding-right:40px;
}

.pricing-section .title-column h2{
	position:relative;
	color:#2e4c16;
	font-size:36px;
	font-weight:600;
	margin-bottom:15px;
	line-height:1.4em;
}

.pricing-section .title-column .text{
	position:relative;
	color:#4e5c66;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:40px;
}

.pricing-section .price-column{
	position:relative;
	width:75%;
	float:left;
}

.pricing-tabs{
	position:relative;
}

.pricing-tabs .tab-buttons{
	position:relative;
}

.pricing-tabs .tab-buttons .tab-btn{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:400;
	float:left;
	cursor:pointer;
	padding:12px 28px 10px;
	margin-right:5px;
	border:2px solid #2e4c16;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn{
	color:#ffffff;
	background-color:#2e4c16;
}

/*** 

====================================================================
	Price Block
====================================================================

***/

.pricing-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.pricing-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.price-block{
	position:relative;
	margin-bottom:40px;
}

.price-block .inner-box{
	position:relative;
	text-align:center;
	border-radius:54px;
	padding:30px 0px 40px;
	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;
	border:1px solid #ffaa00;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.04);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.04);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.04);
}

.price-block .inner-box:hover{
	transform:scale(1.02);
	-webkit-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-ms-transform:scale(1.02);
	-o-transform:scale(1.02);
}

.price-block .inner-box h2{
	position:relative;
	color:#000000;
	font-size:24px;
	font-weight:500;
	margin-bottom:8px;
}

.price-block .inner-box .title{
	position:relative;
	color:#777777;
	font-size:14px;
	margin-bottom:1px;
}

.price-block .inner-box .price{
	position:relative;
	color:#fff;
	font-size:36px;
	font-weight:500;
	line-height:1em;
	padding:25px 0px 20px;
	margin-bottom:30px;
	background-color:#ffaa00;
}

.price-block .inner-box ul{
	position:relative;
	margin-bottom:30px;
}

.price-block .inner-box ul li{
	position:relative;
	color:#777777;
	font-size:16px;
	font-weight:400;
	margin-bottom:12px;
}

.price-block .inner-box ul li:last-child{
	margin-bottom:0px;
}

.price-block .inner-box .theme-btn{
	padding:10px 30px 10px;
}



/*** 

====================================================================
	Contact Form Section
====================================================================

***/

.contact-form-section{
	position:relative;
	padding:90px 0px 60px;
	background-attachment:fixed;
	background-size:cover;
}

.contact-form-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,0,0.80);
}

.contact-form-section .form-column{
	position:relative;
}

.contact-form-section .form-column .inner-column{
	position:relative;
}

.contact-form-section .form-column .inner-column .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	margin-bottom:25px;
}

/*** 

====================================================================
	Default Form
====================================================================

 ***/

.default-form{
	position:relative;
}

.default-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	color:#a5a5a5;
	line-height:26px;
	padding:10px 20px;
	height:48px;
	font-size:14px;
	border-radius:4px;
	background:rgba(0,0,0,0.60);
	border:1px solid rgba(255,255,255,0.40);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
	border-color:#ffaa00;
}

.default-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 20px;
	color:#a5a5a5;
	height:160px;
	font-size:14px;
	resize:none;
	border-radius:4px;
	background:rgba(0,0,0,0.60);
	border:1px solid rgba(255,255,255,0.40);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

/* Info Column */

.contact-form-section .info-column{
	position:relative;
}

.contact-form-section .info-column .content-box{
	position:relative;
	padding:35px 35px;
	border-radius:4px;
	border:1px solid rgba(255,255,255,0.40);
}

.contact-form-section .info-column .content-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:25px;
}

/*** 

====================================================================
	Sponsors Section Two
====================================================================

***/

.sponsors-section-two{
	position:relative;
	padding:60px 0px 60px;
}

.sponsors-section-two:before{
	position:absolute;
	content:'';
	left:10px;
	top:10px;
	right:10px;
	bottom:10px;
	background-color:rgba(245,245,245,0.90);
}

.sponsors-section-two .sponsors-outer{
	position:relative;
}

.sponsors-section-two .sponsors-outer .owl-dots,
.sponsors-section-two .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.sponsors-section-two .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	border:1px solid transparent;
	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;
}

.sponsors-section-two .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	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;
}

.sponsors-section-two .sponsors-outer .image-box:hover{
	border-color:#ffaa00;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title{
	position:relative;
	text-align:center;
	padding:100px 0px 100px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment: fixed;
}

.page-title:before{
	position:absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,0.20);
}

.page-title .auto-container{
	position:relative;
}

.page-title h2{
	position:relative;
	color:#ffffff;
	font-weight:800;
	line-height:1.2em;
	margin-bottom: 10px;
	font-size:40px;
	text-transform:capitalize;
}

.page-breadcrumb{
	position:relative;
}

.page-breadcrumb li{
	position:relative;
	display:inline-block;
	margin-right:10px;
	padding-right:15px;
	color:#ffaa00;
	font-size:15px;
	font-weight:500;
	text-transform:capitalize;
}

.page-breadcrumb li:after{
	position:absolute;
	content: "\f105";
	right:-2px;
	top:-1px;
	color:#ffffff;
	font-size:14px;
	font-family: 'FontAwesome';
}

.page-breadcrumb li:last-child::after{
	display: none;
}

.page-breadcrumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.page-breadcrumb li a{
	color:#ffffff;
	font-weight:500;
	text-transform: capitalize;
	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;
}

.page-breadcrumb li a:hover{
	color:#ffaa00;
}

/*** 

====================================================================
	Faq Form Section
====================================================================

***/

.faq-form-section{
	position:relative;
	padding:90px 0px 70px;
	background-attachment:fixed;
	background-size:cover;
}

.faq-form-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,72,0.80);
}

.faq-form-section .auto-container{
	max-width:970px;
	margin:0 auto;
}

/*** 

====================================================================
	Faq Form
====================================================================

 ***/

.faq-form{
	position:relative;
}

.faq-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="email"],
.faq-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 22px;
	color:#ffffff;
	height:50px;
	font-size:14px;
	background:none;
	border-radius:3px;
	border:1px solid rgba(255,255,255,0.50);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.faq-form .form-group input[type="text"]:focus,
.faq-form .form-group input[type="tel"]:focus,
.faq-form .form-group input[type="email"]:focus,
.faq-form .form-group textarea:focus{
	border-color:#ffaa00;
}

.faq-form .form-group textarea::-webkit-input-placeholder,
.faq-form .form-group input::-webkit-input-placeholder{
	color:rgba(255,255,255,0.80);
}

.faq-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:15px 22px;
	color:#ffffff;
	height:150px;
	resize:none;
	font-size:14px;
	background:none;
	border-radius:3px;
	border:1px solid rgba(255,255,255,0.50);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.faq-form .form-group .btn-detail{
	position:relative;
	text-align:center;
	margin-left:30px;
	color:#ffffff;
	display:inline-block;
}

.faq-form button{
	cursor: pointer;
	font-size: 16px;
	text-transform: capitalize;
}

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

/*** 

====================================================================
	Comming Soon Section
====================================================================

 ***/

.commingsoon-section{
	position:relative;
}

.commingsoon-section .left-column{
	position:relative;
	float:left;
	max-width:600px;
}

.commingsoon-section .left-column .inner-column{
	position:relative;
	float:right;
	padding:100px 100px 100px 15px;
}

.commingsoon-section .left-column .inner-column .logo{
	position:relative;
	margin-bottom:200px;
}

.commingsoon-section .left-column .inner-column h2{
	position:relative;
	color:#08084e;
	font-size:70px;
	font-weight:700;
	line-height:1.1em;
	margin-bottom:70px;
}

.commingsoon-section .left-column .text{
	position:relative;
	color:#777777;
	font-size:22px;
	line-height:1.5em;
	margin-bottom:30px;
}

.commingsoon-section .left-column .signup{
	position:relative;
	color:#222222;
	font-size:18px;
	margin-top:30px;
	margin-bottom:60px;
}

.commingsoon-section .left-column .social-boxed{
	position:relative;
}

.commingsoon-section .left-column .social-boxed .touch{
	position:relative;
	font-size:20px;
	color:#08084e;
	margin-left:0px;
	display:inline-block;
}

.commingsoon-section .left-column .social-boxed li{
	position:relative;
	margin-left:12px;
	display:inline-block;
}

.commingsoon-section .left-column .social-boxed 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;
}

.commingsoon-section .left-column .social-boxed li a:hover{
	color:#ffaa00;
}

/* Notify Form */

.notify-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
}

.notify-form .form-group input[type="text"],
.notify-form .form-group input[type="tel"],
.notify-form .form-group input[type="email"],
.notify-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:53px;
	font-size:14px;
	color:#000000;
	background:#ffffff;
	border-radius:50px;
	border:1px solid #bbbbbb;
	padding:10px 50px 10px 20px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.notify-form .form-group input[type="submit"],
.notify-form button{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	border-radius:0px 50px 50px 0px;
}

.commingsoon-section .right-column{
	position:absolute;
	right:0px;
	top:0px;
	float:right;
	width:50%;
	height:100%;
}

.commingsoon-section .right-column:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
	background-color:rgba(0,0,0,0.50);
}

.commingsoon-section .right-column .inner-column{
	position:relative;
	float:left;
	height:100%;
	width:100%;
	background-size:cover;
	padding:120px 15px 40px 200px;
}



/*** 

====================================================================
	Countdown style
====================================================================

***/

.time-counter{
	position:relative;
	z-index:10;
}

.time-counter .time-countdown{
	position:relative;
	margin-left:-20px;
}

.time-counter .time-countdown .counter-column{
	position:relative;
	margin-left:20px;
	width:170px;
	height:170px;
	text-align:center;
	padding:30px 0px 10px;
	border:2px solid #ffffff;
	border-bottom:6px solid #ffaa00;
	color:#ffffff;
	font-size:18px;
	line-height:30px;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:30px;
	background-color:rgba(0,0,0,0.30);
}

.time-counter .time-countdown .counter-column .count{
	position:relative;
	display:block;
	font-size:84px;
	line-height:40px;
	padding:10px 10px 20px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:400;
}

/*** 

====================================================================
	Mapthreesixty Container
====================================================================

***/

.mapthreesixty-container{
	position:relative;
	padding:100px 0px 80px;
}

.mapthreesixty-container .content-side,
.mapthreesixty-container .sidebar-side{
	margin-bottom:40px;
}

/*Map Item Sorting*/

.map-item-section .items-sorting{
	position:relative;
	margin-bottom:20px;	
}

.map-item-section .items-sorting .results-column,
.map-item-section .items-sorting .select-column{
	margin-bottom:20px;	
}

.map-item-section .items-sorting .results-column h6{
	font-size:18px;
	font-weight:400;
	color:#666666;
	line-height:24px;
	padding:13px 0px;
}

.map-item-section .items-sorting .form-group{
	margin-bottom:0px;	
}

.map-item-section .items-sorting select{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:9px 20px 9px;
	height:50px;
	font-size:14px;
	border:1px solid #eeeeee;
	cursor:pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	background:url(../images/icons/icon-select.png) right center no-repeat;
	color:#666666;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.map-item-section .items-sorting select option{
	text-indent:15px;	
}


/*Map Item*/

.map-item{
	position:relative;
	margin-bottom:40px;
}

.map-item .inner-box{
	position:relative;
	outline:15px solid #ffffff;
	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;
}

.map-item .inner-box:hover .image .overlay-box{
	opacity:1;
}

.map-item .inner-box .image{
	position:relative;
	z-index:11;
	text-align:center;
	background-color:#f8f8f8;
}

.map-item .inner-box .image .sale{
	position:absolute;
	left:20px;
	top:20px;
	font-size:11px;
	font-weight:700;
	color:#ffffff;
	z-index:12;
	padding:5px 8px;
	line-height:1em;
	text-transform:uppercase;
	background-color:#ffaa00;
}

.map-item .inner-box .image .overlay-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	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;
}

.map-item .inner-box .image .overlay-box:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    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;
    background-color:rgba(0,0,0,0.85);
    -moz-transform: rotateX(-360deg) scale(0.5,0.5);
    -webkit-transform: rotateX(-360deg) scale(0.5,0.5);
    -ms-transform: rotateX(-360deg) scale(0.5,0.5);
    -o-transform: rotateX(-360deg) scale(0.5,0.5);
    transform: rotateX(-360deg) scale(0.5,0.5);
}

.map-item .inner-box:hover .image .overlay-box:before{
    -moz-transform: rotateX(0deg) scale(1,1);
    -webkit-transform: rotateX(0deg) scale(1,1);
    -ms-transform: rotateX(0deg) scale(1,1);
    -o-transform: rotateX(0deg) scale(1,1);
    transform: rotateX(0deg) scale(1,1);
    opacity: 1;
    visibility: visible;
}

.map-item .inner-box .image .overlay-box .cart-option li{
	position:relative;
}

.map-item .inner-box .image .overlay-box .cart-option li:first-child{
	position:absolute;
	right: 15px;
	top: 15px;
}

.map-item .inner-box .image .overlay-box .cart-option li:last-child{
	position:absolute;
	left: 15px;
	bottom: 15px;
}

.map-item .inner-box .image .overlay-box .cart-option li a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:18px;
	display:block;
	line-height:40px;
	background-color:#ffaa00;
	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;
}

.map-item .inner-box .image .overlay-box .cart-option li a:hover{
	background-color:#ffaa00;
	color:#ffffff;
}

.map-item .inner-box .image .overlay-box .cart-option li a:hover{
	color:#ffffff;
}

.map-item .inner-box .image img{
	width:100%;
	display:inline-block;
}

.map-item .inner-box .lower-content{
	position:relative;
	z-index:11;
	text-align:center;
	padding:30px 0px 0px;
}

.map-item .inner-box .lower-content h6{
	position:relative;
	font-weight:600;
}

.map-item .inner-box .lower-content h6 a{
	color:#222222;
	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;
}

.map-item .inner-box .lower-content h6 a:hover{
	color:#ffaa00;
}

.map-item .inner-box .lower-content .price{
	position:relative;
	margin-top:4px;
}

.map-item .inner-box .lower-content .price li{
	position:relative;
	color:#666666;
	font-size:14px;
	font-weight:400;
	display:inline-block;
}

.map-item .inner-box .lower-content .price li.discount{
	position:relative;
	color:#000000;
	margin-right:8px;
	text-decoration:line-through;
}

.map-single-section{
	position:relative;
	padding-top: 100px;
	padding-bottom:90px;
	z-index: 9;
	background-color: #ffffff;
}


/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:100px 0px 80px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:40px;
}

.sidebar-page-container .sidebar-side .sidebar{
	position:relative;
}

/*Sidebar Widget*/

.sidebar-widget{
    position: relative;
    margin-bottom: 50px;
}

/*** 

====================================================================
	Sidebar Title
====================================================================

***/

.sidebar-title{
	position:relative;
	margin-bottom:40px;
}

.sidebar-title .title-inner{
	position:relative;
	padding-left:25px;
}

.sidebar-title .title-inner:before{
	position:absolute;
	content:'';
	left:0px;
	top:6px;
	bottom:7px;
	width:2px;
	background-color:#2e4c16;
}

.sidebar-title .title{
	position:relative;
	color:#ffaa00;
	font-size: 20px;
	line-height: 1.6em;
	font-weight:600;
	-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

.sidebar-title h2{
	position: relative;
    font-size: 30px;
    color:#2e4c16;
    font-weight: 700;
    line-height: 1.3em;
	margin-top:5px;
	-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}


/*** 

====================================================================
	Sidebar Title
====================================================================

***/

.sidebar-title-two{
	position:relative;
	margin-bottom:40px;
}

.sidebar-title-two h2{
	position: relative;
    font-size: 30px;
    color:#2e4c16;/*00481a*/
    font-weight: 700;
    line-height: 1.3em;
	padding-left:22px;
	padding-top:8px;
	border-left:3px solid #ffaa00;
	-webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

/*Blog Category*/

.blog-cat{
	position:relative;
}

.blog-cat li{
	position:relative;
	margin-bottom:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-cat li:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:5px;
	height:0%;
	z-index:1;
	background-color:#2e4c16;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-cat li:hover::before,
.blog-cat li.active::before{
	height:100%;
}

.blog-cat li a{
	position:relative;
	color:#2e4c16;
	font-size:16px;
	font-weight:700;
	display:block;
	border-radius:0px 50px 50px 0px;
	border:1px solid #acacac;
	padding:20px 15px 16px 38px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-cat li a:before{
	position:absolute;
	content:'\f105';
	right:22px;
	top:18px;
	color:#2e4c16;
	font-size:18px;
	font-family: 'FontAwesome';
}

.blog-cat li.active a,
.blog-cat li a:hover{
	color:#2e4c16;
	border-color:#ffaa00;
	background-color:#ffaa00;
}

/* Broucher Widget */

.brochure-widget .widget-content{
	position:relative;
}

.brochure-widget .brouchers{
	position:relative;
}

.brochure-widget .brouchers li{
	position:relative;
	border-bottom:1px solid #dddddd;
}

.brochure-widget .brouchers li a{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:600;
	padding:13px 8px;
	padding-left:45px;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.brochure-widget .brouchers li a:hover{
	color:#ffaa00;
}

.brochure-widget .brouchers li a .icon{
	position:absolute;
	content:'';
	left:12px;
	top:15px;
	font-size:16px;
	line-height:1em;
	color:#777777;
	font-weight:500;
}

.business-widget .widget-content{
	position:relative;
	padding:40px 30px;
}

.business-widget .widget-content:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.business-widget .widget-content .title{
	position:relative;
	color:#ffffff;
	font-weight:700;
	font-size:18px;
}

.business-widget .widget-content h3{
	position:relative;
	color:#ffaa00;
	font-weight:600;
	font-size:36px;
	line-height:1em;
	margin-top:40px;
}

.business-widget .widget-content h3 span{
	position:relative;
	color:#ffffff;
	font-size:18px;
	display:block;
}

.business-widget .widget-content .text{
	position:relative;
	color:#ffffff;
	font-weight:500;
	font-size:16px;
	margin-top:20px;
	margin-bottom:25px;
}

.business-widget .widget-content .theme-btn{
	padding:8px 25px;
}

.business-widget .widget-content .number{
	position:relative;
	color:#ffffff;
	font-weight:400;
	font-size:18px;
	margin-top:15px;
}

/* Service Single */

.service-single{
	position:relative;
}

.service-single .inner-box{
	position:relative;
}

.service-single .inner-box .image{
	position:relative;
}

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

/**iframe**/
.service-single .inner-box .image iframe {
    position: relative;
    width: 100%;
    height: 475px;
    display: block;
}

/**end iframe**/

.service-single .inner-box .lower-content{
	position:relative;
	padding-top:30px;
}

.service-single .inner-box .lower-content h2{
	position:relative;
	color:#2e4c16;
	font-size:30px;
	line-height:1.3em;
	font-weight:700;
	margin-bottom:15px;
}

.service-single .inner-box .lower-content .text{
	position:relative;
}

.service-single .inner-box .lower-content .text p{
	position:relative;
	color:#777777;
	font-size:14px;
	line-height:2em;
}

.service-single .inner-box .lower-content h3{
	position:relative;
	color:#2e4c16;
	font-size:24px;
	line-height:1.3em;
	font-weight:700;
	margin-bottom:15px;
}

.service-single .inner-box .lower-content .two-column{
	margin-bottom:40px;
}

.service-single .inner-box .lower-content .two-column .list-style-two{
	margin-top:50px;
}

.service-single .inner-box .lower-content .two-column .list-style-two li{
	padding-top:0px;
}

/*** 

====================================================================
	Projects Page Section
====================================================================

***/

.projects-page-section{
	position:relative;
	padding:95px 0px 95px;
}

.projects-page-section .filters{
	position:relative;
}

.projects-page-section .filters .filter-tabs{
	position:relative;
	margin-bottom:50px;
	text-align:center;
}

.projects-page-section .filters .filter-tabs .filter{
	position:relative;
	color:#222222;
	font-size:16px;
	cursor:pointer;
	margin-bottom:15px;
	font-weight:600;
	margin:0px 15px 4px;
	padding:14px 0px 10px;
	display:inline-block;
	text-transform:uppercase;
	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;
}

.projects-page-section .filters .filter-tabs .filter:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:2px;
	background-color:#ffaa00;
	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;
}

.projects-page-section .filters .filter-tabs .filter:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:2px;
	background-color:#ffaa00;
	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;
}

.projects-page-section .filters .filter-tabs .filter.active::before,
.projects-page-section .filters .filter-tabs .filter:hover::before,
.projects-page-section .filters .filter-tabs .filter.active::after,
.projects-page-section .filters .filter-tabs .filter:hover::after{
	width:100%;
}

.projects-page-section .filters .filter-tabs .filter.active,
.projects-page-section .filters .filter-tabs .filter:hover{
	color:#fbb908;
}

.project-block.mix{
	display:none;
}

/*** 

====================================================================
	Projects Single Section
====================================================================

***/

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

.project-info-block{
	position:relative;
	margin-bottom:35px;
}

.project-info-block .block-info{
	position:relative;
	padding:30px 45px 15px;
	border-radius:5px;
	border:3px solid #dddddd;
}

.project-info-block .block-info h4{
	position:relative;
	color:#2e4c16;
	font-size:18px;
	font-weight:700;
	margin-bottom:25px;
}

.project-info-block .block-info .project-info{
	position:relative;
	color:#777777;
	font-size:16px;
	margin-bottom:15px;
	padding-left:40px;
}

.project-info-block .block-info .project-info .icon{
	position:absolute;
	left:0px;
	top:-2px;
	color:#ffaa00;
	font-size:22px;
	line-height:1em;
}

.project-info-block .block-info .project-info strong{
	color:#2e4c16;
}

.projects-single-section h2{
	position:relative;
	color:#2e4c16;
	font-size:30px;
	font-weight:700;
	line-height:1.3em;
}

.projects-single-section .bold-text{
	position:relative;
	color:#777777;
	font-size:20px;
	font-weight:600;
	margin-top:15px;
	margin-bottom:30px;
}

.projects-single-section .carousel-box{
	position:relative;
	margin-bottom:30px;
}

.projects-single-section .carousel-box .owl-dots{
	position:relative;
	display:none;
}

.projects-single-section .carousel-box .owl-nav{
	position:absolute;
	left:-70px;
	top:50%;
	right:-70px;
	margin-top:-25px;
}

.projects-single-section .carousel-box .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	width:50px;
	height:50px;
	color:#ffffff;
	line-height:48px;
	font-size:22px;
	text-align:center;
	background-color:#33373f;
	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;
}

.projects-single-section .carousel-box .owl-nav .owl-next{
	position:absolute;
	right:0px;
	width:50px;
	height:50px;
	color:#ffffff;
	line-height:48px;
	font-size:22px;
	text-align:center;
	background-color:#33373f;
	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;
}

.projects-single-section .carousel-box .owl-nav .owl-prev:hover,
.projects-single-section .carousel-box .owl-nav .owl-next:hover{
	background-color:#ffaa00;
}

.projects-single-section h3{
	position:relative;
	color:#333333;
	font-size:26px;
	font-weight:700;
	line-height:1.3em;
}

.projects-single-section p{
	position:relative;
	color:#777777;
	font-size:16px;
	font-weight:400;
	margin-top:15px;
	margin-bottom:30px;
}

.projects-single-section .two-column{
	position:relative;
	margin-top:40px;
}

/*Video Box*/

.video-box{
	position:relative;
}

.video-box .image{
	position:relative;
	overflow:hidden;
	margin:0px;
}

.video-box .image img{
	position:relative;
	width:100%;
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 80px;
	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;
}

.video-box .overlay-box span{
	position: absolute;
	width:80px;
	height: 80px;
	left:50%;
    top: 50%;
	z-index:99;
	color: #ffaa00;
	font-weight:400;
	font-size:24px;
	text-align: center;
	border-radius:50%;
	padding-left:4px;
	background-color: #ffffff;
	display: inline-block;
	margin-top: -40px;
	margin-left:-40px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

/*New Posts*/

.new-posts{
	position:relative;
	padding:20px 0px;
	margin-top:20px;
	border-top:2px solid #dddddd;
	border-bottom:2px solid #dddddd;
}

.new-posts a{
	position:relative;
	color:#3d3e3e;
	font-size:16px;
	font-weight:700;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.new-posts a:hover{
	color:#ffaa00;
}

.new-posts .grid-view{
	position:absolute;
	left:50%;
	top:19px;
	font-size:26px;
	line-height:1em;
	color:#3d3e3e;
	margin-left:-10px;
}

/*** 

====================================================================
	Blogs Page Section
====================================================================

***/

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

.blogs-page-section .styled-pagination{
	margin-top:25px;
}

/* News Block Two */

.news-block-two{
	position:relative;
	margin-bottom:30px;
}

.news-block-two .inner-box{
	position:relative;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box:hover{
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px);
}

.news-block-two .inner-box .image{
	position:relative;
	background-color:#2e4c16;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	background-color:#2e4c16;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box:hover .image img{
	opacity:0.6;
}

.news-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
}

.news-block-two .inner-box .image .overlay-box .icon{
	position:absolute;
	left:50%;
	top:50%;
	width:80px;
	height:80px;
	color:#ffffff;
	margin-left:-40px;
	text-align:center;
	border-radius:50%;
	line-height:80px;
	display:inline-block;
	padding-left:4px;
	font-size:25px;
	margin-top:-40px;
	background-color:#ffaa00;
}

.news-block-two .inner-box .image .owl-nav{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	margin-top:-38px;
}

.news-block-two .inner-box .image .owl-nav .owl-prev{
	position:relative;
	width:28px;
	height:78px;
	line-height:78px;
	text-align:center;
	font-size:20px;
	color:#ffffff;
	display:inline-block;
	background-color:#ffaa00;
}

.news-block-two .inner-box .image .owl-nav .owl-prev span:before{
	content:'\f104';
	font-family: 'FontAwesome';
}

.news-block-two .inner-box .image .owl-nav .owl-next{
	position:absolute;
	right:0px;
	float:right;
	width:28px;
	height:78px;
	color:#ffffff;
	font-size:20px;
	line-height:78px;
	text-align:center;
	display:inline-block;
	background-color:#ffaa00;
}

.news-block-two .inner-box .image .owl-nav .owl-next span:before{
	content:'\f105';
	font-family: 'FontAwesome';
}

.news-block-two .inner-box .lower-content{
	position:relative;
	padding-top:25px;
}

.news-block-two .inner-box .lower-content .post-info{
	position:relative;
}

.news-block-two .inner-box .lower-content .post-info li{
	position:relative;
	color:#222222;
	font-size:13px;
	margin-right:10px;
	display:inline-block;
}

.news-block-two .inner-box .lower-content .post-info li .icon{
	position:relative;
	margin-right:4px;
	color:#777777;
}

.news-block-two .inner-box .lower-content .post-info li:last-child{
	margin-right:0px;
}

.news-block-two .inner-box .lower-content h3{
	position:relative;
	color:#2e4c16;/*00481a Utan*/
	font-size:22px;
	font-weight:700;
	line-height:1.4em;
	margin-top:14px;
}

.news-block-two .inner-box .lower-content h3 a{
	position:relative;
	color:#2e4c16;/*00481a Utan*/
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box:hover .lower-content h3 a{
	color:#ffaa00;
}

.news-block-two .inner-box .lower-content .text{
	position:relative;
	color:#777777;
	font-size:14px;
	margin-top:12px;
	line-height:1.9em;
}

.news-block-two .inner-box .lower-content .read-more{
	position:relative;
	font-weight:700;
	color:#266a43;/*00481a Utan*/
	display:inline-block;
	padding-right:22px;
	margin-top:15px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box .lower-content .read-more .arrow.left{
	position:absolute;
	left:0px;
	top:1px;
	opacity:0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box .lower-content .read-more .arrow.right{
	position:absolute;
	right:0px;
	top:1px;
}

.news-block-two .inner-box .lower-content .read-more .arrow.right{
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box .lower-content .read-more:hover .arrow.right{
	opacity:0;
}

.news-block-two .inner-box .lower-content .read-more:hover .arrow.left{
	opacity:1;
}

.news-block-two .inner-box .lower-content .read-more:hover{
	color:#ffaa00;
	padding-right:0px;
	padding-left:22px;
}

/*** 

====================================================================
			Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}

.styled-pagination ul{
	position:relative;
	display: inline-block;
	padding: 25px 51px;
	box-shadow: 0 0 40px rgba(0,0,0,.08);
}

.styled-pagination li{
	position:relative;
	float: left;
	margin: 0px 4px 0px;
}

.styled-pagination li a{
	position:relative;
	display: block;
	height:45px;
	width: 45px;
	text-align: center;
	line-height:45px;
	font-size:16px;
	color:#222222;
	font-weight:600;
	background:#f5f8fb;
	border-bottom: 3px solid #f5f8fb; 
	text-transform: uppercase;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.styled-pagination li.active a,
.styled-pagination li a:hover{
	color:#ffffff;	
	background:#2e4c16;
	border-bottom: 3px solid #ffaa00; 
}

/*Search Box Widget*/

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:43px;
	padding:10px 50px 10px 20px;
	border:1px solid #eeeeee;
	background:none;
	display:block;
	font-size:14px;
	width:100%;
	height:55px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:55px;
	width:60px;
	display:block;
	font-size:16px;
	color:#fbb908;
	line-height:100%;
	font-weight:normal;
	background:none;
}

/* Blog Category Two*/

.blog-cat-two{
	position:relative;
}

.blog-cat-two li{
	position:relative;
	margin-bottom:3px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-cat-two li:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:5px;
	height:0%;
	z-index:1;
	background-color:#2e4c16;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-cat-two li:hover::before,
.blog-cat-two li.active::before{
	height:100%;
}

.blog-cat-two li a{
	position:relative;
	color:#266a43;/*00481a Utan*/
	font-size:16px;
	font-weight:700;
	display:block;
	border-radius:50px 0px 0px 50px;
	border:1px solid #eeeeee;
	padding:20px 15px 16px 38px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-cat-two li span{
	position:absolute;
	right:22px;
	top:18px;
	color:#266a43;/*00481a Utan*/
	font-size:18px;
}

.blog-cat-two li.active a,
.blog-cat-two li a:hover{
	color:#2e4c16;
	border-color:#ffaa00;
	background-color:#ffaa00;
}

.post-widget{
	position:relative;
}

.post-widget .owl-dots{
	display:none;
}

.post-widget .owl-nav{
	position:relative;
}

.post-widget .owl-prev{
	border-right:1px solid #ffffff;
}

.post-widget .owl-prev,
.post-widget .owl-next{
	position:relative;
	width:50%;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	background-color:#2e4c16;
	padding:15px 10px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.post-widget .owl-prev:hover,
.post-widget .owl-next:hover{
	background-color:#ffaa00;
}

.widget-post{
	position:relative;
}

.widget-post .post-inner{
	position:relative;
}

.widget-post .post-inner .image{
	position:relative;
}

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

.widget-post .post-inner .lower-content{
	position:relative;
	padding-top:25px;
	text-align:center;
	border:1px solid #e5e5e5;
	border-bottom:none;
	border-top:none;
	padding-left:30px;
	padding-right:30px;
}

.widget-post .post-inner .lower-content .post-info{
	position:relative;
}

.widget-post .post-inner .lower-content .post-info li{
	position:relative;
	margin:0px 10px;
	display:inline-block;
}

.widget-post .post-inner .lower-content h3{
	position:relative;
	font-weight:700;
	line-height:1.8em;
	font-size:18px;
	margin-top:6px;
	padding-bottom:25px;
}

.widget-post .post-inner .lower-content h3 a{
	position:relative;
	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;
}

.widget-post .post-inner .lower-content h3 a:hover{
	color:#ff8a00;
}

/*Popular Tags*/

.sidebar .popular-tags a{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:12px 26px 8px;
	margin:0px 6px 10px 0px;
	color:#777777;
	text-align:center;
	font-size:14px;
	background:#f5f5f5;
	font-weight:400;
	border-radius:50px;
	text-transform:capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
	background-color:#2e4c16;
	color:#ffffff;
}

.testimonial-widget{
	position:relative;
}

.testimonial-widget .widget-content{
	position:relative;
	padding:60px 30px;
	text-align:center;
	background-size:cover;
}

.testimonial-widget .widget-content:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,0,0.60);
}

.testimonial-widget .widget-content .quote-icon{
	position:relative;
	color:#ffffff;
	line-height:1em;
	font-size:36px;
	margin-bottom:22px;
}

.testimonial-widget .widget-content .text{
	position:relative;
	color:#ffffff;
	line-height:1.7em;
	font-size:16px;
}

.testimonial-widget .widget-content .author{
	position:relative;
	color:#ffaa00;
	font-size:18px;
	font-weight:700;
	line-height:1.3em;
	margin-top:20px;
}

.testimonial-widget .owl-dots,
.testimonial-widget .owl-nav{
	display:none;
}

/* Blog Single */

.blog-single{
	position:relative;
}

.blog-single .inner-box{
	position:relative;
}

.blog-single .inner-box .post-info{
	position:relative;
}

.blog-single .inner-box .post-info li{
	position:relative;
	color:#222222;
	font-size:13px;
	margin-right:10px;
	display:inline-block;
}

.blog-single .inner-box .post-info li .icon{
	position:relative;
	margin-right:4px;
	color:#777777;
}

.blog-single .inner-box .post-info li:last-child{
	margin-right:0px;
}

.blog-single .inner-box h3{
	position:relative;
	color:#2e4c16;
	font-size:30px;
	font-weight:700;
	line-height:1.4em;
	margin-top:14px;
	margin-bottom:10px;
}

.blog-single .inner-box .text{
	position:relative;
	margin-bottom:15px;
}

.blog-single .inner-box .text p{
    position: relative;
    color: #777777;
    font-size: 14px;
    margin-top: 12px;
	line-height: 1.9em;
	text-align: justify;
}

.blog-single .inner-box .image{
	position:relative;
	margin-bottom:30px;
}

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

.blog-single .inner-box h4{
	position:relative;
	color:#2e4c16;
	font-size:24px;
	font-weight:700;
	line-height:1.4em;
	margin-top:14px;
	margin-bottom:10px;
}

.blog-single .inner-box blockquote{
	position:relative;
	padding:0px;
	border:0px;
	padding-left:70px;
	margin-top:20px;
	margin-bottom:20px;
}

.blog-single .inner-box .text blockquote .quote-icon{
	position:absolute;
	content:'';
	left:0px;
	top:-20px;
	color:#2e4c16;
	font-size:44px;
	line-height:1em;
}

.blog-single .inner-box .text blockquote .blockquote-text{
	position:relative;
	color:#414857;
	font-size:18px;
	font-style:italic;
	line-height:1.7em;
	padding-top:22px;
	border-top:1px solid #e6e6e6;
}

/*post share options*/

.blog-single .post-share-options{
	position:relative;
	margin-top: 0px;
}

.blog-single .post-share-options .post-share-inner{
}

.blog-single .post-share-options .tags span{
	font-size:16px;
	color:#443986;
	font-weight:700;
	margin-right:8px;
	text-transform: uppercase;
}

.blog-single .post-share-options .tags a{
	position:relative;
	color:#777777;
	font-size:16px;
	font-weight:600;
	line-height: 1em;
	padding-right: 12px;
	margin-right: 10px;
	display: inline-block;
	text-transform:capitalize;
	border-right: 1px solid #ebebeb;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-single .post-share-options .tags a:last-child{
	border-right:none;
	margin-right: 0px;
	padding-right: 0px;
}

.blog-single .post-share-options .tags{
	position:relative;
	color:#ff4800;
	font-size:16px;
	font-weight:400;
	margin-top:3px;
}

.blog-single .post-share-options .tags a:hover{
	color:#020e28;
}

.blog-single .post-share-options .social-box{
	position:relative;
}

.blog-single .post-share-options .social-box li{
	position:relative;
	margin-left:15px;
	display:inline-block;
}

.blog-single .post-share-options .social-box li a{
	position:relative;
	font-size:14px;
	color:#888888;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.blog-single .post-share-options .social-box li a:hover{
	color:#2e4c16;
}

/*News Posts*/

.blog-single .inner-box .news-posts{
	position:relative;
	padding:25px 0px;
	margin-top: 40px;
	margin-bottom:60px;
	border-top: 1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

.blog-single .inner-box .news-posts h4{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:600;
	line-height:1.7em;
	margin:0px;
	margin-bottom:10px;
}

.blog-single .inner-box .news-posts .prev-post a{
	position:relative;
	color:#2e4c16;
	font-size:15px;
	font-weight:700;
	text-transform: capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.blog-single .inner-box .news-posts .prev-post .image{
	position:absolute;
	left:0px;
	top:8px;
	width:70px;
	height:70px;
}

.blog-single .inner-box .news-posts .next-post{
	position:relative;
	text-align:right;
	padding-right:90px;
}

.blog-single .inner-box .news-posts .next-post .image{
	position:absolute;
	right:0px;
	top:8px;
	width:70px;
	height:70px;
}

.blog-single .inner-box .news-posts .next-post a{
	position:relative;
	color:#2e4c16;
	font-size:15px;
	font-weight:700;
	text-transform: capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.blog-single .inner-box .news-posts .prev-post{
	position:relative;
	padding-left:90px;
}

.blog-single .inner-box .news-posts .prev-post a:hover,
.blog-single .inner-box .news-posts .next-post a:hover{
	color:#ffaa00;
}

/*Author Box*/

.author-box{
	position:relative;
	margin-bottom:45px;
}

.author-box .author-comment{
	position:relative;
}

.author-box .author-comment .inner-box{
	position:relative;
	padding-left:165px;
}

.author-box .author-comment .inner-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:130px;
	overflow:hidden;
	margin-bottom:20px;
}

.author-box .author-comment .inner-box h3{
	position:relative;
	color:#1a1d1f;
	font-size:18px;
	font-weight:700;
	margin-bottom:10px;
}

.author-box .author-comment .inner-box .text{
	position:relative;
	color:#888888;
	font-size:15px;
	font-weight:400;
	line-height:1.7em;
	margin-bottom:10px;
}

.author-box .author-comment .inner-box .social-icon-four li{
	margin-left:0px;
	margin-right:15px;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-bottom:50px;
}

.sidebar-page-container .group-title{
	position:relative;
}

.sidebar-page-container .group-title h2{
	position:relative;
	font-size:18px;
	color:#222222;
	font-weight:700;
	text-transform:capitalize;
}

.sidebar-page-container .group-title h3{
	position:relative;
	font-size:16px;
	color:#414857;
	font-weight:400;
	margin-bottom:50px;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	padding:0px 0px 0px;
	margin-bottom:40px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	padding:0px 0px 30px 110px;
	font-size:14px;
	border-bottom:1px solid #f5f5f5;
}

.sidebar-page-container .comments-area .reply-comment{
	margin-left:120px;	
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	border-radius:50%;
	margin-bottom:20px;
	overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	margin-bottom:10px;
}

.sidebar-page-container .comments-area .comment-box strong{
	font-size:17px;
	font-weight:600;
	color:#1a1d1f;
	display:block;
	line-height:1.3em;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box .text{
	color:#888888;
	font-size:14px;
	line-height:1.9em;
	margin-bottom:0px;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
	font-size:12px;
	color:#888888;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
	position:absolute;
	right:0px;
	top:0px;
	padding:2px 22px;
	font-size:13px;
	color:#888888;
	font-weight:400;
	border:2px  solid #f6f7f7;
	text-transform:capitalize;
	background-color:#f6f7f7;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
	background:#2e4c16;
	color:#ffffff;
	border-color:#2e4c16;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form .group-title{
	position:relative;
	margin-bottom:20px;	
}

.comment-form .form-group{
	margin-bottom:30px;
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 18px;
	color:#888888;
	border:1px solid #ececec;
	height:50px;
	font-size:13px;
	background:#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;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#ffaa00;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 18px;
	color:#888888;
	border:1px solid #ececec;
	height:180px;
	background:#ffffff;
	resize:none;
	font-size:13px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form button{
	padding:14px 30px 12px;
}

/*** 

====================================================================
	Contact Form
====================================================================

 ***/

.contact-page-section{
	position:relative;
	padding:100px 0px 80px;
}
 
.contact-form{
	position:relative;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	color:#a5a5a5;
	line-height:26px;
	padding:10px 20px;
	height:50px;
	font-size:14px;
	border-radius:2px;
	background:none;
	border:1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#ffaa00;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 20px;
	color:#a5a5a5;
	height:200px;
	font-size:14px;
	resize:none;
	border-radius:2px;
	background:none;
	border:1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

.contact-page-section .info-column{
	position:relative;
}

.contact-page-section .info-column .content-boxed{
	position:relative;
	padding:45px 35px;
	border-radius:2px;
	border:1px solid #dddddd;
}

.contact-page-section .info-column .content-boxed .text{
	position:relative;
	color:#777777;
	line-height:1.8em;
	margin-bottom:15px;
}

.contact-page-section .info-column .content-boxed ul{
	position:relative;
}

.contact-page-section .info-column .content-boxed ul li{
	position:relative;
	color:#777777;
	font-size:16px;
	margin-bottom:15px;
	padding-left:28px;
}

.contact-page-section .info-column .content-boxed ul li:last-child{
	margin-bottom:0px;
}

.contact-page-section .info-column .content-boxed ul li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#ffaa00;
}

/***

==================================================================
		Contact Map Section
==================================================================

***/

.contact-map-section{
	position: relative;
	padding-bottom:100px;
}

.contact-map-section .map-outer{
	position: relative;
	height: 500px;
} 

.contact-map-section .map-canvas{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	position:relative;
	width:100%;
	text-align:center;
	padding:130px 0px 120px;
	background-position:right top;
	background-repeat:no-repeat;
}

.error-section .inner-section{
	position:relative;
	text-align:center;
}

.error-section .inner-section h2{
	position:relative;
	font-size:18px;
	color:#1e1e29;
	font-weight:400;
	margin-top:40px;
	text-transform:uppercase;
}

.error-section .inner-section .text{
	position:relative;
	color:#7e7e7e;
	font-size:15px;
	margin-top:18px;
	margin-bottom:40px;
}

.error-section .go-back{
	position:relative;
	color:#2e4c16;
	font-size:16px;
	font-weight:500;
	text-align:center;
	margin-top:18px;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.error-section .go-back:hover{
	color:#ffaa00;
}

/*Error Form*/

.error-search-form .form-group{
	position:relative;
	max-width:430px;
	margin:0 auto;
	width:100%;
}

.error-search-form .form-group input[type="text"],
.error-search-form .form-group input[type="search"]{
	position:relative;
	line-height:30px;
	background:none;
	display:block;
	font-size:14px;
	width:100%;
	height:52px;
	color:#7e7e7e;
	border:1px solid #e8f1f7;
	background-color:#ffffff;
	padding:14px 50px 10px 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;
}

.error-search-form .form-group input:focus{
	border-color:#2e4c16;	
}

.error-search-form .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:52px;
	width:50px;
	color:#ffffff;
	display:block;
	font-size:16px;
	line-height:100%;
	background:#2e4c16;
	font-weight:normal;
	cursor:pointer;
}


/*Post Widget*/

.sidebar .popular-posts .post{
	position:relative;
	font-size:14px;
	color:#666666;
	padding:0px 0px;
	margin-bottom:22px;
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom:0px;
}

.sidebar .popular-posts .post .text{
	position:relative;
	top:-4px;
	font-size:15px;
	margin:0px 0px 0px;
	font-weight:600;
	color:#242424;
	line-height:1.6em;
	text-transform:capitalize;
}

.sidebar .popular-posts .post .text a{
	color:#242424;
	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;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
	color:#ffaa00;
}

.sidebar .popular-posts .post-info{
	font-size:13px;
	color:#9a9a9a;
	font-weight:500;
}

/*Sidebar List*/

.sidebar .list{
	position:relative;
}

.sidebar .list li{
	position:relative;
	line-height:24px;
	margin-bottom:10px;	
}

.sidebar .list li:last-child{
	border-bottom:none;	
}

.sidebar .list li a{
	position:relative;
	display:block;
	color:#2e4c16;
	font-size:16px;
	font-weight:600;
	line-height:24px;
	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;
}

.sidebar .list li a:hover{
	color:#ffaa00;	
}



/*Item Sorting*/

.shop-section .items-sorting{
	position:relative;
	margin-bottom:20px;	
}

.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column{
	margin-bottom:20px;	
}

.shop-section .items-sorting .results-column h6{
	font-size:18px;
	font-weight:400;
	color:#666666;
	line-height:24px;
	padding:13px 0px;
}

.shop-section .items-sorting .form-group{
	margin-bottom:0px;	
}

.shop-section .items-sorting select{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:9px 20px 9px;
	height:50px;
	font-size:14px;
	border:1px solid #eeeeee;
	cursor:pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	background:url(../images/icons/icon-select.png) right center no-repeat;
	color:#666666;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.shop-section .items-sorting select option{
	text-indent:15px;	
}


/*Shop Item*/

.shop-item{
	position:relative;
	margin-bottom:40px;
}

.shop-item .inner-box{
	position:relative;
	outline:15px solid #ffffff;
	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;
}

.shop-item .inner-box:hover .image .overlay-box{
	opacity:1;
}

.shop-item .inner-box .image{
	position:relative;
	z-index:11;
	text-align:center;
	background-color:#f8f8f8;
}

.shop-item .inner-box .image .sale{
	position:absolute;
	left:20px;
	top:20px;
	font-size:11px;
	font-weight:700;
	color:#ffffff;
	z-index:12;
	padding:5px 8px;
	line-height:1em;
	text-transform:uppercase;
	background-color:#ffaa00;
}

.shop-item .inner-box .image .overlay-box{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	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;
}

.shop-item .inner-box .image .overlay-box:before{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    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;
    background-color:rgba(0,0,0,0.85);
    -moz-transform: rotateX(-360deg) scale(0.5,0.5);
    -webkit-transform: rotateX(-360deg) scale(0.5,0.5);
    -ms-transform: rotateX(-360deg) scale(0.5,0.5);
    -o-transform: rotateX(-360deg) scale(0.5,0.5);
    transform: rotateX(-360deg) scale(0.5,0.5);
}

.shop-item .inner-box:hover .image .overlay-box:before{
    -moz-transform: rotateX(0deg) scale(1,1);
    -webkit-transform: rotateX(0deg) scale(1,1);
    -ms-transform: rotateX(0deg) scale(1,1);
    -o-transform: rotateX(0deg) scale(1,1);
    transform: rotateX(0deg) scale(1,1);
    opacity: 1;
    visibility: visible;
}

.shop-item .inner-box .image .overlay-box .cart-option li{
	position:relative;
}

.shop-item .inner-box .image .overlay-box .cart-option li:first-child{
	position:absolute;
	right: 15px;
	top: 15px;
}

.shop-item .inner-box .image .overlay-box .cart-option li:last-child{
	position:absolute;
	left: 15px;
	bottom: 15px;
}

.shop-item .inner-box .image .overlay-box .cart-option li a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:18px;
	display:block;
	line-height:40px;
	background-color:#ffaa00;
	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;
}

.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
	background-color:#ffaa00;
	color:#ffffff;
}

.shop-item .inner-box .image .overlay-box .cart-option li a:hover{
	color:#ffffff;
}

.shop-item .inner-box .image img{
	width:100%;
	display:inline-block;
}

.shop-item .inner-box .lower-content{
	position:relative;
	z-index:11;
	text-align:center;
	padding:30px 0px 0px;
}

.shop-item .inner-box .lower-content h6{
	position:relative;
	font-weight:600;
}

.shop-item .inner-box .lower-content h6 a{
	color:#222222;
	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;
}

.shop-item .inner-box .lower-content h6 a:hover{
	color:#ffaa00;
}

.shop-item .inner-box .lower-content .price{
	position:relative;
	margin-top:4px;
}

.shop-item .inner-box .lower-content .price li{
	position:relative;
	color:#666666;
	font-size:14px;
	font-weight:400;
	display:inline-block;
}

.shop-item .inner-box .lower-content .price li.discount{
	position:relative;
	color:#000000;
	margin-right:8px;
	text-decoration:line-through;
}





.shop-single-section{
	position:relative;
	padding-top: 100px;
	padding-bottom:90px;
	z-index: 9;
	background-color: #ffffff;
}

.newsphotos-single-section{
	position:relative;
	padding-top: 100px;
	padding-bottom:90px;
	z-index: 9;
	background-color: #ffffff;
}

/*Product Details*/

.product-details .basic-details{
	position:relative;
	margin-bottom:20px;
}

.product-details .image-column .image-carousel{
	background-color:#eeeeee;
	border-radius:4px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:50px;
}

.product-details .info-column .add-to-cart{
	padding:13px 43px;
	font-size:14px;
	cursor:pointer;
	margin-bottom:10px;
	margin-right:10px;
}

.product-details .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.product-details .image-column .thumbs-carousel{
	margin-top:20px;
}

.product-details .image-column .thumbs-carousel li{
	background-color:#f2f2f2;
	text-align:center;
	padding:0px 0px;
	cursor:pointer;
}

.product-details .image-column .thumbs-carousel li img{
	width:100%;
	display:inline-block;
}

.product-details .image-column .owl-dots,
.product-details .image-column .owl-nav{
	display:none;	
}

.image-column img {
    position: relative;
    z-index: 10;
}


.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:0px;	
}

.product-details .basic-details .details-header h2{
	font-weight:700;
	margin:0px 0px;
	line-height:1.4em;
	color:#222222;
	margin-bottom:8px;
}

.product-details .basic-details .details-header h2 a{
	color:#333333;	
}

.product-details .basic-details .details-header .rating{
	font-size:16px;
	margin-bottom:25px;
	display:inline-block;
}

.product-details .basic-details .details-header .rating span{
	color:#ffaa00;
}

.product-details .basic-details .details-header .rating .fa{
	display:inline-block;
	margin-right:1px;	
}

.product-details .basic-details .details-header .rating .fa.light{
	color:#dadada;
}

.product-details .basic-details .details-header .item-price{
	position:relative;
	font-size:24px;
	font-weight:400;
	color:#222222;
	line-height:24px;
	letter-spacing:1px;
	margin-bottom:20px;
}

.product-details .basic-details .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
	margin-bottom:30px;
}

.product-details .basic-details .availablity{
	position:relative;
	float:left;
	padding-right:40px;
	line-height:32px;
	margin-bottom:27px;
	font-size:13px;
	font-weight:500;
	letter-spacing:1px;
	color:#777777;
}

.product-details .basic-details .availablity strong{
	font-size:14px;
	letter-spacing:2px;
	color:#11da61;
	font-weight:600;
	text-transform:uppercase;
}

.product-details .basic-details .item-quantity{
	position:relative;
	float:left;
	width:120px;
	margin-bottom:15px;
	margin-right:20px;
	border:1px solid #eae8e8;
}

.product-details .basic-details .btns-box{
	position:relative;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
	line-height:24px;
	padding:10px 15px !important;
	height:54px !important;
	box-shadow:none !important;	
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:13px 10px;
	background:#f4f5f6;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
	top:1px;	
}

.shop-list{
	position:relative;
	margin-top:20px;
}

.shop-list li{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-bottom:10px;
}

.shop-list li strong{
	color:#222222;
	font-size:16px;
	margin-right:5px;
	text-transform:uppercase;
}

.shop-list li a{
	position:relative;
	color:#ffaa00;
	font-size:14px;
	font-weight:700;
	margin-top:0px;
	display:inline-block;
	text-transform:uppercase;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.shop-page .prod-tabs{
	position:relative;	
}

.shop-page .prod-tabs .tab-btns{
	position:relative;
	text-align:center;
	margin-bottom:40px;
}

.shop-page .prod-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	margin-right:8px;
	font-size:16px;
	background:none;
	color:#222222;
	border:1px solid #222222;
	text-transform:capitalize;
	font-weight:400;
	line-height:24px;
	cursor:pointer;
	margin-bottom:12px;
	display:inline-block;
	padding:12px 40px 10px;
	transition:all 500ms ease;
}

.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
	background:#222222;
	border-color:#222222;
}

.shop-page .prod-tabs .tabs-content{
	position:relative;	
}

.shop-page .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.shop-page .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.shop-page .prod-tabs .tabs-content .tab p{
	font-size:14px;
	line-height:2em;
	color:#666666;
	margin-bottom:20px;
}

.shop-page .prod-tabs .tabs-content .tab p:last-child{
	margin-bottom:0px;
}

.shop-page .prod-tabs .tabs-content .tab h3,
.shop-page .prod-tabs .tabs-content .tab h4,
.shop-page .prod-tabs .tabs-content .tab h5,
.shop-page .prod-tabs .tabs-content .tab h6{
	margin-bottom:15px;	
}

.shop-page .prod-tabs .tabs-content .tab h4{
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	color:#222222;
}

.shop-page .prod-tabs .reviews-container{
	position:relative;
	padding-bottom:1px;	
}

.shop-page .prod-tabs .reviews-container .review-box{
	position:relative;
	margin-bottom:30px;
	padding-left:120px;
	min-height:130px;
	padding-bottom:30px;
	border-bottom:1px solid #f0f0f0;
}

.shop-page .prod-tabs .reviews-container .review-box:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}

.bootstrap-touchspin .input-group-btn-vertical{
	width:auto;
	right: 0px;
	position: absolute;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
    content: "\f106";
	font-size: 18px;
	font-style:normal;
	font-family: 'FontAwesome';
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
    content: "\f107";
	font-size: 18px;
	font-style:normal;
	font-family: 'FontAwesome';
}

.shop-page .prod-tabs .reviews-container .rev-thumb{
	position:absolute;
	left:0px;
	top:5px;
	width:100px;
	height:100px;
	background:#ffffff;
	border-radius:3px;
	margin-bottom:20px;
}

.shop-page .prod-tabs .reviews-container .rev-thumb img{
	display:block;
	width:100%;
	border-radius:3px;
}

.shop-page .prod-tabs .reviews-container .rev-content{
	position:relative;
	background:#ffffff;	
}

.shop-page .prod-tabs .reviews-container .rev-header{
	position:relative;
}

.shop-page .prod-tabs .reviews-container .rev-header h4{
	float:left;
	line-height:30px;
	color:#222222;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:10px;	
}

.shop-page .prod-tabs .reviews-container .rev-header .rating{
	position:relative;
	float:left;
	margin-left:40px;
	color:#ffaa00;
	line-height:30px;
	font-size:14px;
	margin-bottom:10px;
}

.shop-page .prod-tabs .reviews-container .rev-header .rating .fa{
	margin-right:3px;
}

.shop-page .prod-tabs .reviews-container .rev-header .time{
	position:relative;
	float:right;
	color:#000000;
	line-height:30px;
	font-size:14px;
}

.shop-page .prod-tabs .reviews-container .rev-option{
	font-size:14px;
	color:#9e9e9e;
}

.shop-page .prod-tabs .reviews-container .rev-option a{
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;	
}

.shop-page .prod-tabs .reviews-container .rev-text{
	font-size:14px;
	color:#9e9e9e;
	line-height:1.8em;
	margin-bottom:15px;
}

/*Add Review*/

.shop-page .prod-tabs .add-review{
	position:relative;
	margin:30px 0px 20px;
	font-size:14px;
}

.shop-page .prod-tabs .add-review h2{
	color:#000000;
}

.shop-page .prod-tabs .add-review .rating{
	position:relative;
	padding-top:8px;	
}

.shop-page .prod-tabs .add-review .rating .rate-box{
	position:relative;
	display:inline-block;
	margin-right:10px;
	font-size:14px;
	color:#555555;	
}

.shop-page .prod-tabs .add-review .rating .rate-box:hover,
.shop-page .prod-tabs .add-review .rating .rate-box:focus,
.shop-page .prod-tabs .add-review .rating .rate-box:active{
	color:#ffaa00;
}

.shop-page .prod-tabs .add-review label{
	position:relative;
	display:block;
	font-size:14px;
	margin-bottom:5px;
	font-weight:400;
	color:#303030;	
}

.shop-page .prod-tabs .add-review h3{
	margin-bottom:20px;	
}

.shop-page .prod-tabs .add-review .form-group{
	position:relative;
	margin-bottom:20px;	
}

.shop-page .prod-tabs .add-review .form-group input[type="text"],
.shop-page .prod-tabs .add-review .form-group input[type="password"],
.shop-page .prod-tabs .add-review .form-group input[type="tel"],
.shop-page .prod-tabs .add-review .form-group input[type="email"],
.shop-page .prod-tabs .add-review .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:9px 15px;
	color:#222222;
	border:1px solid #e0e0e0;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.shop-page .prod-tabs .add-review .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	padding:8px 15px;
	color:#222222;
	border:1px solid #e0e0e0;
	height:150px;
	resize:none;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.shop-page .prod-tabs .add-review button{
	padding:8px 35px;
}




/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section{
	position:relative;
	z-index: 9;
	background-color: #ffffff;
	padding:100px 0px 120px;
}

.cart-section .cart-outer{
	position:relative;	
}

.cart-section .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
}

.cart-section .cart-table{
	width:100%;
	min-width:900px;
	border:1px solid #eeeeee;
}

.cart-section .cart-table tbody tr{
	border-bottom:1px solid #eeeeee;
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:uppercase;
	font-size:16px;
	border-radius:0px;
	background:#ffaa00;
	color:#1f1f1f;
}

.cart-table thead tr th{
	line-height:24px;
	padding:20px 15px;
	min-width:120px;
	font-weight:700;
	color:#ffffff;
	font-size:16px;
	text-transform:capitalize;
}

.cart-table thead tr th.prod-column{
	text-align:left;
	padding-left:40px;	
}

.cart-table tbody tr td{
	line-height:24px;
	padding:40px 40px 40px;
	min-width:100px;
}

.cart-table tbody tr .qty{
	width:90px;
	padding-right:40px;
	padding-left:10px;
}

.cart-table tbody tr .qty .quantity-spinner{
	background:#f5f5f5;	
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:100px;
	padding-left:130px;
	padding-top:40px;
	text-align:left;
}


.column.default-column .cart-table tbody tr .qty{
	width:110px;
	padding-right:20px;	
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:absolute;
	width:100px;
	left:0px;
	top:0px;	
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:block;
	 max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h6{
	color:#222222;
	font-weight:500;
	margin-bottom:5px;	
}

.cart-table tbody tr .sub-total{
	font-weight:400;
	color:#222222;	
	font-size:18px;
	padding-left:20px;
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:18px;
	color:#ffaa00;
	display:inline-block;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa{
	position:relative;
	top:2px;
	font-size:10px;
	line-height:14px;
	width:14px;
	height:14px;
	margin-right:8px;
	background:#f0f0f0;
	color:#ffffff;
	text-align:center;
	overflow:hidden;
	text-indent:100px;
}

.cart-table tbody tr .remove{
	
}

.cart-table tbody tr .remove-btn:hover{
	
}

.cart-table tbody tr .remove-btn:hover .fa{
	text-indent:0px;
	background:#fa9928;
}

.cart-table tbody tr td{
	vertical-align:middle;	
}

.cart-table tbody tr td.price{
	font-size:18px;
	font-weight:400;
	color:#222222;
	padding-left:10px;
}

.cart-table tbody tr td .quantity-spinner{
	padding:5px 0px 5px 20px;
	line-height:24px;
	height:34px;
	display:block;
	width:100%;
	position:relative;
}

.cart-table tbody .available-info{
	position:relative;
	padding-left:50px;
    color: #727272;
    font-size: 16px;
}

.cart-table tbody .available-info .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	background:#3e4494;
	border-radius:50%;
}

.cart-section .coupon-outer{
	position:relative;
	margin:40px 0px 50px;
}

.cart-section .coupon-outer .cart-btn{
	font-size:14px;
	padding:14px 43px;
	font-weight:400;
	cursor:pointer;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:20px;	
}

.cart-section .apply-coupon .form-group .coupon-btn{
	padding:11px 28px;
	line-height:30px;
	cursor:pointer;
}


.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	line-height:26px;
	padding:12px 0px;
	border-bottom:2px solid #ffaa00;
	height:54px;
	width:230px;
	background:none;
	font-size:14px;
}

.cart-section .estimate-form{
	position:relative;
}

.cart-section .sec-title{
	margin-bottom:25px;
}

.cart-section .sec-title h2{
	font-size:26px;
	color:#222222;
}

.cart-section .estimate-form .row{
	margin-left:-7px;
	margin-right:-7px;	
}

.cart-section .estimate-form .row .form-group{
	padding:0px 7px !important;
	margin-bottom:30px;
}

.cart-section .cart-note{
	position:relative;
	margin-bottom:50px;
	padding:16px 20px;
	text-align:center;
	border:1px dashed #b2dd4c;
	background:#f4f4f4;
	line-height:1.7em;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
	position:relative;
	line-height:46px;
	height:46px;
	background:#f4f4f4;	
}

.bootstrap-touchspin .input-group-btn-vertical > .btn{
	height:24px;
	background:#e9e9e9;	
}

.bootstrap-touchspin .input-group-btn-vertical i{
	left:6px;
	top:6px;	
}

.cart-total-box{
	position:relative;
	max-width:490px;
	margin-bottom:40px;
	padding:40px 40px 30px;
	background-color:#f4f4f4;
}

.cart-total-box h4{
	position:relative;
	color:#222222;
	font-weight:700;
	line-height:1.4em;
	margin-bottom:25px;
}

.totals-table{
	position:relative;
}

.totals-table li{
	position:relative;
	color:#222222;
	font-weight:500;
	font-size:18px;
	margin-bottom:8px;
}

.totals-table li .col{
	float:right;width:auto;
}

.totals-table li .col-title{
	font-weight:600;
	float:left;
}

.totals-table li.total{
	margin-top:25px;
	padding-top:30px;
	border-top:1px solid #cccccc;
}

.checkout-btn{
	color:#ffffff;
	font-size:14px;
	font-weight:400;
	padding:17px 43px 14px;
	cursor: pointer;
	background-color:#ffaa00;
}

/*Check Out Page*/

.checkout-page{
	position:relative;
	z-index: 9;
	background-color: #ffffff;
	padding:100px 0px 80px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom:40px;	
}

.checkout-page .default-links li{
	margin-bottom:15px;
	line-height:24px;
	padding:18px 28px;
	background:#f9f9f9;
	color:#797979;
	font-size:17px;
	font-weight:600;
	border:1px solid #ebebeb;
}

.checkout-page .default-links li a{
	color:#ffaa00;
	text-decoration:underline;
}

.shop-form .billing-inner{
	position:relative;
	padding-right:100px;
}

.shop-form .sec-title h2{
	font-size:24px;
}

.shop-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.billing-details .shop-form .sec-title{
	margin-bottom:20px;	
}

.billing-details .shop-form .form-group.sec-title{
	margin-bottom:10px;
	padding-bottom:30px;
	margin-top:20px;
}

.shop-form .form-group .field-label{
	display:block;
	line-height:24px;
	margin-bottom:8px;
	color:#797979;	
	font-size:15px;
	font-weight:500;
	text-transform:capitalize;
}

.shop-form .form-group .field-label sup{
	position:relative;
	top:0px;
	color:#797979;	
	font-size:16px;
}

.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:16px;
	padding:10px 15px;
	height:50px;
	border:1px solid #eeeeee;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.shop-form input.address-two{
	margin-top:12px;
}

.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea-webkit-input-placeholder{
	color:#c6c6c6;
}

.shop-form select{
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
	cursor:pointer;
}

.shop-form select option{
	text-indent:15px;	
}

.shop-form textarea{
	resize:none;
	height:100px !important;
	overflow:hidden;	
}

.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus{
	border-color:#ffaa00;	
}

/*Shop Order Box*/

.shop-order-box{
	position:relative;
	padding:20px 28px 50px;
	border:1px solid #d9d9d9;
	background-color:#fdfdfd;
}

.shop-order-box .order-list{
	position:relative;
}

.shop-order-box .order-list li{
	position:relative;
	color:#797979;
	font-size:15px;
	font-weight:500;
	margin-bottom:12px;
	text-transform:uppercase;
}

.shop-order-box .order-list li span{
	float:right;
	width:35%;
	text-align:left;
	font-size:17px;
	text-transform:capitalize;
}

.shop-order-box .order-list li span.dark{
	color:#242424;
}

.shop-order-box .order-list li.total{
	padding:8px 0px;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

.payment-options{
	position:relative;
	margin-top:20px;
	margin-bottom:20px;	
}

.checkout-page .payment-options li{
	position:relative;
	margin-bottom:15px;	
}

.checkout-page .payment-options li .radio-option{
	position:relative;		
}

.checkout-page .payment-options li .radio-option label{
	position:relative;
	display:block;
	padding-left:30px;
	font-weight:600 !important;
	text-transform:capitalize;
	letter-spacing:1px;
	color:#797979;
	cursor:pointer;
	font-size:15px;
}

.checkout-page .payment-options li .radio-option label strong{
	font-weight:500;
	display: inline-block;
	color:#797979;
	font-size:15px;
}

.checkout-page .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:3px;	
}

.checkout-page .payment-options li .radio-option #payment-3{
	top:9px;
}

.checkout-page .payment-options li .what-paypall{
	font-size:13px;
	font-weight:500;
	margin-left:15px;
	color:#4349d9;
}

.checkout-page .payment-options li .radio-option label .small-text{
	position:relative;
	display:none;
	padding:18px 26px;
	letter-spacing:0px;
	text-transform:none;
	font-weight:normal;
	font-size:15px;
	color:#8e8d8d;
	border-radius:4px;
	line-height:20px;
	line-height:1.8em;
	margin-top:20px;
	margin-left:-30px;
	background-color:#ececec;
}

.checkout-page .payment-options li .radio-option label .small-text:before{
	position:absolute;
	content:'';
	left:24px;
	top:-10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #ececec;
}

.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text{
	display: block;
}

.checkout-page .payment-options li .radio-option label img{
	position:relative;
	top:-3px;
	display:inline-block;
	max-width:100%;
	padding-left:30px;	
}

.checkout-page .payment-options li .radio-option label img{
	position:relative;
	display:inline-block;
	max-width:100%;
	padding-left:30px;	
}





/*** 

====================================================================
	Login / Register Section
====================================================================

***/

.register-section{
	position:relative;
	z-index: 9;
	background-color: #ffffff;
	padding:60px 0px 40px;
}

.register-section .form-column{
	margin-bottom:40px;	
}

.register-section .form-column .sec-title{
	position:relative;
	margin-bottom:30px;	
}

.register-section .form-column .sec-title h2{

}

.styled-form{
	position:relative;	
}

.styled-form .submit-text{
	font-size:15px;
	color:#9e9e9e;
	font-weight:400;
	margin-top:10px;
}

.styled-form .form-group{
	position:relative;
	margin-bottom:30px;
	font-size:14px;
	color:#848484;
}

.checkout-section .styled-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.styled-form .form-group .check-box{
	line-height:24px;
	font-size:15px;
	font-weight:normal;
	padding-top:5px;
	color:#272727;
}

.styled-form .form-group .check-box label{
	position:relative;
	top:-1px;
	font-weight:normal;
	padding:0px;
	font-size:15px;
	cursor:pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label{
	cursor:pointer;
}

.styled-form .form-group .adon-icon{
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:10px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:15px;
	color:#999999;
	z-index:2;
}

.styled-form .form-group .field-label{
	display:block;
	color:#272727;
	text-transform:capitalize;
	font-size:16px;
	margin-bottom:7px;
	font-weight:400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:30px;
	padding:8px 20px;
	height:50px;
	border:1px solid #f4f4f4;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.pull-left{
	float: left;
}

.pull-right{
	float: right;
}

.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select{
	line-height:26px;
	height:44px;	
}

.styled-form select{
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	background:#ffffff url(../images/icons/icon-select.png) right center no-repeat;
	cursor:pointer;
}

.styled-form select option{
	text-indent:20px;	
}

.styled-form textarea{
	resize:none;
	height:110px;	
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus{
	border-color:#ffaa00;
}

.styled-form .form-group .theme-btn{
	min-width:150px;
	text-align:center;
	padding:11px 34px;	
	border-radius:0px;
	cursor: pointer;
}

.styled-form .remember-me{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:500;
}

.social-links-two a{
	position:relative;
	display:inline-block;
	font-size:14px;
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#ffffff;
	background:#fc721e;
	margin:0px 0px 0px 5px;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.social-links-two a:hover{
	opacity:0.80;
}

.social-links-two .facebook{
	background:#3b5998;	
}

.social-links-two .twitter{
	background:#33ccfe;	
}

.social-links-two .google-plus{
	background:#dd4b39;	
}

.box-version,
.rtl-version{
	display:none;
}

/*==========================POPUPGW==========================*/
#popupgw .modal-dialog{
	position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}
@media (min-width: 576px){
	#popupgw .modal-dialog{
		max-width: 500px;
    	margin: 10rem auto;
	}
}
#popupgw .modal-content{
	overflow:hidden;
}
#popupgw .modal-content p{
	margin-bottom: 0px;
	font-size: 24px;
}

#popupgw .modal-content img{
	margin:1px auto;
	width:auto;
	display:block;
	opacity:1;
}

#countdowntimer { 
	width: 470px; 
	margin:30px auto;
	font-size:70px;
	letter-spacing:5px;
	font-family:"Helvetica","Open Sans","sans-serif";
	font-weight:200;
	-webkit-font-smoothing: antialiased;
	opacity 0.99;
	color:#333;
}
@media (max-width: 576px){
	#countdowntimer{
		font-size:48px;
		width: 300px;	
	}
}

a.h2{
    color:#007b5e;
    margin-bottom:0;
    text-decoration:none;
}
#popupgw .form-control {
    height: 56px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
	padding-left:30px;
}
#popupgw .btn {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
	padding-right:20px;
	background:#007b5e;
	border-color:#007b5e;
}
#popupgw .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #007b5e;
    outline: 0;
    box-shadow: none;
}
#popupgw .top-strip{
	height: 155px;
    background: #007b5e;
    transform: rotate(141deg);
    margin-top: -94px;
    margin-right: 190px;
    margin-left: -130px;
    border-bottom: 65px solid #4CAF50;
    border-top: 10px solid #4caf50;
}
#popupgw .bottom-strip{
	height: 155px;
    background: #007b5e;
    transform: rotate(112deg);
    margin-top: -110px;
    margin-right: -215px;
    margin-left: 300px;
    border-bottom: 65px solid #4CAF50;
    border-top: 10px solid #4caf50;
}

.alert {
	padding: 20px;
	background-color: #f44336;
	color: white;
  }
  
  .closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
  }
  
  .closebtn:hover {
	color: black;
  }

  /* ================ The Timeline ================ */

.timeline {
	position: relative;
	width: 660px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 1em 0;
	list-style-type: none;
  }
  
  .timeline:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: ' ';
	display: block;
	width: 6px;
	height: 100%;
	margin-left: -3px;
	background: rgb(80,80,80);
	background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
	background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
	
	z-index: 5;
  }
  
  .timeline li {
	padding: 1em 0;
  }
  
  .timeline li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
  }
  
  .direction-l {
	position: relative;
	width: 300px;
	float: left;
	text-align: right;
  }
  
  .direction-r {
	position: relative;
	width: 300px;
	float: right;
  }
  
  .flag-wrapper {
	position: relative;
	display: inline-block;
	
	text-align: center;
  }
  
  .flag {
	position: relative;
	display: inline;
	background: rgb(115,161,15);
	padding: 6px 10px;
	border-radius: 5px;
	color: #fff;
	font-weight: 600;
	text-align: left;
  }
  
  .direction-l .flag {
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
	box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  }
  
  .direction-r .flag {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  }
  
  .direction-l .flag:before,
  .direction-r .flag:before {
	position: absolute;
	top: 50%;
	right: -40px;
	content: ' ';
	display: block;
	width: 22px;
	height: 22px;
	margin-top: -10px;
	background: #fff;
	border-radius: 10px;
	border: 8px solid rgb(255, 159, 57);
	z-index: 10;
  }
  
  .direction-r .flag:before {
	left: -40px;
  }
  
  .direction-l .flag:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -8px;
	border: solid transparent;
	border-left-color: rgb(115 161 15);
	border-width: 8px;
	pointer-events: none;
  }
  
  .direction-r .flag:after {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -8px;
	border: solid transparent;
	border-right-color: rgb(115 161 15);
	border-width: 8px;
	pointer-events: none;
  }
  
  .time-wrapper {
	display: inline;
	
	line-height: 1em;
	font-size: 20px;
	color: rgb(34,34,34);
	vertical-align: middle;
  }
  
  .direction-l .time-wrapper {
	float: left;
  }
  
  .direction-r .time-wrapper {
	float: right;
  }
  
  .time {
	display: inline-block;
	padding: 4px 6px;
	background: rgb(248,248,248);
  }
  
  .desc {
	margin: 1em 0.75em 0 0;
	
	font-size: 16px;
	font-style: italic;
	line-height: 1.5em;
  }
  
  .direction-r .desc {
	margin: 1em 0 0 0.75em;
  }
  
  /* ================ Timeline Media Queries ================ */
  
  @media screen and (max-width: 660px) {
  
  .timeline {
	   width: 100%;
	  padding: 4em 0 1em 0;
  }
  
  .timeline li {
	  padding: 2em 0;
  }
  
  .direction-l,
  .direction-r {
	  float: none;
	  width: 100%;
  
	  text-align: center;
  }
  
  .flag-wrapper {
	  text-align: center;
  }
  
  .flag {
	  background: rgb(255,255,255);
	  z-index: 15;
  }
  
  .direction-l .flag:before,
  .direction-r .flag:before {
	position: absolute;
	top: -30px;
	  left: 50%;
	  content: ' ';
	  display: block;
	  width: 12px;
	  height: 12px;
	  margin-left: -9px;
	  background: #fff;
	  border-radius: 10px;
	  border: 4px solid rgb(255,80,80);
	  z-index: 10;
  }
  
  .direction-l .flag:after,
  .direction-r .flag:after {
	  content: "";
	  position: absolute;
	  left: 50%;
	  top: -8px;
	  height: 0;
	  width: 0;
	  margin-left: -8px;
	  border: solid transparent;
	  border-bottom-color: rgb(255,255,255);
	  border-width: 8px;
	  pointer-events: none;
  }
  
  .time-wrapper {
	  display: block;
	  position: relative;
	  margin: 4px 0 0 0;
	  z-index: 14;
  }
  
  .direction-l .time-wrapper {
	  float: none;
  }
  
  .direction-r .time-wrapper {
	  float: none;
  }
  
  .desc {
	  position: relative;
	  margin: 1em 0 0 0;
	  padding: 1em;
	  background: rgb(245,245,245);
	  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	  box-shadow: 0 0 1px rgba(0,0,0,0.20);
	  
	z-index: 15;
  }
  
  .direction-l .desc,
  .direction-r .desc {
	  position: relative;
	  margin: 1em 1em 0 1em;
	  padding: 1em;
	  
	z-index: 15;
  }
  
  }
  
  @media screen and (min-width: 400px ?? max-width: 660px) {
  
  .direction-l .desc,
  .direction-r .desc {
	  margin: 1em 4em 0 4em;
  }
  
  }

  /* Tracking Timeline */
ul.tracking_tmtimeline {
    margin: 45px 0 45px 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.tracking_tmtimeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ebeef3;
    left: 25%;
    margin-left: -2px;
}
.tracking_tmtimeline > li {
    position: relative;
}
.tracking_tmtimeline > li .tracking_tmtime {
    display: block;
    width: 25%;
    padding-right: 80px;
    position: absolute;
}
.tracking_tmtimeline > li .tracking_tmtime span {
    display: block;
    text-align: right;
}
.tracking_tmtimeline > li .tracking_tmtime span:first-child {
    font-size: 0.9em;
    color: #888;
    margin-bottom: 0;
}
.tracking_tmtimeline > li .tracking_tmtime span:last-child {
    font-size: 18px;
    font-weight: 500;
}
img.thumb_visit {
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    margin-top: -5px;
    float: right;
    margin-left: 15px;
}
@media (max-width: 767px) {
    img.thumb_visit {
        display: none;
    }
}
.tracking_tmtimeline > li .tracking_tmlabel {
    margin: 0 0 15px 35%;
    background: #eef3f7;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tracking_tmtimeline > li .tracking_tmlabel p {
    margin-bottom: 0;
    font-size: 13px;
    font-size: 0.8125rem;
}
.tracking_tmtimeline > li .tracking_tmlabel h4 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
}
.tracking_tmtimeline > li .tracking_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #eef3f7;
    border-width: 10px;
    top: 15px;
}
.tracking_tmtimeline > li .tracking_tmlabel_proses {
    margin: 0 0 15px 35%;
    background: #a6d7ff;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tracking_tmtimeline > li .tracking_tmlabel_proses p {
    margin-bottom: 0;
    font-size: 13px;
    font-size: 0.8125rem;
}
.tracking_tmtimeline > li .tracking_tmlabel_proses h4 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
}
.tracking_tmtimeline > li .tracking_tmlabel_proses:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #a6d7ff;
    border-width: 10px;
    top: 15px;
}
.tracking_tmtimeline > li .tracking_tmlabel_verifikasi {
    margin: 0 0 15px 35%;
    background: #ffce9b;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tracking_tmtimeline > li .tracking_tmlabel_verifikasi p {
    margin-bottom: 0;
    font-size: 13px;
    font-size: 0.8125rem;
}
.tracking_tmtimeline > li .tracking_tmlabel_verifikasi h4 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
}
.tracking_tmtimeline > li .tracking_tmlabel_verifikasi:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #ffce9b;
    border-width: 10px;
    top: 15px;
}
.tracking_tmtimeline > li .tracking_tmlabel_selesai {
    margin: 0 0 15px 35%;
    background: #81ffc0;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tracking_tmtimeline > li .tracking_tmlabel_selesai p {
    margin-bottom: 0;
    font-size: 13px;
    font-size: 0.8125rem;
}
.tracking_tmtimeline > li .tracking_tmlabel_selesai h4 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
}
.tracking_tmtimeline > li .tracking_tmlabel_selesai:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #81ffc0;
    border-width: 10px;
    top: 15px;
}
.tracking_tmtimeline > li .tracking_tmicon {
    width: 48px;
    height: 48px;
    font-weight: 500;
    background-color: #fff;
    text-transform: none;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 50px;
    position: absolute;
    color: #f93;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #999;
    text-align: center;
    left: 25%;
    top: 0;
    margin: 0 0 0 -25px;
}
@media screen and (max-width: 65.375em) {
    .tracking_tmtimeline > li .tracking_tmtime span:last-child {
        font-size: 1.5em;
    }
}
@media screen and (max-width: 47.2em) {
    .tracking_tmtimeline:before {
        display: none;
    }
    .tracking_tmtimeline > li .tracking_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
    .tracking_tmtimeline > li .tracking_tmtime span {
        text-align: left;
    }
    .tracking_tmtimeline > li .tracking_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
    }
    .tracking_tmtimeline > li .tracking_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #eef3f7;
        top: -20px;
    }
    .tracking_tmtimeline > li .tracking_tmlabel_proses {
        margin: 0 0 30px 0;
        padding: 1em;
    }
    .tracking_tmtimeline > li .tracking_tmlabel_proses:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #a6d7ff;
        top: -20px;
    }
    .tracking_tmtimeline > li .tracking_tmlabel_verifikasi {
        margin: 0 0 30px 0;
        padding: 1em;
    }
    .tracking_tmtimeline > li .tracking_tmlabel_verifikasi:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #eef3f7;
        top: -20px;
    }
    .tracking_tmtimeline > li .tracking_tmlabel_selesai {
        margin: 0 0 30px 0;
        padding: 1em;
    }
    .tracking_tmtimeline > li .tracking_tmlabel_selesai:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #81ffc0;
        top: -20px;
    }
    .tracking_tmtimeline > li:nth-child(odd) .tracking_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #eef3f7;
    }
    .tracking_tmtimeline > li:nth-child(odd) .tracking_tmlabel_proses:after {
        border-right-color: transparent;
        border-bottom-color: #a6d7ff;
    }
    .tracking_tmtimeline > li:nth-child(odd) .tracking_tmlabel_verifikasi:after {
        border-right-color: transparent;
        border-bottom-color: #ffce9b;
    }
    .tracking_tmtimeline > li:nth-child(odd) .tracking_tmlabel_selesai:after {
        border-right-color: transparent;
        border-bottom-color: #81ffc0;
    }
    .tracking_tmtimeline > li .tracking_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -65px 5px 0 0;
    }
}
/* End Tracking Timeline */
.animation {
	position: relative;
	  color: #ffaa00;
	  line-height: 1.6em;
	  font-weight: 600;
	  -webkit-mask-image: linear-gradient(-75deg, rgba(255,255,255,0.6) 50%, #ffaa00 50%, rgba(0,0,0,1) 70%);
	  -webkit-mask-size: 200%;
	  animation: shine 2s infinite;
  }

  /*Mantapverse*/
  #app {
	background: #0a0a0a;
	height: 40vh;
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url("https://images.pexels.com/photos/2599244/pexels-photo-2599244.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
	background-size: cover;
	background-position: center;
	z-index: 1;
  }
  
  #wrapper {
	text-align: center;
  }
  
  .sub {
	color: #64dcdc;
	letter-spacing: 1em;
  }
  
  /* Our mixin positions a copy of our text
  directly on our existing text, while
  also setting content to the appropriate
  text set in the data-text attribute. */
  .glitch {
	position: relative;
	color: white;
	font-size: 4em;
	letter-spacing: 0.5em;
	/* Animation provies a slight random skew. Check bottom of doc
	for more information on how to random skew. */
	animation: glitch-skew 1s infinite linear alternate-reverse;
  }
  .glitch::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	left: 2px;
	text-shadow: -2px 0 #ff00c1;
	/* Creates an initial clip for our glitch. This works in
	a typical top,right,bottom,left fashion and creates a mask
	to only show a certain part of the glitch at a time. */
	clip: rect(44px, 450px, 56px, 0);
	/* Runs our glitch-anim defined below to run in a 5s loop, infinitely,
	with an alternating animation to keep things fresh. */
	animation: glitch-anim 5s infinite linear alternate-reverse;
  }
  .glitch::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	left: -2px;
	text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
	animation: glitch-anim2 1s infinite linear alternate-reverse;
  }
  
  /* Creates an animation with 20 steaps. For each step, it calculates 
  a percentage for the specific step. It then generates a random clip
  box to be used for the random glitch effect. Also adds a very subtle
  skew to change the 'thickness' of the glitch.*/
  @keyframes glitch-anim {
	0% {
	  clip: rect(56px, 9999px, 2px, 0);
	  transform: skew(0.68deg);
	}
	5% {
	  clip: rect(73px, 9999px, 48px, 0);
	  transform: skew(0.16deg);
	}
	10% {
	  clip: rect(75px, 9999px, 7px, 0);
	  transform: skew(0.02deg);
	}
	15% {
	  clip: rect(80px, 9999px, 57px, 0);
	  transform: skew(0.48deg);
	}
	20% {
	  clip: rect(99px, 9999px, 34px, 0);
	  transform: skew(0.59deg);
	}
	25% {
	  clip: rect(52px, 9999px, 77px, 0);
	  transform: skew(0.76deg);
	}
	30% {
	  clip: rect(37px, 9999px, 61px, 0);
	  transform: skew(0.24deg);
	}
	35% {
	  clip: rect(55px, 9999px, 89px, 0);
	  transform: skew(0.69deg);
	}
	40% {
	  clip: rect(98px, 9999px, 23px, 0);
	  transform: skew(0.11deg);
	}
	45% {
	  clip: rect(29px, 9999px, 77px, 0);
	  transform: skew(0.95deg);
	}
	50% {
	  clip: rect(81px, 9999px, 91px, 0);
	  transform: skew(0.71deg);
	}
	55% {
	  clip: rect(98px, 9999px, 67px, 0);
	  transform: skew(0.99deg);
	}
	60% {
	  clip: rect(62px, 9999px, 50px, 0);
	  transform: skew(0.38deg);
	}
	65% {
	  clip: rect(49px, 9999px, 70px, 0);
	  transform: skew(0.63deg);
	}
	70% {
	  clip: rect(89px, 9999px, 4px, 0);
	  transform: skew(0.41deg);
	}
	75% {
	  clip: rect(25px, 9999px, 80px, 0);
	  transform: skew(0.46deg);
	}
	80% {
	  clip: rect(54px, 9999px, 9px, 0);
	  transform: skew(1deg);
	}
	85% {
	  clip: rect(23px, 9999px, 84px, 0);
	  transform: skew(0.48deg);
	}
	90% {
	  clip: rect(11px, 9999px, 38px, 0);
	  transform: skew(0.9deg);
	}
	95% {
	  clip: rect(87px, 9999px, 63px, 0);
	  transform: skew(0.05deg);
	}
	100% {
	  clip: rect(50px, 9999px, 84px, 0);
	  transform: skew(0.66deg);
	}
  }
  @keyframes glitch-anim2 {
	0% {
	  clip: rect(99px, 9999px, 42px, 0);
	  transform: skew(0.89deg);
	}
	5% {
	  clip: rect(21px, 9999px, 46px, 0);
	  transform: skew(0.27deg);
	}
	10% {
	  clip: rect(72px, 9999px, 9px, 0);
	  transform: skew(0.69deg);
	}
	15% {
	  clip: rect(70px, 9999px, 22px, 0);
	  transform: skew(0.99deg);
	}
	20% {
	  clip: rect(33px, 9999px, 47px, 0);
	  transform: skew(0.96deg);
	}
	25% {
	  clip: rect(52px, 9999px, 74px, 0);
	  transform: skew(0.94deg);
	}
	30% {
	  clip: rect(91px, 9999px, 34px, 0);
	  transform: skew(0.67deg);
	}
	35% {
	  clip: rect(100px, 9999px, 63px, 0);
	  transform: skew(0.16deg);
	}
	40% {
	  clip: rect(83px, 9999px, 49px, 0);
	  transform: skew(0.53deg);
	}
	45% {
	  clip: rect(56px, 9999px, 72px, 0);
	  transform: skew(0.6deg);
	}
	50% {
	  clip: rect(80px, 9999px, 92px, 0);
	  transform: skew(0.87deg);
	}
	55% {
	  clip: rect(13px, 9999px, 21px, 0);
	  transform: skew(0.84deg);
	}
	60% {
	  clip: rect(5px, 9999px, 60px, 0);
	  transform: skew(0.8deg);
	}
	65% {
	  clip: rect(93px, 9999px, 7px, 0);
	  transform: skew(0.91deg);
	}
	70% {
	  clip: rect(74px, 9999px, 65px, 0);
	  transform: skew(0.33deg);
	}
	75% {
	  clip: rect(99px, 9999px, 72px, 0);
	  transform: skew(0.68deg);
	}
	80% {
	  clip: rect(63px, 9999px, 57px, 0);
	  transform: skew(0.41deg);
	}
	85% {
	  clip: rect(45px, 9999px, 92px, 0);
	  transform: skew(0.64deg);
	}
	90% {
	  clip: rect(54px, 9999px, 81px, 0);
	  transform: skew(0.44deg);
	}
	95% {
	  clip: rect(10px, 9999px, 44px, 0);
	  transform: skew(0.3deg);
	}
	100% {
	  clip: rect(39px, 9999px, 28px, 0);
	  transform: skew(0.23deg);
	}
  }
  @keyframes glitch-skew {
	0% {
	  transform: skew(-1deg);
	}
	10% {
	  transform: skew(0deg);
	}
	20% {
	  transform: skew(-4deg);
	}
	30% {
	  transform: skew(2deg);
	}
	40% {
	  transform: skew(4deg);
	}
	50% {
	  transform: skew(-2deg);
	}
	60% {
	  transform: skew(-3deg);
	}
	70% {
	  transform: skew(-1deg);
	}
	80% {
	  transform: skew(-1deg);
	}
	90% {
	  transform: skew(1deg);
	}
	100% {
	  transform: skew(-2deg);
	}
  }

  /*Wave Title*/
  .wave-header {
	position:relative;
	text-align:center;
	background: linear-gradient(60deg, rgba(115 161 15) 0%, rgba(255 159 57) 100%);
	color:white;
  }
  
  .inner-header {
	height:35vh;
	width:100%;
	margin: 0;
	padding: 0;
  }
  
  .flex { /*Flexbox for containers*/
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
  }
  
  .waves {
	position:relative;
	width: 100%;
	height:15vh;
	margin-bottom:-7px; /*Fix for safari gap*/
	min-height:100px;
	max-height:150px;
  }
  
  /* .wave-content {
	position:relative;
	height:20vh;
	text-align:center;
	background-color: white;
  } */
  
  /* Animation */
  
  .parallax > use {
	animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  }
  .parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
  }
  .parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
  }
  .parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
  }
  .parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
  }
  @keyframes move-forever {
	0% {
	 transform: translate3d(-90px,0,0);
	}
	100% { 
	  transform: translate3d(85px,0,0);
	}
  }


  /* Flaticon */
  
  @font-face {
	font-family: "Flaticon";
	src: url("../fonts/flaticon.eot");
	src: url("../fonts/flaticond41d.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/flaticon.woff") format("woff"),
		 url("../fonts/flaticon.ttf") format("truetype"),
		 url("../fonts/flaticon.svg#Flaticon") format("svg");
	font-weight: normal;
	font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	  font-family: "Flaticon";
	  src: url("../fonts/flaticon.svg#Flaticon") format("svg");
	}
  }
  
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	   font-family: Flaticon;
	  font-style: normal;
  }
  
  .flaticon-shopping-cart-of-checkered-design:before { content: "\f100"; }
  .flaticon-timer:before { content: "\f101"; }
  .flaticon-blocks-with-angled-cuts:before { content: "\f102"; }
  .flaticon-quote:before { content: "\f103"; }
  .flaticon-next:before { content: "\f104"; }
  .flaticon-phone-receiver:before { content: "\f105"; }
  .flaticon-play:before { content: "\f106"; }
  .flaticon-rss:before { content: "\f107"; }
  .flaticon-comment:before { content: "\f108"; }
  .flaticon-social-media:before { content: "\f109"; }
  .flaticon-calendar:before { content: "\f10a"; }
  .flaticon-next-1:before { content: "\f10b"; }
  .flaticon-phone-call:before { content: "\f10c"; }
  .flaticon-placeholder:before { content: "\f10d"; }
  .flaticon-settings:before { content: "\f10e"; }
  .flaticon-link:before { content: "\f10f"; }
  .flaticon-garbage:before { content: "\f110"; }
  .flaticon-internet:before { content: "\f111"; }
  .flaticon-network:before { content: "\f112"; }
  .flaticon-clock:before { content: "\f113"; }
  .flaticon-clock-1:before { content: "\f114"; }
  .flaticon-diamond:before { content: "\f115"; }
  .flaticon-computer:before { content: "\f116"; }
  .flaticon-e-mail-envelope:before { content: "\f117"; }
  .flaticon-message:before { content: "\f118"; }
  .flaticon-chat:before { content: "\f119"; }
  .flaticon-growth:before { content: "\f11a"; }
  .flaticon-play-button:before { content: "\f11b"; }
  .flaticon-right-arrow:before { content: "\f11c"; }
  .flaticon-back:before { content: "\f11d"; }
  .flaticon-play-button-1:before { content: "\f11e"; }
  .flaticon-play-button-2:before { content: "\f11f"; }
  .flaticon-upload:before { content: "\f120"; }
  .flaticon-multimedia:before { content: "\f121"; }
  .flaticon-target:before { content: "\f122"; }
  .flaticon-paper-plane:before { content: "\f123"; }
  .flaticon-play-button-3:before { content: "\f124"; }
  .flaticon-next-2:before { content: "\f125"; }
  .flaticon-next-3:before { content: "\f126"; }
  .flaticon-back-1:before { content: "\f127"; }
  .flaticon-back-2:before { content: "\f128"; }
  .flaticon-menu:before { content: "\f129"; }
  .flaticon-menu-1:before { content: "\f12a"; }
  .flaticon-menu-button:before { content: "\f12b"; }
  .flaticon-menu-2:before { content: "\f12c"; }
  .flaticon-magnifying-glass:before { content: "\f12d"; }
  .flaticon-tick:before { content: "\f12e"; }
  .flaticon-next-5:before { content: "\f12f"; }
  .flaticon-back-3:before { content: "\f130"; }
  .flaticon-smartphone:before { content: "\f131"; }
  .flaticon-success:before { content: "\f132"; }
  .flaticon-clock-2:before { content: "\f133"; }
  .flaticon-placeholder-1:before { content: "\f134"; }
  .flaticon-settings-1:before { content: "\f135"; }
  .flaticon-stopwatch:before { content: "\f136"; }
  .flaticon-add:before { content: "\f137"; }
  .flaticon-substract:before { content: "\f138"; }
  .flaticon-mortarboard:before { content: "\f139"; }
  .flaticon-exam:before { content: "\f13a"; }
  .flaticon-attachment:before { content: "\f13b"; }
  .flaticon-headset:before { content: "\f13c"; }
  .flaticon-download-arrow:before { content: "\f13d"; }
  .flaticon-plus-symbol:before { content: "\f13e"; }
  .flaticon-bar-chart:before { content: "\f13f"; }
  .flaticon-startup:before { content: "\f140"; }
  .flaticon-diamond-1:before { content: "\f141"; }
  .flaticon-headphones:before { content: "\f142"; }
  .flaticon-money-bag:before { content: "\f143"; }
  .flaticon-coin:before { content: "\f144"; }
  .flaticon-piggy-bank:before { content: "\f145"; }
  .flaticon-like:before { content: "\f146"; }
  .flaticon-cancel:before { content: "\f147"; }
  .flaticon-cancel-1:before { content: "\f148"; }
  .flaticon-share:before { content: "\f149"; }
  .flaticon-share-1:before { content: "\f14a"; }
  .flaticon-price-tag:before { content: "\f14b"; }
  .flaticon-tag:before { content: "\f14c"; }
  .flaticon-right-quotation-mark:before { content: "\f14d"; }
  .flaticon-quote-left:before { content: "\f14e"; }
  .flaticon-quote-1:before { content: "\f14f"; }
  .flaticon-right-quote:before { content: "\f150"; }
  .flaticon-quotations:before { content: "\f151"; }
  .flaticon-quote-2:before { content: "\f152"; }
  .flaticon-left-quote:before { content: "\f153"; }
  .flaticon-double-quotes:before { content: "\f154"; }
  .flaticon-left-quote-1:before { content: "\f155"; }
  .flaticon-quote-sign:before { content: "\f156"; }
  .flaticon-right-quote-sign:before { content: "\f157"; }
  .flaticon-left-quotes:before { content: "\f158"; }
  .flaticon-electrician:before { content: "\f159"; }
  .flaticon-map:before { content: "\f15a"; }
  .flaticon-clock-3:before { content: "\f15b"; }
  .flaticon-hourglass:before { content: "\f15c"; }
  .flaticon-email:before { content: "\f15d"; }
  .flaticon-email-1:before { content: "\f15e"; }
  .flaticon-briefcase:before { content: "\f15f"; }
  .flaticon-briefcase-1:before { content: "\f160"; }
  .flaticon-document:before { content: "\f161"; }
  .flaticon-contract:before { content: "\f162"; }
  .flaticon-document-1:before { content: "\f163"; }
  .flaticon-cap:before { content: "\f164"; }
  .flaticon-medal:before { content: "\f165"; }
  .flaticon-coffee-cup:before { content: "\f166"; }
  .flaticon-straight-quotes:before { content: "\f167"; }
  .flaticon-cooperation:before { content: "\f168"; }
  .flaticon-pdf:before { content: "\f169"; }
  .flaticon-pdf-1:before { content: "\f16a"; }
  .flaticon-back-4:before { content: "\f16b"; }
  .flaticon-reply:before { content: "\f16c"; }
  .flaticon-reply-1:before { content: "\f16d"; }
  .flaticon-law:before { content: "\f16e"; }
  .flaticon-statistics:before { content: "\f16f"; }
  .flaticon-line-chart:before { content: "\f170"; }
  .flaticon-direction:before { content: "\f171"; }
  .flaticon-eye:before { content: "\f172"; }
  .flaticon-share-option:before { content: "\f173"; }
  .flaticon-notebook-computer:before { content: "\f174"; }
  .flaticon-student:before { content: "\f175"; }
  .flaticon-layers:before { content: "\f176"; }
  .flaticon-comment-1:before { content: "\f177"; }
  .flaticon-paper:before { content: "\f178"; }
  .flaticon-home:before { content: "\f179"; }
  .flaticon-download:before { content: "\f17a"; }
  .flaticon-hand-shake:before { content: "\f17b"; }
  .flaticon-hand-shake-1:before { content: "\f17c"; }
  .flaticon-planet-earth:before { content: "\f17d"; }
  .flaticon-map-1:before { content: "\f17e"; }
  .flaticon-next-6:before { content: "\f17f"; }
  .flaticon-next-7:before { content: "\f180"; }
  .flaticon-next-8:before { content: "\f181"; }
  .flaticon-chronometer:before { content: "\f182"; }
  .flaticon-monitor:before { content: "\f183"; }
  .flaticon-left-arrow:before { content: "\f184"; }
  .flaticon-back-5:before { content: "\f185"; }
  .flaticon-back-7:before { content: "\f186"; }
  .flaticon-man-user:before { content: "\f187"; }
  .flaticon-locked:before { content: "\f188"; }
  .flaticon-heart:before { content: "\f189"; }
  .flaticon-like-1:before { content: "\f18a"; }
  .flaticon-next-9:before { content: "\f18b"; }
  .flaticon-menu-3:before { content: "\f18c"; }
  .flaticon-more-button-interface-symbol-of-three-horizontal-aligned-dots:before { content: "\f18d"; }
  .flaticon-contact:before { content: "\f18e"; }
  .flaticon-music-and-multimedia:before { content: "\f18f"; }
  .flaticon-contact-1:before { content: "\f190"; }
  .flaticon-flask:before { content: "\f191"; }
  .flaticon-flask-outline:before { content: "\f192"; }
  .flaticon-microscope:before { content: "\f193"; }
  .flaticon-microscope-1:before { content: "\f194"; }
  .flaticon-megaphone:before { content: "\f195"; }
  .flaticon-labor-man:before { content: "\f196"; }
  .flaticon-loupe:before { content: "\f197"; }
  .flaticon-loupe-1:before { content: "\f198"; }
  .flaticon-compass:before { content: "\f199"; }
  .flaticon-search:before { content: "\f19a"; }
  .flaticon-search-1:before { content: "\f19b"; }
  .flaticon-bullseye:before { content: "\f19c"; }
  .flaticon-settings-2:before { content: "\f19d"; }
  .flaticon-settings-3:before { content: "\f19e"; }
  .flaticon-engineer:before { content: "\f19f"; }
  .flaticon-email-2:before { content: "\f1a0"; }
  .flaticon-mail:before { content: "\f1a1"; }
  .flaticon-employee:before { content: "\f1a2"; }
  .flaticon-enterprise:before { content: "\f1a3"; }
  .flaticon-support:before { content: "\f1a4"; }
  .flaticon-clock-4:before { content: "\f1a5"; }
  .flaticon-stopwatch-1:before { content: "\f1a6"; }
  .flaticon-time:before { content: "\f1a7"; }
  .flaticon-time-passing:before { content: "\f1a8"; }
  .flaticon-hourglass-1:before { content: "\f1a9"; }
  .flaticon-worldwide:before { content: "\f1aa"; }
  .flaticon-earth:before { content: "\f1ab"; }
  .flaticon-earth-globe-with-continents-maps:before { content: "\f1ac"; }
  .flaticon-world-location:before { content: "\f1ad"; }
  .flaticon-worker:before { content: "\f1ae"; }
  .flaticon-assembly:before { content: "\f1af"; }
  .flaticon-excavator:before { content: "\f1b0"; }
  .flaticon-pumpjack:before { content: "\f1b1"; }
  .flaticon-robot:before { content: "\f1b2"; }
  .flaticon-gear:before { content: "\f1b3"; }
  .flaticon-rating:before { content: "\f1b4"; }
  .flaticon-customer:before { content: "\f1b5"; }
  .flaticon-review:before { content: "\f1b6"; }
  .flaticon-support-1:before { content: "\f1b7"; }
  .flaticon-conversation:before { content: "\f1b8"; }
  .flaticon-support-2:before { content: "\f1b9"; }
  .flaticon-conversation-1:before { content: "\f1ba"; }
  .flaticon-customer-1:before { content: "\f1bb"; }
  .flaticon-customer-service:before { content: "\f1bc"; }
  .flaticon-operator:before { content: "\f1bd"; }
  .flaticon-factory:before { content: "\f1be"; }
  .flaticon-crane:before { content: "\f1bf"; }
  .flaticon-conveyor:before { content: "\f1c0"; }
  .flaticon-gear-1:before { content: "\f1c1"; }

  .whatsapp-float {
  position: fixed;
  bottom: 90px;
  right: 10px;
  z-index: 9999;
  background-color: #25d366;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

.whatsapp-float img {
  width: 40px;
  height: 40px;
}

.pengaduan-float {
  position: fixed;
  bottom: 160px;
  right: 10px;
  z-index: 9999;
  background-color: #5d8de1;
  border-radius: 50px; /* ubah dari 50% biar bisa menampung teks */
  padding: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.3s ease, transform 0.3s ease;
  width: 60px;
}

.pengaduan-float:hover {
  width: 220px; /* expand untuk muat teks */
  transform: scale(1.05);
}

.pengaduan-float img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.pengaduan-text {
  color: white;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pengaduan-float:hover .pengaduan-text {
  opacity: 1;
}

.tracking-float {
  position: fixed;
  bottom: 230px;
  right: 10px;
  z-index: 9999;
  background-color: #f57c00; /* Oranye terang */
  border-radius: 50px;
  padding: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.3s ease, transform 0.3s ease;
  width: 60px;
  color: white;
  text-decoration: none;
}

.tracking-float:hover {
  width: 240px;
  transform: scale(1.05);
}

.tracking-float img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.tracking-text {
  color: white;
  font-weight: bold;
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}

.tracking-float:hover .tracking-text {
  opacity: 1;
  transform: translateX(0);
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.tracking-float img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  animation: bounce 2s infinite ease-in-out;
}

/* Matikan animasi saat hover */
.tracking-float:hover img {
  animation: none;
}

/* .btn-mantapverse {
    display: inline-block;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    background: linear-gradient(135deg, #ff9a00, #ff6600);
    border-radius: 50px;
    text-decoration: none;
    border: none;
    box-shadow: 0 4px 15px rgba(255, 102, 0, 0.4);
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.5px;
	margin-top: 15px;
}

.btn-mantapverse:hover {
    background: linear-gradient(135deg, #ff6600, #cc3300);
    box-shadow: 0 6px 20px rgba(204, 51, 0, 0.5);
    transform: translateY(-2px);
} */

.btn-mantapverse {
    position: relative;
    padding: 12px 28px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(135deg, #00c897, #0079ff);
    border: none;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}

.btn-mantapverse::before,
.btn-mantapverse::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    transition: all 0.5s ease;
    opacity: 0;
}

.btn-mantapverse::before {
    width: 160%;
    height: 160%;
    top: 50%;
    left: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
    transform: translate(-50%, -50%) scale(0.1);
}

.btn-mantapverse:hover::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.btn-mantapverse.magic-hover:hover {
    box-shadow: 0 0 15px #00ffcc, 0 0 30px #00aaff, 0 0 45px #0077ff;
    color: #fff;
}

/* Optional: twinkle sparkles around */
@keyframes sparkle {
    0% { transform: scale(1) translateY(0); opacity: 1; }
    100% { transform: scale(0.5) translateY(-20px); opacity: 0; }
}

.btn-mantapverse.magic-hover::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    animation: sparkle 1s infinite linear;
}


.kemayoran-float-vertikal {
    position: fixed;
    bottom: 60px;
    left: 0;
    background: linear-gradient(135deg, #ff9a00, #ff6600);
    color: #fff;
    padding: 10px 8px;
    border-radius: 0 12px 12px 0;
    font-weight: bold;
    font-family: 'Segoe UI', sans-serif;
    font-size: 21px;
    z-index: 999;
    text-decoration: none;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, background 0.3s ease;
    animation: floaty 3s ease-in-out infinite;
    display: flex;
    align-items: center;
    gap: 6px;
}

.kemayoran-float-vertikal:hover {
    background: linear-gradient(135deg, #00914e, #005f39);
    transform: translateY(-4px);
}

.kemayoran-icon {
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    margin-bottom: 6px;
}

/* Animasi mengambang */
@keyframes floaty {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}

.floating-mockup {
    animation: float 3.5s ease-in-out infinite;
    position: relative;
    filter: drop-shadow(0 0 8px rgba(0, 153, 255, 0.3));
}

/* Keyframes untuk efek floating */
@keyframes float {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

.kemayoran-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  padding: 20px;
  overflow-y: auto;
}

.kemayoran-popup.show {
  visibility: visible;
  opacity: 1;
}

.popup-content {
  background: transparent;
  width: 100%;
  max-width: 620px;
  position: relative;
  animation: popup-appear 0.6s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-image-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.popup-image {
  width: 100%;
  height: auto;
  display: block;
}

.close-popup {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #666;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
  z-index: 2;
}

.close-popup:hover {
  background: #eee;
  color: #000;
}

@keyframes popup-appear {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}


/*PROFIL MODAL*/
.modal-header {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: left;
}

#modal-photo {
  width: 100px;
  height: 130px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.profile-modal {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
}

.profile-modal h2 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1em;
    font-family: 'Montserrat', sans-serif;
}

.modal-content {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    position: relative;
    animation: popupFade 0.4s ease;
}

@keyframes popupFade {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.close-modal {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 24px;
    cursor: pointer;
}