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

Template name : Kerox responsive app landing page v1.0.0
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 28 January 2015
Last update : 09 February 2015

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

01. Wrapper
02. Header
03. Navigations
04. Conatint
05. Heading
06. Home
07. BG slider
08. Video background
09. Features
10. Screenshot
11. Column
12. Pricing
13. Testimoni
14. Blog
15. Comments
16. Contact
17. Footer
18. Parallax
19. Media responsive
20. Inner page
21. Flat icons
22. Divider
23. Loading
24. Clear spacer
25. Custom min top spacer
26. Custom top spacer
27. Custom bottom spacer
28. Custom left spacer
29. Custom right spacer
30. Custom responsive

============================================================== */
/*
Wrapper
=========================== */
#wrapper{
	overflow: hidden;
	width: 100%;
	height: 100%;
}

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

.navbar {
	position:relative;
	-webkit-transition: background .8s ease-in-out,padding .8s ease-in-out;
	-moz-transition: background .8s ease-in-out,padding .8s ease-in-out;
	transition: background .8s ease-in-out,padding .8s ease-in-out;
}

.top-nav-collapse{
	background:#212121;
}

.logo{
	position:absolute;
	background:url(../img/logo-bg.png) no-repeat 0 0;
	text-align:center;
	width:124px;
	height:123px;
	overflow:hidden;
	padding:25px 0 0 0;
	display:inline-block;
	top:0;
	left:0;
}

/*
Navigations
=========================== */
.menu-bar,
.menu-bar:focus,
.menu-bar:active {
	float:left;
	background:none;
	position: relative;
	z-index: 1000;
	margin: 0;
	padding: 20px 0 20px 0;
	border: none;
	font-size: 36px;
	color: #faae06;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	display:block;
	text-align:center;
	outline:none;
}

.menu-wrap{
	position:fixed;
	width:300px;
	height:100%;
	background:#212121;
	color:#fff;
	padding:160px 40px 30px 40px;
}

ul.link-list{
	background:#212121;
	display:block;
	margin:0;
	padding:0 0 5px 0;
	border-left:1px solid #575a5c;
}

