@charset "utf-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

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

strong {font-weight:bold;}
hr {margin:25px 0 0 0; padding:0; height:0; border:none; border-bottom:1px solid #d7d7d7; width:100%;}
input {font-family:Arial, Helvetica, sans-serif; background:#ffffff;}
.centered {text-align:center;}
.padd {padding:20px;}
.pale_blue_bg {background-color:#e8f2f9;}
.dark_blue_bg {background-color:#0072bc;}
.black_color {color:#000;}
.blue_color {color:#0072bc !important;}
.light_blue_color {color:#0299fb;}
.button {
    background-color: #0399FA;
    color: #fff !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
}

.wrapper {max-width:960px; margin:0 auto;}
#main_header {position:relative;}
.logo {float:left;}
.logo img {width:100%;}

.main_title {}
.main_title h1 {font-size:20px; font-weight:normal; text-transform:uppercase; margin-bottom:10px;}
.main_title p {font-size:16px;}

.title2 {font-size:16px; font-weight:bold;}
.title3 {font-size:20px; font-weight:normal;}

/* Language switch */
.language_switch {position:absolute; right:30px; 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:51px; padding:5px 0 0 60px; margin:0 110px 0 0; float:right;}
.phone_num .number strong {font-size:22px; display:block;}
.phone_num .number span {display:block; font-size:13px; margin-bottom:4px;}

/* Main Menu */
.main_menu {background-color:#fff; margin-top:20px; border:1px solid #cccccc;}
.main_menu ul li {float:left; font-size:15px; width:33.33%; text-align:center;}
.main_menu ul li a {color:#959595; text-decoration:none; display:block; padding:8px 0; position:relative;}
.main_menu ul li a span:last-child {position:absolute; left:-1px; right:-1px; height:3px; bottom:-4px; display:none; background-color:#0072bc;}
.main_menu ul li a:hover span:last-child {display:block;}
.main_menu ul li .active span:last-child {display:block;}

/* Solutions content */
.solution_content {font-size:12px; background-color:#fff; border:1px solid #cccccc; margin-top:20px;}
.solution_content:first-child {margin-top:0;}
.solution_content .title {color:#0072bc; font-size:18px; margin-bottom:5px;}
.solution_content form {margin-top:20px;}
.solution_content .input_content {display:table; float:left;}
.solution_content form label {vertical-align:middle; display:table-cell; white-space:nowrap;}
.solution_content form input {margin:0; border:none; font-size:13px; width:100%;}
.solution_content form span {display:table-cell; background-color:#fff; padding-left:10px;}
.solution_content form span em {display:block; border:1px solid #cccccc; padding:6px;}
.solution_content .button {padding: 15px 0; width: 20%; float: right; position: relative; bottom: 5px;}
.input_table_1 {width:76%;}
.input_table_1 label {min-width:20%;}
.input_table_2 {width:37%; margin-right:2%;}
.input_table_2 label {width:22%;}
.input_table_2:first-child label {text-align:left;}

.signin_form {padding:15px; border:1px solid #cccccc; background-color:#fff;}
.signin_form label {display:block; margin-bottom:4px;}
.signin_form input {width:100%; border:1px solid #cccccc; margin-bottom:10px; padding:8px 5px;}
.signin_form .button {padding:5px 15px;}

/* Support */
.bordered_content {background-color:#fff; border:1px solid #cccccc;}
.contact_num {background:url(../img/phone_big.png) center top no-repeat; min-height:120px; padding:95px 0 0 0; font-size:16px; text-align:center;}
.contact_num strong {display:block; font-size:23px; margin-top:10px;}
.contact_email {background:url(../img/email.png) center top no-repeat;}
.half_width {width:48.5%; margin-left:3%; float:left;}
.half_width:first-child {margin-left:0;}

/* FAQ */
.collapse {margin:12px 0 0 5px;}
.collapse .header {background:url(../img/faq.png) left 7px no-repeat; padding:0 0 0 16px; min-height:23px; cursor: pointer; font-size:14px; line-height:18px; margin-bottom:5px;}
.collapse .content {display: none; margin-left:16px; padding:10px 20px; border:1px solid #cccccc; font-size:14px; line-height:18px; color:#555555; background-color:#fff;}
.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:12px; background-color:#fff;}
.visitor_info .title {background-color:#0072bc; color:#fff; font-size:20px; font-family: 'Open Sans', sans-serif; padding:15px 6%; text-transform:uppercase;}
.visitor_info p {margin-top:10px;}
.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;}

.tickets_input {font-size:12px; margin-top:20px;}
.tickets_input p {margin-top:10px;}
.tickets_input form {padding-top:5px;}
.tickets_input input {width:100%; border:1px solid #cccccc; padding:6px;}
.tickets_input label {width:100%; margin:15px 0 4px; display:block;}
.tickets_input textarea {width:100%; border:1px solid #cccccc; padding:6px; height:80px; resize:none;}
.tickets_input .button {padding:8px 20px;}

/* Left Contacts */
.left_contacts {margin-top:15px; padding:35px 20px;}
.left_contacts .contact_num {min-height:45px; padding:6px 0 0 48px; font-size:12px; background:url(../img/phone2.png) left top no-repeat; margin-top:45px; color:#636363;}
.left_contacts .contact_num strong {font-size:16px; margin:5px 0 0 0; color:#000;}
.left_contacts .contact_email strong {font-size:12px; font-weight:bold;}
.left_contacts .contact_email {background:url(../img/email_small.png) left center no-repeat; padding-top:0; margin-top:0; min-height:29px;}

/* Tickets */
.left_col {float:left; width:30%;}
.right_col {margin-left:33%;}
.transactions_table {overflow:auto;}
.transactions_table table {border-bottom:1px solid #b7b7b7; border-right:1px solid #b7b7b7; font-size:12px; color:#464646; line-height:17px; margin-top:15px;}
.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 p {margin-top:10px;}
.transactions_table p:first-child {margin-top:0;}
.transactions_table .button {padding:5px 20px; text-transform:uppercase; font-size:12px;}
.transactions_table .button:hover {text-decoration:none;}
.display_more {margin-top:8px; text-align:right; font-size:12px;}
.display_more a {text-decoration:none;}
.display_more a:hover {text-decoration:underline;}

/* Status */
.status_1 {background-color:#0299fb;}
.status_2 {background-color:#0072bc;}
.status_1 a, .status_2 a {color:#fff;}
.status_closed {color:#959595;}

.read_table {margin-top:20px; padding-bottom: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; margin-right:5%; font-size:14px; padding:7px 15px;}
.back_link {text-decoration:none; font-size:12px;}
.back_link:hover {text-decoration:underline;}

/* Page not found */
.page_not_found {color:#555555;}
.page_not_found .main_title h1 {font-size:44px; text-transform:none; color:#383738;}
.page_not_found p {font-size:20px; line-height:26px; margin-top:20px;}

/* 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:0; margin-right:130px;}
.main_footer .cards {float:right; margin-top:0;}*/

/* Additions */

#contact_button {
    padding:8px 0;
    width: 18%;
    margin-top: 10px;
}

#captcha_span {
    padding-left: 0;
}

#captcha_span em {
    display: inline-block;
    margin-bottom: 10px;
}

.margin_top {
    margin-top: 20px;
}

.main_title.blue_background {
    color: white;
    padding: 0 20px;
}

.main_title.blue_background > div {
    background: #0072BB;
    border-radius: 10px;
    padding: 20px 0;
}

.blue_background h1 {
    padding: 0 50px;
    font-size: 18px;
    margin-bottom: 0;
}

.blue_background p {
    padding: 0 70px;
    font-size: 14px;
}

.blue_background span {
    color: #7EF9F7;
}

.title3.blue {
    color: #0399FA;
}

.new_footer {
    padding: 20px 40px;
    color: white;
    font-size: 13px;
}

.new_footer ul {
    margin: 0;
}

.new_footer ul span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 3px;
    position: relative;
    bottom: 1px;
    right: 3px;
}

.new_footer p, .new_footer li {
    margin: 4px 0;
}

.new_footer .title {
    font-weight: bold;
    font-size: 1.2em;
    text-transform: none;
    text-decoration: underline;
}

.new_footer .title:first-child {
    margin-bottom: 15px;
}

.new_footer > p:last-child {
    margin-bottom: 25px;
}

.new_footer .title.upper {
    text-transform: uppercase;
    margin-top: 25px;
}

.refund_content {
    display: none;
}

.refund_content .tickets_input {
    margin-top: 0;
}

#main_footer {background: #2c2c2c; padding: 10px; color:#fff;}
#main_footer .cards {display:inline-block; vertical-align:top; width:35%; font-size:0.9em;}
#main_footer a {text-decoration: underline; position: relative; top: 3px;}

#main_footer .header_phone {color:#fff; display:inline-block; width:64%; font-size:1.5em; text-align:right; vertical-align:middle;}
#main_footer .header_phone .phone_num2 {color:#55c0f8; font-size:1.2em; font-weight:700; display:inline-block; background:url(../img/phone_icon2.png) 5px center no-repeat; padding:5px 7px 5px 40px; border:1px solid #55c0f8; line-height:32px;}
#main_footer .header_phone small {margin-top: 5px; font-size: 0.55em; display: block;}

#main_footer .email_support {display:inline-block; background:url(../img/email_icon2.png) left center no-repeat; padding:0 0 0 40px; line-height:24px; color:#fff; font-size:0.6em; text-decoration:none; margin-bottom:8px;}

#main_footer .copyright {padding:1em 0; text-align:center; font-size:0.85em;} 
#main_footer .copyright a {color:#fff;}

@media all and (max-width: 960px) {
	.contact_num strong {font-size:20px;}
	.bordered_content .padd {padding:15px;}
}
@media all and (max-width: 780px) {
	.padd {padding:15px 10px;}
	.contact_num strong {font-size:15px;}
}
@media all and (max-width: 700px) {
	.left_col {float:none; width:100%; margin-bottom:10px;}
	.right_col {margin-left:0;}	
}
@media all and (max-width: 650px) {
	.phone_num {margin:10px 0 0 0;}
	.phone_num .number strong {font-size:18px;}
	.language_switch {right:10px; top:8px;}
	.half_width {width:100%; margin-left:0; float:none; margin-top:10px;}
	.half_width:first-child {margin-top:0;}
	.contact_num strong {font-size:20px;}
	.visitor_info .title {font-size:16px; padding:10px 4%;}
	.visitor_info .content {padding:4% 4% 30px 4%;}
	.visitor_info .greeting {font-size:18px;}	
}

@media all and (max-width: 500px) {
	#main_footer .header_phone {width:64%; font-size:1em;}
	#main_footer .cards {display:block; width:100%; font-size:0.9em; text-align:center;}
	#main_footer .header_phone {width:100%; display:block; text-align:center; margin-top:10px;}
	.phone_num {background:none; min-height:0; padding:0; margin:14px 0 0 0;}
	.solution_content form {margin-top:10px;}
	.solution_content form label {display:block; white-space:normal; margin-bottom:4px; width:100%;}
	.solution_content form input {margin:0; border:none; width:100%;}
	.solution_content form span {display:block; padding-left:0;}
	.solution_content .button {padding:8px 0; width:22%; float:right; font-size:12px; margin-top:16px;}
}
@media all and (max-width: 420px) {
	.logo {float:left; width:42%;}
	.phone_num .number span {font-size:11px;}
	.phone_num .number strong {font-size:16px;}
	.solution_content {margin-top:10px;}
	.input_table_1 {width:100%;}
	.input_table_1 label {min-width:20%;}
	.input_table_2 {width:48%; margin-right:2%;}	
	.input_table_2 label {width:100%;}
	.solution_content .button {padding:8px 0; width:32%; float:none; font-size:12px; margin-top:8px;}
	.padd {padding:10px 1%;}
	.contact_num {background-size:20%; background-position:left center; min-height:69px; padding:10px 0 0 70px; font-size:16px;}
	.contact_num strong {font-size:16px;}
}