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

Template name : Alfat-Super flat landing page template
Categorie : Landing page
Author : Nce18cex
Version : v1.1.0
Created : 04 September 2014
Last update : 31 January 2015

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

01. Home
02. Register form
03. Header
04. Contain
05. Features
06. Testimoni
07. Screenshot
08. Contact
09. Client
10. Download
11. Footer
12. Subscribe
13. Heading
14. Loading
15. Clear spacer
16. Custom top spacer
17. Custom bottom spacer
18. Custom left spacer
19. Custom right spacer
20. Custom responsive

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

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

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

#home h3{
	color:#000000;
	
}

body{
font-family: 'Open Sans', sans-serif;
}

#home h3{
	font-weight:300;
	color: 000000;
	font-size:60px;
	line-height:72px;
}

.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/1920x525_cover_no.jpg);
	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:60px;
	background:#fff;
	border:1px solid #d5d5d5;
	border-radius:20px;
	display:block;
	width:100%;
}

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

.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:20px 0 20px 0;
	margin:0 20px 30px 0;
	width:80px;
	height:80px;
	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;
}

.bgslider-wrapper .home-centered{
	position:absolute;
	padding:140px 0 0 0;
	z-index:99;
	width:100%;
	height:100%;
}

.bgslider-wrapper .home-centered .start-page,
.bgslider-wrapper .home-centered .sparator-line{
	display:none;
}
	
/*
Contain
=========================== */
.contain{
	padding:80px 0 80px 0;
}

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

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

/*
About
=========================== */
#about{
	border-bottom:1px solid #d5d5d5;
}

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

/*
Team
=========================== */
.team-list{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background:#ddd;
}

.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-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{
	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{
	position:relative;
	border:1px solid #d5d5d5;
	border-bottom:3px double #d5d5d5;
	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:1px solid #d5d5d5;
}

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

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

.blog-wrapper article {
	border-bottom: 1px solid #d5d5d5;
	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 #d5d5d5;
	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:#fcfcfc;
	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 #d5d5d5;
	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:#919191;
	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:#919191;
	background:#f2f3f3;
	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-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-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:10px;
}

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

#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:#d5d5d5;
	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;
	font-weight:300;
}

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;
	}
	.bgslider-wrapper .home-centered{
		padding:180px 0 0 0;
	}
	.bgslider-wrapper .home-centered .start-page,
	.bgslider-wrapper .home-centered .sparator-line{
		display:block;
	}
}
@media (min-width: 768px) and (max-width: 990px) {
	.home-form-wrapp{
		margin-bottom:40px;
	}
	.absolute-object{
		display:none;
	}
	.bgslider-wrapper .home-centered{
		padding:100px 0 0 0;
	}
	.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:11px;
		line-height:18px;
		margin-bottom:10px;
	}
	.home-form-wrapp{
		margin-bottom:40px;
	}
	.absolute-object{
		display:none;
	}
	.bgslider-wrapper .home-centered{
		padding:100px 0 0 0;
	}
	.bgslider-wrapper .home-centered h3{
		font-size:14px;
		line-height:18px;
		margin-bottom:10px;
	}
	.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;
	}
}

@media (max-width: 567px) {
	.bgslider-wrapper .home-centered{
		padding:80px 0 0 0;
	}
}
/*
Demo
=========================== */
#demo{
	background-color:#009cde;
	background-position:0 0;
	background-repeat: repeat;
	color:#fff;
	padding:100px 0 100px 0;
}

#demo h3{
	color:#fff;
}

.demo-panel{
	background:#fff;
	color:#fff;
	width:240px;
	display:none;
	height:auto;
	left:0;
	padding:0; 
	top:30px;
	position:fixed;
	_position:absolute;
	z-index:99999;
	border:1px solid #e1e1e1;
	border-left:none;
}
	
.demo-panel h6{
	text-align:center;
	margin-bottom:10px;
	padding:8px 0 10px 0;
	text-transform:uppercase;
	color:#2c323a;
	background:#f4f6f7;
}

a.openpanel{ 
	_background-image:none; 
	background:#f4f6f7; 
	padding:5px 8px 4px 8px;
	border-left:none;
	color:#fff;
	display:block;
	left:0;
	text-align:center;
	font-size:24px;
	top:30px;
	z-index:99999; 
	position:fixed;
	_position:absolute; 
	border-left:none;
}

a.openpanel{
	text-decoration:none;
}
		
a.active.openpanel{ 
	border-left:none;
	_position:absolute; 
	left:229px;
}

a.openpanel:hover,
a.openpanel:focus,
a.openpanel:active{
	outline:none;
}

.stylechanger, .layout, .bgchanger{ 
	width:100%;
	float:left;
	list-style:none; 
	list-style-type:none; 
	list-style-position:outside; 
	margin:0;
}

.stylechanger{
	margin:0 10px 10px 10px;
	padding:0;
}

.stylechanger li, .bgchanger li{
	list-style:none; 
	float:left;
	width:64px;
	height:25px;
	margin:0 5px 10px 5px;
}

.stylechanger li a, .bgchanger li a{ 
	display:block; 
	width:100%; 
	height:100%;
	outline:none;
}	

.layout{
	margin:0;
	padding:0;
}

.layout li{
	list-style:none; 
	float:left;
	width:69px;
	height:auto;
	margin:0 5px 10px 5px;
	text-align:center;
}

.btn-demo{
	display:block;
	text-align:center;
	border:1px solid #444444;
	color:#444444;
}

.btn-demo:hover{
	text-decoration:none;
	color:#fff;
}

.layout li.full{
	width:92%;
	margin:0 4% 10px 4%;
}

#color1 { background: #ed5153; }
#color2 { background: #2dbebb; }
#color3 { background: #62c88d; }
#color4 { background: #f09121; }
#color5 { background: #ed5188; }
#color6 { background: #865ba9; }