ul.link-list li{
	display:block;
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

ul.link-list li a{
	display:block;
	color:#fff;
	padding:0 0 10px 20px;
	font-weight:400;
}

ul.link-list li a:hover,
ul.link-list li a:focus,
ul.link-list li a:active{
	color:#fff;
	text-decoration:none;
}

ul.link-list li.dropdown ul.dropdown-menu{
	background:#212121;
	float:none;
	position:relative;
	margin:0 0 0 15px;
	padding:0;
	border:none;
	border-radius:0;
	border-left:1px solid #575a5c;
  -webkit-box-shadow: none;
          box-shadow: none;
}

ul.link-list li.dropdown ul.dropdown-menu li{
	display:block;
	list-style:none;
	border:none;
	margin:0;
}

ul.link-list li.dropdown ul.dropdown-menu li a{
	display:block;
	color:#fff;
	padding:0 0 10px 20px;
	font-weight:400;
	font-size:16px;
	line-height:24px;
}

.link-list li a span{
	display:none;
}

/*
Conatint
=========================== */
.wrapp{
	background:#fff;
	position:relative;
	padding:0 0 100px 0;
}

.bordered-containt{
	padding:60px 40px 40px 40px;
	border:10px dashed #FFC107;
	background:#00796B;
   -moz-box-shadow: 0 0 5px #14403b;
   -webkit-box-shadow: 0 0 5px #14403b;
   box-shadow: 0 0 5px #14403b;
}

.bordered-containt:hover{
   -moz-box-shadow: 0 0 20px #0c1f1d;
   -webkit-box-shadow: 0 0 20px #0c1f1d;
   box-shadow: 0 0 20px #0c1f1d;
}

.content-shadow{
	display:block;
	background:url(../img/content-shadow.png) repeat-x 0 0;
	position:absolute;
	width:100%;
	height:4px;
	bottom:-4px;
	left:0;
	z-index:2;
}

/*
Heading
=========================== */
.heading{
	position:relative;
	padding:30px 0 20px 0;
	margin-bottom:100px;
}

.heading h3{
	color:#fff;
}

.heading span{
	font-weight:300;
}

.headding-arrow{
	background:#B6B6B6;
	position:absolute;
	width:70px;
	height:70px;
	border-radius:50%;
	text-align:center;
	color:#fff;
	display:block;
	overflow:hidden;
	font-size:42px;
	line-height:48px;
	bottom:-60px;
	left:0;
	border:5px solid #fff;
	z-index:5;
	padding-top:5px;
}

.headding-arrow.to-up{
	line-height:42px;
}

.headding-arrow:hover,
.headding-arrow:focus,
.headding-arrow:active{
   -moz-box-shadow: 0 0 8px rgba(33, 33, 33, 0.4);
   -webkit-box-shadow: 0 0 8px rgba(33, 33, 33, 0.4);
   box-shadow: 0 0 8px rgba(33, 33, 33, 0.4);
   color:#fff;
}

.headline{
	font-size:46px;
	line-height:60px;
	color:#212121;
	font-weight:700;
	margin-bottom:30px;
	padding-bottom:30px;
	display:block;
	border-bottom:1px solid #B6B6B6;
}

.headline span{
	font-weight:300;
}

/*
Home
=========================== */
.home-containt{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:20px 0 80px 0;
	color:#fff;
	font-size:18px;
	line-height:30px;
}

.home-containt h1,
.home-containt h2,
.home-containt h3,
.home-containt h4,
.home-containt h5,
.home-containt h6{
	color:#fff;
}

.home-containt h1{
	font-size:56px;
	line-height:64px;
	text-transform:uppercase;
	text-shadow:4px 4px rgba(0, 0, 0, 0.1);
	color:#fff;
	margin-bottom:20px;
}

.home-containt h1 span{
	font-size:90px;
	line-height:90px;
	font-weight:700;
}

.home-containt p{
	margin-bottom:30px;
}

.mainform-wrapper{
	position:relative;
	width:100%;
	padding:80px 0 100px 0;
}

.mainform-wrapper h3{
	font-size:56px;
	line-height:60px;
	letter-spacing:2px;
	margin-bottom:30px;
}

.mainform-wrapper p{
	margin-bottom:30px;
}

.mainform-wrapper .form-control{
	background:#fff;
	padding-left:20px;
	padding-right:20px;
	border-radius:40px;
	border:solid 1px #fff;
	-webkit-box-shadow: 0 4px 2px -2px rgba(33, 33, 33, 0.2);
	   -moz-box-shadow: 0 4px 2px -2px rgba(33, 33, 33, 0.2);
	        box-shadow: 0 4px 2px -2px rgba(33, 33, 33, 0.2);
}

.main-image{
	position:absolute;
	width:50%;
	height:auto;
	bottom:0;
	right:0;
	overflow:hidden;
}

.home-centered{
	position:relative;
	width:100%;
	height:auto;
	padding:140px 0 0 0;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:30px;
	letter-spacing:3px;
	overflow:hidden;
}

.home-centered h1,
.home-centered h2,
.home-centered h3,
.home-centered h4,
.home-centered h5,
.home-centered h6{
	color:#fff;
	font-weight:300;
	font-size:56px;
	line-height:60px;
	letter-spacing:7px;
	margin-bottom:30px;
}

.home-centered p{
	margin-bottom:30px;
}

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

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

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

.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-form-wrapper{
	display:block;
	background:rgba(255, 255, 255, 0.98);
	border:8px dashed;
	color:#727272;
	padding:30px;
	border-radius:5px;
	-webkit-box-shadow: 0 14px 10px -10px rgba(33, 33, 33, 0.6);
	   -moz-box-shadow: 0 14px 10px -10px rgba(33, 33, 33, 0.6);
	        box-shadow: 0 14px 10px -10px rgba(33, 33, 33, 0.6);;
}

.home-form-wrapper h3{
	color:#212121;
	font-size:42px;
	line-height:56px;
	border-bottom:1px solid #212121;
	padding-bottom:30px;
	margin-bottom:30px;
}

.home-form-wrapper .alignleft{
	margin-bottom:80px;
}

/*
BG slider
=========================== */
.bgslider-wrapper{
	background:rgba(33, 33, 33, 0.1);
	position:relative;
	color:#fff;
	padding:0;
	margin:0;
}

.bgslider-containt{
	overflow:hidden;
	padding:140px 0 80px 0;
	color:#fff;
	font-size:18px;
	line-height:30px;
}

.bgslider-containt h1{
	font-size:56px;
	line-height:64px;
	text-transform:uppercase;
	text-shadow:4px 4px rgba(0, 0, 0, 0.1);
	color:#fff;
	margin-bottom:20px;
}

.bgslider-containt h1 span{
	font-size:90px;
	line-height:100px;
	font-weight:700;
}

.bgslider-containt p{
	margin-bottom:30px;
}

/*
Video background
=========================== */
.videobg-section{
	background:#212121;
	margin:0;
	width:100%;
	height:100%;
	z-index:0;
}

.videobg-containt{
	background:rgba(31, 31, 31, 0.2);
	text-align:center;
	color:#fff;
	overflow:hidden;
	padding:100px 0 100px 0;
	font-size:18px;
	line-height:36px;
}

.videobg-containt h3{
	color:#fff;
	font-weight:300;
	font-size:74px;
	line-height:82px;
	margin-bottom:30px;
}

.videobg-containt p{
	margin-bottom:30px;
}

/*
Features
=========================== */
#features{
	background:#fff;
	position:ralative;
	z-index:2;
	margin-bottom:-280px;
}

