@charset "utf-8";
/* CSS Document */

body {margin:0; font-family: 'Roboto', sans-serif; background-color:#ebebeb; font-size:1em; line-height:normal;}
h1,h2,h3,p,ul,li,form {margin:0; padding:0; border:none;}
ul,li {list-style:none;}
strong {font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
img {vertical-align:middle;}
input {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 6px; background:none; margin:0;}
textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:none; margin:0;}
button {border:none; cursor:pointer;}
p {margin:15px 0 0 0;}
p:first-child {margin-top:0;}
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.green_color {color:#8ba13c;}
.text_right {text-align:right;}
.padd {padding:10px 14px;}
.button {background-color:#8ba13c; color:#fff; text-decoration:none; display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-weight:700;}

#main_header {background-color:#252525;}

.outer {max-width:950px; margin:0 auto;}

#main_header .outer {position:relative; padding-bottom:5px;}

.logo {float:left; margin:35px 0 0 0;}
.phone_num {float:right; font-family: 'Roboto Condensed', sans-serif; color:#fff; font-size:1.4em; margin:20px 0 0 0;}
.phone_num span {font-size:2em; color:#99b242; display:block; line-height:1em;}
.phone_num i {font-size:0.6em; color:#fff; display:block; text-align:right;}

.flags {position:absolute; right:0; top:5px;}
.flags a {display:inline-block; width:18px; height:18px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; margin-left:9px;}
.flags .en {background:url(../img/en.png) center center no-repeat;}
.flags .fr {background:url(../img/fr.png) center center no-repeat;}
.flags .it {background:url(../img/it.png) center center no-repeat;}
.flags .es {background:url(../img/es.png) center center no-repeat;}

.flags .active, .flags a:hover {border:1px solid #3594c8; width:16px; height:16px;}

#main_nav {width:100%; height:50px; position:relative;}
#main_nav ul {height:14px; position:absolute; left:300px; top:20px;}
#main_nav li {float:left; padding:0 15px; border-right:1px solid #484848; font-size:0.9em; line-height:14px;}
#main_nav li:last-child {border-right:none;}
#main_nav a {color:#484848; text-decoration:none;}
#main_nav a:hover {text-decoration:underline;}
#main_nav .active {color:#63713c; font-style:italic; text-decoration:underline;}

.left_col {float:left; width:270px;}
.left_col p {margin:10px 0 0 0;}
.left_col p:first-child {margin-top:0;}

.support_left {height:81px; padding:0 0 0 90px; font-family: 'Roboto Condensed', sans-serif; margin-bottom:20px;
-webkit-border-top-left-radius: 81px;
-webkit-border-bottom-left-radius: 81px;
-moz-border-radius-topleft: 81px;
-moz-border-radius-bottomleft: 81px;
border-top-left-radius: 81px;
border-bottom-left-radius: 81px;}

.email_support {background:#63713c url(../img/mail_icon.png) left center no-repeat; color:#fff;}
.email_support strong {padding:16px 0 5px; display:block;}
.email_support a {color:#fff; display:block; font-size:0.94em;}

.phone_support {background:#63713c url(../img/phone_icon.png) left center no-repeat; color:#c6e06a;}
.phone_support strong {font-size:1.6em; display:block; padding:5px 0 0 0;}
.phone_support span {color:#fff;}
.phone_support i {font-size:0.8em; display:block;}

.important_title {background-color:#63713c; padding:5px 10px; font-size:1.1em; color:#fff; font-weight:400;}
.important {color:#313131; font-size:0.8em; background-color:#fff; padding:15px 10px;}
.important p {margin:15px 0 0 0;}
.important p:first-child {margin-top:0;}
.important ul {margin-top:15px;}
.important ul li {position:relative; padding:0 0 0 12px;}
.important ul li:before {position:absolute; left:0; top:6px; width:6px; height:6px; display:block; content:""; background-color:#8ba13c;}

#main_content {margin-left:300px;}
.index_h2 {margin:25px 10px 0 10px; font-size:1.4em;}
.index_h2 span {display:block; font-weight:normal; font-size:0.65em; font-family: 'Roboto Condensed', sans-serif; padding-top:8px;}

.user {background:#252525 url(../img/user_icon.png) left center no-repeat; height:83px; padding:0 0 0 95px; color:#fff;
-webkit-border-top-left-radius: 83px;
-webkit-border-bottom-left-radius: 83px;
-moz-border-radius-topleft: 83px;
-moz-border-radius-bottomleft: 83px;
border-top-left-radius: 83px;
border-bottom-left-radius: 83px;}
.user p {padding:20px 0 0 0; font-size:0.9em;}
.user_contacts {background:#252525 url(../img/mail_icon2.png) left center no-repeat; height:81px; margin-bottom:20px;}
.user_contacts p {font-size:1.4em; line-height:81px; padding:0 0 0 20px;}
.user_contacts a, .user_contacts span {color:#f49e00;}
.user_phone {background:#252525 url(../img/phone_icon2.png) left center no-repeat;}

/* Solutions */
.solutions {background-color:#fff; padding-bottom:15px; margin-top:20px;}
.solution_title {background-color:#252525; color:#f4a101; margin:20px 0 0 0; font-size:1em; padding:8px 15px;}
.solutions .captcha {padding:10px 0 15px;}
.solutions p {margin:15px 15px 0 15px;}
.solutions form {margin:10px 15px 0 15px;}
.solutions form label {vertical-align:middle; display:inline-block; margin-right:6px; font-size:0.8em;}
.solutions form input {border:1px solid #f4a000; vertical-align:middle; line-height:32px; margin-right:10px; width:25%; padding:0 5px;}
.solutions form .email {width:45%;}
.solutions form button {line-height:32px; color:#fff; background-color:#f4a000; text-decoration:none; padding:0 10px; display:inline-block; vertical-align:middle;}
.solutions .bottom {border-top:1px solid #ebebeb; margin:20px 0 0 0; padding:10px 10px 0 10px;}
.solutions .card_num {width:100%; margin-top:5px;}

/* Members area */
.row3 {padding:10px 20px; font-size:0.8em;}
.row3 span {display:inline-block; width:33%; margin-right:4.5%; vertical-align:top;}
.row3 span:first-child {width:24%;}
.row3 span:last-child {margin-right:0;}
.row3 .button {padding:5px 10px;}

.solution_title .row3, .solution_title .row4 {background-color:#252525; color:#f4a101; font-size:1em; padding:2px 5px;}
.solutions .row3 p {margin:10px 0 0 0;}

.row4 {padding:10px 20px; font-size:0.8em;}
.row4 span {display:inline-block; width:24%; margin-right:1%; vertical-align:top;}
.row4 span:nth-child(3n+3), .row4 span:last-child {text-align:center;}

.support_connection {color:#313131; background:#fff url(../img/lock.png) 10px 10px no-repeat; padding:15px 0; font-size:0.8em; margin-bottom:20px;}
.support_connection p {margin:10px 0 0 0;}
.support_connection p:first-child {margin:0;}
.support_connection form {margin:0 15px 0 80px;}
.support_connection .title {color:#63713c; font-size:1.3em;}
.support_connection form label {display:block; margin:8px 0 2px;}
.support_connection form input {width:100%; border:1px solid #cecece; line-height:32px;}
.support_connection form .button {padding:5px 10px;}
.support_connection form i a {color:#8ba13c;}
.support_connection .content {margin:0 15px 0 75px;}
.disconnect_link {color:#313131; text-decoration:none;}
.disconnect_link span {color:#cb870a;}
.user_icon {background:#fff url(../img/user_icon_green.png) 10px 10px no-repeat;}

.operator {background-color:#fff; margin-bottom:20px;}
.operator .phone_number {color:#8ba13c; font-size:2.4em; line-height:0.8em;}
.operator .phone_number span {color:#c6e06a;}
.operator i {font-size:0.7em; display:block;}
.operator2 {background:#fff url(../img/round_photo.png) left center no-repeat; height:81px; padding:0 0 0 90px; font-size:0.85em; margin-bottom:20px;
-webkit-border-top-left-radius: 81px;
-webkit-border-bottom-left-radius: 81px;
-moz-border-radius-topleft: 81px;
-moz-border-radius-bottomleft: 81px;
border-top-left-radius: 81px;
border-bottom-left-radius: 81px;}
.operator2 .title {padding:10px 0 5px; color:#63713c; font-size:1.2em;}
.operator2 ul li {position:relative; padding:0 0 0 14px; margin-bottom:2px;}
.operator2 ul li:before {background-color:#8ba13c; width:6px; height:6px; display:block; position:absolute; content:""; left:0; top:5px;}

.cards {font-size:0.8em; background-color:#fff;}

#main_footer {font-size:0.75em; padding:25px 0 35px; color:#9f9f9f;}
#main_footer a {float:right; color:#9f9f9f;}

/* Accordeon */
.ui-accordion {margin-top:20px;}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 15px 30px;
	padding: 0;
	min-height: 0; /* support: IE7 */
	outline:none;
	font-size:1.05em;
}
.ui-state-default:before {background:url(../img/arrows.png) left top no-repeat; width:10px; height:7px; position:absolute; content:""; left:0; top:8px;}
.ui-accordion .ui-accordion-icons {padding-left: 1.1em;}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {padding-left: 1.1em;}
.ui-state-active {color:#63713c;}
.ui-state-active:before {background:url(../img/arrows.png) left bottom no-repeat; width:10px; height:7px; position:absolute; content:""; left:0; top:8px;}
.ui-accordion-content {overflow:auto; background-color:#fff; margin:0 0 1em 60px; padding:10px 15px;}
#accordion ul {margin-left:15px;}
#accordion li {list-style:disc; margin-bottom:8px;}

#main_content .faq_title {color:#63713c; font-size:1.8em;}
#main_content .faq_title a {font-size:0.5em; float:right; color:#313131; font-weight:400; margin-top:7px;}

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

.purchase_popup {background-color:#fff; padding:20px; position:relative;}
.purchase_popup .close {position:absolute; right:12px; top:5px; text-decoration:none; color:#8ba13c; font-weight:bold; font-size:17px; line-height:20px; font-family:Verdana, Geneva, sans-serif;}
.purchase_popup .title {text-align:center; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#63713c; font-size:1.7em;}
.purchase_popup p {margin:15px 0 0 0;}

.subscriptions_found {margin:15px 0 0 30px; padding:0 0 0 17px; position:relative;}
.subscriptions_found span {position:absolute; background:url(../img/arrows.png) right top no-repeat; width:6px; height:10px; display:block; left:0; top:5px;}
.subscription_title {margin-top:30px; font-size:1.3em; font-family: 'Roboto Condensed', sans-serif;}
.subscription_title small {font-weight:400;}

.question_form {background-color:#fff; padding:25px 2%; margin-top:20px;}
.question_form input {background:none; width:66%; display:inline-block; vertical-align:top; border:1px solid #e1e1e1; line-height:34px;
-moz-box-shadow:    inset 0 0 4px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
box-shadow:         inset 0 0 4px rgba(0,0,0,0.1);}
.question_form textarea {width:66%; vertical-align:top; display:inline-block; border:1px solid #e1e1e1; resize:none; height:130px; padding:9px;
-moz-box-shadow:    inset 0 0 4px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
box-shadow:         inset 0 0 4px rgba(0,0,0,0.1);}
.question_form input:focus, .question_form textarea:focus {border-color:#a1b16c;}
.question_form label {display:inline-block; width:30%; vertical-align:top; font-size:0.9em; text-align:right; margin-right:2%; padding-top:9px;}
.question_form .button {padding:8px 8%; margin-left:32%;}

.ticket-reading li {margin-bottom:10px;}
.ticket-reading li:last-child {margin-bottom:0;}
.ticket-reading span {display:block; float:left; width:46%; text-align:right;}
.ticket-reading ins {text-decoration:none; display:block; margin-left:48%;}
.ticket-reading .button {margin:10px 0 0 0;}

@media all and (max-width: 960px) {
	body {padding:0 5px;}
	.logo {margin:35px 0 0 10px;}
	.phone_num {margin:20px 10px 0 0;}
	.flags {right:10px; top:5px;}
	.solutions form label {vertical-align:middle; display:block; margin:0 0 6px;}
	.solutions form input {width:60%; margin:0 10px 10px 0;}
	.solutions form .email {width:55%;}
	.solutions form button {margin:0 0 10px;}
	.user p {padding:10px 0 0 0;}
	.solutions .captcha {padding:0 0 8px;}
}
@media all and (max-width: 700px) {
	body {font-size:0.9em;}
	.solutions form input {width:100%; margin:0 0 10px 0;}
	.solutions form .email {width:100%;}
	.solutions form button {margin:0; display:block; padding:0; text-align:center;}
	.user p {padding:5px 0 0 0; font-size:0.9em;}
	#main_content {margin-left:280px;}
	#main_nav ul {position:absolute; left:280px;}
}
@media all and (max-width: 670px) {
	body {font-size:0.9em;}
	.left_col {float:none; width:100%;}
	#main_content {margin-left:0;}
	#main_nav ul {left:0;}
}
@media all and (max-width: 470px) {
	.phone_num {font-size:1em;}
	.solutions form {margin:10px 5px 0 5px;}
	.solutions form button {margin:0 0 10px; width:100%;}
	.user p {font-size:0.8em;}
}