body {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	color: #8f8f8f;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
	line-height:22px;
	letter-spacing: -0.5px;
}

@font-face {
    font-family: 'Bariol';
    src: url('../fonts/bariol-regular.eot');
    src: url('../fonts/bariol-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol-regular.woff') format('woff'),
         url('../fonts/bariol-regular.ttf') format('truetype'),
         url('../fonts/bariol-regular.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 font-family: 'Bariol', Arial, sans-serif;
}

.centered h1{
	color:#FFFFFF;
}

h1 {
	font-size:60px;
	color: #333;
}

h2 {
	font-size:30px;
}

h3 {
	font-size:18px;
	color:#1eb0dc;
}

.col-center {
	text-align:center;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto
}

.navbar-inverse {
	background-color: #1eb0dc;
	border:0;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;transition: all .4s ease-in;
}



.navbar-inverse .container {
	padding:21px 15px 17px 15px;
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;transition: all .2s ease-in;	
}

.navbar-inverse .scrollDown {
	background-color:#333;
}

.navbar-inverse .navbar-nav > li > a {
	color: #c9e8f4;
	font-size:20px;
	-webkit-font-smoothing: antialiased;
	padding: 0 16px;
	-webkit-transition: all 0.2s linear;
	line-height:40px;
	text-shadow: 0 0 5px #125e73;;
}

.navbar-inverse .navbar-nav > .active > a {
	color: #c9e8f4;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color:#fff;
	background-color:transparent;
}

.navbar-brand {
	padding:0 5px;
	margin:-3px;
}

.navbar-collapse {
	text-align:center;
}

.navbar-inverse ul ul {
	list-style:none;
	border-left:0;
	padding-left:20px;
}

.navbar-inverse .demo {
	padding-right:20px;
}

.nav-address {
	color:#c9e8f4;
	font-style:normal;
	font-size:13px;
	text-align:left;
	display:inline;
	margin-right:5px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;


}

.nav-address  a{
	color:#c9e8f4;
	font-style:normal;
	font-size:13px;
	text-align:left;
	display:inline;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;

}

.btn-primary {
	background-color: #258ab1;
	border-color:#258ab1;
	padding:10px 18px;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	color:#fff;
}

	.navbar-header {
		float:right;
	}

	.navbar-brand img {
   		width:60%;
   		position:absolute;
   		
   		
   		-webkit-transition: all 0.4s ease-in-out;
    		-moz-transition: all 0.4s ease-in-out;
    		-o-transition: all 0.4s ease-in-out;
    		transition: all 0.4s ease-in-out;
   	}

/*social icons in header*/

.nav li a.social i {
	color: #c9e8f4;
	margin-left:10px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.nav li a.social:hover i{
	color:#FFFFFF;
}

.nav li .row {
	margin:0;
	padding:0;
}

.social-icons a{
	margin-right:10px;
}

/* Parallax */ 

/* General Slides */ 

.slide{
	background-attachment: fixed;
	position: relative;
	height:auto;
	text-align:center;
	background-position:0;

}

/* Slide 1 */ 

#slide1{
	background: url(../images/home-hero.jpg) no-repeat scroll center top #FFF;
	background-size: cover;
	max-height: 654px;
	height: 654px;
	color: #555555;
	text-align: center;
	padding:250px 0;
	margin-bottom:50px;
	text-shadow:0 0 2px #fff;
}

.slide-transparent {
	background:url(../images/transparent.png) repeat;
}

#slide1 h1 {
	color:#555555;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	margin-top:25px;
	margin-left:15px;
	letter-spacing: -0.5px;
	text-shadow:0 0 2px #fff;


}
#slide1 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 2 */

#slide2{
	background:url(../images/home-blue.jpg) no-repeat scroll center top;
	background-size: cover;
	color:#ffffff;
	padding:65px 0;
	margin-bottom:50px;

}

#slide2 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide2 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

.points p.home-feature-icon {
	margin-top:20px;
}


.blue-area {
	text-align: left;
	cursor: pointer;
	transition: All 0.6s ease;
	-webkit-transition: All 0.6s ease;
	opacity: 0.75;
}


.blue-area {
	position:relative;
	padding-left:60px;
	color:#c9e8f4;
}

.blue-area i {
	position:absolute;
	left:0;
	top:-10px;

}

.blue-area.active, .blue-area:hover {
	color:white;
	opacity: 1;
}

.blue-area h4 {
	font-size:20px;
	text-transform: uppercase;
}

.blue-area p {
	font-size: 16px;
	text-shadow: none;
}

.blue-area-image {
	display: none;
	border-radius:20px;
	border:5px solid RGBA(164,224,241,0.5);
}

.blue-area-image.active {
	display: block;
	margin-top:20px;
	-webkit-animation: fadeInLeft 0.6s ease both;
	-moz-animation: fadeInLeft 0.6s ease both;
	-ms-animation: fadeInLeft 0.6s ease both;
	-o-animation: fadeInLeft 0.6s ease both;
	animation: fadeInLeft 0.6s ease both;
}

.btn-lg {
	padding: 10px 11px;
}

.btn-info {
	background-color: #2699b8;
	border-color: #2b9ebf;
	text-shadow:none;
}

/* 5 Points Area */
.points {
	padding-bottom:50px;
	text-align:center;
}

.points h3 {
	color: #333;
	text-transform: uppercase;
	margin-top:15px;
	letter-spacing:-0.7px;
}

.points p {
	font-size: 16px;
	color: #8f8f8f;
	line-height:22px;
	margin:0;
}

.mobile {
	text-align:center;
	margin-top:15px;
	
}

.mobile h1 {
	letter-spacing:-1px;
	margin:0 0 15px;
}

.mobile p {
	margin-bottom:3px;
}

.mobile .browser {
	margin-top:25px;
	z-index:50;
	display:inline;
}

.mobile .iphone {
	z-index:9000;
	margin-top:-465px;
	margin-left:690px;
}