.features-box{
	width:70%;
	margin:0 auto;
}

.features-line{
	display:block;
	position:relative;
	width:2px;
	margin:0 auto;
	height:400px;
	z-index:4;
	margin-bottom:-260px;
}

.features-line span{
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	left:-4px;
}

.features-line span.on-top{
	top:0;
}

.features-line span.on-bottom{
	bottom:0;
}

/*
Screenshot
=========================== */
#screenshot{
	background:#fff;
}

/*
Subscribe
=========================== */
.subscribe-wrapper{
	color:#fff;
	padding-bottom:70px;
	font-size:18px;
	line-height:36px;
}

.subscribe-wrapper h3{
	color:#fff;
	font-weight:300;
	font-size:74px;
	line-height:82px;
	margin-bottom:30px;
}

.subscribe-wrapper fieldset{
	margin-top:64px;
}

/*
Column
=========================== */
.row-column{
	display:block;
	position:relative;
	margin-right: 0;
	margin-left: -15px;
}

.column{
	position:relative;
	float:left;
	overflow:hidden;
	padding:5px;
}

.full-column{
	float:left;
	width:100%;
}

.half-column{
	float:left;
	width:50%;
}

.four-half-column{
	float:left;
	width:25%;
}


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

.img-caption{
	position:absolute;
	background:rgba(33, 33, 33, 0.6);
	color:#fff;
	width:100%;
	height:100%;
	padding:30px;
	z-index:2;
	top:100%;
	margin-top:-88px;
}

.img-caption h3,
.img-caption h4,
.img-caption h5,
.img-caption h6{
	color:#fff;
}

/*
Pricing
=========================== */
.pricing-wrapper{
	display:block;
	position:wrapper;
	text-align:center;
	border:1px solid #B6B6B6;
   -moz-box-shadow: 0 0 2px rgba(33, 33, 33, 0.2);
   -webkit-box-shadow: 0 0 2px rgba(33, 33, 33, 0.2);
   box-shadow: 0 0 2px rgba(33, 33, 33, 0.2);
}

.pricing-wrapper:hover{
   -moz-box-shadow: 0 0 8px rgba(33, 33, 33, 0.2);
   -webkit-box-shadow: 0 0 8px rgba(33, 33, 33, 0.2);
   box-shadow: 0 0 8px rgba(33, 33, 33, 0.2);
}

.pricing-head{
	color:#fff;
	padding:40px;
}

.pricing-head h4{
	color:#fff;
	margin-bottom:10px;
	font-size:36px;
	line-height:42px;
}

.pricing-head strong{
	font-size:32px;
}

.pricing-head sup{
	font-size:18px;
}

