@charset "utf-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {background-color:#fff; color:#111111; font-family:"Times New Roman", Times, serif; font-size:16px;}
strong {font-weight:bold;}
input {font-family:"Times New Roman", Times, serif; font-size:14px; width:100%; border:1px solid #b7b7b7; background-color:#fff;}
p {margin-top:15px;}
hr {margin:25px 0 0 0; padding:0; height:0; border:none; border-bottom:1px solid #d7d7d7; width:100%;}
h2 {font-size:16px; font-weight:bold; padding-bottom:10px;}

.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.padd {padding:0 20px;}
.wrapper {max-width:960px; margin:0 auto;}
#main_header {margin-bottom:25px;}
#main_header .wrapper {position:relative;}

.button {background-color:#ffba00; color:#fff !important; font-weight:600; display:inline-block; text-decoration:none; font-family: 'Open Sans', sans-serif; border: none; cursor: pointer; text-transform: uppercase;}
.purple_color {color:#9e005d !important;}
.green_color {color:#00a651;}
.black_color {color:#000 !important;}

.logo {float:left; margin:20px 0 0 0;}
.logo img {width:100%;}

/* Language switch */
.language_switch {position:absolute; right:20px; top:14px;}
.language_switch li {float:left; margin-left:3px;}
.language_switch a {display:block; width:16px; height:11px;}
.language_switch .en {background:url(../img/en.png) no-repeat;}
.language_switch .es {background:url(../img/es.png) no-repeat;}
.language_switch .fr {background:url(../img/fr.png) no-repeat;}
.language_switch .it {background:url(../img/it.png) no-repeat;}
.language_switch span {display:none;}

/* Header phone number */
.phone_num {background:url(../img/phone.png) left top no-repeat; min-height:72px; padding:12px 0 0 55px; margin:10px 120px 0 0; float:right; font-size:14px;}
.phone_num .number {background-color:#fff; font-size:22px; padding:5px 0 5px 5px;}
.phone_num .number span {display:block; font-size:14px;}
.phone_num .nonstop {display:block; text-align:right;}

/* Main Menu */
.main_menu {background-color:#9e005d; margin-top:10px;}
.main_menu li {float:left; font-size:15px; margin-left:20px;}
.main_menu li:first-child {margin-left:0;}
.main_menu li a {color:#fff; text-decoration:none; display:block; outline:none; padding:8px 20px 8px 0; position:relative;}
.main_menu li a span {position:absolute; width:100%; height:5px; bottom:-5px; display:none; background-color:#ffba00;}
.main_menu li a:hover span {display:block;}
.main_menu li .active span {display:block;}

/* Main title */
.main_title {margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.main_title h1 {font-size:30px; font-weight:600;}
.main_title p {color:#898989; font-size:20px; font-weight:400;}

.title2 {font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:600;}

.grey_bg {background-color:#f3f3f3;}

.one_third_width {width:31%; margin-left:3.5%; float:left; padding:25px 0;}
.one_third_width:first-child {margin-left:0;}
.half_width {width:48%; margin-left:4%; float:left; padding:25px 0;}
.half_width:first-child {margin-left:0;}
.single_width {padding:30px 0;}

.numbered {text-align:center; font-size:30px; color:#959595; margin:-10px 0 10px;}
.main_input {border:1px solid #b7b7b7; border-top:5px solid #ffba00; background-color:#fff; padding:20px 0;}

.main_input input {padding:10px 5px; margin-bottom:20px; line-height:18px;}
.main_input input:focus {border:1px solid #ffba00;}
.main_input label {display:block; font-size:14px; line-height:22px; min-height:24px;}
.main_input .fixed_height {min-height:108px;}
.main_input textarea {width:100%; border:1px solid #b7b7b7; background-color:#fff; padding:8px 5px; resize:none; height:90px;}
.main_input p:first-child {margin-top:0;}
.main_input .button {font-size:18px; padding:5px 19px;}
.form_noborder {border:none;}

/* Information */
.information {background:url(../img/phone.png) left top no-repeat; min-height:72px; padding:12px 0 0 55px; margin:20px 0 0 0;}
.information .info {background-color:#fff; font-size:20px; padding:5px 0 5px 5px; margin:0;}


/* Support */
.support_phone {font-size:14px; text-align:center;}
.support_phone span {display:block; width:106px; height:106px; margin:0 auto 20px auto; background:url(../img/phone_bigger.png) center center no-repeat; position:relative;}
.support_phone span::after {width:20px; height:68%; top:15%; right:0; background-color:#fff; content:""; display:block; position:absolute;}
.support_phone strong {display:block; font-size:28px; padding:10px 0;}
/* Small phone icon */
.support_phone_small strong {font-size:20px;}
.support_phone_small span {display:block; width:45px; height:52px; margin:0 auto 20px auto; background:url(../img/phone_smaller.png) center center no-repeat; position:relative;}
.support_phone_small span::after {display:none;}

.support_email span {background:url(../img/email.png) center center no-repeat;}
.support_email_small span {background:url(../img/email_small.png) center center no-repeat; height:53px;}

.no_bullet_list {margin:25px 0 25px 20px; color:#555555;}
.no_bullet_list li {margin-top:5px;}
.no_bullet_list li:first-child {margin-top:0;}

/* FAQ */
.collapse {margin:12px 0 0 20px;}
.collapse .header {background:url(../img/faq_plus.png) left top no-repeat; padding:3px 0 0 20px; min-height:23px; cursor: pointer; font-size:14px; line-height:18px; margin-bottom:5px;}
.collapse .content {display: none; padding:0 0 0 20px; font-size:14px; line-height:18px; color:#555555;}
.collapse .content p {margin:15px 0 0 0;}
.collapse .content ul {margin:15px 0 0 15px;}
.collapse .content p:first-child {margin-top:0;}
.collapse .content ul li {list-style:disc; margin-bottom:5px;}

/* Members */
.visitor_info {font-size:14px;}
.visitor_info .title {background-color:#ffba00; color:#fff; font-size:18px; font-family: 'Open Sans', sans-serif; padding:15px 6%; text-transform:uppercase;}
.visitor_info .content {border:1px solid #b7b7b7; border-top:none; padding:4% 6% 30px 6%; position:relative;}
.visitor_info .greeting {color:#959595; font-size:24px; font-family: 'Open Sans', sans-serif;}
.visitor_info .disconnect {text-decoration:none; position:absolute; right:6%; bottom:10px; color:#000;}
.visitor_info .disconnect span {color:#ff0000;}
.visitor_info .disconnect:hover {text-decoration:underline;}


.left_col {float:left; width:27%;}
.right_col {margin-left:30%;}
.transactions_table {overflow:auto;}
.transactions_table table {border-bottom:1px solid #b7b7b7; border-right:1px solid #b7b7b7; font-size:14px; margin-top:20px; color:#464646; line-height:17px;}
.transactions_table .heading {color:#000;}
.transactions_table a {text-decoration:none;}
.transactions_table a:hover {text-decoration:underline;}
.transactions_table td {border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; padding:8px 10px;}
.transactions_table .button {font-size:14px; background-color:#9e005d;}
.read_table {margin-top:20px;}
.read_table li {border-top:1px solid #b7b7b7; font-size:14px; padding:7px 0;}
.read_table li:first-child {border-top:none;}
.read_table li:last-child {border-top:none;}
.read_table span {float:left; width:33%;}
.read_table p {margin:0 0 0 35%; color:#898989;}
.read_table .button {float:right; background-color:#9e005d; margin-right:5%; font-size:16px;}

.back_link {text-decoration:none; font-size:14px;}
.back_link:hover {text-decoration:underline;}
/* Status */
.status_1 {background-color:#9e005d;text-transform: capitalize;color: white;}
.status_2 {background-color:#00a651;}
.status_1 a, .status_2 a {color:#fff;}
.status_closed {color:#959595;}

/* 404 */
.not_found {font-size:20px;}
.not_found .main_title h1 {font-size:40px;}

/* Footer */
.main_footer {font-size:14px; color:#898989; border-top:3px solid #f3f3f3; padding-bottom:20px !important; margin-top:20px;}
.main_footer p {margin-top:10px; margin-right:130px;}
.main_footer .cards {float:right; margin-top:8px;}

/* few additions */

.g-recaptcha {
    transform:scale(0.8);
    transform-origin:0 0;
}

.question_form input {
    width: 100%;
    padding: 10px;
    font-size: 1em;
}

.question_form textarea {
    width: 100%;
    height: 120px;
    resize: none;
    padding: 10px;
    font-size: 1em;
}

.text-right {
    float: right;
}

#special_login .purple_color {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

#special_login > div {
    padding-bottom: 10px;
}

#special_login {
    width: 100%;
}

#special_login label {
    display: inline;
}

#special_login input {
    width: 25%;
}

#special_login input:nth-of-type(1) {
    margin-right: 5%;
}

#special_login .button {
    float: right;
}

#logo {
    margin-top: 10px;
}

@media all and (max-width: 980px) {
	.phone_num {margin:10px 70px 0 0;}
	.main_input label {line-height:20px;}
	.left_col {float:left; width:27%; margin-left:1%;}
	.right_col {margin-left:30%;}
    .support_phone strong {display:block; font-size:22px; padding:10px 0;}
}
@media all and (max-width: 800px) {
	.padd {padding:0 15px;}
	.one_third_width {width:32%; margin-left:2%; padding:20px 0;}
	.half_width {width:49%; margin-left:2%; padding:20px 0;}
	.support_phone strong {display:block; font-size:22px; padding:10px 0;}
	.support_phone_small strong {font-size:16px;}
}
@media all and (max-width: 660px) {
	.padd {padding:0 10px;}
	.phone_num {min-height:72px; padding:12px 0 0 55px; margin:10px 0 0 0; font-size:14px;}
	.main_title h1 {font-size:22px;}
	.main_title p {font-size:16px; line-height:20px;}
	.title2 {font-size:18px;}
	.main_input {padding:10px 0;}
	.information .info {font-size:15px; padding:5px 0 5px 5px; margin:0;}
	.left_col {float:none; width:98%; margin:0 1%;}
	.visitor_info {float:left; width:48%;}
	.left_contacts {float:right; text-align:center; width:50%;}
	.support_phone_small {display:inline-block; margin:5px 1%;}
	.support_phone_small span {margin-bottom:10px;}
	.support_phone_small strong {padding:0;}
	.right_col {margin:0 1%; float:none; clear:left; margin-top:10px;}
}
@media all and (max-width: 580px) {
	.language_switch {right:5px;}
	.phone_num {background:url(../img/phone_smaller.png) left top no-repeat; min-height:52px; padding:0 0 0 40px;}
	.phone_num .number {font-size:20px;}
	.phone_num .number span {display:block; font-size:14px;}
	.main_input .button {width:100%; text-align:center;}
	.read_table .button {width:auto;}
}
@media all and (max-width: 480px) {
	body {font-size:14px;}
	.one_third_width {width:100%; margin-left:0; padding:20px 0 0 0; float:none;}
	.main_input .fixed_height {min-height:0; margin-bottom:4px;}
	.main_title h1 {font-size:18px;}
	.main_title p {font-size:14px; line-height:18px;}
	.support_phone strong {font-size:16px;}
	.read_table .reply {margin:0;}
	.numbered {font-size:20px; margin:-10px 0 5px;}
	.main_input input {margin-bottom:10px;}
	.padd {padding:0 1%;}
}
@media all and (max-width: 450px) {
	#main_header {margin-bottom:10px;}
	.logo {width:45%;}
	.phone_num {background:none; min-height:0; padding:0; margin-top:20px; text-align:right;}
	.phone_num .number {font-size:15px; padding:0;}
	.main_title h1 {font-size:16px;}
	.main_title p {font-size:13px; line-height:17px;}
	.half_width {width:100%; margin-left:0; float:none; padding:20px 0 0 0;}
	.collapse {margin:12px 0 0 0;}
	.support_phone_small strong {font-size:14px;}
	.not_found {font-size:16px;}
	.not_found .main_title h1 {font-size:30px;}
}