.img-brd img{
	border:2px solid RGBA(66,139,202,0.5);
	opacity: 0.9;
	transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-webkit-transition:all 0.1s ease-in-out;
}

.img-brd img:hover{
	opacity:1;
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;	
}

/*shrinky header start*/
	#naver{

	}

	.shrunk .container {
		padding:15px 15px 0px 15px;
			transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;
	}

	.shrunk .navbar-brand img{
		width:60%;
		margin-top:-1px;
	}
	
	.shrunk .navbar-collapse ul li a {
		padding: 0 10px;
	}

	.shrunk .navbar-collapse ul li a.social{
		padding: 0;
	}	

	.shrunk .navbar-collapse ul li.nav-address a {
		padding: 0 0px;
	}	

	.shrunk .navbar-collapse ul {
		margin-top:-10px;
	}	

	.shrunk .navbar-collapse ul ul{
		margin-top:-1px;
	}		

	.shrunk .btn-primary {
		padding:5px 9px;
		margin-top:-4px;
	}


/*shrinky header stop*/
/*Screenshot Demo Page CSS Start*/
.hero-call{
	counter-reset: number;
	

	background-color: #1eb0dc;
	background-image: url('http://www.docketmanager.ca/wp-content/uploads/2015/07/home-blue.jpg');
	background-size:cover;
	background-position: center center;
	text-align: center;
	padding:130px;
	margin:0 0 0 0;
}

.hero-call h1, .hero-call h3{
	color:#FFFFFF;
}

.hero-call h1, .hero-call h3{
	margin:0;
}

.screen-holder{

}

.screen-main{
	background-color:#EFEFEF;
	color:#FFFFFF;
	padding:0 0 50px 0;
}

.screen-main h2{
	color:#34373f;
}

.screen-main:nth-child(2n){
	background-color:#FCFCFC;
	color:#34373f;
}

.screen-main:nth-child(3n){
	background-color:#D0D0D0;
}

.screen-main:nth-child(3n) h2, .screen-main:nth-child(3n) h3 {
	color:#FFFFFF;
}

.screen-main:nth-child(3n) h2 {
	
}


.screen-body{

}

.screen-title{
	text-align: center;
}

.screen-title h2{
	padding:10px 0 0 10px;
	margin:0 auto;
	
	
}

.screen-title .number:before{
	counter-increment: number;
	content:counter(number)" ";

}

.screen-title .number{
	display: inline-block;
	text-align: center;
	font-size:18pt;	
	width:32px;
	height:32px;
	line-height:30px;
	border-radius: 50%;
	background-color:#1eb0dc;
	color:#FFFFFF;
	margin:20px auto 0px auto;
}

.screen-title a{
	text-decoration: none;
	cursor: default;
	display: inline-block;
	position: relative;
	top:3px;
}

.screen-title h3{
	color:#8f8f8f;
	padding:0 0 10px 0;

}

.menu-steps-menu-container {
	position:fixed;
	z-index:999;
	left:0;
	bottom:50%;

	
	
	border:2px solid #BBBBBB;
	border-left:none;

	background-color:#FFFFFF;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	

}


.menu-steps-menu-container ul{
	list-style-type:none;
	counter-reset: menunumber;
	
	-webkit-margin-before:0;
	-webkit-margin-before:0;
	-webkit-padding-start:0;
	margin-bottom:0;

}

.menu-steps-menu-container ul li{
	padding:5px 15px 5px 1px;
	margin:0px 5px;
	border-bottom:1px solid gray;
	counter-increment: menunumber;
	text-decoration: none;
}

.menu-steps-menu-container ul li:hover,.menu-steps-menu-container ul li:focus{
	text-decoration: none;
}
.menu-steps-menu-container ul li.active a:before{
	background-color:#428bca;
}


.menu-steps-menu-container ul li a:before{
	
	content:counter(menunumber)" ";	
	background-color:#1eb0dc;
	width:20px;
	height:20px;
	line-height: 18px;
	border-radius:50%;
	display: inline-block;
	text-align: center;
	margin:0px 10px 0px 2px;
	color:#FFFFFF;

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;


}

.menu-steps-menu-container ul li a:hover:before{
	background-color:#428bca;
}



.menu-steps-menu-container ul li:last-child{
	border-bottom:1px solid transparent;
}

.menu-steps-menu-container ul li a{
	color:#000;
}

.menu-steps-menu-container ul li a:hover{
	text-decoration: none;
}

/*demo steps header*/
.nav-demo li a{
	padding: 0 13px !important;
}

.webinar-section{
	padding-bottom:30px;
	border-bottom:1px solid #CCC;
}

.modal-sm{
	width:300px;
	margin:30px auto;
}

.gform_button {
  float:right;
	margin:0 !important;
}

.ginput_container input {
	text-align:left !important;
}

.modal-open .modal,.btn:focus{
    outline:none!important
}

@media only screen and (max-width: 400px) { 
	.hero-call{
		padding:100px 0;
	}

	.hero-call h1{
		font-size:40px;
	}

	.screen-title h2,.screen-title h3{
		width:90%;
	}

	.menu-steps-menu-container {
		position:fixed;
		z-index:999;
		left:0;
		bottom:0;
		width:100%;

		border:2px solid white;
		border-left:none;

		background-color:#FFFFFF;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border:1px solid gray;

	}

	.menu-steps-menu-container ul{
		width:100%;
	}
	
	.menu-steps-menu-container ul li{
		display: inline-block;
		border-bottom:1px solid transparent;
		width:25px;
		padding:5px;
	}
	
	.menu-steps-menu-container ul li a{
		visibility: hidden;
	}
	
	.menu-steps-menu-container ul li a:before{
		visibility: visible;	
		width:25px;
		height:25px;
		line-height: 24px;
	}	




}

/*Screenshot Demo Page CSS End*/

.action {
	text-align:center;
	background-color:#252525; 
	height: 80px; 
	min-height:80px; 
	

	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;

}

.action:hover{
	background-color: #1eb0dc;
	color:#FFFFFF;
}

.action h2 {
	font-weight:bold;
	margin:0;
	padding-top:25px;
	font-size:20px;
}