.pricing-head p{
	font-size:14px;
}

.pricing-containt{
	padding:20px 40px 40px 40px;
}

.pricing-containt ul{
	margin:0;
	padding:0;
}

.pricing-containt ul li{
	margin:0;
	padding:0;
	list-style:none;
	font-size:18px;
	line-height:24px;
	border-bottom:1px solid #B6B6B6;
	padding:20px 0 20px 0;
}

.pricing-bottom{
	padding:0 40px 40px 40px;
}

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

.testimoni-wrapper{
	float:left;
	width:100%;
	position:relative;
	background:url(../img/white-line.png) repeat-y top center;
	display:block;
	padding:30px 0 30px 0;
}

.testimoni-wrapper .circle{
	position:absolute;
	width:8px;
	height:8px;
	background:#fff;
	display:block;
	border-radius:50%;
	left:50%;
	margin-left:-4px;
	overflow:hidden;
	text-indent:-999px;
}

.testimoni-wrapper .circle.on-top{
	top:0;
}

.testimoni-wrapper .circle.on-bottom{
	bottom:0;
}

.testimoni-containt{
	float:left;
	width:50%;
	height:auto;
	clear:both;
}

.testimoni-containt.on-left{
	float:left;
	margin-left:52px;
}

.testimoni-containt.on-right{
	float:right;
	margin-right:52px;
}

.testimoni-avatar{
	border:2px solid #fff;
	padding:10px;
	border-radius:50%;
	width:104px;
	height:104px;
	overflow:hidden;
	text-align:center;
}

.testimoni-containt:hover .testimoni-avatar{
   -moz-box-shadow: 0 0 8px rgba(33, 33, 33, 0.2);
   -webkit-box-shadow: 0 0 8px rgba(33, 33, 33, 0.2);
   box-shadow: 0 0 8px rgba(33, 33, 33, 0.2);
}


.testimoni-containt.on-left .testimoni-avatar{
	float:right;
	margin:0 0 30px 30px;

}

.testimoni-containt.on-right .testimoni-avatar{
	float:left;
	margin:0 30px 30px 0;

}

.testimoni-avatar img{
	border-radius:50%;
}

.testimoni-quote{
	position:relative;
	background:#fff;
	padding:30px 20px 30px 20px;
	border-radius:4px;
	color:#727272;
	width:70%;
	box-shadow:4px 4px rgba(0, 0, 0, 0.1);
}

.testimoni-containt.on-left .testimoni-quote{
	float:right;
	text-align:left;
}

.testimoni-containt.on-right .testimoni-quote{
	float:left;
	text-align:left;
}

.testimoni-containt.on-left .testimoni-quote blockquote{
	background:url(../img/quote-r_clear.png) no-repeat top right;
	padding:0 30px 0 0;
}

.testimoni-containt.on-right .testimoni-quote blockquote{
	background:url(../img/quote_clear.png) no-repeat top left;
	padding:0 0 0 30px;
}

.testimoni-quote p{
	margin-bottom:10px;
}

.testimoni-quote .arrow{
	width:20px;
	height:18px;
	display:block;
	position:absolute;
	overflow:hidden;
	text-indent:-99px;
	top:40px;
}

.testimoni-containt.on-left .testimoni-quote .arrow{
	background:url(../img/testimoni-arrow-l.png) no-repeat 0 0;
	right:-20px;
}

.testimoni-containt.on-right .testimoni-quote .arrow{
	background:url(../img/testimoni-arrow-r.png) no-repeat 0 0;
	left:-20px;
}

.testimoni-author{
	font-size:14px;
	line-height:20px;
}

.testimoni-containt.on-left .testimoni-quote .testimoni-author{
	margin:0 30px 0 0;
}

.testimoni-containt.on-right .testimoni-quote .testimoni-author{
	margin:0 0 0 30px;
}

