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

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

body {background-color:#232629; font-weight:300; font-family: 'Lato', sans-serif;}

.wrapper {max-width:1200px; margin:0 auto;}
.white_bg {background-color:#fff; padding:20px 0;}
.green_bg {background-color:#63b8bd; padding:20px 0;}

.green_color {color:#63b8bd;}
.black_color {color:#000 !important;}

strong {font-weight:700;}
p {margin:15px 0 0 0; font-size:18px; line-height:22px;}
p:first-child {margin-top:0;}

.centered {text-align:center;}
.button {background-color:#63b8bd; color:#fff !important; text-decoration:none; font-weight:700; display:inline-block; text-transform:uppercase; border: none; cursor: pointer;}

.main_title {text-transform:uppercase; font-size:36px;}
.title2 {text-transform:uppercase; font-weight:700; font-size:36px; color:#fff;}
.title3 {text-transform:uppercase; font-weight:700; font-size:28px; color:#fff;}

/* Header */
.main_header {background-color:#2f3337; min-height:30px;}
.main_nav {background-color:#fff;}
.logo {float:left; margin:30px 0;}
.logo img {width:100%;}

/* Language switch */
.language_switch {float:right; margin-top:18px;}
.language_switch li {margin-left:4px; float:left;}
.language_switch a {display:block; width:25px; height:22px;}
.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;}

.main_menu {padding:0 0 40px; text-align:center;}
.main_menu li {line-height:28px; display:inline-block; font-weight:300; text-transform:uppercase;}
.main_menu li a {display:block; color:#000; text-decoration:none; padding:0 50px; color:#2f3337; font-size:24px;}
.main_menu li a:hover {text-decoration:underline;}
.main_menu li a.active {font-weight:700;}

/* Solutions */
.solutions {position:relative; margin-top:20px;}

.solution {float:left; background-color:#2f3337; position:relative; z-index:2; width:33%; color:#fff; text-align:center; padding:2% 2% 0 2%; height:380px;}
.solution:nth-child(2) {margin:0 0.5%;}
.solution .title {font-size:26px; font-weight:700; text-transform:uppercase;}
.solution .title sup {vertical-align: super; font-weight:300; font-size:smaller; text-transform:none;}
.solution p {font-size:14px; line-height:18px;}
.solution form {position:absolute; bottom:0; height:240px; left:4%; right:4%;}
.solution form label {display:block; font-size:12px; text-align:left; margin-bottom:6px;}
.solution form input {width:100%; border:none; background:#fff; padding:12px 10px; font-family: 'Lato', sans-serif; font-weight:700; color:#000; font-size:16px; margin-bottom:10px;}
.solution .button {position:absolute; bottom:20px; left:20%; right:20%; z-index:3; padding:24px;}

.support_solution {margin-top:0;}
.support_solution .solution {width:400px; margin:0 auto; float:none; height:auto; padding-bottom:20px;}
.support_solution .solution form {position:relative; bottom:auto; height:auto; left:auto; right:auto;}
.support_solution .solution .button {position:relative; bottom:auto; left:auto; right:auto; z-index:3; padding:20px 40px;}

.lost_pass {text-align:right; margin-top:2px;}
.lost_pass a {color:#fff; text-decoration:none;}
.lost_pass a:hover {text-decoration:underline;}

::-webkit-input-placeholder {font-family: 'Lato', sans-serif; font-weight:700; /*color:#000;*/ font-size:16px;}
:-moz-placeholder {font-family: 'Lato', sans-serif; font-weight:700; /*color:#000;*/ font-size:16px;}
::-moz-placeholder {font-family: 'Lato', sans-serif; font-weight:700; /*color:#000;*/ font-size:16px;}
:-ms-input-placeholder {font-family: 'Lato', sans-serif; font-weight:700; /*color:#000;*/ font-size:16px;}


.important {padding:0 0 20px 0;}
.important p {margin-top:25px;}
.important .button {background-color:#000; padding:20px 45px;}
.important .title {font-size:36px; font-weight:700; margin-top:30px;}
.important ul {display:inline-block; text-align:left; margin-top:25px; line-height:18px;}
.important ul li {background:url(../img/bullet_point.png) left 6px no-repeat; padding:0 0 0 13px; margin-top:5px;}
.important ul li:first-child {margin-top:0;}

.contact_content {background-color:#2f3337; text-align:center; padding:20px 0;}
.contact_content .contacts {background:url(../img/phone.png) left top no-repeat; min-height:86px; display:inline-block; padding:15px 0 0 110px; color:#63b8bd; text-align:left; margin:0 5%;}
.contact_content span {display:block; color:#fff; font-size:27px; margin-top:8px;}
.contact_content .email_contact {background:url(../img/email.png) left top no-repeat;}

.support_contact {background-color:#fff;}
.support_contact .contacts {background:#2f3337 url(../img/phone.png) left top no-repeat;}
.support_contact .support_contact_content {background-color:#2f3337; padding:20px; display:inline-block;}
.support_contact .support_contact_content p {margin-top:0; white-space: nowrap;}

/* FAQ */
.collapse {margin:30px 0 0 5px;}
.collapse .header {padding:0 0 0 18px; cursor: pointer; font-size:24px; line-height:28px; margin-bottom:5px; position:relative; font-weight:700;}
.collapse .header::before {content:"+"; position:absolute; left:0; top:0; display:block; width:18px; height:20px; text-align:left; font-size:20px; font-weight:700; color:#63b8bd;}
.collapse .faq_content {display: none; font-size:14px; line-height:18px; color:#555555; margin-bottom:20px;}
.collapse .faq_content p {margin:5px 0 0 0;}
.collapse .faq_content ul {margin:15px 0 0 15px;}
.collapse .faq_content p:first-child {margin-top:0;}
.collapse .faq_content ul li {list-style:disc; margin-bottom:5px;}

.welcome {color:#fff;}
.welcome .button {background-color:#44484b; padding:20px 35px;}

/* Transactions table */
.transactions_table {overflow:auto; text-align:left; margin-top:20px;}
.transactions_table p {font-size:16px;}
.transactions_table table {border-bottom:1px solid #2f3337; border-right:1px solid #2f3337; color:#464646; margin-top:5px;}
.transactions_table .heading {color:#63b8bd; font-weight:700; text-transform:uppercase;}
.transactions_table .heading td {background-color:#2f3337;}
.transactions_table a {text-decoration:none;}
.transactions_table a:hover {text-decoration:underline;}
.transactions_table td {border-left:1px solid #2f3337; border-top:1px solid #2f3337; padding:15px 20px; vertical-align:top;}
.transactions_table .button {padding:15px 30px; background-color:#2f3337;}
.transactions_table li {background:url(../img/bullet_point.png) left 5px no-repeat; padding:0 0 0 14px; margin-top:8px;}
.transactions_table li:first-child {margin-top:0;}

.status_1 {background-color:#44484b;}
.status_2 {background-color:#63b8bd;}
.status_1 a, .status_2 a {color:#fff;}
.status_closed {color:#818182;}

.display_more {margin-top:8px; text-align:right;}
.display_more a {text-decoration:none;}
.display_more a:hover {text-decoration:underline;}

.ticket_form {margin-top:15px;}
.ticket_form label {display:block; margin-bottom:4px;}
.ticket_form input {border:1px solid #010101; width:100%; padding:10px 6px; margin-bottom:10px; font-size:18px;}
.ticket_form input:focus, .ticket_form textarea:focus {background-color:#63b8bd; color:#fff;}
.ticket_form textarea {border:1px solid #010101; height:140px; font-size:18px; resize:none; width:100%; padding:8px 6px; font-family: 'Lato', sans-serif;}
.ticket_form .button {width:auto; padding:15px 30px; background-color:#232629;}

.read_table {margin-top:20px; padding-bottom:20px;}
.read_table li {border-top:1px solid #63b8bd; padding:10px 20px;}
.read_table li:first-child {border-top:none;}
.read_table li:last-child {border-top:none;}
.read_table span {float:left; width:33%; color:#63b8bd; font-weight:700; text-transform:uppercase;}
.read_table p {margin:0 0 0 35%; color:#000;}
.read_table .button {margin-right:5%; font-size:16px; padding:20px 65px; background-color:#232629;}
.read_table .reply strong {display:block; margin-bottom:5px;}
.back_link {text-decoration:none;}
.back_link:hover {text-decoration:underline;}

.main_footer {color:#6c6e70; padding:15px 0;}
.main_footer p {font-size:14px;}
.main_footer .contact_link {float:right; color:#6c6e70; text-decoration:none;}
.main_footer .contact_link:hover {text-decoration:underline;}

/* additions */

.capitalize {
    text-transform: capitalize;
}

.green_color.back_link {
    color: #63b8bd;
}

@media all and (max-width: 1230px) {
	.wrapper {margin:0 1%;}
}
@media all and (max-width: 940px) {
	.contact_content span {font-size:22px;}
	.contact_content .contacts {margin:0 2%;}
	.solution .button {left:10%; right:10%; padding:20px 0;}
	.main_title {font-size:28px;}
	.white_bg {background-color:#fff; padding:10px 0;}
	.important p {margin-top:15px;}
}
@media all and (max-width: 740px) {
	p {margin:10px 0 0 0;}
	.main_menu li a {padding:0 30px; font-size:20px;}
	.main_title {font-size:22px;}
	.solution_bg {display:none;}
	.solution {float:none; width:100%; height:auto; margin-bottom:10px; padding-bottom:15px;}
	.solution:nth-child(2) {margin:0 0 10px;}
	.solution form {position:relative; bottom:auto; height:auto; left:auto; right:auto; margin-top:15px;}
	.solution .button {position:relative; bottom:auto; left:auto; right:auto; padding:15px 30px;}
	.contact_content .contacts {background-size:18%; min-height:66px; padding:0 0 0 60px;}
	.contact_content span {font-size:20px;}
}
@media all and (max-width: 540px) {
	.main_menu {padding-bottom:20px;}
	.main_menu li a {padding:0 20px; font-size:18px;}
	.main_title {font-size:18px;}
}
@media all and (max-width: 430px) {
	.support_solution .solution {width:100%;}
	.support_solution .solution .title {font-size:20px; padding-top:8px;}
	.collapse .header {padding:0 0 0 18px; cursor: pointer; font-size:16px; line-height:22px; margin-bottom:5px; position:relative; font-weight:700;}
}
@media all and (max-width: 380px) {
	p {margin:10px 0 0 0; font-size:16px; line-height:20px;}
	.logo {width:40%; margin:15px 0;}
	.main_menu li a {padding:0 10px; font-size:16px;}
	.title2 {font-size:28px;}
	.important ul {margin-top:10px;}
	.support_contact .support_contact_content {padding:15px 10px; display:inline-block;}
}