.action a {
	color:#fff;
}

.action a:hover {
	color:white;
	text-decoration: none;
}

#floater {
	background-color: #1eb0dc;
	border-radius: 4px 0px 0px 4px;
	top: 937px;
	height: 100px;
	position: absolute;
	right: 0px;
	width: 100px;
	transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
	color: #FFF;
	font-size: 14px;
	font-family: BariolRegular, sans-serif;
	text-align: center;
	padding: 5px 16px 0;
	z-index: 1;
	cursor: pointer;
	box-shadow: 0 0 6px #333;
	padding-top:15px;
}

#floater a {
	color:#fff;
	text-decoration:none;
}

/* Footer */
footer {
	background-color: #323232;
	padding-bottom:20px;
}
footer h3 {
	color:#999;
	font-size:16px;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
}

footer ul {
	padding:0;
	margin:0;
	list-style:none;
	font-size:14px;
	line-height:18px;
	color: #666666;
	letter-spacing:-1px;	
	-webkit-font-smoothing: antialiased;
}

footer ul li a {
	color: #666666;
}

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

ul.icons li {
	  position: relative;
	  padding-left: 20px; 
}
ul.icons li i {
	  position: absolute;
	  left: 0;
	  top:2px;
	  color:#999;
}

.footer-icons a {
	margin-right:10px;
}


/* Pricing Slider */

#slider{
	margin: 0 auto;
	width: 700px;
}
.sliderWrap{
    background: scroll center 20px #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
    height: 48px;
    overflow: hidden;
    position: relative;
    width: 680px;
	z-index: 1;
	border: 1px solid transparent;
	margin: 60px auto 12px;
}
.slideHandle{
	background: scroll center center #555;
	width: 50px;
	height: 100%;
	border-radius: 10px;
	cursor: move;
	box-shadow: 0px 3px 3px rgba(0,0,0,.3);
	left: 60px;
	transition: left .3s ease-in;
	-webkit-transition: left .3s ease-in;
	-moz-transition: left .3s ease-in;

}
.slideHandle span{
	background: -164px 18px #1eb0dc;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2) inset;
	content: "";
	height: 100%;
	left: -639px;
	position: absolute;
	width: 650px;
	z-index: -2;
}
.slideGradation li{
	display: inline-block;
	margin: 4px 15px 0;
	font-family: BariolRegular, sans-serif;
	font-size: 14px;
}

.sliderLevels {
	padding:0;
}

.sliderLevels li{
	display: inline-block;
	margin: 4px 40px 0;
	font-family: BariolRegular, sans-serif;
	font-size: 14px;
}

#eeCntForm input {
	color:#1eb0dc;
	font-size:30px;
	width:100px;
	text-align:right;
	padding:5px;
}

#eeCntForm {
	color:#1eb0dc;
	font-size:30px;
	margin-top:10px;
}

.planInfo{
	width: 415px;
	border: 1px solid #EDEDED;
	background-color: #F5F6F6;
	font-family: BariolRegular, sans-serif;
	border-radius: 5px;
	display: inline-block;
	margin: 10px 25px;
}
.planInfo h4{
	margin: 46px 0 23px;
}

.planInfo .btn-primary {
	margin-bottom:-10px;
}

#knownCost, #unknownCost {
	height:50px;
}

.fly-it { position: relative; }

#showcase { padding: 60px 0; }
.gallery { width: 960px; margin: 0 auto; text-align: center; }
.gallery figure { text-align: center; float: left; margin: 10px; height: 270px; display: inline-block; }

/* Jumbotron */
/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 0px;
}




.tour-page {
	padding:90px 0 0;
	border-bottom:1px solid #E9E9E9;
}

.tour-page .img-responsive {
	display:inline;
}

.tour-page .col-lg-12 {
	/*border-top: 1px solid #E9E9E9;*/
	margin-top:90px;
}

.accordian-tour {
  padding-top:35px;
  padding-bottom:35px;
}


.accordian-tour h4{
  color:#fff;
}

.link {
  color: #1eb0dc;
  text-decoration:dotted;
  padding-bottom:9px;
  border-bottom: 1px solid;
  font-style:italic;
  cursor:pointer;
}

.subheader {
  background-color: #fafafa;
  border-bottom: 1px solid #EAEAEA;
  min-height:50px;
  text-align:center;
}

.subheader h1 {
	font-size:30px;
	color:#555;
	margin-bottom:0;
}

.topsection {
  margin-top:60px;
}

.splash {
	margin-bottom:100px; 
	margin-top:50px;
}

.demo-bar {
	background-color:#1eb0dc;
}

.demo-page {
	color:#fff;
	margin-bottom:20px;
}

.demo-page h2 {
	color:#fff;
}

.demo-page .btn-primary {
	margin-top:10px;
}

.demo-form {
	color:#8f8f8f;
}

.demo-form h2 {
	color:#8f8f8f;
}

#wpcf7-f127-p128-o1 {
	background-color:#f5f6f6;
	border-radius:4px;
	padding:20px 20px 0 20px;
	border:1px solid #2699b8;
	margin-top:20px;

}

#wpcf7-f127-p128-o1 p {
	font-size:20px;
	color:#666;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

#wpcf7-f127-p128-o1 .transparent {
	background:transparent;
	border:none;
}

div.wpcf7-validation-errors {
	color:#666;
}

div.wpcf7-mail-sent-ok {
	color:#666;
}

#wpcf7-f127-p128-o1 .btn-primary {
	margin-bottom: 0px;
}


span.wpcf7-form-control-wrap {
	background:transparent;

}

.contact-page input {
	background-image: none;
border: 1px solid #ccc;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
}

.contact-page textarea {
	width:98%;
}

.rnd{
	border-radius: 5px;
}

.top{
	padding-top:25px;
}
.blog-content{
	min-height:500px;
	padding:10px;
	color:#555;
}

.post-ftd-img{
	max-height:200px;	
	overflow: hidden;
	margin-bottom: 15px;
}