/*
Blog
=========================== */
article{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

article.blog-post{
	border-bottom:1px solid #B6B6B6;
	padding-bottom:60px;
	margin-bottom:60px;
}

.article-image{
	float:left;
	width:50%;
}

.airbnb-image{
	float:left;
	margin-top: 170px;
	width:50%;
}

.article-post{
	float:left;
	width:50%;
	margin:0;
	padding:60px 30px 60px 30px;
}

article h4 a{
	color:#212121;
}

article.blog-post .article-post{
	padding:0 30px 0 30px;
}

article.single-post .img-responsive{
	margin-bottom:40px;
}

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

.meta-post li{
	float:left;
	list-style:none;
	border-left:1px solid #212121;
	font-size:12px;
	line-height:14px;
	padding:0 5px 0 5px;
	margin:0 0 10px 0;
}

.meta-post li.first{
	border:none;
	padding-left:0;
}

aside{
	background:#fff;
	border:1px solid #dedede;
   -moz-box-shadow: 0 0 2px rgba(65, 65, 65, 0.1);
   -webkit-box-shadow: 0 0 2px rgba(65, 65, 65, 0.1);
   box-shadow: 0 0 2px rgba(65, 65, 65, 0.1);
   border-radius:5px;
   padding:20px 20px 0 20px;
}

.widget{
	display:block;
	margin-bottom:30px;
}

.widget h4{
	border-bottom:1px solid #B6B6B6;
	padding-bottom:20px;
	font-size:20px;
	line-height:30px;
}

ul.cat,
ul.recent,
ul.tags{
	margin:0;
	padding:0;
}

ul.cat li,
ul.recent li{
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

ul.recent li{
	display:block;
	width:100%;
	clear:both;
}

ul.recent li h5 a,
ul.recent li h5 a:focus,
ul.recent li h5 a:active{
	color:#727272;
	text-decoration:none;
	font-weight:400;
}

.img-recent{
	width:80px;
	float:left;
	margin:0 10px 10px 0;
}

ul.tags li{
	display:inline-block;
	list-style:none;
	margin:0 2px 15px 0;
	padding:0;
}

ul.tags li a,
ul.tags li a:active,
ul.tags li a:focus{
	background-color: #fff;
	border:1px solid #dedede;
	padding:8px 10px 8px 10px;
	text-decoration:none;
	color:#212121;
}

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

/*
Comments
=========================== */
.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 #B6B6B6;
	border-radius:2px;
	width:95%;
	overflow:visible;
}

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

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

/*
Contact
=========================== */
#contact{
	background:#212121;
	padding-bottom:20px;
}

#contact,
#contact h1,
#contact h2,
#contact h3,
#contact h4,
#contact h5,
#contact h6{
	color:#fff;
}

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

ul.listForm li {
	position:relative;
	float:left;
	width:100%;
	padding:0;
	margin:0 0 30px 0;	
	list-style:none;	
}

ul.listForm li.full{
	width:100%;
}

ul.listForm li .form-control:-moz-placeholder {
  color: #fff;
}

ul.listForm li .form-control::-moz-placeholder {
  color: #fff;
}

ul.listForm li .form-control:-ms-input-placeholder {
  color: #fff;
}

ul.listForm li .form-control::-webkit-input-placeholder {
  color: #fff;
}

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

#sendmessage{
	display:none;
}

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

.validation{
	margin-top:10px;
	font-style:italic;
}

/*
Footer
=========================== */
footer{
	float:left;
	width:100%;
	color:#fff;
	text-align:center;
	padding:40px 0 0 0;
	background:#212121;
}

.social-network{
	float:left;
	width:100%;
	text-align:center;
}

.social-link,
.social-link:hover,
.social-link:focus,
.social-link:active{
	float:left;
	width:20%;
	height:80px;
	color:#fff;
	font-size:36px;
	line-height:82px;
}

.social-link:hover{
   opacity:0.6;
}

.facebook{
	background-color:#205b89;
}

.twitter{
	background-color:#3acad3;
}

.google-plus{
	background-color:#da4835;
}

.pinterest{
	background-color:#cb2027;
}

.dribbble{
	background-color:#c32361;
}

/*
Parallax
=========================== */
.home-wrapper,
.parallax1{
	position:relative;
	color: #fff;
	margin: 0 auto;
	padding:0;
	overflow: auto;
	width: 100%;
	z-index:3;
}

.home-wrapper.bg1{
	background:url(../img/parallax/home-parallax01.jpg) 50% 0 no-repeat fixed;
}

