/* ------------------------------------------------ */
/* TEMPLATE MEDIA QUERIES - MASTER COPY */
/* ------------------------------------------------ */

@media(max-width:767px){

}
@media(min-width:768px){

}
@media(min-width:992px){

}
@media(min-width:1200px){

}
.clr{
clear:both;
}

h4 {
font-weight:bold;
}

h5 {
font-weight:bold;
}



body{font-family:tahoma;font-size:12px;}

#purchase-step{
list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0;
		margin-bottom:50px;
		}
#purchase-step li{
float:left;
border-top:#999999 1px solid;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
border-bottom:#999999 0px solid;
border-radius:5px 5px 0 0;
padding-top:5px;
padding-bottom:5px;
}
.active{color:#FFF;}
#purchase-step li.active{
background-color:#d30000;
border-top:#d30000 1px solid;
border-left:#d30000 1px solid;
border-right:#d30000 1px solid;
border-bottom:#d30000 0px solid;
}
#signup-form{clear:both;border:0px #999999 solid;padding:0px;width:100%;margin:auto;}
.demoInputBox{padding: 10px;border: #CDCDCD 1px solid;border-radius: 4px;background-color: #FFF;width: 100%;}
.demoDateBox{padding: 10px;border: #CDCDCD 1px solid;border-radius: 4px;background-color: #FFF;width: 100%;}
.demoStartDateBox{padding: 10px;border: #CDCDCD 1px solid;border-radius: 4px;background-color: #FFF;width: 100%;}
.demoAlertEndBox{padding: 10px;border: #CDCDCD 1px solid;border-radius: 4px;background-color: #FFF;width: 100%;}
.demoExpBox{padding: 10px;border: #CDCDCD 1px solid;border-radius: 4px;background-color: #FFF;}
.signup-error{color:#FF0000; padding-left:15px;}
.summary-error{color:#FF0000;}
.tab-error{color:#FF0000;}
.message {color: #00FF00;font-weight: bold;width: 100%;padding: 10;}
.btnAction{padding: 5px 10px;background-color: #F00;border: 0;color: #FFF;cursor: pointer; margin-top:15px;}

.formrow {
    *background: #f6f6f6;
    *border: 1px solid #ccc;
    overflow: auto;
    *padding: 10px;
	margin-bottom:-1px;
}


.formcol {
    float: left;
    width: 50%;
	*padding-left:10px;
	*padding-right:10px;
	text-align:left;
}
.formcolsecond {
	padding-left:30px;
	border-left:1px solid #cccccc;
	padding-bottom:6px;
}
.formcolsecond-noborder {
	padding-left:30px;
	border-left:0px solid #cccccc;
	padding-bottom:6px;
}

.simpleBox{
padding:20px;
border: 1px solid #cccccc;
background-color:#eeeeee;
}

@media(max-width:767px){
	.formcol {
		float: left;
		width: 100%;
		*padding-left:10px;
		*padding-right:10px;
		text-align:left;
	}
	
	.formcolsecond {
		padding-left:00px;
		border-left:0px solid #cccccc;
		padding-bottom:6px;
	}
	.formcolsecond-noborder {
		padding-left:00px;
		border-left:0px solid #cccccc;
		padding-bottom:6px;
	}
}


#totalPrice{
	background: url(images/FP-New-Purchase-BG.jpg);
	background-repeat:no-repeat;
	margin-bottom:-40px;
	text-align:center;
	padding-top:50px;
	padding-bottom:90px;
	font-size:18px;
}
#priceText{
	font-size:38px;
	color:#d30000;
	font-weight:bold;
}
#priceTextA{
	font-size:38px;
}

.summaryrow{
	border-bottom:1px solid #cccccc;
}
.summaryleft{
	width:140px;
	float:left;
	padding:10px 0px;
	text-align:left;
}
.summaryright{
	float:left;
	padding:10px 0px;
}

.tiertitle{
	border-bottom:1px solid #cccccc;
	margin-bottom:4px;
	padding-bottom:4px;
}
.tiercols{
	text-align:left;
}



.newBackground{
	background: url(images/FP-New-Purchase-BG2.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}




#breadcrumb-dots{
	margin-left:-25px;
	margin-right:-25px;
}
.bread-box{
	float:left;
	width:20%;
	text-align:center;
	position:relative;
	padding-top:20px;
	font-weight:bold;
	height:80px;
}
.bread-title{
	*min-width:70px;
	height:30px;
	line-height:110%;
	*letter-spacing: -0.5px;
}
.leftLine{
width:50%;
border-top:3px solid #333333;
float:left;
margin-top:14px;
}
.rightLine{
width:50%;
border-top:3px solid #333333;
float:right;
margin-top:14px;
}

.bread-dot1{
    background: #ffffff;
	border:3px solid #333333;
    width: 30px;
    height: 30px;
    border-radius: 50%;
	
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.bread-dot2{
    background: #d30000;
    width: 16px;
    height: 16px;
    border-radius: 50%;
	margin:4px auto;
	visibility:hidden;
}

.bread-dot2-active{
    background: #d30000;
    width: 16px;
    height: 16px;
    border-radius: 50%;
	margin:4px auto;
	visibility:visible;
}

 /* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 320px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}


/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
} 

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}


.testimonialBox{
	margin-top:20px;
	padding-left:160px;
	padding-right:100px;
	padding-top:30px;
	padding-bottom:30px;
	border-left:6px solid #dddddd;
	border-right:6px solid #dddddd;
	background-color:#ffffff;
	position:relative;
	box-shadow: 0px 6px 5px rgba(0,0,0,0.15);
	background-image:url(images/CAP-Quotes3.png);
	background-position:bottom right;
	background-repeat: no-repeat;
}
#quoteDIV{
	font-size:16px;
	line-height:140%;
}
#quoteDIV2{
	font-size:13px;
	line-height:140%;
	margin-top:6px;
}
.quoteBubble{
	position:absolute; top:-15px; left:-6px;
}

@media(max-width:767px){
	.quoteBubble{
		position:absolute; top:20px; left:-6px;
	}
	.quoteBubble img{
		width:50px;
		height:50px;
	}
	.testimonialBox{
		padding-left:60px;
		padding-right:20px;
		padding-top:25px;
		padding-bottom:40px;
		margin-top:-20px;
	}
	#quoteDIV{
		font-size:12px;
		line-height:140%;
	}
	#quoteDIV2{
		font-size:11px;
		line-height:140%;
		margin-top:6px;
	}
}

/* ------------------------------------------------ */
/* TEMPLATE MEDIA QUERIES - BODY */
/* ------------------------------------------------ */
@media(max-width:767px){
	#purchase-step li{
	border-radius:5px 5px 5px 5px;
		border-bottom:#999999 1px solid;
		margin-right:2px;
		margin-bottom:2px;
	}
	#purchase-step li.active{
		border-bottom:#d30000 1px solid;
	}
	#totalPrice{
		padding-top:180px;
		padding-bottom:60px;
	}
}
@media(min-width:768px){
	#purchase-step li{
	border-radius:5px 5px 5px 5px;
		border-bottom:#999999 1px solid;
		margin-right:2px;
		margin-bottom:2px;
	}
	#purchase-step li.active{
		border-bottom:#d30000 1px solid;
	}
	
	#totalPrice{
		padding-right:30%;
	}

}
@media(min-width:992px){
	#purchase-step li{
	border-radius:5px 5px 0px 0px;
		border-bottom:#999999 0px solid;
		margin-right:0px;
		margin-bottom:0px;
	}
	#purchase-step li.active{
		border-bottom:#d30000 0px solid;
	}
}
@media(min-width:1200px){

}