.post-info{
	width:100%;
	padding:10px 10px;
	background-color:#1eb0dc;
	border-radius:5px;	
	margin-top:15px;
}

.post-info p{
	color:#FFFFFF;
	font-style:italic;
	float:right;
	display:inline;
}
.post-info h4{
	display:inline;
}

.post-info h4 a{
	color: #FFFFFF;
}

.post-listing{
	margin-bottom:25px;
	border-right:2px solid rgb(30, 176, 220);
	padding:0 25px 0 0;
}

.post-entry{
	padding:10px;	
	margin:10px;
	border-radius:5px;
	background-color:#fafafa;
}

.post-title{
	background-color:#1eb0dc;
	border-radius:5px;	
	padding:5px;
	margin:10px 5px 0px 5px;
}

h2.post-title {
	padding-bottom:0;
}

.post-title a{
	color:#FFFFFF;
}

#sidebar ul {
margin:0;
padding:0;
}

#sidebar ul ul {
	list-style-type:none;
}

.blog-sidebar{
	padding-left:25px;
}




.release-note{
	position: relative;
	margin: 0 auto;
	background-image: -webkit-linear-gradient(0deg,rgba(202,202,202,0.6666),rgba(202,202,202,0.6666));
	background-image: -moz-linear-gradient(0deg,rgba(202,202,202,0.6666),rgba(202,202,202,0.6666));
	background-repeat: repeat-y;
	-webkit-background-size: .25em .25em;
	-moz-background-size: .25em .25em;
	background-size: .25em .25em;
	background-position: 5.35rem 0;


}

.release-note-content{
	padding-left: 12.86rem;
}

.release-note-date .date-month, .release-note-date .date-day, .release-note-date .date-year {
	display: block;

}

.release-note-date .date-month, .release-note-date .date-year {
	font-size: .5em;
}

.release-note:first-of-type .release-note-date{
	/*background-color: #1eb0dc;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);*/
}

.release-border{
	background-image: -webkit-linear-gradient(0deg,rgba(30,176,220,0.6666),rgba(30,176,220,0.6666)) !important;
	background-image: -moz-linear-gradient(0deg,rgba(30,176,220,0.6666),rgba(30,176,220,0.6666)) !important;
}

.beta{
	background-color: #cacaca !important;
	color: #000 !important;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);	
}


.current-release{
	background-color: #1eb0dc !important;
	color: #FFFFFF !important;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);	
}

.release-note-date {
	display: block;
	position: absolute;
	top: -2rem;
	width: 3em;
	height: 3em;
	padding: .5em 0;
	border-radius: 50%;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	font-size: 2.25em;
	font-weight: 300;
	background-color: #cacaca;
	color: #000;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-box-shadow: 0 0 0 .25em white;
	box-shadow: 0 0 0 .25em white;
}

.release-note h3 {
	font-size: 2.25em;
	margin: 1ex 0;
	padding-left: 12.86rem;
	padding-top:2rem;
}

.release-note h4{
	font-size: 1.75em;
	margin: 1ex 0;
	
}


.qa-summary{
	border-bottom: 1px solid #dbdbdb;	
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
}

.pagination{
	padding-left:45%;
}

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

.pagination ul li{
	list-style:none;
	float:left;
	
	
	border-radius:5px;
	margin-right:5px;
	background-color: #cacaca;
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color:#FFFFFF;
}

.pagination ul li a, .pagination ul li span{
	padding:10px 20px 10px 20px;
	float:left;
	color:#FFFFFF;
	border-radius:5px;
}


.pagination ul li .current {
	background-color: #1eb0dc;

}

.pagination ul li:hover {
	background-color: #1eb0dc;
	color:#FFFFFF !important;
}



.pagination ul li a:hover,.pagination ul li span:hover{
	text-decoration: none;
	color:#FFFFFF !important;
}


/*pricing css*/

/**/

.pricing-table .pad-btm-top{
	padding:30px 0 30px 0;
	padding-top:30px;
}

.pricing-table p{
	margin:0px;
}


.neg-mrg{
	margin-top:-20px !important;
}

.pricing-table h4{
	font-size:20px;
	
	
}

.pricing-table h3{
	font-size:25px;
	padding:20px 0 20px 0;
}

.pricing-table h2{
	font-size:36px;
	padding:10px 0 10px 0;
}

.white-text {
	color:#FFFFFF;
}

.blue-text {
	color:#03afde;
}

.grey-text{
	color:#8f8f8f !important;
}

.mrg-right{
	margin-right:10px;
}

.icon{
	color:#03afde;
	padding-right:10px;

}



.pricing-table a {
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
}

.bg-image h1, .bg-image h2, .bg-image h3 {
	padding:30px 0 5px 0;
	margin:0;
}

.bg-image{
	background-image:url('http://www.docketmanager.ca/wp-content/uploads/2014/11/blue-bg.jpg');
	background-size:cover;
	border-radius:10px;
	margin-top:20px;
}


.price-panel{
	background-color:#f5f6f6;
	border-radius:5px;	
	padding:10px;
	min-height:190px;
	
}
a.anchor{
	display:block;
	position:relative;
	top:-80px;
	visibility:hidden;
}



.pricing-table .col-md-6{
	padding-left:0px;
	padding-right:0px;
}

.ppanel-first{margin-right:10px;}

.ppanel-mid{margin-right:10px;margin-left:10px;}

.ppanel-last{margin-left:10px;}

.ftr-first{margin-right:3px;margin-bottom: 6px;}

.ftr-mid{margin-right:3px;margin-left:3px;margin-bottom: 6px;}

.ftr-last{margin-left:3px;margin-bottom: 6px;}



.fa-check-square-o{
	line-height: inherit !important;
}

.pricing-table .col-md-4{
	padding-left:0px;
	padding-right:0px;
}

.faded {
	-webkit-animation: fadein 1.5s;
	-moz-animation: fadein 1.5s;
	-ms-animation: fadein 1.5s;
	-o-animation: fadein 1.5s;
	animation: fadein 1.5s;
}

