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

Template name : Alfat-Super flat landing page template
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 04 September 2014
Last update : 15 September 2014

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Header
02. Home
03. Absolute object
04. BG slider
05. Contain
06. About
07. Team
08. Carousel
09. Testimoni
10. Ticker
11. Services
12. Pricing table
13. Intro
14. Portfolio
15. Image hover
16. Blog
17. Aside
18. Comment
19. Contact
20. Subscribe
21. Inner head
22. Search
23. Inner page
24. Footer
25. Client
26. Heading
27. Divider
28. Loading
29. Ui to top
30. Clear spacer
31. Custom top spacer
32. Custom bottom spacer
33. Custom left spacer
34. Custom right spacer
35. Custom responsive


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

/*
Header
=========================== */
header{
	position: fixed;
	top: 0;	
	margin:0;
	padding:0;
	width:100%;	
	z-index:9999;	
}

/*
Home
=========================== */
#home h1, #home h2, #home h3, #home h4, #home h5, #home h6{
	color:#fff;
}

#home h3{
	font-weight:300;
	font-size:50px;
	line-height:72px;
	text-align: center;
}

.home-wrapper{
	color:#fff;
	padding:150px 0 0 0;
}

.home-wrapper.bg1{
	background-image:url(../img/patternt.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.home-wrapper.bg2{
	background-image:url(../img/home-bg1.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.home-wrapper.bg3{
	background-image:url(../img/home-bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#home .home-centered p,
#home .home-relative p{
	margin-bottom:40px;
}

.home-centered{
	padding:180px 0 0 0;
	text-align:center;
	font-size:18px;
	line-height:32px;
}

.home-relative{
	position:relative;
	color:#fff;
	padding:180px 0 100px 0;
	text-align:center;
	font-size:18px;
	line-height:32px;
	overflow:hidden;
}

.home-relative .row{
	position:relative;
	z-index:5;
}

.start-page{
	background:url(../img/start-wrapper-bg.png) no-repeat top center;
	margin:0 auto;
	margin-top:20px;
	padding-top:28px;
	width:100px;
	height:auto;
}

.start-page a,
.start-page a:focus,
.start-page a:active{
	display:block;
	color:#fff;
	border:3px solid #fff;
	border-radius:50%;
	text-align:center;
	width:100px;
	height:100px;
	font-size:22px;
	line-height:22px;
	padding:25px 0 25px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration:none;
}

.start-page a:hover{
	text-decoration:none;
	background:#fff;
}

.sparator-line{
	display:block;
	background:url(../img/vertical-line.png) repeat-y top center;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-indent:-9999px;
	width:3px;
	height:137px;
}

.scrolltop ul{
	margin:0;
	padding:0;
}

.scrolltop ul li{
	list-style:none;
	margin:0;
	padding:0;
}

#home .scrolltop h3{
	font-weight:300;
	font-size:40px;
	line-height:52px;
}

.home-form-wrapp{
	position:relative;
	padding:45px;
	background:#fff;
	border:1px solid #d5d5d5;
	border-radius:20px;
	display:block;
	width:100%;
}

.home-form{
	background-position:top center;
	background-repeat:no-repeat;
	padding:25px 20px 25px 20px;
}

.home-form label{
	color:#fff;
}

.home-form .form-control{
	border:none;
	border-radius:2px;
	box-shadow:none;
	padding:15px 20px 15px 20px;
	height:55px;
}

.home-form textarea.form-control{
	height:145px;
}

.home-form .form-group{
	margin-bottom:30px;
}

.home-list{
	margin:0;
	padding:0;
}

.home-list li{
	list-style:none;
	margin:0;
	padding:0;
}

.home-list li i{
	float:left;
	color:#303030;
	background:#f5d76e;
	float:left;
	text-align:center;
	font-size:36px;
	line-height:38px;
	padding:15px 0 15px 0;
	margin:0 20px 20px 0;
	width:60px;
	height:60px;
	border-radius:50%;
}

.btn-play{
	background:url(../img/play.png) no-repeat 0 0;
	display:inline-block;
	width:120px;
	height:120px;
	overflow:hidden;
	text-indent:-99999px;
	opacity:0.45;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-play:hover{
	opacity:0.8;
}

/*
Absolute object
=========================== */
.absolute-object{
	position:absolute;
}

.absolute-object.object1{
	bottom:0;
	left:50%;
	margin-left:-225px;
}

.absolute-object.object2{
	top:100px;
	right:0;
}

.absolute-object.object3{
	top:340px;
	right:100px;
}

.absolute-object.object4{
	top:110px;
	left:0;
}


/*
BG slider
=========================== */
.bgslider-wrapper{
	position:relative;
	color:#fff;
	padding:0;
	margin:0;
}

.bg-slider{
	background-position: top center;
	background-repeat: no-repeat;
	background-color:none;
	background-attachment:fixed;	
	width:100%;
	height:750px;
	position:absolute;
	margin:0;
	top:0;
}

.home-wrapper.bgslider-wrapper,
.home-wrapper.bgslider-wrapper .home-centered{
	background:none;
}


/*
Contain
=========================== */
.contain{
	padding:80px 0 80px 0;
}

.gray-section,
.color-section{
	float:left;
	width:100%;
	background:#f2f4f6;
	color:#7b7b7b;
}

.color-section{
	background:#beecf1;
	color:#5f5f5f;
}

#team .color-section,
#blog .color-section{
	background:#ffe9b4;
	color:#5f5f5f;
}

.section-contain{
	padding:80px 40px 80px 40px;
}

/*
About
=========================== */
#about{
	border-bottom:none;
}

.tablet-device{
	background:#fff;
	border:1px solid #d5d5d5;
	padding:60px;
	margin:0;
	border-radius:20px;
}

/*
Team
=========================== */
#team{
	background:#beecf1;
}

.team-list{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#ffe9b4;
}

.team-list li{
	float:left;
	width:25%;
	list-style:none;
	margin:0;
	padding:0;
}

.team-wrapper{
	position:relative;
	text-align:center;
	overflow:hidden;
	border-radius:50%;
	color:#fff;
	width:270px;
	height:270px;
	margin:0 auto;
}

.team-wrapper.square{
	border-radius:0;
	float:left;
	width:100%;
}

.team-wrapper img.img-responsive{
	display:inline;
}

.team-caption{
	position:absolute;
	width:100%;
	height:100%;
	padding-top:30%;
	color:#fff;
	z-index:2;
}

.team-caption h5{
	color:#fff;
	margin-bottom:10px;
}

.team-network,
.team-network:focus,
.team-network:active{
	display:inline-block;
	color:#fff;
	border-radius:50%;
	border:2px solid #fff;
	width:32px;
	height:32px;
	font-size:14px;
	line-height:28px;
	text-decoration:none;
}

.team-network:hover{
	text-decoration:none;
	color:#fff;
}

/*
Carousel
=========================== */
.list_carousel {
	position:relative;
	float: left;
	width: 100%;
	margin:0;
	padding:0;
	text-align:center;
}

.list_carousel .img-responsive{
	display:block;
}

.list_carousel ul {
	float: left;
	width:100%;
	margin:0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	padding:0;
	margin:0 15px 0 15px;
	display: block;
	float: left;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.recent-blog{
	padding-top:80px;
}

#prev4,
#next4,
#prev4:focus,
#next4:focus,
#prev4:active,
#next4:active,
#prev5,
#next5,
#prev5:focus,
#next5:focus,
#prev5:active,
#next5:active{
	background:#f5d76e;
	position:absolute;
	font-size:24px;
	line-height:28px;
	text-decoration:none;
	color:#303030;
	padding:12px 20px 12px 20px;
	border-bottom:2px solid #c8ab47;
	border-radius:2px;
	z-index:99;
	top:50%;
	margin-top:-30px;
	text-align:center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#prev4{
	left:-57px;
}

#next4{
	right:-57px;
}

#prev5,
#next5,
#prev5:focus,
#next5:focus,
#prev5:active,
#next5:active{
	position:relative;
	top:-60px;
	margin:0 5px 0 5px;
	left:0
}

