Untitled
unknown
plain_text
a year ago
70 kB
2
Indexable
Never
<html ng-app="loginApp">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="https://sso.serverplan.com/dist/favicon.ico">
<title>Server Plan - Accedi ai nostri servizi</title>
<link href="https://sso.serverplan.com/dist/assets/all-stylesheets.css" rel="stylesheet" type="text/css">
<script async="" src="https://www.clarity.ms/s/0.7.13/clarity.js"></script>
<script async="" src="https://www.clarity.ms/tag/hviis1vy5m"></script>
<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script type="text/javascript" async="" src="https://www.clarity.ms/tag/7sdn4x1szl?ref=gtm"></script>
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-7LH03GRP58&l=dataLayer&cx=c"></script>
<script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-WPVJ738"></script>
<script type="text/javascript" src="https://sso.serverplan.com/assets/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://sso.serverplan.com/assets/js/jquery-ui.js"></script>
<!--[if lt IE 9]>
<![endif]-->
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
<script async="" type="text/javascript" src="https://www.clickcease.com/monitor/stat.js"></script>
<style type="text/css">
/*@import url('//fonts.googleapis.com/css?family=Droid+Sans:400,700');*/
.login_section select[disabled] {
background-color: #ddd;
-webkit-appearance: none;
opacity: .5;
filter: alpha(opacity=50)
}
.sp-loader {
border: 4px solid #f3f3f3;
/* Light grey */
border-top: 4px solid #7777;
/* Blue */
border-radius: 50%;
width: 27px;
height: 27px;
animation: spin 2s linear infinite;
margin-left: 10px;
margin-bottom: 10px
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
#cap_cmd,
#citta_cmd,
#provincia_cmd {
width: 100%
}
.location-label {
width: 20% !important
}
body {
margin: 0 auto;
padding: 0;
background: #fff
}
body,
div,
input,
select {
color: #777;
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-rendering: optimizelegibility
}
img {
border: none
}
::-moz-selection {
color: #fff;
background: #000
}
::selection {
color: #fff;
background: #000
}
figure {
margin: 0
}
.group:after {
content: "";
display: table;
clear: both
}
a {
color: #fff
}
a,
a:hover {
outline: none;
text-decoration: none
}
a:hover {
transition: all .2s ease-in-out
}
.clear {
clear: both;
height: auto
}
.wrapper {
width: 100%;
margin: 0 auto;
max-width: 960px
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300
}
ul {
margin: 0;
list-style: none
}
.sep,
ul {
padding: 0
}
.sep {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0
}
.separator {
margin: 20% 10% 6% 10%
}
.termini {
margin-top: 10px;
margin-bottom: 10px
}
#contratto,
#contratto_desc {
text-align: left
}
#contratto {
display: block;
width: 100%;
box-sizing: border-box;
height: 180px;
overflow: scroll;
overflow-x: hidden;
border: 1px solid #ccc;
background-color: #e1e1e1;
padding: 20px;
font-size: .75em;
color: #666
}
.label-login {
font-size: 14px !important
}
.label-login>a {
color: #4e9350
}
/************************top_con*********************************/
/*********************Powerful Network******************************/
.text-danger-container {
border-radius: 6px;
padding: 5px 2%;
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
margin-top: 20%
}
.error-color {
color: #a94442
}
.text-danger-container-small {
border-radius: 6px;
padding: 5px 2%;
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
margin-top: 16%
}
.text-danger-container-small-padding {
margin-top: 1%
}
.contract-style {
border-radius: 6px;
background-color: #d9edf7;
border-color: #bce8f1
}
.contract-style,
.newsletter-style {
text-align: left;
padding: 20px 10px 20px 10px;
color: #3a87ad
}
.newsletter-style {
border-radius: 6px;
background-color: #fcf8e3;
border: 1px solid #fbeed5
}
.clearifx {
float: none
}
.contract-label {
display: block;
float: left;
width: 90%;
color: #333;
font-size: 16px !important;
font-weight: 300 !important
}
.contract-check {
display: block;
float: left;
margin-right: 12px
}
.sp_link {
color: #eb8128
}
.login-g-container {
border-radius: 6px;
padding: 5px 2%;
margin-top: 1%
}
.login-danger-container {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442
}
.login-success-container {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d
}
.text-danger {
color: #d9534f
}
.contentbox,
.ssl_mainbox {
width: 100%;
float: left
}
.ssl_mainbox {
text-align: center;
padding: 60px 0;
color: #555
}
.ssl_mainbox h2 {
margin: 0 0 30px;
font-size: 30px;
line-height: 32px;
color: #333;
font-weight: 700;
text-rendering: optimizelegibility
}
.ssl_mainbox h2 span {
display: block;
font-size: 18px;
line-height: 24px;
color: #555;
margin: 7px 0 0
}
.light_font {
font-family: MyriadPro-Light
}
.black_font {
font-family: myriad_pro_blackbold
}
.bold_font {
font-family: MyriadProBold
}
.regular_font {
font-family: MyriadProRegular
}
.semibold_font {
font-family: MyriadProSemibold
}
.droid_font {
font-family: Droid Sans, sans-serif
}
.droid_font a {
color: #eb6128
}
.floatlt {
float: left
}
.floatrt {
float: right
}
.ssl_smallbox {
width: 48%;
text-align: left;
background: #fff;
border: 1px solid #d8d8d8;
box-shadow: 4px 4px 0 0 #f2f2f2;
margin: 0 0 40px
}
.ssl_headingbox {
float: left;
width: 92%;
padding: 18px 4%;
background: #f5f5f5;
border-bottom: 1px solid #eaeaea
}
.ssl_headingbox figure {
margin-right: 25px;
min-height: 68px
}
.ssl_headingbox h3 {
margin: 0;
font-size: 22px;
line-height: 24px;
color: #333
}
.ssl_headingbox .ssl-price {
display: block;
font-size: 20px;
color: #ff7200
}
.ssl_headingbox .ssl-price big {
font-size: 26px
}
.ssl_btn {
margin: 9px 0 0
}
.ssl_btn a {
display: block;
font-size: 14px;
line-height: 16px;
color: #fff;
padding: 10px 15px;
border-radius: 4px;
text-transform: uppercase;
background: #ff7200;
text-rendering: optimizelegibility
}
.ssl_btn a:hover {
background: #4e9350
}
.ssl_innerbox ul {
margin: 0;
padding: 0 20px;
list-style: none
}
.ssl_innerbox ul li {
float: left;
width: 100%;
font-size: 14px;
line-height: 18px;
color: #777;
border-bottom: 1px solid #eaeaea
}
.ssl_innerbox ul li:last-child {
border-bottom: none
}
.ssl_innerbox ul li span {
float: left;
color: #333;
width: 29.5%;
padding: 29px 0 0
}
.ssl_innerbox ul li p {
float: right;
padding: 29px 0;
padding-left: 5%;
width: 65%;
margin: 0;
border-left: 1px solid #eaeaea
}
.noMarginBtm {
margin-bottom: 0 !important
}
.light_greybg {
background-color: #f5f5f5
}
.ssl_featurebox {
float: left;
width: 27.5%;
font-size: 16px;
line-height: 24px;
background: #fff;
padding: 25px 2%;
margin-right: 2.5%;
margin-bottom: 20px
}
.ssl_featurebox figure {
margin: 0 auto 20px;
min-height: 85px
}
.ssl_featurebox h3 {
margin: 0 0 10px;
font-size: 20px;
line-height: 22px;
color: #333
}
.ssl_featurebox p {
margin: 0
}
.noMarginRt {
margin-right: 0 !important
}
.green_color {
color: #4e9350
}
.accord-header {
font-size: 18px;
line-height: 20px;
color: #555;
background: #fff;
padding: 17px 2%;
margin: 0 0 10px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjgyMkU1N0FEQkMzMTFFNkJEREFDNDM2OUY1MDREQTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjgyMkU1N0JEQkMzMTFFNkJEREFDNDM2OUY1MDREQTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2ODIyRTU3OERCQzMxMUU2QkREQUM0MzY5RjUwNERBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2ODIyRTU3OURCQzMxMUU2QkREQUM0MzY5RjUwNERBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtLmD4wAAAAtSURBVHjaYgwNDWXAAf4jsRmxKWBioACMRM0saKFKTMgPEmczjiYSOmkGCDAAsq0FII/8eMEAAAAASUVORK5CYII=) no-repeat 96% #fff
}
.accord-header:last-child {
margin-bottom: 0
}
.accord-header.active {
color: #fff;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAADCAIAAADDdsJmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUE1NDc0MTlEQkMzMTFFNjk4MDk4MjAxRjIwN0I3MzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUE1NDc0MUFEQkMzMTFFNjk4MDk4MjAxRjIwN0I3MzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QTU0NzQxN0RCQzMxMUU2OTgwOTgyMDFGMjA3QjczOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QTU0NzQxOERCQzMxMUU2OTgwOTgyMDFGMjA3QjczOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuOlWH0AAAAYSURBVHjaYvz//z8D0YCJgRRAmmqAAAMAmJ8DA2vwEkoAAAAASUVORK5CYII=) no-repeat 96% #4e9250
}
.accordion {
float: left;
width: 100%;
text-align: left
}
.accord-content {
padding: 3px 2% 20px
}
.accord-content ul li {
font-size: 16px;
line-height: 24px;
color: #555
}
/**************** login page ************/
.login_section {
background-image: url("https://sso.serverplan.com/assets/images/login_bg.jpg");
background-position: top;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
display: table
}
.login_section>div {
display: table-cell;
vertical-align: middle
}
.login_section .container {
text-align: left
}
.login_section .nazione {
width: 100%
}
.login_section select {
color: #555;
border-color: #468847;
height: 37px;
width: 220px;
background-color: #fff;
line-height: 37px;
display: inline-block;
padding: 4px;
margin-bottom: 9px;
border: 1px solid #ccc;
border-radius: 3px;
font-weight: 400;
-webkit-appearance: menulist;
box-sizing: border-box;
-ms-flex-align: center;
align-items: center;
white-space: pre;
-webkit-rtl-ordering: logical;
cursor: default
}
.login_box {
float: left;
display: table-cell;
vertical-align: middle;
width: 62.5%;
margin: 0;
padding: 1px;
text-align: center;
background: #fff;
box-shadow: inset 0 0 0 1px #d8d8d8, 4px 4px 0 0 #a2a6a6
}
.logo_box {
display: table;
height: 122px;
position: relative;
width: 100%;
background: url("https://sso.serverplan.com/assets/images/header_bg.png") repeat 0 0
}
.logo_box:after {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -15px;
content: "";
width: 36px;
height: 16px;
background: url(/assets/images/after_bg.png) no-repeat bottom
}
.logo_box span {
display: table-cell;
vertical-align: middle
}
.login_box_inner {
float: left;
width: 84%;
padding: 43px 8%
}
.login_box_inner h2 {
font-size: 34px;
line-height: 38px;
color: #333;
margin: 0 0 40px;
font-weight: 700;
text-transform: uppercase
}
.login_form {
float: left;
width: 100%;
padding-bottom: 33px
}
.login_form ul li {
float: left;
width: 100%;
margin: 0 0 17px
}
.login_form ul li label {
float: left;
width: 100%;
color: #333;
font-size: 18px;
line-height: 20px;
font-weight: 700;
text-align: left;
margin: 0 0 11px
}
.login_form ul li label.contract-label {
width: 90%
}
.login_form ul li label span a {
font-size: 16px;
color: #4e9350
}
.login_form ul li .login_field {
float: left;
width: 96%;
padding: 0 2%;
border: 1px solid #c2c2c2;
border-radius: 6px;
font-size: 14px;
color: #777;
line-height: 57px;
height: 57px
}
.login_form ul li .reg_field {
float: left;
width: 96%;
padding: 0 2%;
border: 1px solid #c2c2c2;
border-radius: 6px;
font-size: 14px;
color: #777;
line-height: 37px;
height: 37px
}
.login_form ul li .login_btn:disabled {
background: #888 !important
}
.login_form ul li .login_btn {
float: left;
width: 240px;
background: #ee7925;
font-size: 18px;
font-weight: 400;
color: #fff
}
.login_form ul li .account_btn,
.login_form ul li .login_btn {
line-height: 59px;
border: none;
outline: none;
border-radius: 6px;
margin: 13px 0 0;
text-transform: uppercase;
cursor: pointer
}
.login_form ul li .account_btn {
float: right;
background: none;
font-size: 16px;
font-weight: 700;
color: #4e9350
}
.social_button {
float: left;
margin: 20px 0 0
}
.order_wizard_msg {
padding: 22px 10px 30px 10px;
font-size: 16px
}
.account_box,
.order_wizard_msg {
float: left;
width: 100%;
color: #333;
line-height: 24px;
border-top: 1px solid #dedede
}
.account_box {
padding: 22px 0 0;
font-size: 18px;
font-weight: 700
}
.account_box span {
font-size: 16px;
display: block;
font-weight: 400
}
.account_box ul {
float: left;
width: 100%;
margin: 14px 0
}
.powered_text {
display: inline-block;
width: 100%;
font-size: 12px;
color: #555;
margin-top: 21px
}
.powered_text .powered_image {
display: inline-block;
margin-left: 5px;
vertical-align: middle
}
/************* CONTACT PAGE **********/
.contact_form {
float: left;
width: 100%
}
.contact_form ul.list1 {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none
}
.contact_form ul.list1 li {
float: left;
width: 100%;
margin: 0 0 20px
}
.contact_form ul.list1 li:last-child {
margin: 0
}
.contact_form ul.list1 li .contact_fields,
.contact_form ul.list1 li .contact_select,
.contact_form ul.list1 li textarea {
border: none;
outline: none;
color: #777;
font-size: 14px;
line-height: 50px;
height: 50px;
background: #fff;
padding: 0 2%;
width: 96%;
border: 1px solid #d8d8d8;
border-radius: 3px;
box-shadow: 4px 4px 0 0 #f2f2f2
}
.contact_form ul.list1 li .contact_select {
float: left;
color: #777;
cursor: pointer;
width: 100% !important
}
.contact_form ul.list1 .dropdown option {
padding: 6px 2%;
border-bottom: 1px solid #e6e6e6
}
.contact_form ul.list1 li textarea {
min-height: 190px;
font-family: Droid Sans, sans-serif
}
.contact_form ul.list1 li .contact_submit {
width: 100%;
float: left;
border: none;
outline: none;
background: #ff7200;
border-radius: 3px;
font-size: 14px;
line-height: 50px;
font-weight: 700;
cursor: pointer;
color: #fff;
text-transform: uppercase
}
.contact_form ul.list1 li .contact_submit:hover {
background: #4e9350
}
.half_width {
width: 49%
}
.mainbox {
float: left;
width: 100%
}
.paddingbox {
padding-top: 60px;
padding-bottom: 60px
}
.heading2 {
font-size: 30px;
line-height: 32px
}
.black_text {
color: #333
}
.contact_section h2 {
font-weight: 700;
margin: 0 0 35px
}
.contact_section h2 span {
display: block;
font-size: 18px;
font-weight: 300;
margin: 5px 0 0;
line-height: 24px
}
.text_center {
text-align: center
}
.support_smallbox {
float: left;
width: 19.5%;
margin: 0 2% 0 0;
padding: 20px 2%
}
.white_bg {
background: #fff
}
.support_image {
display: table;
margin: 0 auto;
height: 88px;
width: 100%
}
.support_smallbox .title {
font-weight: 700;
font-size: 20px;
color: #333;
line-height: 20px;
text-transform: uppercase
}
.support_smallbox .green_btn {
display: inline-block;
margin: 14px 0 0;
width: 100%
}
.green_btn a {
display: block;
font-size: 14px;
line-height: 18px;
padding: 10px 0;
background: #4e9350;
border-radius: 3px
}
.green_btn a:hover {
background: #ff7200
}
.support_smallbox:last-child {
margin-right: 0
}
.small_textbox {
width: 48%;
min-height: 301px;
border: 1px solid #d8d8d8;
box-shadow: 4px 4px 0 0 #f2f2f2
}
.heading3 {
font-size: 20px;
line-height: 20px
}
.small_textbox h3 {
margin: 0;
font-weight: 700;
padding: 17px 20px;
text-transform: uppercase;
border-bottom: 1px solid #d8d8d8;
background: #f5f5f5
}
.small_textbox h3 i {
margin-right: 10px
}
.small_textbox ul {
float: left;
width: 90%;
padding: 30px 5% 22px
}
.small_textbox ul li {
float: left;
margin: 0 7px 0 0
}
.small_textbox ul li:last-child {
margin: 0
}
.small_textbox ul li p {
font-size: 18px;
font-weight: 300;
margin: 0
}
.small_textbox ul li p big {
display: block;
font-size: 40px;
line-height: 40px;
color: #4e9350;
font-weight: 700;
margin: 0 0 16px
}
.orange_text {
color: #ff7200
}
.map_box {
width: 100%;
margin: 60px 0 0;
box-shadow: 4px 4px 0 0 #f2f2f2
}
.map_box,
.map_box iframe {
float: left
}
@media screen and (max-width:940px) {
.contact_section,
.social_section,
.support_section {
padding-right: 2%;
padding-left: 2%;
width: 96%
}
}
@media screen and (max-width:920px) {
.login_box {
width: 75%
}
}
@media screen and (max-width:840px) {
.half_width {
width: 100%
}
.contact_smallbox {
margin: 0 0 20px
}
.contact_smallbox:last-child {
margin: 0
}
.support_smallbox {
width: 44%;
margin: 0 0 20px
}
.support_smallbox:nth-child(2n) {
float: right
}
.support_smallbox:last-child,
.support_smallbox:nth-child(3n) {
margin: 0
}
.small_textbox {
width: 100%;
min-height: auto;
margin: 0 0 20px
}
.small_textbox:last-child {
margin: 0
}
}
@media screen and (max-width:800px) {
.ssl_mainbox {
padding: 50px 2%;
width: 96%
}
.ssl_headingbox h3 {
font-size: 18px
}
.ssl_headingbox figure {
margin: 0 15px 0 0
}
.ssl_mainbox h2 {
font-size: 24px;
line-height: 26px
}
.ssl_smallbox {
width: 100%;
margin: 0 0 30px !important
}
.ssl_smallbox:last-child {
margin: 0 !important
}
.ssl_featurebox {
width: 45%;
margin: 0 0 20px !important
}
.ssl_featurebox:nth-child(odd) {
float: right
}
.ssl_featurebox:nth-child(6n),
.ssl_featurebox:nth-child(7n) {
margin-bottom: 0 !important
}
.ssl_featurebox figure {
min-height: 92px
}
.accord-header {
font-size: 16px
}
.accordion {
padding: 0 2%;
width: 96%
}
/*************** login page ***************/
.login_box {
width: 98%;
margin: 0 auto;
float: none;
display: inline-block;
background: hsla(0, 0%, 100%, .8)
}
.account_box ul li {
float: none !important;
display: inline-block
}
.login_section {
text-align: center
}
}
@media screen and (max-width:667px) {
.paddingbox {
padding-top: 40px;
padding-bottom: 40px
}
.heading2 {
font-size: 26px;
line-height: 26px
}
.contact_form ul.list1 li textarea {
min-height: 100px !important
}
.support_smallbox .title {
font-size: 16px
}
.small_textbox ul li p big {
font-size: 30px;
line-height: 30px
}
.small_textbox h3 {
font-size: 13px 20px
}
.heading3 {
font-size: 16px;
line-height: 20px
}
.small_textbox ul {
padding: 20px 5% 16px
}
.small_textbox ul li p {
font-size: 15px
}
.map_box {
margin: 30px 0 0
}
.map_box iframe {
height: 250px
}
/*************** login page ***************/
.login_form ul li .login_field {
line-height: 50px;
height: 50px
}
.login_form ul li .reg_field {
line-height: 37px;
height: 37px
}
.login_form ul li .account_btn,
.login_form ul li .login_btn {
line-height: 50px
}
.login_form {
padding-bottom: 20px
}
.logo_box {
height: 100px
}
.login_box_inner {
padding: 25px 8%
}
.login_box_inner h2 {
margin-bottom: 25px;
font-size: 28px;
line-height: 30px
}
}
@media screen and (max-width:540px) {
.ssl_featurebox {
width: 96%
}
.ssl_featurebox figure {
min-height: auto
}
.accord-content ul li {
font-size: 14px;
line-height: 18px
}
/****** login page **************/
.login_form {
text-align: center
}
.login_form ul li label,
.login_form ul li label span {
width: 100%;
display: inline-block;
float: none !important;
text-align: center
}
.login_form ul li label span a {
width: 100%;
display: inline-block;
float: none !important;
margin: 10px auto 0
}
.login_form ul li .login_btn {
line-height: 40px;
width: 185px;
float: none;
display: inline-block
}
.login_form ul li .account_btn {
display: block;
width: 100%;
margin: 10px 0 0;
line-height: 20px
}
}
@media screen and (max-width:375px) {
.accord-header {
font-size: 14px
}
}
.spacer {
margin-top: 20px;
padding: 0
}
.intl-tel-input {
width: 104% !important
}
</style>
<style type="text/css">
/**
* Variables declared here can be overridden by consuming applications, with
* the help of the `!default` flag.
*
* @example
* // overriding $hoverColor
* $hoverColor: rgba(red, 0.05);
*
* // overriding image path
* $flagsImagePath: "images/";
*
* // import the scss file after the overrides
* @import "bower_component/intl-tel-input/src/css/intlTelInput";
*/
.intl-tel-input {
position: relative;
display: inline-block
}
.intl-tel-input * {
box-sizing: border-box;
-moz-box-sizing: border-box
}
.intl-tel-input .hide {
display: none
}
.intl-tel-input .v-hide {
visibility: hidden
}
.intl-tel-input input,
.intl-tel-input input[type=tel],
.intl-tel-input input[type=text] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0
}
.intl-tel-input .flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px
}
.intl-tel-input .selected-flag {
z-index: 1;
position: relative;
width: 36px;
height: 100%;
padding: 0 0 0 8px
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555
}
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: none;
border-bottom: 4px solid #555
}
.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll
}
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px
}
.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px
}
@media (max-width:500px) {
.intl-tel-input .country-list {
white-space: normal
}
}
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc
}
.intl-tel-input .country-list .country {
padding: 5px 10px
}
.intl-tel-input .country-list .country .dial-code {
color: #999
}
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0, 0, 0, .05)
}
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code,
.intl-tel-input .country-list .flag-box {
vertical-align: middle
}
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
margin-right: 6px
}
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
right: auto;
left: 0
}
.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
width: 46px
}
.intl-tel-input.allow-dropdown .flag-container:hover {
cursor: pointer
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: rgba(0, 0, 0, .05)
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
cursor: default
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
background-color: transparent
}
.intl-tel-input.separate-dial-code .selected-flag {
background-color: rgba(0, 0, 0, .05);
display: table
}
.intl-tel-input.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 28px
}
.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
padding-left: 66px
}
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
width: 60px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
padding-left: 76px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
width: 70px
}
.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
padding-left: 74px
}
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
width: 68px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
padding-left: 84px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
width: 78px
}
.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
padding-left: 82px
}
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
width: 76px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
padding-left: 92px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
width: 86px
}
.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
padding-left: 90px
}
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
width: 84px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
padding-left: 100px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
width: 94px
}
.intl-tel-input.iti-container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px
}
.intl-tel-input.iti-container:hover {
cursor: pointer
}
.iti-mobile .intl-tel-input.iti-container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed
}
.iti-mobile .intl-tel-input .country-list {
max-height: 100%;
width: 100%
}
.iti-mobile .intl-tel-input .country-list .country {
padding: 10px 10px;
line-height: 1.5em
}
.iti-flag.be {
width: 18px
}
.iti-flag.ch {
width: 15px
}
.iti-flag.mc {
width: 19px
}
.iti-flag.ne {
width: 18px
}
.iti-flag.np {
width: 13px
}
.iti-flag.va {
width: 15px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
.iti-flag {
background-size: 5630px 15px
}
}
.iti-flag.ac {
height: 10px;
background-position: 0 0
}
.iti-flag.ad {
height: 14px;
background-position: -22px 0
}
.iti-flag.ae {
height: 10px;
background-position: -44px 0
}
.iti-flag.af {
height: 14px;
background-position: -66px 0
}
.iti-flag.ag {
height: 14px;
background-position: -88px 0
}
.iti-flag.ai {
height: 10px;
background-position: -110px 0
}
.iti-flag.al {
height: 15px;
background-position: -132px 0
}
.iti-flag.am {
height: 10px;
background-position: -154px 0
}
.iti-flag.ao {
height: 14px;
background-position: -176px 0
}
.iti-flag.aq {
height: 14px;
background-position: -198px 0
}
.iti-flag.ar {
height: 13px;
background-position: -220px 0
}
.iti-flag.as {
height: 10px;
background-position: -242px 0
}
.iti-flag.at {
height: 14px;
background-position: -264px 0
}
.iti-flag.au {
height: 10px;
background-position: -286px 0
}
.iti-flag.aw {
height: 14px;
background-position: -308px 0
}
.iti-flag.ax {
height: 13px;
background-position: -330px 0
}
.iti-flag.az {
height: 10px;
background-position: -352px 0
}
.iti-flag.ba {
height: 10px;
background-position: -374px 0
}
.iti-flag.bb {
height: 14px;
background-position: -396px 0
}
.iti-flag.bd {
height: 12px;
background-position: -418px 0
}
.iti-flag.be {
height: 15px;
background-position: -440px 0
}
.iti-flag.bf {
height: 14px;
background-position: -460px 0
}
.iti-flag.bg {
height: 12px;
background-position: -482px 0
}
.iti-flag.bh {
height: 12px;
background-position: -504px 0
}
.iti-flag.bi {
height: 12px;
background-position: -526px 0
}
.iti-flag.bj {
height: 14px;
background-position: -548px 0
}
.iti-flag.bl {
height: 14px;
background-position: -570px 0
}
.iti-flag.bm {
height: 10px;
background-position: -592px 0
}
.iti-flag.bn {
height: 10px;
background-position: -614px 0
}
.iti-flag.bo {
height: 14px;
background-position: -636px 0
}
.iti-flag.bq {
height: 14px;
background-position: -658px 0
}
.iti-flag.br {
height: 14px;
background-position: -680px 0
}
.iti-flag.bs {
height: 10px;
background-position: -702px 0
}
.iti-flag.bt {
height: 14px;
background-position: -724px 0
}
.iti-flag.bv {
height: 15px;
background-position: -746px 0
}
.iti-flag.bw {
height: 14px;
background-position: -768px 0
}
.iti-flag.by {
height: 10px;
background-position: -790px 0
}
.iti-flag.bz {
height: 14px;
background-position: -812px 0
}
.iti-flag.ca {
height: 10px;
background-position: -834px 0
}
.iti-flag.cc {
height: 10px;
background-position: -856px 0
}
.iti-flag.cd {
height: 15px;
background-position: -878px 0
}
.iti-flag.cf {
height: 14px;
background-position: -900px 0
}
.iti-flag.cg {
height: 14px;
background-position: -922px 0
}
.iti-flag.ch {
height: 15px;
background-position: -944px 0
}
.iti-flag.ci {
height: 14px;
background-position: -961px 0
}
.iti-flag.ck {
height: 10px;
background-position: -983px 0
}
.iti-flag.cl {
height: 14px;
background-position: -1005px 0
}
.iti-flag.cm {
height: 14px;
background-position: -1027px 0
}
.iti-flag.cn {
height: 14px;
background-position: -1049px 0
}
.iti-flag.co {
height: 14px;
background-position: -1071px 0
}
.iti-flag.cp {
height: 14px;
background-position: -1093px 0
}
.iti-flag.cr {
height: 12px;
background-position: -1115px 0
}
.iti-flag.cu {
height: 10px;
background-position: -1137px 0
}
.iti-flag.cv {
height: 12px;
background-position: -1159px 0
}
.iti-flag.cw {
height: 14px;
background-position: -1181px 0
}
.iti-flag.cx {
height: 10px;
background-position: -1203px 0
}
.iti-flag.cy {
height: 13px;
background-position: -1225px 0
}
.iti-flag.cz {
height: 14px;
background-position: -1247px 0
}
.iti-flag.de {
height: 12px;
background-position: -1269px 0
}
.iti-flag.dg {
height: 10px;
background-position: -1291px 0
}
.iti-flag.dj {
height: 14px;
background-position: -1313px 0
}
.iti-flag.dk {
height: 15px;
background-position: -1335px 0
}
.iti-flag.dm {
height: 10px;
background-position: -1357px 0
}
.iti-flag.do {
height: 13px;
background-position: -1379px 0
}
.iti-flag.dz {
height: 14px;
background-position: -1401px 0
}
.iti-flag.ea {
height: 14px;
background-position: -1423px 0
}
.iti-flag.ec {
height: 14px;
background-position: -1445px 0
}
.iti-flag.ee {
height: 13px;
background-position: -1467px 0
}
.iti-flag.eg {
height: 14px;
background-position: -1489px 0
}
.iti-flag.eh {
height: 10px;
background-position: -1511px 0
}
.iti-flag.er {
height: 10px;
background-position: -1533px 0
}
.iti-flag.es {
height: 14px;
background-position: -1555px 0
}
.iti-flag.et {
height: 10px;
background-position: -1577px 0
}
.iti-flag.eu {
height: 14px;
background-position: -1599px 0
}
.iti-flag.fi {
height: 12px;
background-position: -1621px 0
}
.iti-flag.fj {
height: 10px;
background-position: -1643px 0
}
.iti-flag.fk {
height: 10px;
background-position: -1665px 0
}
.iti-flag.fm {
height: 11px;
background-position: -1687px 0
}
.iti-flag.fo {
height: 15px;
background-position: -1709px 0
}
.iti-flag.fr {
height: 14px;
background-position: -1731px 0
}
.iti-flag.ga {
height: 15px;
background-position: -1753px 0
}
.iti-flag.gb {
height: 10px;
background-position: -1775px 0
}
.iti-flag.gd {
height: 12px;
background-position: -1797px 0
}
.iti-flag.ge {
height: 14px;
background-position: -1819px 0
}
.iti-flag.gf {
height: 14px;
background-position: -1841px 0
}
.iti-flag.gg {
height: 14px;
background-position: -1863px 0
}
.iti-flag.gh {
height: 14px;
background-position: -1885px 0
}
.iti-flag.gi {
height: 10px;
background-position: -1907px 0
}
.iti-flag.gl {
height: 14px;
background-position: -1929px 0
}
.iti-flag.gm {
height: 14px;
background-position: -1951px 0
}
.iti-flag.gn {
height: 14px;
background-position: -1973px 0
}
.iti-flag.gp {
height: 14px;
background-position: -1995px 0
}
.iti-flag.gq {
height: 14px;
background-position: -2017px 0
}
.iti-flag.gr {
height: 14px;
background-position: -2039px 0
}
.iti-flag.gs {
height: 10px;
background-position: -2061px 0
}
.iti-flag.gt {
height: 13px;
background-position: -2083px 0
}
.iti-flag.gu {
height: 11px;
background-position: -2105px 0
}
.iti-flag.gw {
height: 10px;
background-position: -2127px 0
}
.iti-flag.gy {
height: 12px;
background-position: -2149px 0
}
.iti-flag.hk {
height: 14px;
background-position: -2171px 0
}
.iti-flag.hm {
height: 10px;
background-position: -2193px 0
}
.iti-flag.hn {
height: 10px;
background-position: -2215px 0
}
.iti-flag.hr {
height: 10px;
background-position: -2237px 0
}
.iti-flag.ht {
height: 12px;
background-position: -2259px 0
}
.iti-flag.hu {
height: 10px;
background-position: -2281px 0
}
.iti-flag.ic {
height: 14px;
background-position: -2303px 0
}
.iti-flag.id {
height: 14px;
background-position: -2325px 0
}
.iti-flag.ie {
height: 10px;
background-position: -2347px 0
}
.iti-flag.il {
height: 15px;
background-position: -2369px 0
}
.iti-flag.im {
height: 10px;
background-position: -2391px 0
}
.iti-flag.in {
height: 14px;
background-position: -2413px 0
}
.iti-flag.io {
height: 10px;
background-position: -2435px 0
}
.iti-flag.iq {
height: 14px;
background-position: -2457px 0
}
.iti-flag.ir {
height: 12px;
background-position: -2479px 0
}
.iti-flag.is {
height: 15px;
background-position: -2501px 0
}
.iti-flag.it {
height: 14px;
background-position: -2523px 0
}
.iti-flag.je {
height: 12px;
background-position: -2545px 0
}
.iti-flag.jm {
height: 10px;
background-position: -2567px 0
}
.iti-flag.jo {
height: 10px;
background-position: -2589px 0
}
.iti-flag.jp {
height: 14px;
background-position: -2611px 0
}
.iti-flag.ke {
height: 14px;
background-position: -2633px 0
}
.iti-flag.kg {
height: 12px;
background-position: -2655px 0
}
.iti-flag.kh {
height: 13px;
background-position: -2677px 0
}
.iti-flag.ki {
height: 10px;
background-position: -2699px 0
}
.iti-flag.km {
height: 12px;
background-position: -2721px 0
}
.iti-flag.kn {
height: 14px;
background-position: -2743px 0
}
.iti-flag.kp {
height: 10px;
background-position: -2765px 0
}
.iti-flag.kr {
height: 14px;
background-position: -2787px 0
}
.iti-flag.kw {
height: 10px;
background-position: -2809px 0
}
.iti-flag.ky {
height: 10px;
background-position: -2831px 0
}
.iti-flag.kz {
height: 10px;
background-position: -2853px 0
}
.iti-flag.la {
height: 14px;
background-position: -2875px 0
}
.iti-flag.lb {
height: 14px;
background-position: -2897px 0
}
.iti-flag.lc {
height: 10px;
background-position: -2919px 0
}
.iti-flag.li {
height: 12px;
background-position: -2941px 0
}
.iti-flag.lk {
height: 10px;
background-position: -2963px 0
}
.iti-flag.lr {
height: 11px;
background-position: -2985px 0
}
.iti-flag.ls {
height: 14px;
background-position: -3007px 0
}
.iti-flag.lt {
height: 12px;
background-position: -3029px 0
}
.iti-flag.lu {
height: 12px;
background-position: -3051px 0
}
.iti-flag.lv {
height: 10px;
background-position: -3073px 0
}
.iti-flag.ly {
height: 10px;
background-position: -3095px 0
}
.iti-flag.ma {
height: 14px;
background-position: -3117px 0
}
.iti-flag.mc {
height: 15px;
background-position: -3139px 0
}
.iti-flag.md {
height: 10px;
background-position: -3160px 0
}
.iti-flag.me {
height: 10px;
background-position: -3182px 0
}
.iti-flag.mf {
height: 14px;
background-position: -3204px 0
}
.iti-flag.mg {
height: 14px;
background-position: -3226px 0
}
.iti-flag.mh {
height: 11px;
background-position: -3248px 0
}
.iti-flag.mk {
height: 10px;
background-position: -3270px 0
}
.iti-flag.ml {
height: 14px;
background-position: -3292px 0
}
.iti-flag.mm {
height: 14px;
background-position: -3314px 0
}
.iti-flag.mn {
height: 10px;
background-position: -3336px 0
}
.iti-flag.mo {
height: 14px;
background-position: -3358px 0
}
.iti-flag.mp {
height: 10px;
background-position: -3380px 0
}
.iti-flag.mq {
height: 14px;
background-position: -3402px 0
}
.iti-flag.mr {
height: 14px;
background-position: -3424px 0
}
.iti-flag.ms {
height: 10px;
background-position: -3446px 0
}
.iti-flag.mt {
height: 14px;
background-position: -3468px 0
}
.iti-flag.mu {
height: 14px;
background-position: -3490px 0
}
.iti-flag.mv {
height: 14px;
background-position: -3512px 0
}
.iti-flag.mw {
height: 14px;
background-position: -3534px 0
}
.iti-flag.mx {
height: 12px;
background-position: -3556px 0
}
.iti-flag.my {
height: 10px;
background-position: -3578px 0
}
.iti-flag.mz {
height: 14px;
background-position: -3600px 0
}
.iti-flag.na {
height: 14px;
background-position: -3622px 0
}
.iti-flag.nc {
height: 10px;
background-position: -3644px 0
}
.iti-flag.ne {
height: 15px;
background-position: -3666px 0
}
.iti-flag.nf {
height: 10px;
background-position: -3686px 0
}
.iti-flag.ng {
height: 10px;
background-position: -3708px 0
}
.iti-flag.ni {
height: 12px;
background-position: -3730px 0
}
.iti-flag.nl {
height: 14px;
background-position: -3752px 0
}
.iti-flag.no {
height: 15px;
background-position: -3774px 0
}
.iti-flag.np {
height: 15px;
background-position: -3796px 0
}
.iti-flag.nr {
height: 10px;
background-position: -3811px 0
}
.iti-flag.nu {
height: 10px;
background-position: -3833px 0
}
.iti-flag.nz {
height: 10px;
background-position: -3855px 0
}
.iti-flag.om {
height: 10px;
background-position: -3877px 0
}
.iti-flag.pa {
height: 14px;
background-position: -3899px 0
}
.iti-flag.pe {
height: 14px;
background-position: -3921px 0
}
.iti-flag.pf {
height: 14px;
background-position: -3943px 0
}
.iti-flag.pg {
height: 15px;
background-position: -3965px 0
}
.iti-flag.ph {
height: 10px;
background-position: -3987px 0
}
.iti-flag.pk {
height: 14px;
background-position: -4009px 0
}
.iti-flag.pl {
height: 13px;
background-position: -4031px 0
}
.iti-flag.pm {
height: 14px;
background-position: -4053px 0
}
.iti-flag.pn {
height: 10px;
background-position: -4075px 0
}
.iti-flag.pr {
height: 14px;
background-position: -4097px 0
}
.iti-flag.ps {
height: 10px;
background-position: -4119px 0
}
.iti-flag.pt {
height: 14px;
background-position: -4141px 0
}
.iti-flag.pw {
height: 13px;
background-position: -4163px 0
}
.iti-flag.py {
height: 11px;
background-position: -4185px 0
}
.iti-flag.qa {
height: 8px;
background-position: -4207px 0
}
.iti-flag.re {
height: 14px;
background-position: -4229px 0
}
.iti-flag.ro {
height: 14px;
background-position: -4251px 0
}
.iti-flag.rs {
height: 14px;
background-position: -4273px 0
}
.iti-flag.ru {
height: 14px;
background-position: -4295px 0
}
.iti-flag.rw {
height: 14px;
background-position: -4317px 0
}
.iti-flag.sa {
height: 14px;
background-position: -4339px 0
}
.iti-flag.sb {
height: 10px;
background-position: -4361px 0
}
.iti-flag.sc {
height: 10px;
background-position: -4383px 0
}
.iti-flag.sd {
height: 10px;
background-position: -4405px 0
}
.iti-flag.se {
height: 13px;
background-position: -4427px 0
}
.iti-flag.sg {
height: 14px;
background-position: -4449px 0
}
.iti-flag.sh {
height: 10px;
background-position: -4471px 0
}
.iti-flag.si {
height: 10px;
background-position: -4493px 0
}
.iti-flag.sj {
height: 15px;
background-position: -4515px 0
}
.iti-flag.sk {
height: 14px;
background-position: -4537px 0
}
.iti-flag.sl {
height: 14px;
background-position: -4559px 0
}
.iti-flag.sm {
height: 15px;
background-position: -4581px 0
}
.iti-flag.sn {
height: 14px;
background-position: -4603px 0
}
.iti-flag.so {
height: 14px;
background-position: -4625px 0
}
.iti-flag.sr {
height: 14px;
background-position: -4647px 0
}
.iti-flag.ss {
height: 10px;
background-position: -4669px 0
}
.iti-flag.st {
height: 10px;
background-position: -4691px 0
}
.iti-flag.sv {
height: 12px;
background-position: -4713px 0
}
.iti-flag.sx {
height: 14px;
background-position: -4735px 0
}
.iti-flag.sy {
height: 14px;
background-position: -4757px 0
}
.iti-flag.sz {
height: 14px;
background-position: -4779px 0
}
.iti-flag.ta {
height: 10px;
background-position: -4801px 0
}
.iti-flag.tc {
height: 10px;
background-position: -4823px 0
}
.iti-flag.td {
height: 14px;
background-position: -4845px 0
}
.iti-flag.tf {
height: 14px;
background-position: -4867px 0
}
.iti-flag.tg {
height: 13px;
background-position: -4889px 0
}
.iti-flag.th {
height: 14px;
background-position: -4911px 0
}
.iti-flag.tj {
height: 10px;
background-position: -4933px 0
}
.iti-flag.tk {
height: 10px;
background-position: -4955px 0
}
.iti-flag.tl {
height: 10px;
background-position: -4977px 0
}
.iti-flag.tm {
height: 14px;
background-position: -4999px 0
}
.iti-flag.tn {
height: 14px;
background-position: -5021px 0
}
.iti-flag.to {
height: 10px;
background-position: -5043px 0
}
.iti-flag.tr {
height: 14px;
background-position: -5065px 0
}
.iti-flag.tt {
height: 12px;
background-position: -5087px 0
}
.iti-flag.tv {
height: 10px;
background-position: -5109px 0
}
.iti-flag.tw {
height: 14px;
background-position: -5131px 0
}
.iti-flag.tz {
height: 14px;
background-position: -5153px 0
}
.iti-flag.ua {
height: 14px;
background-position: -5175px 0
}
.iti-flag.ug {
height: 14px;
background-position: -5197px 0
}
.iti-flag.um {
height: 11px;
background-position: -5219px 0
}
.iti-flag.us {
height: 11px;
background-position: -5241px 0
}
.iti-flag.uy {
height: 14px;
background-position: -5263px 0
}
.iti-flag.uz {
height: 10px;
background-position: -5285px 0
}
.iti-flag.va {
height: 15px;
background-position: -5307px 0
}
.iti-flag.vc {
height: 14px;
background-position: -5324px 0
}
.iti-flag.ve {
height: 14px;
background-position: -5346px 0
}
.iti-flag.vg {
height: 10px;
background-position: -5368px 0
}
.iti-flag.vi {
height: 14px;
background-position: -5390px 0
}
.iti-flag.vn {
height: 14px;
background-position: -5412px 0
}
.iti-flag.vu {
height: 12px;
background-position: -5434px 0
}
.iti-flag.wf {
height: 14px;
background-position: -5456px 0
}
.iti-flag.ws {
height: 10px;
background-position: -5478px 0
}
.iti-flag.xk {
height: 15px;
background-position: -5500px 0
}
.iti-flag.ye {
height: 14px;
background-position: -5522px 0
}
.iti-flag.yt {
height: 14px;
background-position: -5544px 0
}
.iti-flag.za {
height: 14px;
background-position: -5566px 0
}
.iti-flag.zm {
height: 14px;
background-position: -5588px 0
}
.iti-flag.zw {
height: 10px;
background-position: -5610px 0
}
.iti-flag {
width: 20px;
height: 15px;
box-shadow: 0 0 1px 0 #888;
background-image: url(flags.ae33acae404631e997ef.png);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0
}
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
.iti-flag {
background-image: url(flags@2x.f2c77a6b7e26ff160fdb.png)
}
}
.iti-flag.np {
background-color: transparent
}
</style>
<style></style>
<script async="" type="text/javascript" charset="utf-8" src="https://rec.smartlook.com/recorder.js"></script>
<script src="https://rec.smartlook.com/es6/init.f0ea58b8a94946b92431.js" type="module"></script>
<script src="https://rec.smartlook.com/es5/init.af506a1541a8744ff6e4.js" nomodule=""></script>
</head>
<body>
<!-- Clickcease.com tracking-->
<!-- Clickcease.com tracking-->
<div class="contentbox login_section" style="height: 722px;">
<div>
<section class="wrapper group">
<app-root _nghost-c0="" ng-version="4.4.7">
<router-outlet _ngcontent-c0=""></router-outlet>
<app-login-form _nghost-c1="">
<div _ngcontent-c1="" class="login_box">
<div _ngcontent-c1="" class="logo_box">
<span _ngcontent-c1="">
<a _ngcontent-c1="" href="#">
<img _ngcontent-c1="" alt="" src="https://sso.serverplan.com/assets/images/login_logo.png">
</a>
</span>
</div>
<!---->
<!---->
<div _ngcontent-c1="" class="login_box_inner">
<!---->
<!---->
<!---->
<h2 _ngcontent-c1="" class="droid_font">Accedi</h2>
<div _ngcontent-c1="" class="login_form droid_font">
<form _ngcontent-c1="" action="./it/login.php" method="post" class="ng-untouched ng-pristine ng-invalid">
<ul _ngcontent-c1="">
<li _ngcontent-c1="">
<div _ngcontent-c1="">
<label _ngcontent-c1="">Nome utente <span _ngcontent-c1="" class="floatrt">
<a _ngcontent-c1="" href="/recoveryusername">L’hai dimenticato ? Recuperalo</a>
</span>
</label>
<input _ngcontent-c1="" class="login_field ng-untouched ng-pristine ng-invalid" id="username" maxlength="45" minlength="3" name="username" required="" tabindex="1" type="text">
</div>
<div _ngcontent-c1="" class="text-danger-container" hidden=""> Nome utente obbligatorio, con lunghezza minima di 3 caratteri. </div>
</li>
<li _ngcontent-c1="">
<div _ngcontent-c1="">
<label _ngcontent-c1="">Password <span _ngcontent-c1="" class="floatrt">
<a _ngcontent-c1="" href="/recoverypassword">L’hai dimenticata ? Recuperala</a>
</span>
</label>
<input _ngcontent-c1="" autocomplete="off" class="login_field ng-untouched ng-pristine ng-valid" id="password" maxlength="128" minlength="3" name="password" tabindex="2" type="password" required>
</div>
<div _ngcontent-c1="" class="text-danger-container" hidden=""> Password obbligatoria con lunghezza minima di 3 caratteri. </div>
</li>
<li _ngcontent-c1="">
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
<!---->
</li>
<li _ngcontent-c1="">
<button _ngcontent-c1="" class="login_btn" id="login" name="login" tabindex="3" type="submit" >Accedi</button>
</li>
<li _ngcontent-c1="">
<div _ngcontent-c1="" class="social_button">
<a _ngcontent-c1="" href="https://sso.serverplan.com/hybridlogin/1">
<img _ngcontent-c1="" alt="" src="https://sso.serverplan.com/assets/images/facebook_image.png">
</a>
<a _ngcontent-c1="" href="https://sso.serverplan.com/hybridlogin/3">
<img _ngcontent-c1="" alt="" src="https://sso.serverplan.com/assets/images/google_image.png">
</a>
</div>
</li>
</ul>
</form>
</div>
<div _ngcontent-c1="" class="account_box droid_font">
<span _ngcontent-c1="">Non hai un account ?</span>
<!---->
<!---->
<!---->
<span _ngcontent-c1="">
<a _ngcontent-c1="" href="/signup">
<span _ngcontent-c1="">Procedi con una nuova registrazione</span>
</a>
</span>
<div _ngcontent-c1="" class="powered_text" style="margin-top:10px;">Powered by: <span _ngcontent-c1="" class="powered_image">
<img _ngcontent-c1="" alt="" src="https://sso.serverplan.com/assets/images/powered_logo.png">
</span>
</div>
</div>
</div>
</div>
</app-login-form>
</app-root>
</section>
</div>
</div>
<div style="display: none; visibility: hidden;">
</div>
<div style="display: none; visibility: hidden;">
</div>
</body>
</html>