@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* PayPal Payments */

#paybox{
	margin: 0 auto;
	position: relative;
	font-size: 12px;
	padding: 30px 0 30px 0;
	height: auto;
	width: 280px;
	border: #103E54 4px solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	background-color: #267092;
}

.payform li{
	list-style: none;
	margin-top: 10px;
}
.payform input[type="text"],textarea{
-moz-box-shadow: inset 0 0 0 #333333;
-webkit-box-shadow: inset 0 0 0 #333333;
box-shadow: inset 0 0 0 #333333;
border:none; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px;
padding:4px 0px 0px 5px;
}

#paybox select{
padding:5px 5px 5px 5px;
-webkit-appearance: button;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
-moz-border-radius: 2px;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

-moz-padding-end: 5px;
-moz-padding-start: 2px;
-moz-user-select: none;
background-image: url(arrow-black.png); 
background-size: 35px 20px;
background-position: center right;
background-repeat: no-repeat;
border: #4089AA 2px solid;
color: #267092;
background-color: #5794AE;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

#paybox select, select:focus{
outline:none;
height: 41px;
font-size: 16px;
width: 93%!important;

padding:5px 5px 5px 5px;
-webkit-appearance: button;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px;
-webkit-padding-start: 2px;
-webkit-user-select: none;
-moz-border-radius: 2px;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

-moz-padding-end: 5px;
-moz-padding-start: 2px;
-moz-user-select: none;
background-image: url(arrow-black.png); 
background-size: 35px 20px;
background-position: center right;
background-repeat: no-repeat;
border: #4089AA 2px solid;
color: #267092;
background-color: #5794AE;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.payform li{
	list-style: none!important;
	list-style-type: none!important;
	margin-top: 10px;
}
.payform input[type="text"] {
border:none; 
-webkit-border-radius:2px; 
-moz-border-radius:2px; 
border-radius:2px;
padding:4px 0px 0px 5px;

	background-color: #267092;
	width: 81%!important;
	line-height: 1.3em;
	padding: 8px 16px;
	font-size: 1.8em;
	margin: 0 6px 6px auto;
	outline: 0;
	height: 38px;
	border: none;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	color: #133F53;
	margin-left: 10px;
	
}

.payform input[type="text"]:focus{
	background-color: #5794AE;
	color:  #267092!important;
}

.payform .form-input-button  {
	width: 93%!important;
	-webkit-box-shadow:none; 
	-moz-box-shadow:none; 
	box-shadow:none; 
	display:inline-block; 
	height:56px; 
	line-height:36px; 
	border:none; 
	margin:0; 
	padding:0 20px; 
	color:#85BBD1!important; 
	font-size:1.8em; 
	text-transform:none; 
	background:#103E54; 
	width:auto; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.payform .form-input-button:hover{
	background-color:#5794AE!important; 
	color:#85BBD1!important;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:   #103E54;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:   #103E54;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:   #103E54;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:   #103E54;
}

/* @end */

    
#paybox .form-input-field, #paybox .form-input-button, #paybox label, #paybox .message-text, #paybox form select { 
		margin-left: 10px!important;
	}
	

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    
    #paybox .form-input-field, #paybox .form-input-button, #paybox label, #paybox .message-text, #paybox form select { 
    	margin-left: 11px!important;
    }
    	
	#paybox{
		width: 90%!important;
	}
	
	.payform input[type="text"] {
		width: 93.3%!important;	
	}
	
	.payform .form-input-button  {
		width: 96.9999%!important;
	}
	
	#paybox select, select:focus{
		width: 97%!important;
	}
			
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	.payform input[type="text"] {
	width: 92.3%!important;
	}

}



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

	#paybox select, select:focus {
		width: 258px!important;
}
}


/* Credit Cards */

.cc-icon_container {
	margin: 1em auto 0.5em;
	width: 214px;
}

/* clearfix */
.cc-icon_container:after {
  content: "";
  display: table;
  clear: both;
}

.cc-icon {
  width: 46px;
  height: 29px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  float: left;
  margin-right: 10px;
  border-bottom: 1px solid #c5bbb0;
}

.cc-icon:last-child {
  margin: 0;
}

.cc-icon.amex {
  background: url('cc-icon-amex.png') 0 0;
  background-image: url('cc-icon-amex@2x.png');
  background-size: 46px 29px;
  border-color: #c88e0b;
}

.cc-icon.discover {
  background: url('cc-icon-discover.png') 0 0;
  background-image: url('cc-icon-discover@2x.png');
  background-size: 46px 29px;
  border-color: #c88e0b;
}

.cc-icon.mastercard {
  background: url('cc-icon-mastercard.png') 0 0;
  background-image: url('cc-icon-mastercard@2x.png');
  background-size: 46px 29px;
  border-color: #c88e0b;
}

.cc-icon.visa {
  background: url('cc-icon-visa.png') 0 0;
  background-image: url('cc-icon-visa@2x.png');
  background-size: 46px 29px;
  border-color: #c88e0b;
}
#stacks_in_28_page1 {
	margin: 8px 0px 0px 0px;
}