#prev4:hover,
#next4:hover,
#prev5:hover,
#next5:hover{
	text-decoration:none;
	background-color:#ffe588;
}

/*
Testimoni
=========================== */
#testimoni{
	background:url(../img/parallax-bg1.jpg) 50% 0 no-repeat fixed;
	position:relative;
	color: #fff;
	margin: 0 auto;
	padding:0;
	overflow: auto;
	width: 100%;
	z-index:3;
}

.testimoni-wrapper{
	text-align:center;
	font-weight:300;
	padding:80px 0 80px 0;
	color:#fff;
}

.testimoni-wrapper.dark-bg{
	background-color:rgba(48, 48, 48, 0.7);
}
.testimoni-avatar{
	display:inline-block;
	margin-bottom:40px;
	border-radius:50%;
}

.testimoni-wrapper blockquote{
	background:url(../img/quote.png) no-repeat top center;
	border:none;
	padding:20px 0 0 0;
	margin:0 0 30px 0;
	font-size:30px;
	line-height:48px;
	font-weight:300;
	color:#fff;
}

.testimoni-wrapper a,
.testimoni-wrapper a:focus,
.testimoni-wrapper a:active,
.testimoni-wrapper a:hover{
	color:#f5d76e;
}

.testimoni-wrapper p{
	margin:0;
	font-weight:700;
}