.ftr-ent{
	background-color:#f5f6f6;
	border-radius:2px;	
	padding:7px 0px 6px 15px;
	


}



.ftr-ent:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}





.pricing-table ul{
	margin:0 0 0 20px;
	padding:0;
	color:#FFFFFF;
}

/*Pricing Revised Start*/

.rnd-btm{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.rnd-top{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.mrg-btm{
	margin-bottom:25px;
}



.bg-image2 h1,.bg-image2 h1 h2,.bg-image2 h1 h3 {
	padding:30px 0 5px 0;
	margin:0;
}

.bg-image2{
	background-image:url('http://www.docketmanager.ca/wp-content/uploads/2014/11/blue-bg.jpg');
	background-size:cover;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-top:20px;

}

.dm-reg{
	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0.1);
}

.dm-lite{
	box-shadow: inset 0 0 0 1000px rgba(100,255,255,0.4);
}

.user-tabs{
	
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border:1px solid #BFBFBF;
	border-right:none;
}

.user-tabs .col6{
	width: 16.667%;
	float:left;
	padding:5px 0;
	border-right:1px solid #BFBFBF;
    background-color: #f5f6f6;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;

}

.user-tabs .col6:hover{
	background-color: #BFBFBF;
	color:#FFFFFF;
}

.user-tabs .col6:last-child{
	border-bottom-right-radius:10px;
}

.user-tabs .col6:first-child{
	border-bottom-left-radius:10px;
} 



.user-tabs .col2{
	width: 50%;
	float:left;
	padding:5px 0;
	border-right:1px solid #BFBFBF;
    background-color: #f5f6f6;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;

}

.user-tabs .col2:hover{
	background-color: #BFBFBF;
	color:#FFFFFF;
}

.user-tabs .col2:last-child{
	
	border-bottom-right-radius:10px;
}

.user-tabs .col2:first-child{
	border-bottom-left-radius:10px;
} 

.user-tabs .col2 p, .user-tabs .col6 p{
	text-align:center;
}
.user-tabs .col2 p span, .user-tabs .col6 p span{
	font-size:13px;
}


.user-tabs .col1{
	width: 100%;
	padding:5px 0;
	text-align:center;
	border-right:1px solid #BFBFBF;
    background-color: #f5f6f6;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;

}

.user-tabs .col1 h1 {
	        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}


.user-tabs .col1:hover h1{
	color:#1eb0dc;
}

.user-tabs .col1:last-child{
	
	border-bottom-right-radius:10px;
}

.user-tabs .col1:first-child{
	border-bottom-left-radius:10px;
} 

.user-tabs .col1 h1{
	margin:0;
}
/*Pricing Revised End*/

#banner-image{
	height:400px;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom:30px;

}

.banner-company{
	text-align:center;
	height:400px;
}

.banner-company:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.centered{
	display: inline-block;
	vertical-align: middle;

}

.img-resp{
	width:100%;
	height:auto;
}

.quote{
	color: #1eb0dc;
	font-style:italic;
	line-height: 2em;
	font-size:18px;
}

.contact_picture{
	width:75%;

}

.testimonials-image{
	height:350px;
	width:100%;
	overflow:hidden;
}

.test-read-more{
	
	position:absolute;
	bottom:5%;
	right:5%
}

.test-read-more i{
	padding-right:5px;
}

.test-read-more a{
	border-bottom:1px dotted #1eb0dc;
}
.test-read-more a:hover{
	text-decoration: none;
}

.test-content{
	min-height:700px;
}
/*footer stuff*/

.footer-help{
	position:fixed;
	bottom:0;
	right:5%;
	
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	
	background-color:#428bca;
	width:100px;
	padding:10px 0 10px 0;

	text-align:center;
	color:#FFFFFF;

	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;

}

.footer-help a{
	color:#FFFFFF;
}

.footer-help a:hover{
	text-decoration: none;
	
}

.footer-help:hover{
	cursor:pointer;
	padding:10px 0 15px 0;
}


hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}



