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

body {margin:0; font-family: 'Open Sans', sans-serif; background-color:#eceff1; font-size:0.8em; line-height:normal; color:#455a64;}
h1,h2,h3,p,form {margin:0; padding:0; border:none;}
button {border:none; cursor:pointer;}
a {color:#455a64;}
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
strong {font-weight:700;}
p:first-child {margin-top:0 !important;}
img {vertical-align:middle; border:none;}
input {border:1px solid #cfd8dc; background:none; padding:0 6px; line-height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align:middle;}
.button {background-color:#0091ea; display:inline-block; vertical-align:middle; text-decoration:none; color:#fff; text-align:center; line-height:42px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:700; padding:0 20px; transition: all 0.5s ease;}
.button:hover {background-color:#19a2f6;}

.shadow {
	-webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:    0 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow:         0 2px 2px 0px rgba(0,0,0,0.1);
}

hr {border:none; border-bottom:1px solid #e0e0e0; margin:1em 0 0 0; height:10px; width:100%; display:block;}
.text-center {text-align:center;}
#main_header {background-color:#fff; width:100%; padding:2em 0;}

.main_menu {margin-bottom:20px;}
.main_menu a {text-decoration:none; margin:0 3px;}
.main_menu a:hover {text-decoration:underline;}
.main_menu .active {color:#0091ea;}

/* main nav*/


.main-nav {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    border-top: 1px solid #cfd8dc;
    margin-bottom: 2em;
}

.main-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display                 : -ms-flexbox;
    display                 : -webkit-flex;
    display                 : flex;
    -webkit-justify-content : space-between;
    -ms-flex-pack           : justify;
    justify-content         : space-between;
    -webkit-align-content   : stretch;
    -ms-flex-line-pack      : stretch;
    align-content           : stretch;
}

.main-nav li {
    -webkit-flex : 1 1 auto;
    -ms-flex     : 1 1 auto;
    flex         : 1 1 auto;
}

.main-nav li a {
    display: block;
    text-align: center;
    padding: 1em;
    border-left: 1px solid #cfd8dc;
    border-right: 1px solid #cfd8dc;
    margin-left: -1px;
}

.main-nav li a {
    text-decoration: none;
}

.main-nav li a:hover {
    background: #eceff1;
}

.main-nav li.active a {
    background: #0091ea;
    color: #fff;
}

/*info logged*/

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

.logo {float:left; margin:-3px 0 0 0;}

.header_phone {margin:0 0 0 32%; background:url(../img/phone_icon.png) left 4px no-repeat; padding:0 0 0 44px; min-height:41px;}
.header_phone span {font-size:24px; line-height:26px; display:block;}
.header_phone small {line-height:16px; display:block;}

.languages {float:right; margin:5px 0 0 0;}
.languages a {color:#787d80; text-decoration:none; display:inline-block; width:32px; height:32px; line-height:32px; text-align:center; text-transform:uppercase; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px;}
.languages .active, .languages a:hover {background-color:#00bfa5; color:#fff;}

.left_col {float:left; width:265px; margin-bottom:20px;}
.left_col .left_content {border-top:4px solid #00bfa5; background-color:#fff; margin-bottom:20px; padding:25px 0;}
.left_content .title {text-align:center; font-size:1.3em;}

.login_form {padding:0 20px;}
.login_form label {display:block; margin:10px 0 3px;}
.login_form input {width:100%;}
.login_form .button {width:100%; display:block; padding:0; margin:15px 0 5px;}
.login_form .retrieve {color:#263238;}

.email_link {background:url(../img/email_icon.png) center top no-repeat; padding:60px 0 0 0; display:block; text-align:center; color:#263238; text-decoration:none;}
.phone_number {text-align:center; background:url(../img/phone_icon_grey.png) center top no-repeat; padding:64px 0 0 0; margin-top:25px;}
.phone_number span {font-size:2em; display:block;}
.phone_number small {display:block;}

.cards {font-size:0.9em;}
.cards img {margin-right:5px;}

.main_content {margin-left:32%;}
.popup {padding:28px; position:relative; background-color:#fff; margin-bottom:20px;}
.popup .close {position:absolute; right:10px; top:10px; background:url(../img/close.png); width:14px; height:14px; display:block;}
.popup .photo {width:18%; margin-right:4%;}
.popup p {font-size:1.4em; display:inline-block; vertical-align:middle; width:76%;}

.solutions h2 {background-color:#00bfa5; color:#fff; padding:20px 30px; font-weight:normal;}
.solutions_content {padding:25px 4%; background-color:#fff;}
.solutions_content h3 {font-weight:400; font-size:1.8em; margin-top:25px;}
.solutions_content h3:first-child {margin-top:0;}
.solutions_content ul {font-size:1.2em;}
.solutions_content ul li {margin-bottom:15px;}
.solution_title {font-size:1.6em; margin-top:1.5em;}
.solutions_content p {font-size:1.2em; margin:0.5em 0 0 0;}
.faq .solutions_content p {font-size:1.2em; margin:1em 0 0 0;}
.solutions form {margin-top:1em;}
.solutions label {display:block; margin-bottom:4px;}
.solutions .login_solution input {width:100%; margin-bottom:14px;}
.solutions .single_input input {width:60%;}
.solutions .single_input .button {-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;}
.solutions .captcha {padding:10px 0 15px;}

.support_info {padding:70px 0 90px; margin-bottom:40px;}
.solutions_content .email_link {display:inline-block; font-size:1.4em; background:url(../img/email_icon_big.png) center top no-repeat; padding:130px 0 0 0; width:48%; vertical-align:middle; margin:0;}
.solutions_content .phone_number {background:url(../img/phone_icon_grey_big.png) center top no-repeat; padding:130px 0 0 0; width:48%; margin:0; display:inline-block; vertical-align:middle; font-size:0.8em;}

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

#main_footer {clear:both; border-top:1px solid #cfd8dc; margin:40px 0 0 0; font-size:0.9em; padding:1.5em 0; color:#9ba2a6;}
#main_footer span {float:right;}
#main_footer span a {text-decoration:none; margin:0 4px; color:#9ba2a6;}
#main_footer span a:hover {text-decoration:underline;}

.solutions_content input {width:100%;}
.solutions form {margin-top:1em;}

@media all and (max-width: 1150px) {
	body {padding:0 5px;}
	#main_header {width:auto; padding:2em 10px;}
}
@media all and (max-width: 900px) {
	.header_phone {margin:0 0 0 285px;}
	.main_content {margin-left:285px;}
	.solutions .single_input input {width:320px; display:block;}
	.solutions .single_input .button {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:15px;}
}
@media all and (max-width: 800px) {
	body {font-size:0.7em;}
	.left_col {width:32%;}
	.header_phone {margin:0 0 0 34%;}
	.main_content {margin-left:34%;}
}
@media all and (max-width: 700px) {
	.left_col {width:32%;}
	.header_phone {margin:0;}
	.logo {float:none; margin-bottom:10px;}
	.solutions .single_input input {width:100%;}
	.popup p {font-size:1em;}
}
@media all and (max-width: 500px) {
	body {font-size:0.7em; padding:0;}
	.left_col {width:100%; float:none;}
	.solutions .single_input input {width:100%;}
	.popup p {font-size:1.2em;}
	.main_content {margin-left:0;}
	.languages {float:none; margin:5px 0 10px 0;}
}
@media all and (max-width: 400px) {
	.support_info {padding:10px 0 20px; margin-bottom:0;}
	.solutions_content .email_link {display:block; font-size:1.2em; padding:110px 0 0 0; width:100%; margin:0 0 20px;}
	.solutions_content .phone_number {padding:120px 0 0 0; width:100%; margin:0; display:block; font-size:0.6em;}
	.solutions h2 {padding:5px 10px;}
}