/************************/
/*CSS Styles for the AFQ Froms*/
/************************/

@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
.main h2, .main h4{text-shadow: #000 2px 2px 2px}
.main h2{margin-top: 0}
.form-control{font-size: 14px}
#eye{
	width: 30px;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 20px;
    border-left: 2px solid #a9a9a9;
    display: block;
	cursor: pointer;
	z-index: 100;
}
#eye img{
    margin-top: 30%;
    margin-left: 30%;
	width: 15px;
}

.tc{margin-top: 0}

.tool {
  /*cursor : help;*/
  position : relative;
}

.tool::before, .tool::after {
  position : absolute;
  left : 50%;
  opacity : 0;
  z-index: -100;
}

.tool:hover::before, .tool:focus::before, .tool:hover::after, .tool:focus::after {
  opacity : 1;
  z-index: 100;
}

.tool::before {
  border-style : solid;
  border-width : 1em .75em 0 .75em;
  border-color : #b1b1b1 transparent transparent transparent;
  bottom : 100%;
  margin-left : -.5em;
  content : " ";
}

.tool::after {
  background : #eeeeee;
  border-style : solid;
  border-width : 0.3em;
  border-color : #b1b1b1;
  border-radius : .25em;
  bottom : 140%;
  width : 14.5em;
  padding: .75em;
  margin-left : -7.25em;
  content : attr(data-tip);
  white-space: pre-line;
  color: #000000
}

#birthday::after {
  bottom : 118%;
}

input[type=submit].button_buy_pricing {
    background: #f5841f;
    background-image: -webkit-linear-gradient(top,#fd8820,#e27a1d);
    background-image: -moz-linear-gradient(top,#fd8820,#e27a1d);
    background-image: -ms-linear-gradient(top,#fd8820,#e27a1d);
    background-image: -o-linear-gradient(top,#fd8820,#e27a1d);
    background-image: linear-gradient(to bottom,#fd8820,#e27a1d);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    -webkit-box-shadow: 1px 2px 3px #666;
    -moz-box-shadow: 1px 2px 3px #666;
    box-shadow: 1px 2px 3px #666;
    font-family: 'Rambla',san-serif;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 10px 80px;
    border: solid #ffb017 1px;
    text-decoration: none;
    max-width: 250px;
    text-align: center;
    margin: 15px auto 0;
    display: block;
    text-shadow: none;
	outline: none;
}

/*input:invalid {
    background-image: url(../images/invalid.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
  }

input:valid {
	background-image: url(../images/valid.png);
	background-position: 97% 50%;
	background-repeat: no-repeat;
}*/
span.input-group-addon{outline: none}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-closed:before {
  content: "\e106";
}
#phone-number div:nth-child(2){padding-left: 0}
#phone-number div:nth-child(3){padding-right: 0}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000!important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000!important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000!important;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #000!important;
}

.site-link{font-size: inherit!important; text-decoration: underline!important}

.return a, .return .act-code {
    font-size: 120%;
}
@media screen and (min-width:400px) and (max-width:767px){
	#birthday::after {
	  bottom : 108%;
	}
}

@media screen and (min-width:768px) and (max-width:991px){
	#birthday::after {
	  bottom : 124%;
	}
}

@media screen and (min-width:992px){
	#form-email-name{padding: 0 0 0 15px}
	#form-email-address{padding: 0 10px}
	#form-password{padding: 0 15px 0 0}#birthday::after {
	  bottom : 118%;
	}
}

/************************/
/*ERROR MESSAGE TOOL TIP*/
/************************/

.error::before {
  border-style : solid;
  border-width : 1em .75em 0 .75em;
  border-color : #ff0000 transparent transparent transparent;
  bottom : 100%;
  margin-left : -.5em;
  content : " ";
}

.error::after {
  background : #ff0000;
  border-style : solid;
  border-width : 0.3em;
  border-color : #ff0000;
  border-radius : .25em;
  bottom : 140%;
  width : 14.5em;
  padding: .75em;
  margin-left : -7.25em;
  content : attr(data-tip);
  white-space: pre-line;
  color: #ffffff
}

/************************/
/*ERROR MESSAGE TOOL TIP*/
/************************/

/************************/
/*Styles for the Home Page AFQ Form*/
/************************/

#home-afq .form-control{padding: 6px!important}
#home-afq #countryCode{width: 100%!important}
#home-afq .form-group{position: relative; overflow: visible; padding: inherit}	
@media screen and (min-width:768px) and (max-width:991px){
	#home-afq .terms{margin-top: 65px;}
}

/************************/
/*End of Styles for the Home Page AFQ Form*/
/************************/



/************************/
/*Styles for the Thank You Page*/
/************************/
@media screen and (min-width:1200px){
.row.design{background-position: left top}
}
@media screen and (min-width:992px) and (max-width:1199px){
.row.design{background-position: -100px top}
}
.return p{font-size:180%; line-height:1.5em; text-shadow:2px 2px 2px #000; margin: 15px 0!important}
.return p span{font-size:120%; font-weight:700; color:#fd8820}
.return .email-notice{font-size:125%; line-height:1.2em}






#form-password .input-group, input[name*="phoneNumber"]{
	border: solid 4px #f00;
	border-radius: 4px;
}

input[name*="name"], input[name*="email"]{
	margin-top: 25px;
}

select[name*="countryCode"]{
	margin-top: 0px;
    border: solid 4px #f00;
}

/*form div:nth-child(5)::before{
	content: "* Optional";
	background-color: #f00;
    padding: 5px 10px;
    color: #fff;
    border-bottom: solid 2px #f00;
}*/

.opt{
	position: relative;
}
.opt::before{
	content: "* Optional";
	background-color: #f00;
    padding: 5px 10px 4px;
    color: #fff;
	font-weight: 700;
    border-bottom: solid 2px #f00;
}

.pass{
	
}
.pass::before{
	content: "* Optional";
	background-color: #f00;
    padding: 5px 10px 4px;
    color: #fff;
	font-weight: 700;
    border-bottom: solid 2px #f00;
}

@media screen and (max-width:991px){
	.pass{margin-left:15px;}
	input[name*="name"], input[name*="email"]{
		margin-top: 0px;
	}
}