/* Animated */

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated2{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated3{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated4{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:4s;-moz-animation-duration:4s;-ms-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s;}.animated.hinge{-webkit-animation-duration:4s;-moz-animation-duration:4s;-ms-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s;}@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated5{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:5s;-moz-animation-duration:5s;-ms-animation-duration:5s;-o-animation-duration:5s;animation-duration:5s;}.animated.hinge{-webkit-animation-duration:5s;-moz-animation-duration:5s;-ms-animation-duration:5s;-o-animation-duration:5s;animation-duration:5s;}@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated6{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:6s;-moz-animation-duration:6s;-ms-animation-duration:6s;-o-animation-duration:6s;animation-duration:6s;}.animated.hinge{-webkit-animation-duration:6s;-moz-animation-duration:6s;-ms-animation-duration:6s;-o-animation-duration:6s;animation-duration:6s;}@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}



.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

/*social share button stuff*/
.social-share{

}


.social-share ul{
	list-style-type:none;
	-webkit-padding-start:0px;
}

.social-share ul a li{
	width:32px;
	height:32px;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	opacity: 0.7;
	
	transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;

}

.social-share ul li:hover{
	opacity: 1.0;
}



.social-share ul a:nth-child(1) li{
	background-image:URL('/wp-content/themes/DocketManager/library/images/linkedin.png');
}

.social-share ul a:nth-child(2) li{
	background-image:URL('/wp-content/themes/DocketManager/library/images/twitter.png');
}

.social-share ul a:nth-child(3) li{
	background-image:URL('/wp-content/themes/DocketManager/library/images/googleplus.png');
}

.social-share ul a:nth-child(4) li{
	background-image:URL('/wp-content/themes/DocketManager/library/images/facebook.png');
}

.social-share ul a:nth-child(5) li{
	background-image:URL('/wp-content/themes/DocketManager/library/images/email.png');
}


@media (min-width: 768px){
    .fivecolumns .col-2, .fivecolumns .col-xs-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2  {
        width: 20%;
        *width: 20%;
        
    }

    .fivecolumns .col4, .fivecolumns .col-sm-4, .fivecolumns .col-lg-4 {
    	width:40%;
    	*width:40%;
    }

    .fivecolumns .col6 .fivecolumns .col-sm-6, .fivecolumns .col-lg-6{
    	width:60%;
    	*width:60%;
    }

    .navbar-inverse ul ul {
    	display:none;
    }

   .navbar-inverse .navbar-nav > li > a {
   		padding: 0 10px;
   	}

   	.navbar-brand img {
   		width:100%;
   		position:relative;
   	}

   	.subheader {
	  background-color: #fafafa;
	  border-bottom: 1px solid #EAEAEA;
	  min-height:100px;
	  text-align:center;

	}

	.subheader h1 {
		font-size: 60px;
	}

	.topsection {
	  margin-top:30px;
	}

	.navbar-inverse .navbar-nav > li > a {
		font-size:16px;
	}

	.nav-address {
	color:#c9e8f4;
	font-style:normal;
	font-size:13px;
	text-align:left;
	display:list-item;
}

	.demo-form {
	color:#ffffff;
	}

	.demo-form h2 {
		color:#ffffff;
	}

       /* Parallax */ 

	/* General Slides */ 

	.slide{
		background-attachment: fixed;
		position: relative;
		height:auto;
		text-align:center;

	}

	/* Slide 1 */ 

	#slide1{
		background: url(../images/home-hero.jpg) no-repeat scroll center top #FFF;
		background-size: cover;
		max-height: 654px;
		height: 654px;
		color: #555555;
		text-align: center;
		padding:250px 0;
		margin-bottom:50px;
		text-shadow:0 0 5px #fff;

		}


	#slide1 h1 {
		color:#555555;
		font-weight:normal;
		-webkit-font-smoothing: antialiased;
		margin-top:25px;
		margin-left:15px;
		letter-spacing: -0.5px;
		text-shadow:0 0 5px #fff;

	}
	#slide1 h2 {
		font-size: 2em;
		color: #ffffff;
		line-height: 0px;
		padding-bottom:20px;
		font-weight: 400;
	}

	.points p.home-feature-icon {
	margin-top:0px;
	}


	.action h2 {
	font-weight:bold;
	margin:0;
	padding-top:25px;
	font-size:30px;
	}

	

}
@media (min-width: 1200px) {
    .fivecolumns .col-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
        
    }
.navbar-inverse .navbar-nav > li > a {
   		padding: 0 16px;
   	}

 .navbar-inverse ul ul {
		list-style:none;
		border-left:1px solid #c9e8f4;
		padding-left:20px;
	}

    /* Parallax */ 

    .demo-page .btn-primary {
	margin-top:10px;
}

/* General Slides */ 

.slide{
	background-attachment: fixed;
	position: relative;
	height:auto;
	text-align:center;
	background-position:0;

}

/* Slide 1 */ 

#slide1{
	background: url(../images/home-hero.jpg) no-repeat scroll center top #FFF;
	background-size: cover;
	max-height: 654px;
	height: 654px;
	color: #555555;
	text-align: center;
	padding:250px 0;
	margin-bottom:50px;
	text-shadow:0 0 5px #fff;

	}

.slide-transparent {
	background:none;
}


#slide1 h1 {
	color:#555555;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	margin-top:25px;
	margin-left:15px;
	letter-spacing: -0.5px;
	text-shadow:0 0 5px #fff;

}
#slide1 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

/* Slide 2 */

#slide2{
	background:url(../images/home-blue.jpg) no-repeat scroll center top;
	background-size: cover;
	color:#ffffff;
	padding:65px 0;
	margin-bottom:50px;

}

#slide2 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide2 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}

.blue-area {
	text-align: left;
	cursor: pointer;
}


.blue-area {
	position:relative;
	padding-left:60px;
	color:#c9e8f4;
}

.blue-area i {
	position:absolute;
	left:0;
	top:-10px;

}

.blue-area.active {
	color:white;
}

.blue-area h4 {
	font-size:20px;
	text-transform: uppercase;
}

.blue-area p {
	font-size: 16px;
	text-shadow: none;
}

.btn-lg {
	padding: 10px 11px;
}

.btn-info {
	background-color: #2699b8;
	border-color: #2b9ebf;
	text-shadow:none;
}

#wpcf7-f127-p128-o1 .btn-primary {
	margin-bottom:-50px;
}


}
@media (min-width: 768px) and (max-width: 979px) {
    .fivecolumns .col-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
        
    }


#wpcf7-f127-p128-o1 .btn-primary {
	margin-bottom:-50px;
}


.tour-page h2 {
	color:#555555;
}

.tour-page .row-table {
    display: table;
}
.tour-page .col-lg-6 {
    float: none;
    display: table-cell;
    vertical-align:middle;
}

}

/********************Message Box At Top**************************/
#panel{
padding:5px;
text-align:center;
background-color:#a7d74d;
border-bottom:solid 1px #71a01a;
color:#fff;
font-size: 16px;
}

#close{
float:right;
margin: 1px 50px 0 0;
}
/****************************************************************/

/****************Form Input Boxes & Buttons**********************/
input{
color: #737b85;
font-size: 18px;
text-align: center;
margin:0px ;
background-color: whiteSmoke;

height:40px;
line-height:30px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
font-weight: normal;
width:180px;
}

.submit input:hover, .submit-button:hover, a.fe_btn_navigation:hover, .more-link:hover, .af-form-wrapper .submit:hover, .tml-action-links li:hover{
background-color:#71a01a;
background-image:none;
color: #fff;
box-shadow:none;
}


.submit-button, a.fe_btn_navigation, .more-link, .submit input, .af-form-wrapper .submit, .tml-action-links li{
width:250px;
font-weight: normal;
background: #9fd34b;
border:1px solid #59791c;
color: #737b85;
font-size: 18px;
height:34px !important;
line-height:26px;
box-shadow:none;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
margin:5px;
}

