/*
	 * Name        : Demo theme Power Tour
	 * Theme URI   :
	 * Description : Demo stylesheet.
	 * Version     : Version 3.0.0
	 * Author      : CreativeMilk
	 * Author URI  : www.creativemilk.net
	 * Updated     : 2015-11-22 14:13:58 UTC+02:00
	 * Copyright   : (c) 2013 CreativeMilk
	 *
                     This theme is part of the Power Tour plugin
	                 and can only be used for this demo or for a personal
					 project, therefor it CANT be used in an commercial end 
					 product, in other words you cant re-sell this theme
					 even if you buy the extended liscense of the plugin!					 
	 */
	 
	@font-face {
		font-family: 'robotolight';
		src: url('fonts/roboto_light_macroman/Roboto-Light-webfont.eot');
		src: url('fonts/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'),
			 url('fonts/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'),
			 url('fonts/roboto_light_macroman/Roboto-Light-webfont.svg#robotolight') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}

	/* BASIC CSS SELECTORS */

	html{
		min-width : 100%;
		height    : 100%;
	}
	body{
		width                  : 100%;
		height                 : 100%;
		position               : relative;
		background-color       : #fff;
		color                  : #555;
		-webkit-font-smoothing : antialiased;
		font-family            : 'robotolight', Arial, sans-serif!important;
		font-size              : 16px!important;
		line-height            : 28px;	
		-webkit-tap-highlight-color : rgb(224,224,224)!important;
		-webkit-text-size-adjust    : 100%;
		-ms-text-size-adjust        : 100%;
		-webkit-backface-visibility : hidden;/* FIX -> animation flikkering */	
	}	
	:focus{
		outline:none!important;
	}
	p{		
		margin-bottom : 0;
		min-height    : 1px;
	}
	a{
		color:#2854a1;
	}
	h3{
		font-size : 34px
	}
	h5{
		font-size:20px;
		margin-bottom:20px;
		x-color:#999;
	}	
	dt{
		font-weight : 500;
	}
	dl{
		padding-left : 20px
	}
	textarea{
		resize:vertical
	}
	label{
		padding:6px 0;
		text-align:left!important;
		float:left
	}

	/* CONTAINERS */
	
	#container{
		margin:0;
		width:100%;
	}
	#bg{
		height:360px;
		position:fixed;
		top:0px;
		left:0;
		right:0;
		z-index:-1;
		background-color:#2d58a4;
		background-image: linear-gradient( to left, #2d58a4, #3f6ec2);
	}
	#frontpage-bg{
		height:700px;
		position:fixed;
		top:0px;
		left:0;
		right:0;
		z-index:-1;
		background-color:#2d58a4;
		background-image: linear-gradient( to left, #2d58a4, #3f6ec2);
	}
	#bg:after,
	#frontpage-bg:after{
		content:"";
		position:fixed;
		top:-60px;
		right:60px;
		bottom:-150px;
		width:70%;
		z-index:2;
		opacity:0.1;		
		background-color:#fff;
		 -ms-transform: skew(20deg, 10deg);
    	-webkit-transform: skew(20deg, 10deg);
    	transform: skew(20deg, 10deg);
	}
	#bg:before,
	#frontpage-bg:before{
		content:"";
		position:fixed;
		top:0;
		right:0;
		bottom:-150px;
		width:50%;
		z-index:3;
		opacity:0.1;		
		background-color:#fff;
		 -ms-transform: skew(20deg, 10deg);
    	-webkit-transform: skew(20deg, 10deg);
    	transform: skew(20deg, 10deg);
	}
	
	/* HEADER MAIN */

	#header-main{
		width:100%;
		height:100%;
	}
	#header-main .inner{
		width:1100px;
		height:100%;
		margin:0 auto;
	}
	#header-main-top{
		width:100%;
		height:80px;
		position:fixed;
		background-color:#fff;
		z-index:9990;
		-moz-transition: box-shadow .2s ease-in;
		-o-transition: box-shadow .2s ease-in;
		-webkit-transition: box-shadow .2s ease-in;
		transition: box-shadow .2s ease-in; 
	}
	#header-main-top .inner{
		padding:20px 0;
	}
	.scrll-active #header-main-top{
		border-bottom:1px solid #ddd;
		box-shadow: 0 11px 4px -10px #CCC; 
		
		-moz-transition: box-shadow .2s ease-in;
		-o-transition: box-shadow .2s ease-in;
		-webkit-transition: box-shadow .2s ease-in;
		transition: box-shadow .2s ease-in; 
	}
	/*
	#header-main-top.scrll-active .inner{
		padding:10px 0;
		-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in; 
	}
	*/

	#logo{
		float:left;
	}
	#nav-top{
		padding:0;
		float:left;
		margin:0;
		width:auto
	}
	#nav-top ul{
		list-style:none;
		padding:0;
	}
	#nav-top ul li{
		float:left;
	}	
	#nav-top ul .spacer{
		height:40px;
		line-height:40px;
		color:#ccc;
	}	
	#nav-top ul li a{
		height:40px;
		line-height:40px;
		float:left;
		color:#888;
		text-decoration:none;
		padding:0 10px;
		font-size:14px;
	}
	#nav-top .active a,
	#nav-top a:hover{
		color:#2854a1;
	}
	#header-main-top #hook-two >.btn{
		height:40px;
		padding-left:20px;
		padding-right:20px;
		margin:0 0 0 20px;
		float:left;
		background-color:#3eaf27;
		color:#fff;
		font-weight:bold;
		-webkit-border-radius : 0;
		-khtml-border-radius  : 0;
		-moz-border-radius    : 0;
		border-radius         : 0;
	}
    #header-main-mid{
		width:100%;
		height:360px;
		margin:0;
		color:#fff;
		z-index:0;
	}	
    .frontpage #header-main-mid{
		height:700px;
	}
    .frontpage #header-main-mid h1,
	.frontpage #header-main-mid h2{
		text-align:center
	}
	#header-main-mid h1{
		width:auto;
		font-size:44px;
		line-height:50px;
		margin:160px 0 10px 0;
		color:#fff;
		letter-spacing:-1px;	
	}
	.frontpage #header-main-mid h1{
		font-size:50px;
		font-weight:bold;
		line-height:80px;
		margin:200px 0 10px 0;			
	}
	#header-main-mid h2{
		width:100%;
		font-weight:bold;
		font-size:20px;
		line-height:32px;
		color:#fff;
		margin:0;
	}
	#header-main-mid .row{
		margin-top:100px;
	}
	#hook-two{
		float:left
	}
	.btn-header{
		width:200px;
		height:60px;
		line-height:56px;
		text-align:center;
		padding:0 20px;
		display:inline-block;
		margin:0;
		background-color:#fff;
		color:#2854a1;		
		border:1px solid #fff;
		font-size:16px;
		text-decoration:none;
		-webkit-border-radius : 0;
		-khtml-border-radius  : 0;
		-moz-border-radius    : 0;
		border-radius         : 0;	
		
		-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}
	.btn-header small{
		width:100%;
		float:left;
		font-size:10px;
		line-height:18px;
		font-weight:normal
	}
	.btn-header:hover,
	.btn-header:focus{
		background-color:#fff;
		background-color:rgba(255,255,255,0.6);
		text-decoration:none
	}
	.btn-header:focus{
		color:#fff;
		text-decoration:none
	}
	.btn-header:focus:hover{
		color:#2854a1;
	}
	#tour-version-meta{
		width:100%;
		text-align:center;
		margin:50px 0 0 0;
		font-size:12px;
	}
	#tour-version-meta *{
		color:#fff;
	}

	/* SIDEBAR */
	
	#sidebar{
		width:200px;
		height: 100%;
		float:left;
		margin-top:40px;
		margin-left:-260px;
		z-index:8999;
	}	
	#menubox.affix{
		top:80px
	}
	.affix.notaffix{
		float:left;
		position:static
	}	
	#sidebar ul{
		float:left;
		width:100%;
		list-style:none;
		padding:0;
	}
	#sidebar ul a{
		float:left;
		width:100%;
		padding:4px 0;
		font-size:14px;
	}
	#sidebar li:hover a,
	#sidebar .active a{
		color:#2854a1;
		text-decoration:none;
	}
	#sidebar a:focus{
		text-decoration:none;
	}
	#sidebar a{
		color:#555;
	}
	#sidebar .nav{
		float:left;
		width:100%;
		margin:0;
		padding:40px 0;
	}
	.menubox-inner{
		padding:50px 0 40px 0;
		width:200px;
	}
	.menubox-inner strong{
		float:left;
		width:100%;
		margin-bottom:20px
	}

	/* CONTENT */	

	#main{	
		width:100%;
		min-height: 800px;
		background-color:#fff;
	}
	#main > .inner{
		width:1100px;
		margin:0 auto;
		padding:0;
		background-color:#FFF;
		position:relative;
		padding:60px 0 60px 260px;
	}
	.frontpage #main .inner{
		width:1100px;
		margin:0 auto;
		text-align:center;
	}
	#content{
		float:left;
		width:718px;
		padding: 40px;
	}
	#subbar{
		height:81px;
		line-height:80px;
		position:absolute;
		top:-40px;
		left:0px;
		width:1100px;
		background-color:#fff;
		border-bottom:1px solid #ddd;
		z-index:2;
	}
	#subbar .inner{
		width:100%;
		margin:0 auto;
		padding:0 30px;
	}
	#subbar .inner > div{
		width:100%;
		float:left;
	}
	.fa-search{
		height:80px;
		width:80px;
		position:absolute;
		left:0;
		top:0;
		line-height:80px;
		content: "\f002";
    	font-family: FontAwesome;
		font-size:18px;
		color:#999;
		text-align:center;
		background-color:#fff
	}
	.search-big{
		height:80px;
		font-size:18px;
		padding-left:50px;
		width:100%;
		border:none;
		float:left;
		font-weight:bold;
		margin:0;
	}
	.blocks{
		background-color:#fff;
		padding:100px 0
	}
	.frontpage .blocks{
		padding:120px 0
	}
	.blocks.even{
		background-color:#eee;
	}
	.heading-block{
		margin:0 0 40px 0;
	}
	.frontpage .heading-block{
		margin:0 0 100px 0;
	}
	.heading-block h3{
		margin-top:0;
	}
	.heading-block h4{
		font-size:18px;
		line-height:30px;
	}
	.heading-block p{
		color:#888
	}
	#block-possibilities{
		color:#fff;
		background-color:#6441A5;
		background-image: linear-gradient( to right, #6441A5, #2a0845);
	}	
	#block-builder{
		color:#fff;
		background-color:#136a8a;
		background-image: linear-gradient( to right, #136a8a, #267871);
	}
	.list{
		margin-top:-18px;
	}
	.list-three{
		position:relative;
		padding-bottom:20px;		
		border-bottom:1px solid #ccc;
	}
	.list-three-line{
		width:1px;
		background-color:#ccc;
		position:absolute;
		left:50%;
		top:0;
		bottom:0;
	}
	.list-three-row{
		width:100%;
		float:left;
		position:relative;
		margin-bottom:40px;
		font-size:13px
	}
	.list-three-row h5{
		font-size:22px;
		font-weight:bold
	}
	.list-three-row:after{
		content:"";
		width:140px;
		height:1px;
		background-color:#ccc;
		position:absolute;
		left:50%;
		margin-left:-70px;
		top:22px;
	}	
    .list-three-row span{
		width:60px;
		height:60px;
		background-color:#2854a1;
		position:absolute;
		left:50%;
		margin-left:-30px;
		top:-9px;
		color:#fff;
		line-height:52px;
		font-size:20px;
		-webkit-border-radius: 50%; 
		-moz-border-radius: 50%; 
		border-radius: 50%;
		z-index:1;
		border:4px solid #fff;
	}
	.list-three-row .left{
		width:50%;
		float:left;
		text-align:right;
		padding-right:100px;
	}
	.list-three-row .right{
		width:50%;
		float:right;
		text-align:left;
		padding-left:100px;
	}
	.posrow{
		width:100%;
	}
	.posrow > div{
		width:25%;
		float:left;
	}
	
	
	/* FIXED SOCIAL BAR */
	
	#fixed-social-bar{
		width:48px;
		height:240px;
		position:fixed;
		right:0;
		top:100px;
		background-color:transparent;
		z-index:1000
	}

	/* FOOTER MAIN */
	
	#footer-main{
		width:100%;
		background-color:transparent;
		color:#fff;
		text-align:center;
	}
	#bg-footer{
		height:200px;
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		z-index:-2;
		background-color:#2d58a4;
		background-image: linear-gradient( to left, #2d58a4, #3f6ec2);
	}
	#footer-main *{
		color:#fff;
	}
	#footer-main .inner{
		width:1100px;
		margin:0 auto;
		padding:35px 0 30px 0;
		position:relative;
	}
	#nav-bottom{
		display:inline-block;
		margin: 0;
		padding-bottom:10px
	}
	#nav-bottom ul{
		list-style:none;
		padding:0;
	}
	#nav-bottom ul li{
		float:left;
		color:#fff
	}		
	#nav-bottom ul li a{
		float:left;
		color:#fff;
		text-decoration:none;
		padding:0 20px;
		font-size:15px;
	}
	#nav-bottom a:hover{
		color:#fff;
		text-decoration:underline
	}		
	#footer-main hr{
		border-color:#ccc
	}
	#copyright{
		display:block;
		font-size:12px;
		padding:10px 0 0 0;
	}
	.table-versions.table .coll-2,
	.table-versions.table .coll-3,
	.table-versions.table .coll-4{
		width:90px;
		text-align:center
	}
	.table-versions.table tfoot,
	.table-versions.table .cell-2,
	.table-versions.table .cell-3,
	.table-versions.table .cell-4{
		text-align:center
	}
	.table .fa-check{
		color:#360;
		font-size:18px;
	}
	.cell-1.cell-offset{
	}
	.table thead tr th,
	.table tbody tr td,
	.table tfoot tr td{
		padding:15px
	}
	.table-versions .cell-2,
	.table-versions .cell-3,
	.table-versions .cell-4{
		height:40px;
		line-height:50px!important;
	}
	.table-versions td.cell-1{
		font-weight:bold;
	}
	.table small{
		width:100%;
		float:left;
		margin-top:10px;
		color:#999;
	}
	.table small span{
		font-weight:normal;
		text-decoration:underline
	}
	tr:hover td{
		background-color:#FFC
	}
	tfoot td{
		font-weight:bold;
	}	
	.rsv-label{
		display:none;
	}
	
	/* SELECT STYLING  */

	.pt-select-styling {
		float:left;
		width:100%;
		height:40px;
		position:relative;
	}
	.pt-select-styling span{
		color:#555;
		width:38px;
		height:38px;
		font-size:14px;
		line-height:38px;
		right:1px; 
		top:1px;
		text-align:center;
		padding:0 0 2px; 
		background-color:#fff;
		border-left:1px solid #ccc;
		position:absolute;
		pointer-events:none;
		z-index:4;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;	
	}
	.pt-select-styling span .fa{
		width:38px;
		height:38px;
		line-height:36px;
		float:left;
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		
		-moz-transition: 0.4s;	
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}
	.pt-select-styling select:focus + span .fa{
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		
		-moz-transition: 0.4s;	
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}
	.pt-select-styling option{
		padding:5px 15px;
	}
	
	/* ACCORDION (builder) */

	.accordion{
		border:1px solid #ddd;
		background-color:#FFF;
	}
	.accordion > h5{
		height:40px;
		line-height:40px;
		padding:0 0 0 20px;
		margin:0;	
		position:relative;
		font-size:14px		
	}
	.accordion > h5 .ctrls{
		position:absolute;
		right:0;
		top:0;
		font-size:14px;
		font-weight:normal
	}
	.accordion > h5 span{
		float:left;
		width:39px;
		border-left:1px solid #ddd;
		text-align:center;
		cursor:pointer;
	}
	.accordion > h5 > i{
		width:40px;
		height:39px;
		float:left;
		margin:0 0 0 -20px;
		text-align:center;
		font-size:14px
	}
	.accordion > h5 .handle-tour,
	.accordion > h5 .handle-step{
		cursor:move
	}
	.accordion-content{
		border-top:1px solid #ddd;
		padding:20px;
	}	
	.accordion-closed .accordion-content{
		display:none;
	}
	.tour-wrapper,
	.step-wrapper{
		margin-bottom:10px;
	}
	.accordion .accordion{
		border:1px solid #333;
	}
	.accordion .accordion > h5{
		background-color:#333;
		color:#fff
	}
	.accordion-content .accordion-content{
		border-top:1px solid #333;
	}	
	#outputplugin{
		height:300px
	}
    .accordion-content .row{
		margin-bottom:10px;
	}
    .accordion-content .row .row{
		margin-bottom:0px;
	}
	.tour-wrapper h5 .form-control{
		width:200px;
		height:41px;
		margin-top:-1px
	}
	.step-wrapper h5 .form-control{
		border-color:#555!important;
		background-color:#333;
		color:#fff;	
	}
	#step-stack{
		margin-top:20px;
	}
	.accordion-content label{
		font-weight:normal
	}
	
	/* BOOTSTRAP OVERRIDE */
	
	.table{
		text-align:left;
	}
	.nav.nav-tabs{
		margin-bottom:40px;
		height:62px;
	}
	.single-step .nav.nav-tabs{
		margin-bottom:20px;
	}
	.nav.nav-tabs > li > a{
		-webkit-border-radius: 0; 
		-moz-border-radius: 0; 
		border-radius: 0;
		border:none;
		font-size:16px;
		position:relative;
		color:#999;
		padding:20px 0px 20px 0;
		margin-right:30px
	}
	.nav.nav-tabs > li.active > a,
	.nav.nav-tabs > li:focus > a,
	.nav.nav.nav-tabs > li:hover > a{
		border:none;
		background:transparent;
		color:#555;
	}
	.nav-tabs > li > a:after{
		width:0;
		content:"";
	    background-color:#2854a1;
		position:absolute;
		left:0;
		bottom:0;
		height:3px;
		
		-webkit-transition: width 0.4s;
		-moz-transition: width 0.4s;	
		transition: width 0.4s;
	}
	.nav-tabs > li.active > a:after,
	.nav-tabs > li.focus > a:after,
	.nav-tabs > li:hover > a:after{
		width:100%;
		
		-webkit-transition: width 0.4s;
		-moz-transition: width 0.4s;	
		transition: width 0.4s;
	}
	.btn{
		float:left;
		padding:0 20px;
		font-size:13px;
		height:40px;
		line-height:36px;
		margin-right:5px;
		-webkit-border-radius : 0;
		-khtml-border-radius  : 0;
		-moz-border-radius    : 0;
		border-radius         : 0;
	}
	.pull-right.btn,
	.pull-right > .btn{
		margin-right:0;
		margin-left:5px;
	}
	.form-control{
		height:40px;
		line-height:38px;
		box-shadow:none;
	}
	textarea.form-control{
		line-height:24px;
	}
	
	/* HELPERS */
			
	.new{
		font-size:10px;
		color:#fff;
		background-color:#e74c3c;
		padding:3px 5px 3px 5px;
		margin-left:5px;
		text-transform:uppercase
	}
	.placeholder-150{
		width:200px;
		height:200px;
		margin:0 auto;
		background-color:#fff;
		
		text-align:center;
		line-height:200px;
		font-size:14px;		
		-webkit-border-radius : 50%;
		-khtml-border-radius  : 50%;
		-moz-border-radius    : 50%;
		border-radius         : 50%;
		background-color: rgba(0,0,0,0.4);
		margin-bottom:20px;
	
		-webkit-transition: width 0.4s;
		-moz-transition: width 0.4s;	
		transition: width 0.4s;	
	}
	.placeholder-150 img{
		margin:-1px;
	}	
	.attention-box{
		position         : relative;
		padding          : 20px 20px 20px 30px;
		border           : 1px solid #ddd;
		background-color : #fff;
	}
	.attention-box:before{
		content  : "";
		position : absolute;
		top      : -1px;
		bottom   : -1px;
		left     : -1px;
		width    : 5px;
	}
	.attention-box h4{
		font-size:18px;
		font-weight:bold;
	}
	.attention-box:before{
		background-color: #999
	}
	.attention-warning:before{
		background-color: #F0AD4E
	}
	.attention-warning h4{
		color: #F0AD4E
	}
	.attention-danger:before{
		background-color:#D9534F;
	}
	.attention-success:before{
		background-color: #5CB85C;
	}
	.attention-primary:before{
		background-color:  #428BCA;
	}
    pre[class*="language-"]{
		margin-top:0!important;
	}
	.asterisk{
		font-weight:bold;
		color:#F00
	}
    .list-faq{
		padding:0;
		list-style:none;
	}
    .list-faq .title{
		font-weight:bold;
		margin:40px 0 10px 0;
	}
    .list-faq .title:first-child{
		margin:0 0 10px 0;
	}		
	#backtotop{
		width:40px;
		height:40px;
		position:fixed;
		right:0;
		bottom:60px;
		line-height:40px;
		background-color:#3e6cbd;
		color:#fff;
		cursor:pointer;
		font-size:12px;
		text-align:center;
		display:none;
		z-index:99999;
	}
	#demo-bar-footer #backtotop{
		position:absolute;
		bottom:60px
	}
	.btn-disabled{
		cursor:not-allowed;
		opacity:0.5
	}
	.clearfix:before,
	.clearfix:after{
		content : "";
		display : table;
	}
	.clearfix:after{
		clear : both; 
	}

	/* DEMO STUFF */
	
	.step-img{
		height:344px;
		width:469px;
		display:none
	}
	#demo-bar-footer{
		z-index:9999;
		position:fixed;
		left:0;
		right:0;
		bottom:-60px;
		height:60px;
		background-color:#fff;
		border-top:1px solid #ddd;
		x-box-shadow: 0 13px 10px 12px #ccc;
	}
	#powertour-controls{
		width:auto;
		position:absolute;
		right:10px;
		bottom:15px;
		margin-left:40px
	}
	#powertour-controls .btn{
		height:30px;
		line-height:26px;
		padding:0 10px;
		font-size:13px;
	}
	#time-placeholder{
		width:80px;
		height:60px;
		line-height:60px;
		position:absolute;
		left:50%;
		top:0;
		margin-left:-40px;
		text-align:center;
		font-size:24px
	}
	#connectors1{
		position:absolute;
		right:-22px;
		top:-78px;
		display:none;
		z-index:1;
	}
	#connectors2{
		position:absolute;
		left:-124px;
		top:30px;
		display:none;
		z-index:1;
	}
	#highlighthook{
		position:absolute;
		left:-72px;
		top:-64px;	
		display:none	
	}
	#highlightstep{
		position:absolute;
		right:58px;
		top:-129px;	
		display:none	
	}
	#anycontent{
		position:absolute;
		left:20px;
		bottom:-103px;
		display:none	
	}
	#controls1{
		position:absolute;
		right:-24px;
		bottom:-86px;
		z-index:-1;/* needed for the button */
		display:none
	}
	#controls2{
		position:absolute;
		right:353px;
		bottom:8px;
		z-index:1;/* needed for the button */
		display:none
	}
	#progressmeter{
		width            : 200px;
		height           : 5px;
		position         : absolute;
		bottom           : 33px;
		left             : 20px;
		z-index          : 9999;
		background-color : #ccc;
	}
	#progressmeter-bar{
		width            : 0;
		height           : 5px;
		background-color : #f35626;
	}
	#progressmeter-text{
		float     : right;
		color     : #333;
		font-size : 12px
	}
	#progressmeter-text span{
		color       : #f35626;
		font-weight : bold
	}
	.single-step.ltr-text{
		text-align:right;
	}
	.colorfadingbutton{
		animation: fading 4s infinite;
	   -webkit-animation: fading 4s infinite;
	}
	@keyframes fading {
		0%   { background: #3eaf27 }
		50%  { background: #009cff }
		100% { background: #3eaf27 }
	}
	
	@-webkit-keyframes fading {
		0%   { background: #3eaf27 }
		50%  { background: #009cff }
		100% { background: #3eaf27 }
	}
	.single-step{
		font-size:13px;
		line-height:22px;
	}
	.single-step .btn{
		height:30px;
		line-height:26px;
		padding:0 10px;
		box-shadow:none	
	}
	
	.powertour-activehook .placeholder-150{
		background-color:#fff;
		color:#cd201f;
			
		-webkit-transition: 0.4s;
		-moz-transition:  0.4s;	
		transition: 0.4s;
	}
	
	
	/* BS CAROUSEL STEP */
	
	.single-step.carousel-step{
		width:400px;
		height:540px;
		padding:0;
		border:none;
	}
	.single-step.carousel-step .item,
	.single-step.carousel-step .carousel-inner{
		height:540px;
	}
	.single-step.carousel-step .carousel-caption{
		text-shadow:none;
		color:#555;
		left:0;
		right:0;
		bottom:90px;
		padding:0 40px;
	}
	.single-step.carousel-step .item img{
		width:400px;
		height:300px;
	}
	.single-step.carousel-step  .carousel-indicators{
		bottom:60px;
	}
	.single-step.carousel-step  .carousel-indicators li{
		border-color:#2854a1;
	}
	.single-step.carousel-step  .carousel-indicators li.active{
		background-color:#2854a1;
	}
	.carousel-ctrls{
		position:absolute;
		bottom:20px;
		left:0;
		right:0;
		padding:0 20px;
	}

	/* Target chrome only */	
	
	@media screen and (-webkit-min-device-pixel-ratio:0){
		h1,h2,h3,h4,h5,h6{
			/* chrome cant handle the value of 600 */
			font-weight : bold;
		}
	}
		
	#demo-notification{
		background-color:#FF0;
		border:1px solid #828200;
		text-align:center;
		padding:6px 15px;
		display:none		
	}
	#hamburger{
		display:none;
		float:right;
		height:40px;
		width:40px;
		line-height:38px;
		text-align:center;
		margin:0 0 0 10px;
		font-size:14px;
		cursor:pointer;
		border:1px solid #ccc;
		background-color:#fff;
	}
	#mob-menu{
		width:100%;
		height:0;
		background-color:#222;
		position:fixed;
		left:0;
		top:0;
		right:0;
		z-index:99999!important;
		text-align:center;
		text-transform:uppercase;
		overflow:hidden;		
		-moz-transition: height 0.2s linear;
		-webkit-transition: height 0.2s linear;
		transition: height 0.2s linear;
	}
	.offcanvas-active #mob-menu{
 		height:100%;
	}
	#mob-menu span{
		width:40px;
		height:40px;
		display:inline-block;
		line-height:38px;
		background-color:#333;
		color:#fff;
		margin:30px auto;
		cursor:pointer;
		opacity:0;
		-moz-transition: opacity 0.2s linear;
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;		
		-moz-transition-delay: 0.4s;
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;
		border-radius:50%;
	}	
	#mob-menu ul{
		width:200px;
		margin:20px auto;
		padding:0;
		list-style:none;
		opacity:0;
		margin-top:-20px;
		-moz-transition: opacity 0.2s linear;
		-webkit-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
		
		-moz-transition-delay: 0.4s;
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}	
	.offcanvas-active #mob-menu ul,
	.offcanvas-active #mob-menu span{
		opacity:1;		
	}
	#mob-menu ul li{
		width:100%;
		float:left;
		text-align:center;
		padding:15px 0;
		opacity:0;
		margin-bottom:5px;
		margin-top:-20px;
	}
	#mob-menu ul li a{
		color:#fff;	
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
	}
	.offcanvas-active #mob-menu ul{
		margin-top:0px;
		-moz-transition: 0.4s linear;
		-webkit-transition:  0.4s linear;
		transition:  0.4s linear;
	}
	.offcanvas-active #mob-menu ul li:nth-of-type(1){
		opacity:1;
		margin-top:0px;
		-moz-transition: 0.4s linear;
		-webkit-transition:  0.4s linear;
		transition:  0.4s linear;
	}
	.offcanvas-active #mob-menu ul li:nth-of-type(2){
		opacity:1;
		margin-top:0px;
		-moz-transition: 0.4s linear;
		-webkit-transition:  0.4s linear;
		transition:  0.4s linear;		
		-moz-transition-delay: 0.2s;
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.offcanvas-active #mob-menu ul li:nth-of-type(3){
		opacity:1;
		margin-top:0px;
		-moz-transition: 0.4s linear;
		-webkit-transition:  0.4s linear;
		transition:  0.4s linear;
		-moz-transition-delay: 0.4s;
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
	.offcanvas-active #mob-menu ul li:nth-of-type(4){
		opacity:1;
		margin-top:0px;
		-moz-transition: 0.4s linear;
		-webkit-transition:  0.4s linear;
		transition:  0.4s linear;
		-moz-transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s;
	}			
	#mob-menu ul .active a{
		text-decoration:underline
	}
	#hook-four{
		background-color:transparent
	}
	
	@media only screen and (max-width : 1090px){
		
		.frontpage #header-main-mid h1 {
		}
		.frontpage #header-main-mid h2 {
			font-size:24px;
		}
		#header-main-mid .col-sm-6{
			width:50%;
			float:left;
		}
		#hamburger{
			display:block;
		}
		#nav-top{
			display:none
		}
		#header-main{
			width:100%;
			margin:0;
		}
		#header-main-top .btn {
			margin:0;
		}
		#header-main-top .inner{
			width:100%;
			padding: 20px 30px;
			border:none;
		}
		#header-main-mid .inner{
			width:100%;
			padding: 0px 30px;
 		}
		#main > .inner,
		.frontpage #main .inner{
			width:100%;
			padding:0 30px;
		}		
		#subbar{		
			width:auto;
			left:30px;
			right:30px;
		}
		.list-features li{
			min-height:250px;
		}
		#footer-main .inner{
			width:100%;
			padding: 20px;
		}
		#progressmeter{
			width:120px;
		}
		#time-placeholder{
			left:180px;
		}		
		aside#sidebar-main{
			display:none
		}
		#header-main-mid .inner .heading *{
			text-align:left
		}
		#content {
			width:100%;
			padding:20px 0
		}
		.header-main-subbar{
			width:auto;
			margin:0 -20px;
		}
		.nav-tabs li a{
			padding:10px 12px
		}		
		.tour-wrapper .row > div{
			width:100%;
			clear:both;
			float:left;
		}		
		.col-md-8 .row .col-md-4{
			margin-bottom:10px;
		}		
		.table tbody tr td{
			width:100%;
			float:left;
			padding:0 15px 10px 15px;
			border:none!important;
		}
		.table.table-versions .cell-2, 
		.table.table-versions .cell-3, 
		.table.table-versions .cell-4{
			text-align:left;
			line-height:inherit!important;
		}
		.table td:first-child{
			padding:10px 15px 10px 15px;
		}
		.table tr td:first-child{
			border-top:1px solid #ccc!important
		}
		.table tr:first-child td:first-child{
			border-top:none!important
		}
		.table thead,
		.table tfoot{
			display:none;
		}
		.rsv-label{
			width:30%;
			float:left;			
			display:block;
			font-weight:bold;
		}
		.rsv-text{
			float:left;
			width:70%;
		}
		td .attention-box{
			margin-bottom:10px;
		}
		.list-three{
			border-bottom:none;
			padding-bottom:0;
		}
		.list-three-row span,
		.list-three-row:after,
		.list-three-line{
			display:none;
		}
		.list-three-row{
			margin-bottom:0;
			font-size:14px;
		}
		.list-three-row h5{
			font-size:22px;
			font-weight:bold
		}
		.list-three-row .left,
		.list-three-row .right{
			width:100%;
			float:left;
			text-align:center;
			padding-right:0;
			padding-left:0;
			margin-bottom:40px;
		}

	}
	
	@media only screen and (max-width : 900px){

		.frontpage #header-main-mid h1{
			font-size:40px
		}
		.frontpage #header-main-mid h2{
			font-size:20px
		}
		.posrow > div{
			width:50%
		}
		#example-img{
			height:100%;
			width:100%
		}
	}	
	
	@media only screen and (max-width : 768px){
		
		.frontpage #header-main-mid h1{
			font-size:42px;
			margin-top:180px;
			line-height:60px;
			margin-bottom:20px
		}
		.frontpage #header-main-mid h2{
			font-size:20px
		}
		#header-main-mid .col-sm-6{
			width:100%;
			float:left;
			text-align:center;
		}
		.frontpage #header-main-mid .row{
			margin-top:70px
		}
		#header-main-mid .col-sm-6 .btn-header {
			margin-top:10px;
			float:none!important
		}
		.col-sm-3.powertour-hook{
			margin-bottom:20px;
		}
		#example-img{
			height:90%;
			width:90%
		}	
		#builder-img{
			height:80%;
			width:80%
		}	
		#time-placeholder{
			left:40px;
		}		
		#progressmeter{
			display:none;
		}
		.nav.nav-tabs{
			height:auto;
			clear:both
		}
		.nav.nav-tabs > li > a{
			margin-right:15px;
		}
		#tour-version-meta{
			margin:40px 0 0 0;
		}
	
	}
	
	@media only screen and (max-width : 600px){

		.frontpage #header-main-mid h1{
			font-size:36px;
			margin-top:180px;
		}
		.frontpage #header-main-mid h2{
			font-size:16px
		}
		.frontpage #header-main-mid .row{
			margin-top:80px
		}
		
		/* responsive steps demo */
		
			/* hide default scrolling */
			body[data-powertour-run]{
				/*overflow:hidden;*/
			}
						
			/* step wrapper + step */
			.powertour-step,
			.powertour-step > .single-step{
				
				/* override all positions */	
				position            : fixed!important;		
				top                 : 80px!important;		
				right               : 0!important;		
				left                : 0!important;
				margin              : 0!important;
								
				/* override all sizing */		
				width               : 100%!important;	
				
				/* make inner scrollable (x-axis) */
				overflow-x          : auto!important;
		
				/* disable the fx in/out */		
				-webkit-animation   : none!important;
				-moz-animation      : none!important;
				animation           : none!important;			
		
				border              : none;		
			}
			.powertour-step{
				border-top : 1px solid #ccc;
			}
			[data-powertour-run] #header-main-top{
				border-bottom : 1px solid #ccc; 
			}
			[data-powertour-run] #powertour-mask{
				display            : block!important;
				opacity            : 0.8!important;
				
				-moz-transition    : 0.2s;
				-webkit-transition : 0.2s;
				transition         : 0.2s;
			}
			
			/* replacing set fx in/out for basic fadein/out */		
			.powertour-step{
				opacity            : 0;
				
				-moz-transition    : 0.2s;
				-webkit-transition : 0.2s;
				transition         : 0.2s;	
			}			
			.powertour-step.powertour-activestep{
				opacity            : 1;
				
				-moz-transition    : 0.2s;
				-webkit-transition : 0.2s;
				transition         : 0.2s;	
			}
			
			/* demo stuff */
			.scrll-active[data-powertour-run] #header-main-top{
				box-shadow: none; 
			}
			#step-eight img{
				width:80%;
				height:80%;
				margin:40px auto;
			}
			#highlightstep,
			#anycontent,
			#controls2,
			#highlighthook,
			#connectors1,
			#connectors2,
			#controls1,
			#progressmeter
			.single-step > span,
			.single-step .close-btn,
			[data-powertour-action="pause"],
			[data-powertour-action="play"],
			[data-powertour-action="stop"],
			[data-powertour-action="toggleplay"],
            [data-powertour-action="goto"]{
				display:none!important;
			}		
			
		#demo-notification{
			display:block
		}
				
	}
	
	@media only screen and (max-width : 480px){

		.frontpage #header-main-mid h1{
			font-size:34px;
			margin-top:180px;
		}
		.frontpage #header-main-mid h2{
			font-size:16px
		}
		.frontpage #header-main-mid .row{
			margin-top:80px
		}
		#logo{
			width:40px;
			height:40px;
			overflow:hidden
		}
		#header-main-mid .col-sm-6{
			width:100%;
			float:left;
		}
		#header-main-mid .col-sm-6 .btn-header {
			width:100%;
			float:left;
		}
		
	}	
	@media only screen and (max-width : 360px){
		
		.frontpage #header-main-mid h1{
			font-size:30px;
			margin-top:140px;
		}
		.frontpage #header-main-mid h2{
			font-size:12px
		}
		.frontpage #header-main-mid .row{
			margin-top:60px
		}
		#header-main-mid  .btn-header {
			height:40px;
			line-height:36px;
			font-size:14px;
		}
		#header-main-mid .col-sm-6{
			width:100%;
			float:left;
		}
		#header-main-mid .col-sm-6 .btn-header {
			width:100%;
			float:left;
		}
	}