.testimoni-wrapper p span{
	font-weight:300;
}

/*
Ticker
=========================== */
ul.ticker{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

ul.ticker li{
	float:left;
	background:none;
	margin:0;
	padding:0;
	width:100%;
}

/*
Services
=========================== */
#services.contain{
	padding:80px 0 30px 0;
}

#services .gray-section{
	border-bottom:1px solid #d5d5d5;
}

.service-box{
	text-align:center;
	margin-bottom:40px;
}

.service-line{
	display:block;
	margin-bottom:40px;
}

.service-line h5,
.service-line p{
	margin-bottom:10px;
	
}

.service-line i{
	float:left;
	margin:5px 20px 80px 0;
}

.services-wrapp{
	float:left;
	width:33.33333333333333%;
	padding:35px 30px 20px 30px;
	color:#fff;
	border-radius:5px 0 0 5px;
}

.services-wrapp h4, .services-wrapp h5, .services-wrapp h6{
	color:#fff;
}

.services-wrapp i{
	float:left;
	background:#fff;
	width:80px;
	height:80px;
	text-align:center;
	margin:0 20px 10px 0;
	border-radius:50%;
	display:inline-block;
	font-size:42px;
	line-height:78px;
}

.services-wrapp.bg1{
	background-color:#373839;
	border-radius:0;
}

.services-wrapp.bg1 i{
	color:#373839;
}

.services-wrapp.bg2{
	background-color:#292a2b;
	border-radius:0 5px 5px 0;
}

.services-wrapp.bg2 i{
	color:#292a2b;
}

/*
Pricing table
=========================== */
#pricing{
	background:url(../img/parallax-bg2.jpg) 50% 0 no-repeat fixed;
	position:relative;
	color: #fff;
	margin: 0 auto;
	padding:0;
	overflow: auto;
	width: 100%;
	z-index:3;
}

.pricing-wrapper{
	padding:80px 0 80px 0;
}

.pricing-box{
	position:relative;
	float:left;
	width: 33.33333333333333%;
	text-align:center;
	background:rgba(48, 48, 48, 0.2);
	border-radius:5px;
	padding:8px;
	margin-top:90px;
}

.pricing-box.featured{
	z-index:99;
	margin-top:60px;
}

.pricing-box.onleft{
	margin-right:-20px;
}

.pricing-box.onright{
	margin-left:-20px;
}

.pricing-body{
	position:relative;
	float:left;
	width:100%;
	background:#fafafa;
	color:#919191;
	border-radius:5px;
	padding:80px 20px 30px 20px;
}

.pricing-box.featured .pricing-body{
	background:#fff;
}

.pricing-body ul{
	margin:0 0 30px 0;
	padding:0;
	border-top:1px solid #d5d5d5;
}

.pricing-body ul li{
	margin:0;
	padding:15px 0 15px 0;
	list-style:none;
	border-bottom:1px solid #d5d5d5;
}