select{

color: #737b85 !important;
font-size: 18px !important;
height:30px;
line-height:30px;
width:180px !important;
-webkit-appearance: button;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
margin: 15px 0px 5px 15px !important;
text-indent: 20px;

font-weight: normal;
}

textarea{
color: #737b85;
font-size: 18px;
text-indent: 5px;
padding:0px; 
padding: 10px !important;
margin: 5px 0px 5px 0px !important;
background-color: whiteSmoke !important;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;

vertical-align:middle;
font-weight: normal;
}

.optin input.text{
width:300px;
margin:5px 0 5px 30px;
font-family: 'Lato', sans-serif;
color: #737b85;
font-weight: normal;
}

/*Scheduling CSS*/

.appointments-confirmation-button, .appointments-confirmation-cancel-button{
	width:auto;
	font-size:14px;
}

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

/***********************Footer Area******************************/
#footer .creds{
text-align:center;
width:100%;
clear:both;
}

.footer_menu{
width:100%;
text-align:center;
margin:10px 0;
}

.footer_menu a{
color:#ffffff;
font-weight: normal;
font-size: 20px;
margin:0 20px;
}

.footer_menu a:hover{
color:#f18101;
}
/****************************************************************/

/***********************Theme My Login***************************/

.tmlbox{
margin:20px auto 0 auto;
width:500px !important;
text-align:center;
}

.tml-action-links{
display:none;
}

.demo-text label{
color: #9C9C9C;
font-weight: normal;
font-size: 18px;
line-height:100%;
}

input#rememberme{
width:15px;
}
/****************************************************************/

/*******************Paragrah and Body****************************/

h1.home-title {
color: #63b5e7;
font-weight: normal;
font-size: 58px;
line-height:100%;
letter-spacing: 0;
text-align: center;
margin:25px 0 25px 0;
}

h2.home-title{
font-weight: normal;
font-size: 55px !important;
color:#63b5e7 !important;
text-align: center;
margin:0 0 25px 0;
line-height:100%;
}

h3.home-title{
font-weight: normal;
font-size: 35px !important;
color:#f18101 !important;
text-align: center;
margin:0 0 65px 0;
line-height:100%;
}


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

/***********************Get Clicky Box***************************/
#_oss_container{
display:none;
}
/****************************************************************/

/***********************Click Bank Page**************************/

.clickbank-footer{
background:#ffffff;
width:100%;
}
/****************************************************************/

/********************Buy Buttons*********************************/
.big-button{
margin:100px 0 50px 0;
text-align:center;
}

.buynow{
margin: 0 auto !important;
width: 930px !important;
height:430px !important;
}

.buynow img{
float:left !important;
margin:10px 25px 30px 25px !important;
}

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

/*********************Ben & Nate Message*************************/
.poloroid{
float:left;
margin-top:90px;
}

.benandnate {
width:650px !important;
margin:0 0 50px 230px !important;
border: 10px solid #CECECE !important;
-webkit-border-radius: 10px 10px 10px 10px !important;
border-radius: 10px 10px 10px 10px !important;
background: #FFFFFF !important;
padding:20px;
color: #63b5e7 !important;
font-weight: normal;
font-size: 30px !important;
line-height:100% !important;
}

.benandnate p{
background: #FFFFFF !important;
margin:25px 0 25px 20px;
color: #63b5e7 !important;
font-weight: normal;
font-size: 30px !important;
line-height:100% !important;
}

.sig,.benandnate p.sig{
color: #63b5e7 !important;
font-weight: normal;
font-size: 20px !important;
text-align:center !important;
margin-top:10px;
}

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

/*******************Support Risk Section*************************/
.support,.riskfree{
height:78px;
width:900px;
padding:20px;
}

.support br,.riskfree br{
display:none;
}

.support h2,.riskfree h2{
color:#7f7d81 !important;
font-family: 'Lato', sans-serif !important;
font-weight: normal !important;
font-size: 29px !important;
margin: 0 20px;
line-height:100% !important;
}

.support img{
float:left !important;
margin-right:25px;
}

.riskfree img{
float:right !important;
margin-right:25px;
}

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

/***********************Social Buttons****************************/
.socialmedia,.optin{
float:left;
}

.socialmedia{
width:35%;
}

.socialmedia a{
float:left;
margin: 20px 10px 20px 10px;
}

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

/***********************Optin Box*********************************/
.optin input.text{
width:300px;
margin:0 0 0 30px;
font-family: 'Lato', sans-serif;
font-weight: normal;
color: #737b85;
}

.optin h2{
color:#ffffff;
font-family: 'Lato', sans-serif;
font-weight: normal;
font-size: 29px;
line-height:100%;
margin:35px 0 15px 0;
}

.optin input{
vertical-align:top;
}

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


/***********************FaceBook*********************************/
.fb-like-button{
width:150px;
margin:15px auto 0 auto !important;
}

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

/********************Content Boxes*******************************/
.box1 {
width:940px;
background:#cecece;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
height:380px;
margin:40px 0px;
}

.vidbox{
background:#fff;
width:640px;
height:360px;
margin:10px 5px 10px 10px;
float:left;
}

.buybox{
background:#fff;
width:270px;
height:360px;
margin:10px 10px 10px 5px;
float:left;
text-align:center;
}

.computer{
width:940px;
height:650px;
padding:60px 0 0 142px;
background: #FFFFFF url("http://wpcourseware.com/wp-content/uploads/2013/02/mac.png") no-repeat;
text-align:center;
}
/****************************************************************/

/*******************Features*************************************/
.features{
width:100%;
margin:50px 0 75px 0 !important;
}

.feature-heading img{
margin:0 20px;
vertical-align:middle;
}

.feature-heading{
color: #a7d74d;
font-weight: normal;
font-size: 60px;
text-align: center;
margin:40px 0 0 0;
display:block;
}

.features-box{
width:45%;
float:left;
margin:10px 0px 10px 45px;
text-align:left;
}

.features-box ul li{
list-style-image:url('http://wpcourseware.com/wp-content/uploads/2013/02/check.png');
font-weight: normal;
font-size: 35px;
color: #63b5e7;
}

