@charset "utf-8";
/* CSS Document */
body {margin:0; background-color:#2c2c2c; font-size:0.9em; font-family: 'Open Sans', sans-serif; line-height:normal; color:#000;}
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
h1,h2,h3,p,ul,ol,li,form {margin:0; padding:0; border:none;}
ul,li {list-style:none;}
input,textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff; border:1px solid #d5d5d5; vertical-align:middle; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: 'Open Sans', sans-serif;}
img {vertical-align:middle; border:none;}
strong {font-weight:700;}
table {border-collapse: collapse;}
p {margin:15px 0 0 0;}
p:first-child {margin:0;}

.text-center {text-align:center;}
.text-right {text-align:right;}
.h2_title {color:#55c0f8; font-size:2.5em; line-height:1.1em; font-weight:400; padding-bottom:10px; margin-top:15px;}
.h2_title a {font-size:0.4em; color:#000; display:block; line-height:1.4em;}
.button {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#55c0f8; color:#fff; text-decoration:none; padding:0 15px; line-height:2.4em; display:inline-block; font-size:1.05em; vertical-align:middle; text-align:center; transition: all 0.5s ease; border:0; cursor:pointer;}
.button:hover {background-color:#37a9e5;}
.color_blue {color:#55c0f8;}
.color_black {color:#000;}

#main_header {padding:1em 0;}
.wrapper {background-color:#fff; padding-bottom:40px;}
.outer {max-width:1200px; margin:0 auto;}

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

.menu {padding:10px 0 0 0;}
.menu ul li {float:left; padding:0 50px 0 0;}
.menu ul li a {color:#000; text-decoration:none;}
.menu ul li .active, .menu ul li a:hover {color:#55c0f8;}

.languages {float:right; padding:10px 0 0 0; text-transform:uppercase;}
.languages a {color:#000; margin:0 0 0 16px; border-bottom:2px solid #fff; text-decoration:none;}
.languages .active, .languages a:hover {border-bottom-color:#55c0f8;}

.solutions {position:relative; margin-top:25px;}
.solution_bg1 {position:absolute; left:0; width:31%; top:0; bottom:0; background-color:#eeeeee; z-index:5;}
.solution_bg2 {position:absolute; left:34.5%; width:31%; top:0; bottom:0; background-color:#eeeeee; z-index:5;}
.solution_bg3 {position:absolute; right:0; width:31%; top:0; bottom:0; background-color:#eeeeee; z-index:5;}
.solution {position:relative; float:left; text-align:center; width:31%; z-index:10;}
.solution_mid {margin:0 3.5%;}
.solution .number {display:block; position:absolute; left:4px; top:4px; width:50px; height:50px; text-align:center; line-height:50px; color:#55c0f8; font-size:2.4em; background-color:#fff;}
.solution .number sup {font-size:0.35em;}
.solution .title {font-size:2.2em; padding-top:15px;}
.solution p {font-size:0.9em; margin:0 3%;}
.solution form {margin:0 6%; padding:15px 0 20px 0;}
.solution .digits_input {padding-top:60px;}
.solution .email_input {padding-top:45px;}
.solution form input {width:100%; padding:8px 6px; margin-bottom:5px;}
.solution form label {display:block; margin-bottom:2px; text-align:left; font-size:0.8em;}
.solution form .button {margin-top:20px;}
.solution .digits_input .button {margin-top:54px;}
.solution .email_input .button {margin-top:52px;}
.contact_title {font-size:1.3em; padding:30px 0 20px;}

.bottom_content {background:url(../img/user_icon.png) 20px center no-repeat; padding:30px 10px 30px 68px; border:1px solid #d5d5d5; font-size:0.95em; margin-top:40px;}
.email_support {display:inline-block; background:url(../img/email_icon.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 {padding:1em 0; color:#fff;}
#main_footer .cards {display:inline-block; vertical-align:top; width:35%; font-size:0.9em;}
#main_footer .header_phone {font-size:1.3em;}
.copyright {padding:1em 0; text-align:center; font-size:0.8em;} 
.copyright a {color:#fff;}

.login {width:370px; float:left; background-color:#eeeeee; margin-top:40px; padding:14px 0; text-align:center;}
.login_title {font-size:2em;}
.login_title small {display:block; font-size:0.5em;}
.login form {margin:20px 5% 0 5%;}
.login form label {font-size:0.9em; display:block; margin-bottom:2px; text-align:left;}
.login form input {width:100%; padding:10px 6px; margin-bottom:8px;}
.login .pass_retrieve {font-size:0.8em; color:#000;}
.login .button {margin-top:12px; padding-left:30px; padding-right:30px;}

.main_col {margin-left:420px; padding-top:15px;}
.faq_content {min-height:600px;}
.support_content {min-height:400px;}
.support_email {display:inline-block; border:1px solid #d5d5d5; color:#000; background:url(../img/email_icon_big.png) 15px center no-repeat; line-height:100px; font-size:1.4em; vertical-align:middle; padding:0 15px 0 80px; float:left; margin:15px 0 0 0;}
.support_phone {display:inline-block; border:1px solid #d5d5d5; color:#000; background:url(../img/phone_icon_big.png) 15px center no-repeat; font-size:2.0em; line-height:100px; vertical-align:middle; padding:0 45px 0 80px; float:right; margin:15px 0 0 0;}

.collapse {margin:20px 0 18px 10px; font-size:1.5em;}
.collapse .header {padding:0 0 0 40px; min-height:29px; line-height:29px; cursor: pointer; font-weight:500;}
.collapse .plus {background:url(../img/faq_plus.png) left top no-repeat;}
.collapse .minus {background:url(../img/faq_minus.png) left top no-repeat;}
.collapse .content {display: none; padding:0 0 0 40px; font-size:0.7em;}
.collapse .content p {margin:15px 0 0 0;}
.collapse .content ul {margin:15px 0 0 0; list-style:none;}
.collapse .content p:first-child {margin-top:5px;}
.collapse .content ul li {list-style:none; margin-bottom:5px; padding-left:16px; background:url(../img/bullet_point.png) left 8px no-repeat;}

.page_not_found {margin-top:20px; padding-bottom:20px; border:1px solid #e9e8e7;}
.page_not_found .title {background-color:#414140; color:#fff; padding:7px 15px; font-size:1.4em;}
.page_not_found p {padding:0 20px; margin-top:15px;}

/* Members area */

.my_subscriptions {border-bottom:1px solid #d5d5d5; margin:0 15px; font-style:italic; padding:15px 0 10px;}
.my_subscriptions a {color:#000; text-decoration:none;}
.my_subscriptions a:hover {text-decoration:underline;}
.members_popup {background-color:#eeeeee; padding:25px; position:relative;}
.members_popup .close {position:absolute; right:10px; top:10px; display:block; background:url(../img/close.png) center center no-repeat; width:20px; height:20px;}

.subscription_count {font-size:1.2em; margin:25px 0 0 0;}
.subscription_count span {display:block; background:url(../img/arrow.png) left 7px no-repeat; padding:0 0 0 22px; margin-top:4px;}
.subscriptions_table {overflow:auto;}
.subscriptions_table table {width:100%; background-color:#2c2c2c; color:#fff;}
.subscriptions_table td {padding:8px 15px; vertical-align:top;}
.subscriptions_table .title td {background-color:#55c0f8; color:#fff; border-bottom:2px solid #fff;}
.subscriptions_table li {background:url(../img/arrow.png) left 5px no-repeat; padding:0 0 0 22px; margin-bottom:5px;}

.ticket_table table {background-color:#eeeeee; color:#000;}
.ticket_table table tr:nth-child(2) {background-color:#fff;}
.ticket_table table td {border:1px solid #d5d5d5; border-left:none; border-right:none;}
.ticket_table table td:first-child {border-left:1px solid #d5d5d5;}
.ticket_table table td:last-child {border-right:1px solid #d5d5d5;}
.ticket_table table .title td:first-child {border-left:1px solid #55c0f8;}
.ticket_table table .title td:last-child {border-right:1px solid #55c0f8;}
.ticket_table table .title td {border:none;}

.question_form {background-color:#eeeeee; padding:15px 20px; margin-top:15px;}
.question_form label {display:block; font-size:0.9em; margin-bottom:2px;}
.question_form input {width:100%; padding:10px; font-size:1em;}
.question_form textarea {width:100%; height:120px; resize:none; padding:10px; font-size:1em;}

.ticket_info {background-color:#2c2c2c; padding:15px 0 5px 15px; color:#fff;}
.ticket_info li {margin-bottom:10px;}
.ticket_info li strong {display:inline-block; width:20%; vertical-align:top; color:#55c0f8; text-align:right; margin-right:1%;}
.ticket_info li span {display:inline-block; width:72%; vertical-align:top;}
 
a.hotline {
	text-decoration: none;
}

/* dialog ui */
.ui-dialog-title      { font-size:90%; }
.ui-dialog-content    { font-size:60%; }
.ui-dialog-content em { font-style:normal; }
.ui-dialog-content em.denomination { display:block; font-weight:bold; color:#369; text-align:center; text-transform:uppercase; }
.ui-button-text { font-size:70%; text-shadow:none; }

.ui-dialog button {
    width: auto;
    height: auto;
}
.ui-dialog p {
	font-size: 13px;
	line-height: normal;
	margin-bottom: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
	padding: 0;
}

/* FAQs */
.faq-list { margin:0; padding:0; list-style:none; }
.faq-list li { margin-bottom:1em; }
.faq-list ul { list-style-type:disc; }

.faq-list a {
	text-decoration: none;
	color:#000;
}

.solution .digits_input .button { margin-top: 10px; }
.solution .digits_input { padding-top: 24px; }

@media all and (max-width: 1220px) {
	.outer {padding:0 1%;}
}
@media all and (max-width: 1150px) {
	.support_email {padding:0 0 0 80px; float:none; width:270px;}
	.support_phone {padding:0 0 0 80px; float:none; width:270px;}
}
@media all and (max-width: 880px) {
	.solution_bg1 {display:none;}
	.solution_bg2 {display:none;}
	.solution_bg3 {display:none;}
	.solution {float:none; width:100%; background-color:#eeeeee; margin-bottom:20px;}
	.solution_mid {margin:0 0 20px;}
	.solution form .button {margin-top:15px;}
	.solution .digits_input .button {margin-top:15px;}
	.solution .email_input .button {margin-top:15px;}
	.solution .digits_input {padding-top:15px;}
	.solution .email_input {padding-top:15px;}
	.login {width:100%; float:none; margin-top:20px; padding:14px 0;}
	.main_col {margin-left:0; padding-top:20px;}
	.support_email {padding:0 15px 0 80px; width:auto; margin-right:2%; font-size:1.1em;}
	.support_phone {padding:0 30px 0 80px; width:auto; font-size:1.8em;}
}
@media all and (max-width: 500px) {
	.header_phone {width:64%; font-size:1em;}
	.languages {float:none; padding:10px 0 5px;}
	.languages a {margin:0 16px 0 0;}
	.menu ul li {padding:0 5% 0 0;}
	.support_email {margin-right:0; font-size:1em; line-height:70px;}
	.support_phone {font-size:1.6em; line-height:70px;}
	#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;}
	.collapse {font-size:1em;}
	.collapse .content {font-size:0.9em;}
	.collapse .content ul li {background:url(../img/bullet_point.png) left 5px no-repeat;}
}