.pricing-head h4{
	font-size:30px;
	line-height:36px;
	font-weight:400;
}

.pricing-price{
	position:absolute;
	width:120px;
	height:120px;
	color:#fff;
	font-size:18px;
	line-height:24px;
	border:8px solid #fafafa;
	text-align:center;
	border-radius:50%;
	padding-top:30px;
	overflow:hidden;
	left:50%;
	margin:-125px 0 0 -60px;
}

.pricing-box.featured .pricing-price{
	border:8px solid #fff;
}

.pricing-price strong{
	font-size:36px;
	line-height:38px;
	font-weight:700;
}

.pricing-price p{
	margin-bottom:0;
}

.pricing-price span{
	font-size:14px;
	line-height:18px;
}

/*
Intro
=========================== */
#intro{
	background:url(../img/parallax-bg1.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	margin: 0 auto;
	padding:0;
	overflow: auto;
	width: 100%;
	text-align:center;
}

#intro h3{
	background:url(../img/v-line.png) no-repeat bottom center;
	color: #fff;
	font-size:42px;
	line-height:62px;
	font-weight:300;
	padding-bottom:60px;
}

.intro-wrapper{
	background-color:rgba(48, 48, 48, 0.7);
	padding:260px 0 100px 0;
}


/*
Portfolio
=========================== */
#portfolio{
	background:#beecf1;
}

.portfolio-categ{
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 60px 0;
	padding:0;
}

.portfolio-categ li{
	display:inline-block;
	list-style:none;
	margin:0 2px 0 2px;
	padding:0;
}

.portfolio-categ li a,
.portfolio-categ li a:focus,
.portfolio-categ li a:active{
	background:#303030;
	color:#fff;
	padding:10px 20px 10px 20px;
	border-radius:2px;
	text-decoration:none;
}

.portfolio-categ li a:hover,
.portfolio-categ li.active a,
.portfolio-categ li.active a:hover{
	text-decoration:none;
}

.portfolio-area{
	background:#beecf1;
	width:100%;
	margin:0;
	padding:0;
}

.img-wrapper{
	display:block;
	position: relative;
}

.portfolio-area li{
	float: left;
	list-style:none;
	margin:0;
	overflow: hidden;
	width: 33.33333333333333%;
	padding:0;
}

.caption-link{
	font-size:18px;
	line-height:24px;
	padding:8px 11px 8px 11px;
	display:inline-block;
	border-radius:2px;
}

.caption-link.link,
.caption-link.link:active,
.caption-link.link:focus{
	background:#303030;
	color:#fff;
}

.caption-link.zoom,
.caption-link.zoom:active,
.caption-link.zoom:focus{
	background:#f5d76e;
	color:#303030;
}

.caption-link.link:hover{
	background:#474747;
}

.caption-link.zoom:hover{
	background:#ffe588;
}

.portfolio-detail{
	background:#fff6e2;
	position:relative;
	border:1px solid rgba(51, 51, 51, 0.4);
	border-bottom:3px double rgba(51, 51, 51, 0.4);
	overflow:hidden;
	border-radius:4px;
}

.portfolio-contain{
	display:block;
	padding:30px;
}

.portfolio-contain h3{
	padding-bottom:20px;
	border-bottom:1px solid #d5d5d5;
}

.portfolio-contain ul{
	padding:0;
	margin:0 0 20px 0;
}

.portfolio-contain ul li{
	list-style:none;
	padding:0;
	margin:0;
}

/*
Image hover
=========================== */
.da-thumbs li  article {
	position: absolute;
	text-shadow:none;
	width: 100%;
	height: 100%;
	margin:0;
	font-size:14px;
	display:block;
	color:#fff;
	padding:20px;
}

.da-thumbs li  article.da-animate {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.da-thumbs li  article a i:hover {
	text-decoration:none;
}

.da-thumbs li  article h4{
	color:#fff;
	font-size:24px;
	line-height:36px;
	margin-bottom:10px;
}


.da-slideFromTop {
	left: 0px;
	top: -200%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -102%;
}
.da-slideFromRight {
	top: 0px;
	right: -102%;
}

.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}

