#bootstrap-class-override
{
	color: #555;
	font-family: 'Montserrat', sans-serif !important;
}


/* Global Style replacements */

#bootstrap-class-override .text-center
{
	text-align: center;
}
#bootstrap-class-override .text-left
{
	text-align: left;
}
#bootstrap-class-override .text-right
{
	text-align: right;
}
#bootstrap-class-override .text-bold
{
	font-weight: bold;
}
#bootstrap-class-override .no-decoration
{
	text-decoration: none;
}



.hoverlink
{
	text-decoration: none;
	
	color: #333;

}

.hoverlink:hover
{
	text-decoration: underline;
	color: #111;
}



/* Global classes */
.thin-blue-line
{
	height: 1px;
	/* background-color: #d9e6fc; */
	background-color: #64C6FF ;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
	opacity: 0.4;
}

.thin-brown-line
{
	height: 1px;
	background-color: #B26D10 ;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;

	opacity: 0.2;
}

.thin-brown-line-bottom-tight
{
	height: 1px;
	background-color: #B26D10 ;
	margin-bottom: 5px;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;

	opacity: 0.2;
}

#bootstrap-class-override .brownButton
{
	color: white;
	background: #B26D10  !important;
	background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
	border: 0 solid #B26D10;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.20);
	border-radius: 4px;
	padding: 10px;
}


.textBoxRounded{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #aaa;
    padding:5px;
}



/* Footer */

.footer{
	color: #666;
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	margin-left:10px;
	margin-right:10px;
}

#bootstrap-class-override .footer-heading
{
	color: #FFB24A ;
}

#bootstrap-class-override .footer-item
{
	color: #666 ;
}

#bootstrap-class-override .footer-list li
{
	list-style: none;
}

#bootstrap-class-override .footer-list li
{
	text-decoration: none;
}

/* Navigation top menu */
#topMenu 
{
	background-color: #B26D10 !important;
	border-radius: 0;
	padding: 5px;
	margin-bottom: 0px;
	border: 0px;
	
}

#nav-logo
{
	vertical-align: bottom;
	margin-top: -15px;
}

#bootstrap-class-override .nav-bar-link
{
	color: #fff;
	text-align: center;
}


#bootstrap-class-override .centered-text-section
{
	color: #666;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}

#bootstrap-class-override .centered-text-section-home
{
	color: #666;
	text-align: center;
}


#bootstrap-class-override .col-thumbnail {
	height: 70px;
}

#bootstrap-class-override .col-thumbnail-small {
	height: 30px;
}


.usecaseimage
{
	max-width: 70%;
}

/* Home page classes */

