/*/////////////TEXT//////////////*/
.modal a {text-decoration:none;  -webkit-font-smoothing: antialiased;} 
.modal h2 {color:#0fa8e1; display:inline-block; margin-top:5px; margin-bottom:0; padding-top:.8em; font: 400 1.9em "Open Sans",Arial,sans-serif;  -webkit-font-smoothing: antialiased;}
.secure-red {color:#E13832; font-size:11px; font-weight:bold;}
.modal p {font: 300 16px "Open Sans",Arial,sans-serif;  -webkit-font-smoothing: antialiased;}
.modal p.question {font: 400 18px "Open Sans",Arial,sans-serif;  -webkit-font-smoothing: antialiased; margin-bottom:0;}


/*/////////////RESPONSIVE IMAGES//////////////*/
img {    height: auto;    max-width: 100%;}
audio, canvas, iframe, img, svg, video {    vertical-align: middle;}
img {    border: 0 none;}


/*/////////////LOADER//////////////*/
.loader-div{display:none; text-align:center;}
.loader{color:#48AFE1; position: relative; }

/*/////////////MODAL//////////////*/
hr.linebar { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.modal {position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(15,168,225,0.9);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modal:target {		opacity:1;		pointer-events: auto;	}

	.modal > div {		width: 50%;		height: auto;		position: relative;		margin: 10% auto;		padding: 20px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
			background: #eee;
-webkit-box-shadow: 0px 9px 0px 0px rgba(50, 50, 50, 0.26);
-moz-box-shadow:    0px 9px 0px 0px rgba(50, 50, 50, 0.26);
box-shadow:         0px 9px 0px 0px rgba(50, 50, 50, 0.26);


    	font-family: 'Open Sans', sans-serif;

	}

	.close {background: #606061; color: #FFFFFF; line-height: 25px;	position: absolute;	right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { 		background: #00d9ff; 	}
	.methods-box {    width: 30%;		float: left;    	margin-right: 15px;    	padding-bottom: 20px;	}
	.trust-box {clear:both;}
	.modal-logo-box {text-align:right; padding-top:20px;}

	.error p {
		color: red;
		font-weight: bold;
	}
	
	
/*/////////////FORM//////////////*/	
	input, select, textarea {
	background: #fff none repeat scroll 0 0;
    border: 1px solid silver;
    border-radius: 0;
    color: #222;
    display: block;
    font-family: inherit;
    height: 2rem;
    margin-bottom: 1rem;
	margin-top: 1rem;
    padding: 0.25rem;
    width: 100%;
}:focus{outline:#4d90fe solid 1px;outline-offset:-1px}

.radio-box {padding-bottom:20px;}

input[type=radio].css-checkbox { position:relative; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;		}

input[type=radio].css-checkbox + label.css-label {
	  margin:9px 0px;
		background-color: #eee;
		padding-left:33px;
		height:22px; 
		display:inline-block;
		line-height:22px;
		background-repeat:no-repeat;
		background-position: 0 0;
		vertical-align:middle;
		cursor:pointer; 
		font-style:italic;}

		input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -22px;	}
		label.css-label {-webkit-border-radius: 5px;		-moz-border-radius: 5px;		border-radius: 5px;    width: 90%;
				background-image:url("//cdn3.bigcommerce.com/s-kz4m2dbt/templates/__custom/verify/images/checkbox.png?t=1459182020");
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
		input[type=radio].label.css-label {		padding:30px; 		}

#license-img {float:right;}
	
	
/*/////////////BUTTONS//////////////*/
	button:hover {cursor:pointer;}
	.btn-primary {
	 	cursor: pointer;
	    padding: 9px 14px;
	    font-size: 15px;
	    line-height: normal;
	    font: 400 15px "Open Sans",Arial,sans-serif;
	    width: 100%;

	    display: block;
		
		color: #ffffff;
	    background-color: #0fa8e1;
	    background-image: -moz-linear-gradient(top, #6eb6de, #0fa8e1);
	    background-image: -ms-linear-gradient(top, #6eb6de, #0fa8e1);
	    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#0fa8e1));
	    background-image: -webkit-linear-gradient(top, #6eb6de, #0fa8e1);
	    background-image: -o-linear-gradient(top, #6eb6de, #0fa8e1);
	    background-image: linear-gradient(top, #6eb6de, #0fa8e1);
	    background-repeat: repeat-x;
	    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#0fa8e1, GradientType=0);
	    border: 1px solid #3762bc;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	}

	.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	    background-color: #0fa8e1;
	    background-position: 0 -35px;
	    -webkit-transition: background-position 0.1s linear;
	    -moz-transition: background-position 0.1s linear;
	    -ms-transition: background-position 0.1s linear;
	    -o-transition: background-position 0.1s linear;
	    transition: background-position 0.1s linear;
	    outline: none;
	}
	

	.submit-button {	   border: 1px solid #447314;
	   background: #6aa436;
	   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
	   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
	   background: -moz-linear-gradient(top, #8dc059, #6aa436);
	   background: -ms-linear-gradient(top, #8dc059, #6aa436);
	   background: -o-linear-gradient(top, #8dc059, #6aa436);
	   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
	   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	   color: #31540c;
	   	    font: 400 15px "Open Sans",Arial,sans-serif;
	   	width: 100%;
	    display: block;
	   padding: 9px 14px;
	   text-decoration: none;
	   vertical-align: middle;
  	}

	.submit-button:hover {	   border: 1px solid #447314;
	   text-shadow: #31540c 0 1px 0;
	   background: #6aa436;
	   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
	   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
	   background: -moz-linear-gradient(top, #8dc059, #6aa436);
	   background: -ms-linear-gradient(top, #8dc059, #6aa436);
	   background: -o-linear-gradient(top, #8dc059, #6aa436);
	   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
	   color: #fff;
   	}

	.submit-button:active {
	   text-shadow: #31540c 0 1px 0;
	   border: 1px solid #447314;
	   background: #8dc059;
	   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
	   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
	   background: -moz-linear-gradient(top, #6aa436, #8dc059);
	   background: -ms-linear-gradient(top, #6aa436, #8dc059);
	   background: -o-linear-gradient(top, #6aa436, #8dc059);
	   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
	   color: #fff;
   }
   
/*/////////////DISABLE EFFECT//////////////*/
.disabled {opacity:0.2; font-style:italic;}
.disabled:hover {cursor:not-allowed; background:#D71114; } 
.disabled:hover, .disabled:active, .disabled:focus{outline:#D71114 solid 5px !important;outline-offset:-1px;} 
      
/*//////////MEDIA QUERIES//////////////////////*/
  @media only screen and (max-width: 600px) {.modal > div {margin:2% auto;} .modal h2 {font-size:1.5em;}}
 @media only screen and (max-width: 957px) { .methods-box {float:none; width:100%;}  } 
  @media screen and (min-width: 957px) and (max-width: 1613px) { .fa-3x {font-size:2em;} .btn-primary, .submit-button {min-height:89px; }}	
 @media only screen and (max-width: 1761px) { #license-img {float:none; } .modal h2 {padding-top:0;}}