/*
Blog
=========================== */
#blog{
	border-bottom:none;
}

#blog .gray-section{
	border-top:1px solid #919191;
	border-bottom:1px solid #919191;
}

.blog-wrapper{
	position:relative;
	float:left;
	width:100%;
	min-height:400px;
	margin:0;
	padding:0;
}

.blog-wrapper article {
	border-bottom: 1px solid #d5a465;
	padding-bottom:30px;
	margin-bottom:40px;
}

.blog-thumbs{
	float:left;
	width:100%;
	margin:10px 0 20px 0;
	padding:0;
	border-bottom:5px solid #333333;
	border-radius:4px;
	overflow:hidden;
}

.blog-post{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.blog-post p{
	margin-bottom:10px;
}

.blog-wrapper h5{
	border-bottom: 1px solid #303030;
	padding-bottom:15px;
	margin-bottom:15px;
}

.blog-wrapper h5 a{
	color:#303030;
}

.meta-post{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	padding:0;
}

.meta-post li{
	float:left;
	list-style:none;
	margin:0 15px 0 0;
	padding:0;
}

.meta-post li i{
	margin:0 5px 0 0;
}

/*
Aside
=========================== */
aside{
	float:left;
	width:100%;
	background:#fff6e2;
	padding:30px 30px 10px 30px;
	border-radius:4px;
}

aside .widget{
	float:left;
	width:100%;
	margin-bottom:30px;
}

aside .widget h5.head{
	color:#303030;
	border-bottom:1px solid #ccb681;
	padding-bottom:15px;
}

.widget ul.cat{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.widget ul.cat li{
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.widget ul.cat li a{
	color:#303030;
	display:block;
	border-bottom:1px dashed #d5d5d5;
	padding-bottom:10px;
	margin-bottom:10px;
}

.widget ul.cat li i{
	margin-right:5px;
}

.widget ul.latest-posts{
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.widget ul.latest-posts li{
	float:left;
	width:100%;
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}

.widget ul.latest-posts p{
	margin-bottom:5px;
}

.widget ul.latest-posts img{
	float:left;
	margin:5px 20px 40px 0;
}

.widget ul.tags{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.widget ul.tags li{
	float:left;
	list-style:none;
	margin:0 3px 5px 0;
	padding:0;
}

.widget ul.tags li a{
	display:inline-block;
	padding:5px 15px 5px 15px;
	color:#303030;
	background:#fffbf3;
	border-radius:2px;
}

.widget ul.tags li a:hover{
	text-decoration:none;
	color:#fff;
}

/*
Comment
=========================== */
.comment-wrapper{
	float:left;
	width:100%;
}

.comment-wrapper .media {
	float:left;
	position:relative;
	background:#fff;
	position:relative;
	margin:0 0 30px 5%;
	padding:30px 30px 10px 70px;
	border:1px solid #dfdfdf;
	border-radius:2px;
	width:95%;
	overflow:visible;
}

.media-avatar img{
	position:absolute;
	float:left;
	background:#fff;
	border:1px solid #dfdfdf;
	padding:5px;
	width:80px;
	height:80px;
	left:-5%;
	top:30px;
	z-index:1px;
}

.comment-wrapper .media h5 a{
	color:#1e202c;
}

/*
Contact
=========================== */
#contact{
	background:#beecf1;
}

.contact-list{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.contact-list li{
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.contact-list i{
	float:left;
	margin:0 20px 40px 0;
	font-size:36px;
	line-height:40px;
}

.contact-list label{
	color:#fff;
}

.contact-bottom{
	margin-top:40px;
	padding:60px 0 0 0;
	color:#fff;
}

.contact-bottom h1, .contact-bottom h2, .contact-bottom h3,
.contact-bottom h4, .contact-bottom h5, .contact-bottom h6{
	color:#fff;
	font-weight:400;
}

.contact-wrapper{
	position:relative;
	margin-top:-460px;
	padding-bottom:100px;
}

.tablet-hand{
	position:absolute;
	width:112px;
	height:auto;
	bottom:0;
	z-index:2;
}

.tablet-hand.left{
	left:0;
}

.tablet-hand.right{
	right:0;
}

.tablet-base{
	width:400px;
	height:auto;
	margin:0 auto;
	padding:40px;
	background:#fff;
	border:1px solid #d5d5d5;
	border-radius:20px;
}

#contactform{
	background-image:url(../img/patternt.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding:35px 20px 15px 20px;
}

ul.listForm{
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

ul.listForm li {
	padding:0;
	margin:0 0 20px 0;	
	list-style:none;	
}

ul.listForm label{
	display:block;
	font-weight:700;
	margin-bottom:10px;
	color:#fff;
}

ul.listForm .form-control{
	border:none;
	border-radius:2px;
	box-shadow:none;
	padding:15px 20px 15px 20px;
	height:45px;
}

ul.listForm textarea.form-control{
	height:145px;
}

#sendmessage{
	display:none;
}

#sendmessage.show,.show  {
	display:block;
}

/*
Subscribe
=========================== */
.subscribe-form{
	width:100%;
	position:relative;
	margin:20px 0 10px 0;
}

input.subscribe{
	position:relative;
	width:100%;
	border:none;
	background:#fff;
	padding:15px 20px 15px 20px;
	border-radius:2px;
	height:55px;
	color:#868585;
	font-size:14px;
	border-bottom:2px solid #e2e2e2;
}

.subscribe-button{
	position:absolute;
	background:#f5d76e;
	border-radius:0 2px 2px 0;	
	border:none;
	padding:15px 25px 15px 25px;
	font-size:18px;
	line-height:22px;
	height:55px;
	color: #303030;
	font-weight:400;
	right:0;
	top:0; 	
	border-bottom:2px solid #c8ab47;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.subscribe-button:hover{
	background:#ffe588;
}

/*
Inner head
=========================== */
.inner-head{
	color:#fff;
	padding:100px 0 40px 0;
}

.inner-head h3{
	color:#fff;
	margin:0;
	line-height:32px;
}

/*
Search
=========================== */
.search-wrapper{
	float:right;
	position:relative;
	background:none;
	background:#fff;
	border-bottom:2px solid #e8e8e8;
	border-radius:2px;
	width:55%;
}

.search{
	display:block;
	width:100%;
	background:none;
	border:none;
	padding:8px 20px 8px 20px;
	color:#4e4e4e;
}

.btn-search{
	color:#303030;
	background-color:#f5d76e;
	position:absolute;
	border:none;
	overflow:hidden;
	top:0;
	right:0;
	padding:8px 25px 8px 25px;
	border-bottom:2px solid #c8ab47;
	border-radius:0 2px 2px 0;
}

.btn-search:hover{
	background-color:#ffe588;
	color:#303030;
	border-bottom:2px solid #c8ab47;
}

/*
Inner page
=========================== */
.inner-page{
	padding:80px 0 60px 0;
}

/*
Footer
=========================== */
footer{
	background:#303030;
}

.sub-footer{
	background:#1e1e1e;
	color:#4e4e4e;
	font-size:12px;
	line-height:18px;
	padding:20px 0 20px 0;
	text-align:center;
}

.sub-footer p{
	margin:20px 0 20px 0;
}

.social-network{
	display:inline-block;
	width:48px;
	height:48px;
	background:none;
	border:2px solid #4e4e4e;
	border-radius:50%;
	color:#4e4e4e;
	font-size:23px;
	line-height:42px;
	font-weight:700;
	margin:20px 4px 0 4px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-network:hover,
.social-network:focus,
.social-network:active{
	outline:none;
	text-transform:uppercase;
}

/*
Client
=========================== */
ul.client-list{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

ul.client-list li{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	border-bottom:1px solid #404040;
}

ul.client-list li.bottom-list{
	border-bottom:none;
}

ul.client-list li ul li{
	width:20%;
	border-bottom:none;
	border-right:1px solid #404040;
	padding:45px 0 45px 0;
}

ul.client-list li ul li.last{
	border-right:none;
}

.client-link{
	position:relative;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
}

.logo-hover{
	position:absolute;
	left:50%;
	margin-left:-54px;
}

/*
Heading
=========================== */
.heading{
	font-size:30px;
	line-height:46px;
	color:#303030;
	border-bottom:1px solid #919191;
	padding-bottom:5px;
	margin-bottom:25px;
}

.heading h3{
	font-size:60px;
	line-height:72px;
	font-weight:400;
	margin-bottom:5px;
}

#home .heading,
#pricing .heading{
	border-bottom:1px solid #fff;
	color:#fff;
}

#home .heading,
#pricing .heading h3{
	color:#fff;
}

#home .heading h3{
	margin-bottom:30px;
}

/*
Divider
=========================== */
.divider{
	display:block;
	height:1px;
	width:100%;
	background:rgba(51, 51, 51, 0.4);
	margin:40px 0 40px 0;
}

/*
Loading
=========================== */
div.loading-invisible{
    display:none;
}

div.loading-visible{
    position:fixed;
	z-index:9999999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    padding-top:20%;
	font-size:24px;
	line-height:36px;
	color:#fff;
}

div.loading-visible i{
	display:inline-block;
	margin-bottom:20px;
}

div.loading-visible .loader{
	margin-bottom:20px;
}

/*
Ui to top
======================================= */
#toTop{
	display:none;
	text-decoration:none;
	z-index:600;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:-999px;
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-color:#f5d76e;
	border-bottom:2px solid #c8ab47;
	border-radius:2px;
}

#toTopHover{
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: left -45px;
	background-color:#ffe588;
	border-bottom:2px solid #c8ab47;
	width:45px;
	height:45px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);	
}

#toTop:active, #toTop:focus{
	outline:none;
}