.features-box-wide{
width:80%;
margin:10px auto 10px auto;
text-align:left;
}

.features-box-wide ul li{
list-style-image:url('http://wpcourseware.com/wp-content/uploads/2013/02/check.png');
font-weight: normal;
font-size: 35px;
color: #63b5e7;
line-height:100%;
}

.integrations{
width:896px;
margin:15px auto;
}
/****************************************************************/

.clickdesk-ultra .click-desk-closed-container .click-desk-closed-header{
	background:#666 !important;
}

/***********Base properties for Mobile Navigation Menu***********/

#menu-mobile-menu {
	background-color: #443E3E;
}

#menu-mobile-menu a {
	color: #FDFBF9;
}

#menu-mobile-menu a:hover,
#menu-mobile-menu .current-menu-item > a {
	background-color:#7D8851;
	color: #FDFBF9;
	text-decoration:none !important;
}

#menu-mobile-menu .sub-menu a:hover,
#menu-mobile-menu .sub-menu .current-menu-item > a:hover {
	color: #FDFBF9;
	text-decoration:none !important;
}


/* Mobile Navigation Menu Icon properties */
	
	#mobile-menu-icon {
		border-bottom: 1px solid #443E3E;
		cursor: pointer;
		display: block;
		padding: 5px 24px;
		padding: .5rem 2.4rem;
		text-align: center;
	}

	#mobile-menu-icon::before {
		color: #eee;
		content: 'MENU \2630';
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	#mobile-menu-icon:hover::before {
		color: #eee;
		content: 'MENU \2637';
	}
	
	#mobile-menu-icon:active::before {
		color: #fff;
		content: 'MENU \2637';
	}

	.site-header {
		padding-top:15px;
	}

/****************************************************************/
	
/*Media Queries*/
#mobile-menu {
display: none;
visibility: hidden;
}

@media only screen and (max-width: 400px) { 
.footer-help{
	display:none;
}


.user-tabs .col6{
	width: 16.667%;
	float:left;
	padding:5px 0;
	border-right:1px solid #BFBFBF;
    background-color: #f5f6f6;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}

.col6 p span{
	display:block;
}

.col6 p {
		word-break:break-all;
}

.col6 p:first-child{
	font-size:12px
}

.user-tabs .col1 a span{
	font-size:30px;
}




/***Hide Mobile Navigation Menu until it's toggled via script****/

@media only screen and (min-width: 768px) { 
.nav-mobile{
display:none;
}
#header-right{
		display:none !important;
	}

}



/* Mobile Navigation Menu Icon properties */
	
	#mobile-menu-icon {
		border-bottom: 1px solid #443E3E;
		cursor: pointer;
		display: block;
		padding: 5px 24px;
		padding: .5rem 2.4rem;
		text-align: center;
	}

	#mobile-menu-icon::before {
		color: #eee;
		content: 'MENU \2630';
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	#mobile-menu-icon:hover::before {
		color: #eee;
		content: 'MENU \2637';
	}
	
	#mobile-menu-icon:active::before {
		color: #fff;
		content: 'MENU \2637';
	}

	.site-header {
		padding-top:15px;
	}

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

	
	.menu-mobile {
		display: none;
	}
	
	/* Mobile Navigation Menu misc properties */
	
	.nav-mobile {
                background-color: #333333;
		clear: both;
		color: #333333;
		font-family: Lato, sans-serif;
		line-height: 1;
		width: 100%;
		z-index: 9999;
	}


	.nav-mobile .menu-item {
		display: block;
		text-align: left;
	}


	.nav-mobile a {
		background-color: #333333;
		
		color: #67C7FF;
		display: block;
		padding: 5px 24px;
		padding: .5rem 2.4rem;
		position: relative;
	}

        .nav-mobile a:hover,.nav-mobile .current-menu-item > a {
		background-color: #7F7E81;
		color: #67C7FF !important;
        }

	.nav-mobile > .menu-item > a {
		text-transform: uppercase;
	}

	.nav-mobile .sub-menu {
		left: 0px;
		opacity: 1;
		position: relative;
		-webkit-transition: opacity .4s ease-in-out;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}


	.nav-mobile .menu-item:hover {
		position: static;
	}






}

@media (max-width: 991px) {
	.ppanel-first{margin-right:0px;margin-top:5px;}

	.ppanel-mid{margin-right:0px;margin-left:0px;margin-top:5px;}

	.ppanel-last{margin-left:0px;margin-top:5px;}

	.ftr-first{margin-right:0px;margin-top:5px;}

	.ftr-mid{margin-right:0px;margin-left:0px;margin-top:5px;}

	.ftr-last{margin-left:0px;margin-top:5px;} 

	.pad-left{
		padding-left:30px !important;
	}


}


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

::selection {
background: #67c7ff;
}

.clear-both{
clear:both;
}

.center {
text-align:center !important;
}

/*********************Remove Guarantee***************************/
.riskfree{
display:none !important;
}

.box1{
width:680px !important;
margin: 0 auto !important;
}

.vidbox{
margin: 10px 20px !important;
}

.buybox{
display:none;
}
/****************************************************************/

.wpcw_course_progress #wpcw_fe_course {
	font-size:12px;
	border-radius:3px;
	border: 1px solid #DDD;
	border-bottom: 0;	
	margin-bottom:50px;
} 

.wpcw_fe_progress_box_wrap {
	margin-top:20px;
}

.wpcw_fe_unit_progress_complete span {
	background-image: url('../images/icon_complete_24.png');	
	display: block;
	height: 24px;
	width: 24px;
}


.wpcw_fe_unit_progress_incomplete span {
display: block;
background: url('../images/icon_pending_24.png') transparent no-repeat;
height: 24px;
width: 24px;
}

.wpcw_fe_progress_box_complete {
	background: url('../images/icon_complete_24.png') no-repeat;	
	padding:0 0 5px 35px;
	font-weight:bold;
}




.login label.site{
	line-height:50px;
	height:50px;	
}