.home-wrapper.bg2{
	background:url(../img/parallax/home-parallax02.jpg) 50% 0 no-repeat fixed;
}

.home-wrapper.bg3{
	background:url(../img/parallax/home-parallax03.jpg) 50% 0 no-repeat fixed;
}

.home-wrapper.bg4{
	background:url(../img/parallax/home-parallax04.jpg) 50% 0 no-repeat fixed;
}

.home-wrapper.bg5{
	background:url(../img/parallax/home-parallax05.jpg) 50% 0 no-repeat fixed;
}

.parallax1{
	background:url(../img/parallax/japanime_toys.jpg) 50% 0 no-repeat fixed;
}

.parallax-containt{
	background:rgba(31, 31, 31, 0.2);
	text-align:center;
	color:#fff;
	padding:100px 0 100px 0;
	font-size:18px;
	line-height:36px;
}

.parallax-containt h3{
	color:#fff;
	font-weight:300;
	font-size:74px;
	line-height:82px;
	margin-bottom:30px;
}

.parallax-containt p{
	margin-bottom:30px;
}

/*
Media responsive
=========================== */
.video-container,.map-container,.embed-container{
	position:relative;
	margin:0 0 15px 0;
	padding-bottom:58%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:none;
}
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,  
.video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

iframe {
	border:none;
}

.video-wrapper{
	background:rgba(255, 255, 255, 0.98);
	padding:10px;
	margin-bottom:-60px;
	border-radius:5px;
	-webkit-box-shadow: 0 14px 10px -10px rgba(33, 33, 33, 0.6);
	   -moz-box-shadow: 0 14px 10px -10px rgba(33, 33, 33, 0.6);
	        box-shadow: 0 14px 10px -10px rgba(33, 33, 33, 0.6);;
}

/*
Inner page
=========================== */
#inner-page{
	padding-bottom:100px;
}

/*
Flat icons
=========================== */
.icon-wrapp .alignleft{
	margin-bottom:120px;
}

.demo-icon{
	display:block;
	margin-bottom:20px;
}

.demo-icon span{
	margin-bottom:20px;
}

.icons{
  display: inline-block;
  width: 34px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../img/icons.png);
  background-repeat: no-repeat;
}

.icons.icon-tablet{
  background-position: 0 0;
  height:34px;
}

.icons.icon-open-mail{
  background-position: -44px 0;
  height:34px;
}

.icons.icon-camera{
  background-position: -88px 0;
  height:31px;
}

.icons.icon-graph{
  background-position: -132px 0;
  height:32px;
}

.icons.icon-money{
  background-position: -176px 0;
  height:34px;
}

.icons.icon-wallet{
  background-position: -220px 0;
  height:31px;
}

.icons.icon-browser{
  background-position: -264px 0;
  height:28px;
}

.icons.icon-arrows{
  background-position: -308px 0;
  height:34px;
}

.icons.icon-compas{
  background-position: 0 -44px;
  height:37px;
}

.icons.icon-console{
  background-position: -44px -44px;
  height:37px;
}

.icons.icon-love{
  background-position: -88px -44px;
  height:32px;
}

.icons.icon-responsive{
  background-position: -132px -44px;
  height:31px;
}

.icons.icon-statistics{
  background-position: -176px -44px;
  height:34px;
}

.icons.icon-portfolio{
  background-position: -220px -44px;
  height:31px;
}

.icons.icon-ui{
  background-position: -264px -44px;
  height:34px;
}

.icons.icon-could-upload{
  background-position: -308px -44px;
  height:37px;
}

.icons.icon-upload{
  background-position: 0 -91px;
  height:37px;
}

.icons.icon-shop{
  background-position: -44px -91px;
  height:31px;
}

.icons.icon-radio{
  background-position: -88px -91px;
  height:34px;
}

.icons.icon-print{
  background-position: -132px -91px;
  height:34px;
}

.icons.icon-card{
  background-position: -176px -91px;
  height:27px;
}

.icons.icon-disk{
  background-position: -220px -91px;
  height:34px;
}