/*
Clear spacer
=========================== */
.margin-clear{
	margin:0;
}

.padding-clear{
	padding:0;
}

.margintop-clear{
	margin-top:0;
}

.paddingtop-clear{
	padding-top:0;
}

.marginbot-clear{
	margin-bottom:0;
}

.paddingbot-clear{
	padding-bottom:0;
}

.marginbot-min180{
	margin-bottom:-180px;
}

.margintop-min15{
	margin-top:-15px;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot35{
	margin-bottom:35px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-bottom:45px;
}

.marginbot50{
	margin-bottom:50px;
}

.marginbot55{
	margin-bottom:55px;
}

.marginbot60{
	margin-bottom:60px;
}

.marginbot80{
	margin-bottom:80px;
}

/*
Custom left spacer
=========================== */
.marginleft5{
	margin-left:1px;
}

.marginleft10{
	margin-left:10px;
}

.marginleft15{
	margin-left:15px;
}

.marginleft20{
	margin-left:20px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}

/*
Custom responsive
=========================== */
@media (min-width: 1200px) {
	#home .scrolltop h3{
		font-weight:300;
		font-size:60px;
		line-height:72px;
	}
	.portfolio-area li{
		width: 25%;
	}
	.contact-wrapper{
		padding-bottom:120px;
	}
	.tablet-hand{
		width:179px;
		height:308px;
	}
	.tablet-hand.left{
		left:18px;
	}
	.tablet-hand.right{
		right:18px;
	}
}
@media (min-width: 768px) and (max-width: 990px) {
	.home-form-wrapp{
		margin-bottom:40px;
	}
	.absolute-object{
		display:none;
	}
	.navbar-default .navbar-nav li a,
	.navbar-default .navbar-nav li a:focus{
		padding:20px 8px 20px 8px;
	}
	#home .flexslider{
		margin-bottom:80px;
	}
	#about .tablet-device{
		margin-bottom:40px;
	}
	.team-wrapper{
		margin-top:80px;
	}
	.team-wrapper.square{
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	.team-list li{
		width:50%;
	}
	#prev4,
	#next4,
	#prev4:focus,
	#next4:focus,
	#prev4:active,
	#next4:active{
		position:relative;
		top:20px;
		margin:0 5px 0 5px;
		left:0
	}
	.contact-wrapper{
		padding-bottom:0;
		margin-top:40px;
	}
	.tablet-base{
		margin-bottom:100px;
	}
	.tablet-hand{
		width:179px;
		height:308px;
	}
	.tablet-hand.left{
		left:52px;
		bottom:-100px;
	}
	.tablet-hand.right{
		right:52px;
		bottom:-100px;
	}
	.services-wrapp{
		width:100%;
		border-radius:5px 5px 0 0;
	}
	.services-wrapp.bg2{
		border-radius:0 0 5px 5px;
	}
	aside{
		margin-top:40px;
	}
}