#home-image 
{
	height:400px;
	background-image: url("/img/homeship1.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 0;
	margin-bottom: 15px;
}

.home-heading 
{
	text-align: center;
	width: 100%;
}

.home-heading h1
{
	color: #111;
	font-weight: normal;
	
	margin-right: 10px;
	font-size: 250%;
}

.home-heading h6
{
	color:#333;
	font-weight: 100%;
	
	margin-right: 10px;
	margin-top: 20px;
	font-size: 130%;
}

.home-heading h2
{
	color:#333;
	font-weight: 100%;
	
	margin-right: 10px;
	margin-top: 20px;
	font-size: 150%;
}

#home-buttons
{
	text-align: right;
	margin-right: 5px;
}


.boxfortext
{
	border: 1px solid black; 
	padding: 5px;
}

@media (max-width: 1200px) 
{
	#home-image 
	{
		height:350px;
		background-image: url("/img/homeship2.jpg");
	}
	.home-heading h1
	{
		margin-top: 15px;
		font-size: 32px;
	}

 	.home-heading h6
	{
		margin-top: 20px;
		font-size: 18px;
	}

	.home-heading h2
	{
		margin-top: 20px;
		font-size: 22px;
	}

	#home-buttons
	{
		font-size: 16px;
	}
}


@media (max-width: 1070px) 
{
	#home-image 
	{
		height:350px;
		background-image: url("/img/homeship2.jpg");
	}
	.home-heading h1
	{
		margin-top: 15px;
		font-size: 28px;
	}

	.home-heading h2
	{
		margin-top: 20px;
		font-size: 20px;
	}

 	.home-heading h6
	{
		margin-top: 20px;
		font-size: 16px;
	}



	#home-buttons
	{
		font-size: 16px;
	}
}

@media (max-width: 1130px) 
{
	#home-image 
	{
		height:350px;
		background-image: url("/img/homeship2.jpg");
	}
	.home-heading h1
	{
		margin-top: 15px;
		font-size: 24px;
	}

	.home-heading h2
	{
		margin-top: 20px;
		font-size: 18px;
	}

 	.home-heading h6
	{
		margin-top: 20px;
		font-size: 16px;
	}

	#home-buttons
	{
		font-size: 14px;
	}
}


@media (max-width: 930px) 
{
	#home-image 
	{
		height:300px;
		background-image: url("/img/homeship3.jpg");

	}
	.home-heading h1
	{
		font-size: 22px;
	}

	.home-heading h2
	{
		margin-top: 20px;
		font-size: 18px;
	}

 	.home-heading h6
	{
		margin-top: 20px;
		font-size: 16px;
	}

	#home-buttons
	{
		font-size: 14px;
	}

	.usecaseimage
	{
		max-width: 80%;
	}
}

@media (max-width: 850px) 
{
	#home-image 
	{
		height:250px;
		background-image: url("/img/homeship3.jpg");

	}
	.home-heading h1
	{
		font-size: 20px;
	}

	.home-heading h2
	{
		margin-top: 8px;
		font-size: 14px;
	}

 	.home-heading h6
	{
		margin-top: 15px;
		font-size: 14px;
	}
	#home-buttons
	{
		font-size: 11px;
	}

	.usecaseimage
	{
		max-width: 90%;
	}
}

@media (max-width: 725px) 
{
	#home-image 
	{
		background-image: url("/img/homeship4.jpg");
		height:250px;
	}
	.home-heading h1
	{
		font-size: 20px;
	}

	.home-heading h2
	{
		margin-top: 8px;
		font-size: 14px;
	}

 	.home-heading h6
	{
		margin-top: 10px;
		font-size: 14px;
	}

	#home-buttons
	{
		font-size: 10px;
	}

	#bootstrap-class-override .brownButton
	{
		padding: 5px;
	}

	
}

@media (max-width: 580px) 
{
	#home-image 
	{
		background-image: url("/img/homeship5.jpg");
		height:300px;
	}
	.home-heading h1
	{
		margin-top: 10px;
		font-size: 22px;
	}

	.home-heading h2
	{
		margin-top: 5px;
		font-size: 16px;
	}

 	.home-heading h6
	{
		margin-top: 5px;
		font-size: 14px;
	}

	#home-buttons
	{
		font-size: 9px;
		margin-right: 5px;
	}

	#bootstrap-class-override .brownButton
	{
		padding: 5px;
	}

	.usecaseimage
	{
		max-width: 100%;
	}
}


@media (max-width: 460px) 
{
	#home-image 
	{
		background-image: url("/img/homeship5.jpg");
		height:250px;
	}

	.home-heading h1
	{
		margin-top: 5px;
		font-size: 18px;
	}


	.home-heading h2
	{
		margin-top: -5px ;
		font-size: 16px;
	}
 	.home-heading h6
	{
		margin-top: -5px ;
		font-size: 12px;
	}

	#home-buttons
	{
		font-size: 9px;
		margin-right: 5px;
	}

	#bootstrap-class-override .brownButton
	{
		padding: 5px;
	}

	
}

@media (max-width: 410px) 
{
	#home-image 
	{
		background-image: url("/img/homeship5.jpg");
		height:250px;
	}

	.home-heading h1
	{
		margin-top: 5px;
		font-size: 18px;
	}

	.home-heading h2
	{
		margin-top: -5px ;
		font-size: 13px;
	}

 	.home-heading h6
	{
		margin-top: -5px ;
		font-size: 11px;
	}
	#home-buttons
	{
		font-size: 8px;
		margin-right: 5px;
	}
}




.videoWrapper {
	position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;

	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 10px;
	
}
.videoWrapper iframe {
	 position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


.customer-image {
	height: 70px;
	margin: 10px;
}

#cust-images-wrap {
	margin-top: 40px;
	margin-bottom: 30px;
	text-align:center;
}



/* Learn more classes */
#bootstrap-class-override .learnmore-heading
{
	color: #333;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

#bootstrap-class-override .learnmore-heading h1
{
	font-size: 200%;
	margin-bottom: 20px;
}

#bootstrap-class-override .learnmore-heading h2
{

	font-size: 150%;
	margin-bottom: 20px;
}

#bootstrap-class-override .learnmore-heading h6
{

	font-size: 150%;
	margin-bottom: 20px;
}

#bootstrap-class-override .learnmore-heading h3
{
	font-size: 180%;
}

#bootstrap-class-override .learnmore-list li
{
	list-style: none;
}

#cloneworksimage
{

}

@media (max-width: 767px) 
{
	#cloneworksimage
	{
		width:100%;
	}
}



#bootstrap-class-override .section-heading 
{
	color: #333;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	
}

#bootstrap-class-override .section-heading h2
{

	font-size: 180%;
	margin-bottom: 20px;
}






#bootstrap-class-override .lp-heading 
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
}

#bootstrap-class-override .lp-heading h1
{
	color:#333;
	font-weight: 150%;
	margin-left: 10px;
	margin-right: 10px;
}

#bootstrap-class-override .lp-heading h3
{
	color:#333;
	font-weight: 150%;
	margin-left: 10px;
	margin-right: 10px;
}


/* DOCS */

.resources-page .text
{
	text-align: right;
}

.resources-page .download
{
	text-align: left;
	
}

.container.content {
	padding-top: 30px;
}

.section {
	padding-top: 30px;
	padding-bottom: 40px;
	vertical-align: middle;
	color: #333;
	background: #fff;
}




/* NEWS */

.news-page .text
{
	text-align: right;
}

.news-page .image
{
	text-align: left;
}


.marginOnFall
{
	margin-bottom: -5px;
}

@media (max-width: 991px) {

	.marginOnFall
	{
		margin-bottom: 20px;
	}
	.resources-page  .text
	{
		text-align: center;
	}

	.resources-page  .download
	{
		text-align: center;
	}

	.news-page  .text
	{
		text-align: center;
	}

	.news-page  .image
	{
		text-align: center;
	}
}

.press-release
{
	margin: 30px;
}


/* PRICING */

.table-header
{
	/* background: #64C6FF ;*/
	font-weight: bold;
	border-radius: 6px;
	color: #333;
	padding: 10px;
	text-align: center;
	font-size: 150%;
}

.table-content
{
	margin-top: 5px;
	background: #fcd485 ;
	border-radius: 6px;
	color: #333;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5;
	padding-bottom: 10px;
	text-align: left;
}


.table-content-pricing
{
	color: #333;
	font-size: 150%;
	font-weight: 200%;
	text-align: center;
	margin-top: 5px;
	padding: 5px;
}

.table-footer
{
	color: #333;
	padding: 10px;
	text-align: center;
	font-weight: 100%;
	margin-top: 5px;
	border-radius: 2px;

}

.table-content .table-action
{
	text-align: center;
}

.table-action a
{
}




@media (max-width: 450px) {
	.table-header
	{
		padding: 4px;
		font-size: 100%;
	}

	.table-content-pricing
	{
		font-size: 120%;
	}

	.table-content
	{
		font-size: 85%;
		padding: 4px;
	}

	.shrinkto90
	{
		padding: 4px;
		font-size: 10px !important;
	}
}


/* ORDER and CONTACT */


.contacttext{
	//color: #115D97;
	color: #555;
	margin-top: 25px;
	margin-bottom: 30px;
	text-align:center;
}

.signupform{
	margin-top: 10px;
	margin-bottom: 20px;
	text-align:center;
}

.signupform input{
	width: 40%;
}
.signupform textarea{
	width: 40%;
}
.signupform .btn{
	width: 30%;
	max-width: 100px;
}


.orderform{
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	text-align:left;
}

.orderform input{
	width: 80%;
}
.orderform .btn{
	width: 40%;
	max-width: 200px;
}


.error-message {
	color:red;
}


.authnetlogo {
	
	padding-top: 30px;
}


@media (max-width: 991px) {
	.orderform input{
		width: 50%;
	}
	.orderform .btn{
		width: 40%;
		max-width: 200px;
	}
	.authnetlogo {
		
		padding-top: 10px;
	}


	#bootstrap-class-override .centered-text-section-home
	{
		color: #666;
		text-align: center;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
	}
}

@media (max-width: 600px) {
	.orderform input{
		width: 70%;
	}
	.orderform .btn{
		width: 40%;
		max-width: 200px;
	}

	#bootstrap-class-override .centered-text-section-home
	{
		color: #666;
		text-align: center;
		margin-left: 10px;
		margin-right: 10px;
	}
}



/* RESPONSIVE TABLE */

.restable {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.restable caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.restable tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0.35em;
}

.restable th,
.restable td {
  padding: 2.8em;
  text-align: center;
  padding-bottom: 10px;
}

.restable th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}



@media screen and (max-width: 600px) {
  .restable {
    border: 0;
  }

  .restable caption {
    font-size: 1.3em;
  }
  
  .restable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .restable tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .restable td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    padding-bottom: 10px;
  }
  
  .restable td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .restable td:last-child {
    border-bottom: 0;
  }







/* BLOG */


.post-headline:not(:first-child) {
	margin-top: 30px;
}
.blog-post {
	line-height: 150%;

}
h1 > a, h1 > a:hover {
	color: #333;
}
.blog-post > p {
	padding-bottom: 15px;
}