.icons.icon-truck{
  background-position: -264px -91px;
  height:34px;
}

.icons.icon-film{
  background-position: -308px -91px;
  height:42px;
}

.icons.icon-ribbon{
  background-position: 0 -142px;
  height:44px;
}

.icons.icon-notes{
  background-position: -44px -142px;
  height:33px;
}

.icons.icon-download{
  background-position: -88px -142px;
  height:36px;
}

.icons.icon-hot-cup{
  background-position: -132px -142px;
  height:42px;
}

.icons.icon-config{
  background-position: -176px -142px;
  height:34px;
}

.icons.icon-tv{
  background-position: -220px -142px;
  height:34px;
}

.icons.icon-diskette{
  background-position: -264px -142px;
  height:34px;
}

.icons.icon-lock{
  background-position: -308px -142px;
  height:40px;
}

.icons.icon-mobile-phone{
  background-position: 0 -196px;
  height:48px;
}

.icons.icon-help{
  background-position: -44px -196px;
  height:34px;
}

.icons.icon-music{
  background-position: -88px -196px;
  height:34px;
}

.icons.icon-search{
  background-position: -132px -196px;
  height:34px;
}

.icons.icon-drop{
  background-position: -176px -196px;
  height:44px;
}

.icons.icon-voicemail{
  background-position: -220px -196px;
  height:37px;
}

.icons.icon-office-phone{
  background-position: -264px -196px;
  height:32px;
}

.icons.icon-culture{
  background-position: -308px -196px;
  height:34px;
}

.icons.icon-user{
  background-position: 0 -254px;
  height:34px;
}

.icons.icon-basket{
  background-position: -44px -254px;
  height:35px;
}

.icons.icon-word-map{
  background-position: -88px -254px;
  height:36px;
}

.icons.icon-flag{
  background-position: -132px -254px;
  height:34px;
}

.icons.icon-football{
  background-position: -176px -254px;
  height:34px;
}

.icons.icon-weather{
  background-position: -220px -254px;
  height:34px;
}

.icons.icon-home{
  background-position: -264px -254px;
  height:32px;
}

.icons.icon-eye{
  background-position: -308px -254px;
  height:34px;
}

.icons.icon-box{
  background-position: 0 -300px;
  height:31px;
}

.icons.icon-mail{
  background-position: -44px -300px;
  height:25px;
}

.icons.icon-comments{
  background-position: -88px -300px;
  height:31px;
}

.icons.icon-clock{
  background-position: -132px -300px;
  height:34px;
}

.icons.icon-calendar{
  background-position: -176px -300px;
  height:30px;
}

.icons.icon-letter{
  background-position: -220px -300px;
  height:34px;
}

.icons.icon-ticket{
  background-position: -264px -300px;
  height:40px;
}

.icons.icon-safe{
  background-position: -308px -300px;
  height:30px;
}

.icons.icon-news{
  background-position: 0 -340px;
  height:34px;
}

.icons.icon-easel{
  background-position: -44px -340px;
  height:32px;
}

.icons.icon-book{
  background-position: -88px -340px;
  height:38px;
}

.icons.icon-phone{
  background-position: -132px -340px;
  height:34px;
}

.icons.icon-bag{
  background-position: -176px -340px;
  height:36px;
}

.icons.icon-photo{
  background-position: -220px -340px;
  height:31px;
}

.icons.icon-calculator{
  background-position: -264px -340px;
  height:41px;
}

.icons.icon-count{
  background-position: -308px -340px;
  height:37px;
}

/*
Divider
=========================== */
.divider{
	background:#B6B6B6;
	float:left;
	width:100%;
	height:1px;
	margin:60px 0 60px 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;
}

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

/*
Custom min top spacer
=========================== */
.margintop-min5{
	margin-top:-5px;
}

.margintop-min10{
	margin-top:-10px;
}

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

.margintop-min20{
	margin-top:-20px;
}