@media (max-width: 767px) {
	#home .scrolltop h3{
		font-weight:300;
		font-size:24px;
		line-height:32px;
	}
	#home .scrolltop p{
		font-size:14px;
		line-height:22px;
	}
	.home-form-wrapp{
		margin-bottom:40px;
	}
	.absolute-object{
		display:none;
	}
	.navbar-header{
		width:100%;
	}
	.navbar-brand{
		margin-bottom:10px;
		padding-left:30px;
	}
	.navbar-default .navbar-collapse{
		clear:both;
		border-top:none;
		float:none;
		width:100%;
		box-shadow:none;
		overflow-x:hidden;
		overflow-y:auto;
		margin:0;
		padding:0 30px 30px 30px;
	}
	.navbar-default .collapse li{
		width:100%;
	}
	.navbar-default .navbar-nav  li a,
	.navbar-default .navbar-nav  li a:focus,
	.navbar-default .navbar-nav  li a:active,
	.navbar-default .navbar-nav .dropdown-menu li a,
	.navbar-default .navbar-nav .dropdown-menu li a:focus,
	.navbar-default .navbar-nav .dropdown-menu li a:active{
		background:none;
		border:1px solid #7d7d7d;
		padding:10px 20px 10px 20px;
		margin:0 0 1px 0;
		border-radius:2px;
		color:#fff;
	}
	.navbar-default .navbar-nav  li a:hover,
	.navbar-default .navbar-nav li.active a:hover,
	.navbar-default .navbar-nav li.active a:focus,
	.navbar-default .navbar-nav li.active a:active,
	.navbar-default .navbar-nav li a.selected,
	.navbar-default .navbar-nav li a.selected:hover,
	.navbar-default .navbar-nav li a.selected:focus,
	.navbar-default .navbar-nav li a.selected:active,
	.navbar-default .navbar-nav li.dropdown a.dropdown-toggle:focus,
	.navbar-default .navbar-nav li.dropdown a.dropdown-toggle:active{
		color:#fff;
		border:1px solid #7d7d7d;
	}	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	#home .flexslider{
		margin-bottom:80px;
	}
	#about .tablet-device{
		margin-bottom:40px;
	}
	.team-wrapper{
		margin-top:80px;
		width:200px;
		height:200px;
	}
	.team-wrapper.square{
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	.team-list li{
		width:100%;
	}
	#prev4,
	#next4,
	#prev4:focus,
	#next4:focus,
	#prev4:active,
	#next4:active{
		position:relative;
		top:20px;
		margin:0 5px 0 5px;
		left:0;
		width:auto;
		height:auto;
		display:inline;
	}
	.pricing-box,
	.pricing-box.featured{
		margin-top:60px;
		width: 100%;
	}
	.pricing-box.onleft{
		margin-right:0;
	}
	.pricing-box.onright{
		margin-left:0;
	}
	.portfolio-categ li{
		display:block;
		width:100%;
		margin-bottom:2px;
	}
	.portfolio-categ li a{
		display:block;
		width:100%;
	}
	.portfolio-area li{
		width:100%;
	}
	.contact-wrapper{
		padding-bottom:0;
		margin-top:40px;
	}
	.tablet-base{
		margin-bottom:80px;
		width:100%;
	}
	.tablet-hand{
		display:none;
	}
	footer{
		padding:70px 0 0 0;
	}
	.sub-footer{
		margin-top:70px;
	}
	ul.client-list li{
		border:none;
	}
	ul.client-list li ul li{
		border:1px solid #404040;
		margin:10px 0 10px 0;
	}
	ul.client-list li ul li{
		width:100%;
	}
	.services-wrapp{
		width:100%;
		border-radius:5px 5px 0 0;
	}
	.services-wrapp.bg2{
		border-radius:0 0 5px 5px;
	}
	aside{
		margin-top:40px;
	}
}

/*
Demo
=========================== */