@charset "utf-8";
/* CSS Document */
body {margin:0; background-color:#747474; font-size:0.9em; font-family: 'Open Sans', sans-serif; line-height:normal; color:#666666;}
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
h1,h2,h3,p,ul,ol,li,form,dl,dd,ins {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 #02b3ad; 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;}
ins {text-decoration:none;}
p {margin:15px 0 0 0;}
p:first-child {margin:0;}

.right {float:right;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.button {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#02b3ad; color:#fff; text-decoration:none; padding:0 15px; line-height:2.8em; display:inline-block; text-transform:uppercase; font-size:1.1em; vertical-align:middle; text-align:center; transition: all 0.5s ease;}
.button:hover {background-color:#1cc9c3;}
.grey_bg {background-color:#efefef; position:relative;}
.dark_grey_bg {background-color:#666666;}
.color_green {color:#02b3ad;}
.padd {margin:0 20px;}
.email_contact {display:block; color:#666666; font-size:1em;}
.email_contact img {margin-right:10px;}

#main_header {background-color:#02b3ad; padding:1.5em 0;}

.title_h2 {text-transform:uppercase; text-align:center; font-size:1.9em; padding:0.5em 0;}
.title_h2:after {width:20%; display:block; margin:0 auto; content:""; height:2px; background-color:#02b3ad; margin-top:5px;}
.title_h2_left {text-align:left;}
.title_h2_left:after {display:none;}
.title_h2_left span {display:inline-block;}
.title_h2_left span:after {width:100%; display:block; margin:5px 0 0 0; content:""; height:2px; background-color:#02b3ad;}
.outer {max-width:1200px; margin:0 auto;}
.logo a {display:inline-block; width:50%; vertical-align:middle;}
.logo span {display:inline-block; width:50%; vertical-align:middle; font-size:1.1em; color:#fff237; text-align:right;}

#main_content {background-color:#fff;}
.navigation {text-transform:uppercase; padding:0 1.2em; position:relative; z-index:10; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height:48px;
-moz-box-shadow:    0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
box-shadow:         0 2px 2px rgba(0,0,0,0.2);}
.navigation .title {padding:16px 0 0 0; display:inline-block;}
.navigation nav {float:right; width:30%; text-align:center; margin:4px 3% 0 0;}
.navigation nav ul {}
.navigation nav li {float:left; font-weight:700; width:33.33%; line-height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.navigation nav li a {color:#343434; text-decoration:none; display:block; width:100%; transition: all 0.4s ease;}
.navigation nav li a:hover, .navigation nav .active a {background-color:#fff237; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.navigation nav li a span {font-size:0.8em; color:#02b3ad;}
.navigation nav .active {padding:0 1px;}
.flags {float:right;}
.flags a {display:inline-block; margin:15px 0 0 5px;}

.main_wrap {position:relative;}
.main_wrap::before {position:absolute; background-color:#d7d7d7; width:1px; display:block; content:""; left:370px; height:100%;}
.main_wrap::after {position:absolute; content:""; width:1px; height:50px; bottom:0; left:370px; background:#fff url(../img/vertical_bg.png) right bottom no-repeat; z-index:20;}

.split_content {position:relative; z-index:5;}
.split_content .left_content {width:30.5%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 2%;}
.split_content .right_content {width:69.5%; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:20px 2%;}
.split_content .line_bg {position:absolute; height:1px; bottom:0; left:30.5%; right:0; background:url(../img/left_corner_bg.png) left bottom no-repeat;}


.split_content::before {position:absolute; content:""; display:block; width:1px; left:30.5%; top:0; bottom:0; background-color:#d7d7d7;}
.split_content::after {background:url(../img/right_corner_bg.png) right bottom no-repeat; content:""; left:0; bottom:0; width:30.5%; display:block; height:1px;}

.split_content .email_contact {padding-top:10px;}
.split_content .user_txt {display:block; background:url(../img/user_icon.png) left 5px no-repeat; font-size:1em;}
.split_content .user_txt p {padding:0 0 0 50px;}

.important {}
.important .title {text-transform:uppercase; font-weight:700; font-size:1.2em;}
.important p {margin:10px 0 0 0;}
.important ul {margin:10px 0 0 0;}
.important ul li {background:url(../img/bullet_point.png) left 6px no-repeat; padding:0 0 0 17px; margin-bottom:5px; line-height:19px;}

.phone_num {font-size:1.1em; text-transform:uppercase; font-weight:bold; padding:10px 0 15px;}
.phone_num i {line-height:1em; display:block;}
.phone_num strong {display:block; font-size:2.3em; background:url(../img/phone_icon_green.png) left center no-repeat; background-size:contain 80%; padding:0 0 0 25px; line-height:1em; margin-bottom:5px;}

.solutions {margin-bottom:4px;}
.solutions:last-child {margin-bottom:0;}
.solution form {padding:15px 0 0 0; text-align:justify;}
.solution form:after {content:""; display: inline-block; width: 100%;}
.solution input {border:1px solid #02b3ad; padding:12px 6px; margin-right:12px; width:90%; display:inline-block;}
.solution label {display:inline-block; vertical-align:middle;}
.solution .email_input {width:53%;}
.solution {position:relative; padding:0 0 0 60px;}
.solution .number {position:absolute; left:0; top:0; background:url(../img/circle.png); width:44px; height:44px; text-align:center; line-height:44px; color:#666666; font-weight:bold; font-size:1.9em;}

.solution .solution2 input { width:170px; }
.solution .email_input {width:35%;}
.solution .captcha {padding:10px 0;}

.contact::before {background:url(../img/vertical_bg.png) left bottom no-repeat;}
.contact_us {text-transform:uppercase;}
.contact_us span {font-size:1.3em; display:inline-block; padding-top:8px; margin-right:10px; margin-bottom:10px;}
.contact_us a {background-color:#666666; display:block; float:right; padding:0 25px;}


/* SUPPORT */
.left_col {width:370px; position:relative; float:left; padding-bottom:60px;}

.main_support {margin-left:371px; padding-bottom:50px;}
.personel_title {background-color:#fff237; text-align:center; padding:10px 0; color:#343434; text-transform:uppercase; font-weight:bold; font-size:1.1em;}
.secure_connection {background:url(../img/lock_icon.png) left top no-repeat; display:inline-block; padding:0 0 0 46px; font-size:1.6em; text-align:center; font-weight:700; line-height:0.9em; min-height:40px; margin-top:20px;}
.members_connection {background:url(../img/personel_icon.png) left top no-repeat;}
.secure_connection small {font-weight:normal; display:block; font-size:0.6em;}
.connection_form {width:80%; margin:20px auto 0 auto;}
.connection_form label {display:block; margin-bottom:3px; color:#888888;}
.connection_form input {width:100%; padding:12px 6px; margin-bottom:10px;}
.connection_form .button {width:60%; margin:0 auto; display:block; margin-top:8px;}
.connection_form .link {text-align:center; margin-top:10px;}
.connection_form .link a {color:#888888;}
.support_phone {background:url(../img/right_corner_bg.png) right bottom no-repeat; padding:10px 0 10px 25px; margin:20px 0 0 0; position:relative;}
.support_phone::before {content:""; height:1px; left:0; top:0; right:0; background:url(../img/right_corner_bg.png) right top no-repeat; display:block; position:absolute;}

.support_contacts {float:left; width:49.5%; padding:20px 0; height:130px; margin-bottom:20px;}
.support_phone_contact {float:right;}
.support_contacts p {margin:20px 20px 0 20px;}
.support_contacts p:first-child {margin-top:0;}
.support_contacts .title {font-size:1.7em; text-transform:uppercase; width:45%; border-bottom:2px solid #02b3ad; font-weight:700; padding:0 0 10px;}
.support_contacts .email_contact {font-size:1.4em; line-height:1.8em;}
.support_contacts .phone {font-size:2.1em; line-height:1.3em; font-weight:700; background:url(../img/phone_icon_green.png) left 5px no-repeat; padding:0 0 0 25px; min-height:40px;}
.cards {padding:10px; position:absolute; bottom:0; left:0;}

.faq {float:none; width:100%; height:auto;}

.collapse {margin:0 0 18px 20px;}
.collapse .header {background:url(../img/faq_icon.png) left top no-repeat; padding:5px 0 0 60px; min-height:38px; cursor: pointer; font-weight: 700; font-size:1.5em;}
.collapse .content {display: none; padding:0 0 0 60px; font-size:1.1em;}
.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;}

.page_error {padding:30px;}
.page_error h3 {margin-top:15px;}
.page_not_found {margin:0 30px; padding-bottom:20px; border:1px solid #e9e8e7;}
.page_not_found .title {background-color:#1cc9c3; color:#000; padding:7px 15px; font-size:1.3em;}
.page_not_found p {padding:0 20px; margin:15px 0 0 0; font-size:1em;}

/* Members area */
.row4 {font-size:1.1em; float:left; width:100%; margin:10px 0; overflow:auto;}
.row4 dl {display:block; width:100%; background-color:#efefef;}
.row4 dl:nth-child(2n+2) {background-color:#fff;}
.row4 dd {width:32%; margin-right:0.5%; display:block; float:left; padding:8px 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.row4 dd:last-child {width:14.5%; margin:0;}
.row4 dd:nth-child(3n+3) {width:20%;}
.row4 .title dd {background-color:#02b3ad; color:#fff;}

.question_form {background-color:#efefef; padding:20px 2%; margin-top:20px;}
.question_form input {border:1px solid #02b3ad; padding:8px 10px; width:100%; font-size:1.1em; margin-bottom:10px;}
.question_form textarea {border:1px solid #02b3ad; padding:8px 10px; width:100%; margin-bottom:15px; height:100px; resize:none; font-size:1.1em;}
.question_form .button {padding:0 40px;}

.mes_abonnements {font-size:1.1em; text-align:center; color:#888888; margin:10px 0 20px;}
.mes_abonnements span {display:inline-block; background:url(../img/bullet_point.png) no-repeat; width:9px; height:8px; vertical-align:middle; margin-right:6px;}

.ticket_reading {margin:12px 0 17px 0;}
.ticket_reading dd {font-size:1.2em; display:table-row;}
.ticket_reading span {display:table-cell; padding:10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right:5px solid #fff;}
.ticket_reading span:first-child {width:20%; background-color:#fff237;}
.ticket_reading span:last-child {background-color:#efefef; width:80%;}

.purchases {padding:25px 0 10px;}
.purchases .title {font-size:1.3em;}
.purchases .title span {background:url(../img/bullet_point.png) left 7px no-repeat; font-size:0.8em; padding-left:16px; display:block; margin-top:4px;}

.col3 {font-size:1.2em; margin-top:15px; overflow:auto;}
.col3 dd {display:table-row;}
.col3 span {display:table-cell; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:35%; padding:10px; background-color:#efefef; border-right:5px solid #fff;}
.col3 span:last-child {border-right:0;}
.col3 span:first-child {width:30%;}
.col3 .title {color:#fff; background-color:#02b3ad;}
.col3 .title span {background:none;}
.col3 .button {font-size:0.8em;}
.col3 li {background:url(../img/bullet_point.png) left 10px no-repeat; padding-left:16px; margin-bottom:2px;}

.table_content td {background-color:#efefef; border-right:5px solid #fff; vertical-align:top;}
.table_title td {color:#fff; background-color:#02b3ad;}
.table_content td:last-child {border:none;}
.table_content li {background:url(../img/bullet_point.png) left 7px no-repeat; padding-left:16px; margin-bottom:2px;}

.close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../img/close_black.gif) no-repeat;
    width: 14px;
    height: 14px;
    opacity: .4;
}

#main_footer {padding:15px 2% 25px 2%; color:#fff; font-size:0.8em;}
#main_footer a {color:#fff;}

button
{
	border:none;
	cursor:pointer;
}

@media all and (max-width: 1220px) {
	#main_header {background-color:#02b3ad; padding:1.2em 10px;}
	.solution form {padding:15px 0 0 0; text-align:left;}
	.solution .solution2 label {display:block; margin:0 0 3px;}
	.solution .solution2 input {margin-bottom:5px; width:300px;}
	.solution .solution2 .button {display:table; margin:10px 0 0 0;}
	.solution .email_input {width:40%;}
	
	.left_col {width:320px;}
	.main_support {margin-left:321px;}
	.main_wrap::before {left:320px;}
	.main_wrap::after {left:320px;}
}
@media all and (max-width: 1000px) {
	body {font-size:0.8em;}
	.solution input {padding:9px 6px;}
	.left_col {width:280px;}
	.main_support {margin-left:281px;}
	.main_wrap::before {left:280px;}
	.main_wrap::after {left:280px;}
	.col3 li {background:url(../img/bullet_point.png) left 8px no-repeat;}
}
@media all and (max-width: 860px) {
	.solution label {display:block;}
	.phone_num {font-size:1em;}
	.support_contacts {float:none; width:100%; height:auto;}
	.support_phone_contact {float:none;}
}
@media all and (max-width: 760px) {
	body {font-size:0.8em;}
	.solution input {padding:12px 6px;}
	.split_content .left_content {width:100%; float:none; padding:10px 2%;}
	.split_content .right_content {width:100%; float:none; padding:10px 2%;}
	.split_content::before {display:none;}
	.split_content::after {width:100%;}
	.split_content .line_bg {display:none;}
	.navigation nav {float:none; width:auto; margin-right:0; text-align:left; padding:10px 0 10px 0;}
	.navigation nav li {width:auto; line-height:24px;}
	.navigation nav li a {padding:0 5px; width:auto;}
}
@media all and (max-width: 660px) {
	.solution .solution2 .button {margin:0;}
	.solution .button {display:table;}
	.solution .solution2 input {width:90%;}
	.solution input {width:90%;}
	.solution .email_input {width:90%; margin-bottom:10px;}
	.left_col {float:none; width:100%; border:none;}
	.main_support {margin-left:0;}
	.left_col::after {display:none;}
	.main_wrap::before {display:none;}
	.main_wrap::after {display:none;}
}
@media all and (max-width: 440px) {
	body {font-size:0.7em;}
	.logo span {display:none;}
	.flags {float:none; display:block;}
	.solution {position:relative; padding:0;}
	.solution .number {position:relative; left:auto; top:auto; display:block;}
	.solution .email_input {width:90%;}
	
}