/*
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-containt,
	.bgslider-containt{
		padding:140px 0 140px 0;
	}
	.home-containt h1,
	.bgslider-containt h1{
		font-size:82px;
		line-height:90px;
	}
	.home-containt h1 span,
	.bgslider-containt h1 span{
		font-size:130px;
		line-height:140px;
	}
}

@media (min-width: 768px) and (max-width: 990px){
	.home-containt,
	.bgslider-containt{
		float:left;
		width:100%;
		padding-bottom:0;
	}
	.home-containt h1,
	.home-containt h1 span,
	.bgslider-containt h1,
	.bgslider-containt h1 span{
		font-size:82px;
		line-height:90px;
	}
	.headding-arrow,
	.logo{
		left:15px;
	}
	.main-image{
		position:relative;
		float:right;
		width:100%;
		margin-top:30px;
		padding-left:60px;
	}
	.row-column{
		float:left;
		width:100%;
		margin: 0 0 40px 0;
	}
	.full-column,
	.half-column,
	.four-half-column{
		float:left;
		width:100%;
	}
	#features{
		margin-bottom:0;
		padding-bottom:100px;
	}
	.features-line{
		height:200px;
		margin-bottom:-100px;
	}
	.subscribe-wrapper{
		padding-top:100px;
	}
	.testimoni-containt{
		float:left;
		width:100%;
		margin:0;
	}
	.testimoni-containt.on-left,
	.testimoni-containt.on-right{
		float:left;
		width:80%;
		margin:0 0 0 10%;
	}
	.testimoni-containt.on-left .testimoni-quote,
	.testimoni-containt.on-right .testimoni-quote{
		width:100%;
		float:left;
		text-align:left;
		margin:20px 0 30px 0;
	}
	.testimoni-containt.on-left .testimoni-avatar,
	.testimoni-containt.on-right .testimoni-avatar{
		float:none;
		margin:0 auto;

	}
	.testimoni-quote .arrow{
		display:none;
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.article-image,
	.article-post{
		float:left;
		width:100%
		padding:0;
		margin-bottom:40px;
	}
	.pagination {
		margin-bottom:60px;
	}
	.comment-wrapper{
		margin-bottom:40px;
	}
	aside{
		clear:both;
	}
}
@media (max-width: 767px){
	.home-containt,
	.bgslider-containt{
		float:left;
		width:100%;
		padding-bottom:0;
	}
	.home-containt h1,
	.home-containt h1 span,
	.bgslider-containt h1,
	.bgslider-containt h1 span{
		font-size:82px;
		line-height:90px;
	}
	.home-centered h1,
	.home-centered h2,
	.home-centered h3,
	.home-centered h4,
	.home-centered h5,
	.home-centered h6{
		font-size:42px;
		line-height:52px;
	}
	.headding-arrow,
	.logo{
		left:15px;
	}
	.main-image{
		position:relative;
		float:right;
		width:100%;
		margin-top:30px;
		padding-left:20px;
	}
	.row-column{
		float:left;
		width:100%;
		margin: 0 0 40px 0;
	}
	.full-column,
	.half-column,
	.four-half-column{
		float:left;
		width:100%;
	}
	#features{
		margin-bottom:0;
		padding-bottom:100px;
	}
	.features-line{
		height:200px;
		margin-bottom:-100px;
	}
	.subscribe-wrapper{
		padding-top:100px;
	}
	.testimoni-containt{
		float:left;
		width:100%;
		margin:0;
	}
	.testimoni-containt.on-left,
	.testimoni-containt.on-right{
		float:left;
		width:80%;
		margin:0 0 0 10%;
	}
	.testimoni-containt.on-left .testimoni-quote,
	.testimoni-containt.on-right .testimoni-quote{
		width:100%;
		float:left;
		text-align:left;
		margin:20px 0 30px 0;
	}
	.testimoni-containt.on-left .testimoni-avatar,
	.testimoni-containt.on-right .testimoni-avatar{
		float:none;
		margin:0 auto;

	}
	.testimoni-quote .arrow{
		display:none;
	}
	.pricing-wrapper{
		margin-bottom:30px;
	}
	.article-image,
	.article-post{
		float:left;
		width:100%;
		padding:0;
		margin-bottom:40px;
	}
	.pagination{
		margin-bottom:60px;
	}
	.comment-wrapper{
		margin-bottom:40px;
	}
	aside{
		clear:both;
	}
}