/* CSS

 ____________________________________________________________
|                                                            |
|    ENGINE + Complic  { http://complic.eu }                 |
|    DESIGN + Complic Studio   { http://complicstudio.com }  |
|      DATE + 2017 Settembre                                 |
|   CREDITS + Complic                                        |
| COPYRIGHT + Copyright Complic 2017                         |
|____________________________________________________________|

*/

* {
	font-family: 'Poppins', sans-serif;
	padding: 0;
	margin: 0;
	outline: 0;
	font-size: 12px;
	text-decoration: none;
	list-style-type: none;
	color: #606060;
}
body {
    background-color: #b5bec0;
    margin: 0px;
}
#body .scrollmobile {
	background-color: #FFF;
}
a:active, a:visited, a:link {
    text-decoration: none;
}
a {
    cursor: pointer;
}
.bold {
    font-weight: 800;
}
.black {
    color: rgba(96,96,96,0.5);
    font-weight: 500;
    font-size: 18px;
}
h1 {
    font-size: 35px;
    line-height: 50px;
    font-weight: 500;
    color: #000;
}
h2 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 800;
    color: #8E8E8E;
}
h3 {
    font-size: 19px;
    margin-bottom: 20px;
    font-weight: 800;
}
/* section */
section {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 90px 0;
    position: relative;
}

/* header e menu */
#headerfix {
    top: 0;
    position: fixed;
    z-index: 99999;
}
#header {
    width: 100%;
    margin: 0 auto;
    display: block;
    top: 0;
    background-color: #FFF;
    height: 80px;
    z-index: 99999;
}
#header .header {
    position: relative;
    width: 100vw;
    margin: 0 auto;
    height: 80px;
}
#logo {
    position: absolute;
    top: 8px;
    width: 160px;
    background-repeat: no-repeat;
    background-image: url(../images/logo.svg);
    background-size: contain;
    height: 65px;
    background-position: center;
    left: 20px;
}
#logo .bold {
    letter-spacing: 10px;
    font-size: 16px;
}
.seven {
    font-size: 40px !important;
    top: 0px;
    position: absolute;
    left: -12% !important;
    font-family: 'Texgryadventor-bolditalic';
}
#menu {
    position: absolute;
    right: 0;
    top: 50%;
    width: 895px;
    transform: translate(0,-50%);
}
#menu * {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    * display: inline;
    text-align: center;
    background-position: center;
    text-align: right;
}
#menu .icon {
    width: 50px;
    height: 50px;
    fill: #606060;
    display: inline-block;
    vertical-align: middle;
}
#menu ul.menu {
    text-align: center;
    width: 500px;
    padding-top: 3px;
}
#menu ul.menu li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 45px 0 0;
}
#menu ul.menu li:last-child {
    padding: 0 0 0 0 !important;
}
#menu ul.menu li a {
    font-size: 14px;
    text-align: right;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #606060;
}
#menu ul.menu li a:hover, #menu ul.menu li a.current {
    position: relative;
    border-bottom: 2px solid #606060;
}
#languages {
    vertical-align: middle;
    margin-left: 20px;
    border: 1px solid #606060;
    padding: 5px;
    display: inline-block;
    border-radius: 20px;
}
#languages .language {
    padding: 5px;
    width: 18px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    background: rgba(96,96,96,0.5);
    background-image: url('/images/languageflag_it.png');
    background-position: center;
    background-size: cover;
    height: 18px;
    border-radius: 20px;
    margin-right: 5px;
    margin-left: 5px;
    color:#fff;
    text-indent: -9999px;
}
#languages .language.en {
    background-image: url('/images/languageflag_en.png');
}
#languages .language:hover, #languages .language.current {
	opacity: 0.4;
}
.icon-login {
    color: #b9c0c1;
    margin-left: 30px;
    cursor: pointer;
    vertical-align: middle;
}
.icon-login.loged {
    color: #8ce098;
}
#contatti {
	display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.displaynone {
    display: none;
}
.displayes {
    display: block;
}
.contatto {
    color: #728890 !important;
    font-size: 16px;
    font-weight: 500;
}
.contatto.telephone span:hover {
    text-shadow: 5px 5px 5px 5px #FFF;
    color: #DADADA;
}
.contatto.email span:hover {
    text-shadow: 5px 5px 5px 5px #FFF;
    color: #DADADA;
}
.contatto.wa span:hover {
    color: #34af23;
}
.contatto span {
    font-size: 25px;
    margin-right: 10px;
    vertical-align: middle;
}
button {
	-webkit-appearance: none;
	outline:none;
	-webkit-focus-ring-color: none;
	border: none;
    background: none;
}

/* home */
.home {
    margin: 80px auto 0px;
    width: 90vw;
    position: relative;
    display: table;
    min-height: 800px;
}
#home {
    width: 100%;
    position: relative;
    background-image: url(../images/homepage.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    overflow: hidden;
}
#home > .wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.intro {
	color: #FFF;
    font-size: 50px;
    line-height: 57px;
    z-index: 1;
    font-weight: 300;
}
.home .intro {
	width: calc(90vw - 700px);
	display: table-cell;
	vertical-align: middle;
}
.home .contatti {
    text-align: center;
    display: none;
}
body.responsive_booking ._wrapper {
	display: none;
}
	
/* Loading */
body #loading {
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.8);
    z-index: 9999;
}
body #loading .car {
	background-image: url(../images/bg_car.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
	-webkit-animation: car-shake 30s ease 1s infinite;
	-moz-animation: car-shake 30s ease 1s infinite;
	animation: car-shake 30s ease 1s infinite;
}
body #loading .road {
	width: 100px;
    height: 5px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 40px;
    margin-left: -50px;
}
body #loading .text {
	position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
    margin-top: 60px;
    font-size: 17px;
}

/* schermata2 */
#schermata2 {
    background-color: #FFF;
}
.schermata {
	padding: 20px;
	display: table;
	margin: 0 auto;
}
#schermata2 .data, #colonna .data {
    width: 97%;
}
#colonna .data.readonly {
	background-color: #e6e5e5;
}
#colonna {
	display: inline-block;
    vertical-align: top;
    text-align: center;
    color: #606060;
    font-weight: 500;
    font-size: 16px;
    padding: 0 15px;
    display: table-cell;
}
#colonna.left {
    width: 35%;
}
.padtop {
    padding-top: 25px;
}
.padbottom {
    padding-bottom: 25px;
}
#colonna.right {
	width: 55%;
    border-left: 1px solid #DADADA;
}
#colonna button.login, #colonna button.loginuser, button#procedi, button#saveuser, button#logout {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 15px auto;
    font-weight: 500;
    background-color: #71e256;
    color: #fff;
    cursor: pointer;
    border: 0;
    font-size: 15px;
    border-radius: 10px;
}
#colonna button.login.nologin, button#procedi.nologin {
    margin-bottom: 0;
    margin-top: 18px;
}
#colonna button.alert {
	background-color: #f65757;
}
#colonna button.login.logsocial {
    display: block;
    color: #FFF;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;
}
#colonna button.login.logsocial.facebook {
    background-color: #3B5998;
}
#colonna button.login.logsocial.google {
    background-color: #C94536;
    margin-bottom: 1px;
}
#colonna.right .data input {
    width: 98%;
}
#colonna .items {
    margin-top: 15px;
}
#colonna .items .item {
    vertical-align: top;
    border: 1px solid #b5bec0;
    margin-bottom: 15px;
    color: #4e6571;
    text-align: left;
    position: relative;
    display: table;
    width: 100%;
}
#colonna .items .item * {
    font-size: 15px;
}
#colonna .items .item > .row {
    padding: 0px;
    display: table-row;
}
#colonna .items .item > .row > div {
    padding: 5px 10px;
    width: 50%;
    display: table-cell;
}
#colonna .items .item > .booking_type {
    background-color: #b5bec0;
    padding: 5px 10px;
    display: table-caption;
    color: #FFF;
}

/* Input home */
#_booking .delete_input {
    position: absolute;
    top: 50%;
    right: 10px;
    bottom: 0px;
    width: 20px;
    height: 20px;
    background-image: url(../images/btn_close.png);
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0,-50%);
    background-color: #9c7462;
    border-radius: 25px;
}

/* signin */
#signin {
    position: absolute;
    bottom: -55px;
    right: 0;
    width: 600px;
    padding: 5px 10px;
    height: 70px;
    transition: all 3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    letter-spacing: 2px;
    color: #FFF;
    top: 80px;
    background-color: #FFF;
    z-index: -1;
}
#signin * {
    z-index: 1;
}
#signin.up {
    top: -90px;
    background-color: rgba(241, 90, 36, 0);
}
#accesso {
    display: inline-block;
    vertical-align: top;
    width: 265px;
    border: 1px solid #728890;
}
#accesso input {
    width: 196px;
    padding-left: 4px;
    font-size: 15px;
    padding-top: 12px;
    height: 32px;
    letter-spacing: 1px;
    background-color: #FFF;
    border: 0;
    outline: 0;
}
#accesso.signin {
    width: 30px;
    border: 0px;
    font-size: 30px;
    padding-top: 15px;
}
.forgot_pasw {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 15px;
}
.checkarea {
	text-align: left;
	padding-bottom: 10px;
}
.checkbox {
    border: 1px solid #728890;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.checkbox.checked {
    background-repeat: no-repeat;
    background-image: url(../images/check.png);
    background-color: #FFF;
    background-size: 60%;
    background-position: center;
    display: inline-block;
}
.staylog {
	font-size: 12px;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	width: 92%;
}

/* resume */
.resume {
    background-color: #efefef;
    z-index: 9999;
    padding-bottom: 30px;
    border-radius: 30px;
}
#head {
    color: #9c7462;
    text-align: center;
    background-color: #fff;
    font-size: 25px;
    line-height: 50px;
    height: 50px;
    font-weight: 500;
    position: relative;
    margin-bottom: 20px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
#head span{
	color: #9c7462;
	font-size: 25px;
}
#head .resume_back {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
}
#head .resume_back .icon {
    width: 30px;
    height: 50px;
    transform: rotate(180deg);
    fill: #9c7462;
}
.booking_area.forward {
    height: 607px;
    background-color: #f6f5f5;
    padding-top: 0;
}
#riepilogo {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
    color: #000;
}
#riepilogo button#tohome {
    width: 215px;
    height: 45px;
    line-height: 45px;
    font-weight: 500;
    color: #FFF;
    background-color: #bac2c4;
    color: #000;
    cursor: pointer;
    border: 0;
    font-size: 20px;
    margin: 15px auto 0;
}
#riepilogo.center {
    text-align: center;
    padding-top: 0px;
}
#riepilogo .carbox {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #728890;
    margin-bottom: 15px;
    text-align: center;
}
#riepilogo .carbox .car {
	height: 120px;
    width: 200px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-origin: content-box;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 15px;
    margin-top: 10px;
}
#riepilogo .carbox .model {
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 30px;
}
#riepilogo .carbox .model .name {
    display: block;
    font-size: 16px;
    font-weight: bold;
}
#riepilogo .descrizione {
    text-align: center;
    font-size: 14px;
}
#riepilogo .descrizione.complete {
    text-align: center;
    font-size: 20px;
}
#riepilogo .descrizione span {
    font-weight: bold;
    font-size: 16px;
    color: #777;
}
#riepilogo .prezzo {
	font-size: 16px;
	position: relative;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#riepilogo .prezzo .fullprice, #riepilogo .prezzo .webprice span {
    font-size: 26px;
    position: relative;
    font-weight: bold;
}
#riepilogo .prezzo .webprice, #riepilogo .prezzo .webprice span {
	padding-left: 10px;
}
#riepilogo .prezzo .fullprice, #riepilogo .prezzo .webprice {
    display: inline-block;
}
#riepilogo .prezzo .fullprice:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid #000000;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
#riepilogo .data {
    width: 45%;
}
#riepilogo .data.row {
	width: 97%;
}
#riepilogo .data:nth-child(2n) {
	margin-left: 30px;
}
#riepilogo #successo {
    display: block;
    positon: relative;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
#riepilogo.conferma {
    padding-top: 230px;
    color: #000;
    font-weight: 500;
}
#riepilogo.credit {
    font-size: 40px;
    border: 0;
}
._credit {
    border: 1px solid #728890;
    font-size: 40px;
    padding: 10px;
    display: inline-block;
}
#riepilogo.noborder {
    border: 0px !important;
}
#actions {
    padding-top: 15px;
    text-align: center;
    padding-bottom: 15px;
}
#riepilogo .icon-whatsapp, #riepilogo .icon-phone {
	font-size: 50px;
	line-height: 50px;
	margin: 20px;
	width: 50px;
	display: inline-block;
	cursor: pointer;
}
#riepilogo .icon-whatsapp:hover {
    color: #34af23;
}
#riepilogo #actions button.payservice {
	width: 48%;
	cursor: pointer;
	height: 45px;
	line-height: 45px;
	font-weight: 500;
	color: #FFF;
	background-color: #bac2c4;
	color: #000;
	border: 0;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4%;
}
#riepilogo #actions button.payservice:nth-child(2n) {
    margin-right: 0;
}

/* mobile Contatti */
#mobileContatti .telephone {
	display: none;
}

/*section mission */
#mission {
    padding-bottom: 40px;
    padding-top: 60px;
}
#impressum {
    width: 100%;
    height: 90px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-image: url('../images/banner_impressum.jpg');
    background-position: right center;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}
#impressum .impressum {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    padding-top: 100px;
    bottom: 0;
    color: #FFF;
    text-align: center;
}
#impressum .impressum p, #impressum .impressum h3 {
    font-weight: 500;
    font-size: 18px;
    color: #FFF;
}
#impressum .impressum h3 {
    text-transform: uppercase;
}
#features {
	margin: 0 auto;
	text-align: center;
}
#features .feature {
    text-align: left;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px;
    color: #728890;
    letter-spacing: 3px;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    margin: 25px;
}
#features .feature #ico {
    font-size: 40px;
    color: #728890;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
#features .feature .icon{
	display: inline-block;
	vertical-align: middle;
	fill: #9c7462;
	width: 80px;
	height: 80px;
}
#features .feature span{
	display: inline-block;
	vertical-align: middle;
}
#features .block{
	display: inline-block;
	vertical-align: middle;
}
/* section Paynow */
#paynow .data {
	width: 98%;
}
#paynow .data.wrapper {
	width: 100%;
    padding: 0px;
    border: none;
    display: table;
    margin: 0px;
    min-height: 0px;
}
#paynow .schermata {
    text-align: left;
}
#paynow .descrizione {
	font-size: 14px;
    margin-bottom: 15px;
    text-align: left;
}
#paynow .data .select {
	display: table-cell;
    width: 40%;
    padding-right: 20px;
}
#paynow .select select {
	width: calc(100% - 10px);
    height: 45px;
    color: #4e6571;
    border: 1px solid #b5bec0;
    -webkit-appearance: none;
    border-radius: 0px;
    padding-left: 10px;
    background: #FFFFFF;
    vertical-align: top;
    font-size: 15px;
}
#paynow .data.wrapper .input input {
    color: #4e6571;
    font-weight: 600;
    border: 1px solid #b5bec0;
    -webkit-appearance: none;
}
#paynow .action_container {
	text-align: right;
}
#paynow #actions {
    font-size: 23px;
    margin-top: 15px;
    display: inline-block;
    padding: 0px 15px 0px;
    height: 45px;
    line-height: 45px;
    color: #4e6571;
    font-weight: 600;
    border: 1px solid #b5bec0;
    -webkit-appearance: none;
}
#paynow #actions button#makepayment {
	cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-weight: 500;
    color: #FFF;
    background-color: #bac2c4;
    color: #000;
    border: 0;
    padding: 0 15px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

/* section services */
#services {
    text-align: center;
    background-color: #fff;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
}
#services h1{
    color: #9c7462;
    border-bottom: 1px solid;
    width: 75vw;
    margin: 0 auto;
    padding-bottom: 15px;
}
#service {
    width: 18%;
    margin-right: 3%;
    padding: 100px 0 0;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}
#service p {
    font-size: 15px;
    line-height: 20px;
    color: rgba(96,96,96,0.5);
}
#service .icon{
	fill:#606060;
	width: 100%;
}
div.riga {
    width: 20%;
    margin: 10px auto 20px;
    height: 2px;
    background: #4e6571;
}
#service:last-child {
    margin-right: 0;
}
/*
#service #ico {
    margin: 0 auto 20px;
    width: 65px;
    height: 65px;
    font-size: 65px;
    color: #4e6571;
    background-repeat: no-repeat;
    background-position: center;
}
*/
#service h2 {
    font-weight: 400;
    color: #606060;
    font-size: 16px;
}
#service #ico.transfer {
    background-image: url(icone/plane.png);
}
#service #ico.travel {
    background-image: url(icone/counter.png);
}
#service #ico.personal {
    background-image: url(icone/gift.png);
}

/* section fleet */
section#fleet {
    text-align: center;
}
#fleet h1{
    width: 80%;
    margin: 0 auto;
    color: #606060;
    border-bottom: 1px solid;
}
#fleet .grey_panel{
	width: 100%;
	height: 40%;
	position: absolute;
	background-color: #606060;
	bottom: 0;
	z-index: 1;
}
.fleet {
    width: 25%;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #606060;
    margin: 30px;
    border-radius: 15px;
    padding: 5px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    z-index: 3;
    background-color: #fff;
}
.fleet #car {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* padding: 0 15%; */
    background-origin: content-box;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
#fleet .btn_gobook {
    color: #fff;
    background-color: #71e256;
    padding: 5px 20px;
    font-size: 20px;
    width: 53px;
    margin: 0 auto 30px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
}

/* Cars carousel */
.carousel-3d {
	position: relative;
	height: 250px;
	margin: 0px auto;
}
.carousel-3d .carousel-item {
	position: absolute;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 150px;
    margin-left: -80px;
    margin-top: -75px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
	-webkit-box-shadow: 0px 21px 57px -19px rgba(0,0,0,0.73);
	-moz-box-shadow: 0px 21px 57px -19px rgba(0,0,0,0.73);
	box-shadow: 0px 21px 57px -19px rgba(0,0,0,0.73);
	cursor: pointer;
	border-radius: 15px
}
.carousel-3d .carousel-item span {
	font-size: 9px;
	line-height: 10px;
	padding-top: 110px;
	display: block;
	pointer-events: none;
	cursor: default;
}

/* booking */
.booking_area {
	width: 500px;
	text-align: center;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.booking_area.bottom {
	display: block;
}
.booking_area.relative {
    margin: 0 auto;
    padding: 0;
    float: none;
}
.booking_area h2 {
    color: #FFF;
    font-size: 50px;
    letter-spacing: 10px;
    line-height: 50px;
}
#_booking {
    background-color: #efefef;
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    position: relative;
}
#booking .booking_area {
	float: none;
	margin: 0 auto;
}
#header_intro {
    color: brown;
    text-align: center;
    background-color: #fff;
    font-size: 25px;
    line-height: 60px;
    height: 60px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
#header_intro .title {
    color: #9c7462;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid;
    width: 80%;
    margin: 0 auto;
}
header {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: table;
}
header .button {
	width: 50%;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    font-weight: 500;
    cursor: pointer;
    display: table-cell;
}
.selected {
    background-color: #f5f5f5;
}
.data {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 90%;
    padding-left: 2%;
    font-size: 18px;
    margin-bottom: 15px;
    color: #4e6571;
    font-weight: 600;
    line-height: 44px;
    text-align: left;
    position: relative;
	border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.data .icon{
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    fill: #606060;
}
.data .label {
	display: table-cell;
}
.data.duble .label {
    min-width: 160px;
}
.data.int .label {
    min-width: 120px;
}
.data .input {
	display: table-cell;
    width: 100%;
}
.data span.icon-lock {
    font-size: 25px;
    line-height: 44px;
    vertical-align: middle;
    position: absolute;
    right: 0px;
    top: 0px;
    pointer-events: none;
}
.onedata {
    width: 94%;
    margin: 0 auto;
}
.data.day {
    width: 45%;
    margin-right: 4%;
    display: inline-block;
    vertical-align: top;
    height: 44px;
    text-align: center;
}
.data.day:nth-child(2) {
    margin-left: -5px;
    margin-right: 0;
}
.data.day input {
    width: 120px;
    letter-spacing: 0;
    font-weight: 700;
    text-align: center;
}
select#passengers {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 18px;
    margin-bottom: 15px;
    color: #4e6571;
    font-weight: 600;
    line-height: 44px;
    text-align: left;
    width: 85%;
    padding-left: 3%;
    height: 44px;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
}
select#passengers option {
    border: none;
}
#vehicle {
    width: 32%;
    margin-right: 3%;
}
#vehicle:last-child {
    width: 28%;
    margin-right: 0;
}
.data input {
    width: 98%;
    padding-left: 2%;
    height: 44px;
    font-size: 20px;
    line-height: 26px;
    background-color: rgba(255, 255, 255, 0);
    color: rgba(0,0,0,0.5);
    border: 0px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-weight: 500;
    font-size: 15px;
}
input#departure, input#departure {
    letter-spacing: 0px;
    color: #DADADA;
    width: 98% !important; 
}
#mezzi {
    margin: 30px auto;
    position: relative;
    height: 130px;
}
#mezzo {
    width: 150px;
    margin-right: 2px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    background-size: 90%;
    background-position: center 5%;
    height: 45px;
    padding-top: 90px;
    position: relative;
    box-shadow: 5px;
    -webkit-box-shadow: 2px 2px 36px 0px rgba(142, 142, 142, 1);
    -moz-box-shadow: 2px 2px 36px 0px rgba(142, 142, 142, 1);
    box-shadow: 2px 2px 36px 0px rgba(142, 142, 142, 1);
}
#mezzo.hover {
    width: 220px;
    height: 45px;
    border: 1px solid #555;
    margin-top: -15px;
    padding-top: 120px;
    box-shadow: 0px 0 15px #FFF;
}
button.search {
    width: 45%;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    background-color: #71e256;
    color: #fff;
    cursor: pointer;
    border: 0;
    font-size: 15px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 10px;
    -webkit-box-shadow: 0px 21px 57px 0px rgba(0,0,0,0.73);
    -moz-box-shadow: 0px 21px 57px 0px rgba(0,0,0,0.73);
    box-shadow: 0px 21px 57px 0px rgba(0,0,0,0.73);
}

/* Selectize */
.selectize-control {
	position: relative;
}
.selectize-dropdown {
	z-index: 999;
    background: rgb(246, 245, 245);
    border: 1px solid #b5bec0;
    position: absolute;
    width: calc(100% - 1px) !important;
}
.selectize-input .item {
	color: #555;
	display: inline-block;
	padding-left: 10px;
	font-size: 15px;
}
.selectize-dropdown-content .option {
	font-size: 14px;
    line-height: 24px;
    vertical-align: bottom;
    padding: 10px;
}
.selectize-dropdown-content .option:hover {
	cursor: pointer;
	color: #555; 
    background-color: #e6e6e6;
}
.selectize-dropdown-content .option > span {
	font-size: 21px;
    font-weight: bold;
    line-height: 21px;
    vertical-align: text-bottom;
    color: #555;
}
    
/*section booking */
section#booking {
    width: 100%;
    position: relative;
    background-image: url(../images/banner_booking.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 65%;
}
section#booking ._cover {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    color: #FFF;
    text-align: center;
}

/* section footer */
.icon-cp-studio {
    font-size: 30px !important;
}
#footer {
    background-color: #efefef;
    text-align: center;
    padding: 30px 0;
    line-height: 25px;
    color: #606060;
    font-weight: 600;
}
#footer .footer {
    display: block;
    margin: 0 auto;
    width: 90vw;
}
#footer span,
#footer span a {
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    color: #606060;
}
#footer .logo-icon {
    width: 150px;
    height: 30px;
    position: relative;
    background-image: url(../images/logo_white.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
}
#footer .icon-logo {
    font-size: 70px;
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
}
.text_footer {
    display: inline-block;
    vertical-align: middle;
    color: #606060;
    font-size: 16px;
}
#footer a {
    color: #606060;
    font-size: 12px;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer .credit{
	font-size: 12px !important;
	font-weight: normal !important;
}
#footer .footer .logo_container{
	width: 90vw;
	height: 50px;
	padding: 15px 0px 15px 0px;
	margin: 0 auto;
	border-bottom: 1px solid #9c7462;
}
#footer .footer .logo_container .logo{
	width: 160px;
    background-repeat: no-repeat;
    background-image: url(../images/logo.svg);
    background-size: contain;
    height: 65px;
    background-position: center;
    margin: 0 auto;
}
#social {
	border-top: 1px solid #606060;
    width: 90vw;
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
}
#social .social {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 55px;
    color: #FFF;
    font-size: 38px;
    background-position: center;
}
#social .social:hover {
    text-decoration: none;
}
#social .social.fb {
    background-image: url(icone/facebook.png);
}
#social .social.ln {
    background-image: url(icone/linkedin.png);
}
#social .social.ig {
    background-image: url(icone/instagram.png);
    margin-right: 0;
}
#social .social .icon {
	width: 30px;
	height: 30px;
	fill: #9c7462;
}
#footer .footer .contatti {
	height: 480px;
}
.contatti .element {
	position: relative;
	width: 100%;
	text-align: left;
	padding-top: 25px;
}
.contatti .element #menu_footer {
	position: absolute;
	left: 0;
	padding: 20px;
}
.contatti .element #menu_footer span, .contatti .element #link span, .contatti .element #contactus span {
	font-size: 16px !important;
}
.contatti .element #link{
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	padding: 20px;
}
.contatti .element #contactus{
	position: absolute;
    right: 0;
    padding: 20px;
    text-align: right;
}
.contatti .form{
	position: relative;
	top:200px;
}
.contatti span, .contatti span a {
	font-size: 12px !important;
	color: #606060 !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.contatti span {
	font-weight: bold;
}
.contatti .element #menu_footer .menu_footer a, .contatti .element #link .link li, .contatti .element #contactus .contactus li {
	color: rgba(96,96,96,0.5);
	font-weight: normal;
	font-size: 16px;
}
span.mail {
    padding-bottom: 4px;
    border-bottom: 1px solid #FFF;
}
.contatti .form .user_data{
	display: table;
	width: 100%;
}
.contatti .form .user_data div{
	display: table-cell;
	width: 30%;
	text-align: left;
	padding: 20px;
}
.contatti .form .user_data input, .contatti .form .message input{
    box-shadow: 0 0 20px rgba(96,96,96,0.2);
    width: calc(100% - 20px);
    padding-left: 20px;
    border-radius: 15px;
    height: 60px;
    outline: none;
    border: none;
    font-size: 14px;
    font-weight: bold;
}	
.contatti .form .message .messaggio{
	width: calc(100% - 20px);
	padding: 20px;
}
.contatti .form .message .messaggio input{
	width: calc(100% - 40px);
}
.contatti .form .message{
	display: table;
	width: 100%;
	text-align: left;
	position: relative;
}
.contatti .form .message .icon {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 40px;
    top: 31px;
    fill: #9c7462;
    cursor: pointer;
}
.contatti .form .privacy input,.contatti .form .privacy span{
	display: inline-block;
	vertical-align: middle;
	font-weight: normal !important;
}
.contatti .form .privacy a{
	display: inline-block;
	vertical-align: middle;
	text-decoration: underline !important;
	font-weight: normal !important;
}

/* clockpicker */
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
}
.popover-content {
	padding: 9px 14px;
}
.popover > .arrow, .popover > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	overflow:visible;
	margin:0;
	padding:0;
	z-index:auto;
	background-color:transparent;
	-webkit-box-shadow:none;
	box-shadow:none;
	bottom:auto;
	left:auto;
	right:auto;
	top:auto;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
}
.popover > .arrow {
	border-width: 11px;
}
.popover > .arrow:after {
	content: "";
	border-width: 10px;
}
.popover.top > .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0;
}
.popover.top > .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0;
}
.popover.right > .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25);
	border-left-width: 0;
}
.popover.right > .arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0;
}
.popover.bottom > .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left > .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff;
}
.btn {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn:hover, .btn:focus {
	color: #333;
	text-decoration: none;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #333;
	background-color: #ebebeb;
	border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-image: none;
}
.btn-block {
	display: block;
	width: 100%;
}
.text-primary {
	color: #428bca;
}
.clockpicker .input-group-addon {
	cursor: pointer;
}
.clockpicker-moving {
	cursor: move;
}
.clockpicker-align-left.popover > .arrow {
	left: 25px;
}
.clockpicker-align-top.popover > .arrow {
	top: 17px;
}
.clockpicker-align-right.popover > .arrow {
	left: auto;
	right: 25px;
}
.clockpicker-align-bottom.popover > .arrow {
	top: auto;
	bottom: 6px;
}
.clockpicker-popover .popover-title {
	background-color: #fff;
	color: #999;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.clockpicker-popover .popover-title span {
	cursor: pointer;
}
.clockpicker-popover .popover-content {
	background-color: #f8f8f8;
	padding: 12px;
}
.popover-content:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.clockpicker-plate {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	overflow: visible;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.clockpicker-canvas, .clockpicker-dial {
	width: 200px;
	height: 200px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.clockpicker-minutes {
	visibility: hidden;
}
.clockpicker-tick {
	border-radius: 50%;
	color: #666;
	line-height: 26px;
	text-align: center;
	width: 26px;
	height: 26px;
	position: absolute;
	cursor: pointer;
}
.clockpicker-tick.active, .clockpicker-tick:hover {
	background-color: rgb(192, 229, 247);
	background-color: rgba(0, 149, 221, .25);
}
.clockpicker-button {
	background-image: none;
	background-color: #fff;
	border-width: 1px 0 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin: 0;
	padding: 10px 0;
}
.clockpicker-button:hover {
	background-image: none;
	background-color: #ebebeb;
}
.clockpicker-button:focus {
	outline: none!important;
}
.clockpicker-dial {
	-webkit-transition: -webkit-transform 350ms, opacity 350ms;
	-moz-transition: -moz-transform 350ms, opacity 350ms;
	-ms-transition: -ms-transform 350ms, opacity 350ms;
	-o-transition: -o-transform 350ms, opacity 350ms;
	transition: transform 350ms, opacity 350ms;
}
.clockpicker-dial-out {
	opacity: 0;
}
.clockpicker-hours.clockpicker-dial-out {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.clockpicker-minutes.clockpicker-dial-out {
	-webkit-transform: scale(.8, .8);
	-moz-transform: scale(.8, .8);
	-ms-transform: scale(.8, .8);
	-o-transform: scale(.8, .8);
	transform: scale(.8, .8);
}
.clockpicker-canvas {
	-webkit-transition: opacity 175ms;
	-moz-transition: opacity 175ms;
	-ms-transition: opacity 175ms;
	-o-transition: opacity 175ms;
	transition: opacity 175ms;
}
.clockpicker-canvas-out {
	opacity: 0.25;
}
.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
	stroke: none;
	fill: rgb(0, 149, 221);
}
.clockpicker-canvas-bg {
	stroke: none;
	fill: rgb(192, 229, 247);
}
.clockpicker-canvas-bg-trans {
	fill: rgba(0, 149, 221, .25);
}
.clockpicker-canvas line {
	stroke: rgb(0, 149, 221);
	stroke-width: 1;
	stroke-linecap: round;
	/*shape-rendering: crispEdges;*/
}
.clockpicker-button.am-button {
	margin: 1px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 4px;
	
}
.clockpicker-button.pm-button {
	margin: 1px 1px 1px 136px;
	padding: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 4px;
}
#powered{
	padding: 20px;
	text-align: center;
	width: calc(100% - 40px);
}
#powered .powered_logo{
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    margin-left: 20px;
}

#powered span{
	text-align: center;
}

/* Responsive */
@media screen and (max-width: 1200px) {
    #menu {
        width: 810px;
    }
    .icon-login {
        margin-left: 25px;
    }
    .home {
        width: 98vw;
        padding-top: 0;
        min-height: 980px;
    }
    .booking_area {
		width: 360px;
	}
    .intro {
		width: 100vw;
		padding: 60px 0 30px;
		font-size: 45px;
		line-height: 45px;
		text-align: center;
    }
    #menu ul.menu {
        width: 420px;
    }
    #menu ul.menu li {
        padding: 0 25px 0 0;
    }
    .text_footer,
    #footer .icon-logo {
        display: block;
        margin: 0 auto;
    }
    #footer .footer {
        width: 90%;
    }
    #features .feature{
	    width: 300px;
    }
    
    #service{
	    width: 40%;
    }
}

@media screen and (max-width: 1024px) {
    #menu {
        width: 100%;
        position: initial;
        right: auto;
        top: auto;
        transform: none;
    }
    #menu ul.menu li a{
	    color: #fff;
    }
    #menu ul.menu li a:hover, #menu ul.menu li a.current{
	    border-bottom: 2px solid #fff;
    }
    .booking_area {
	    width: 250px;
	}
    .contatto_resp {
        padding-left: 35px;
        position: relative;
        font-size: 20px;
        padding-right: 5%;
        text-align: right;
        padding-top: 30px;
        margin: 0 auto;
        color: #FFF;
    }
    .contatto_resp span {
        padding-bottom: 8px;
        border-bottom: 1px solid #FFF;
        font-size: 20px;
    }
    .contatto_resp .icn {
        width: 30px;
        height: 30px;
        background-image: url(icone/contatto.png);
        background-repeat: no-repeat;
        left: 0;
        top: 0px;
        background-size: contain;
        vertical-align: middle;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin-right: 5px;
    }
    .fleet {
        width: 29%;
    }
    .contatto_resp {
        display: block !important;
    }
    
    /* menu responsive */
    body.responsive_menuopen{
	    overflow: hidden;
    }    
    #menu ul.menu.down {
		width: 100%;
		padding: 0px;
    }
    #menu ul.menu.down.double {
        top: 60% !important;
    }
    #menu ul.menu.upper {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -150px;
    }
    #menu ul.menu.down li,
    #menu ul.menu.down li:last-child {
        display: block !important;
        padding: 0 !important;
        height: 66px !important;
        text-align: center;
    }
    #menu ul.menu.upper li,
    #menu ul.menu.upper li:last-child {
        display: block !important;
        padding: 0 !important;
        height: 60px !important;
        text-align: center;
    }
    #menu ul.menu li a {
        font-size: 18px;
        line-height: 26px;
    }
    #menu ul.menu li a:hover {
        padding-bottom: 0;
    }
    #menu {
        padding-top: 3px;
    }
	#header.close {
        height: 60px !important;
    }
    #home > .wrapper {
        top: 0;
    }
    #header.close #menu ul.menu,
    #header.close #menu #languages,
    #header.close #menu .icon-login {
        display: none;
    }
    body.responsive_booking #header.close #menu .icon-login.loged {
	    display: block;
        position: absolute;
	    top: -40px;
	    right: 7px;
	    left: auto;
    }
    #languages._up {
	    margin: 0 auto;
	    position: relative;
	    left: 50%;
	    transform: translate(-50%);
	    border: 1px solid #fff;
	}
	#languages .language{
		color: #606060;
		background-color: rgba(255,255,255,0.5);
	}
	#languages .language:hover, #languages .language.current {
	    background: #fff;
	}
    #languages._down {
        margin: 100px auto 0;
    }
    #header.close #bg_menu {
        width: 85%;
    }
    #header.close #bg_menu.right {
        width: 55%;
    }
    #header.open {
        position: fixed;
        z-index: 999;
        bottom: 0;
        height: auto;
        background-color: rgba(156, 116, 98, 0.9);
    }
    #header.open #menu ul.menu {
        display: block;
    }
    #header.open #bg_menu,
    #header.open #bg_menu.right {
        display: none;
    }
    #header.open #hamburger {
		position: absolute;
		right: 25px;
		top: 0px;
    }
    #logo {
	 	top: 0;
	 	left: 30px; 
	}
    #header.open #logo {
	    background-image: url(../images/logo_in.svg);
    }
    #header.open .header {
        position: fixed;
        top: 0;
        bottom: 0;
        height: auto;
        padding-top: 150px;
    }
    #header.open #contatti {
	    margin-left: 0px;
    }
    #header.open #contatti .contatto span {
	    font-size: 40px;
    }
    #header.open .login {
        width: 40px;
	    line-height: 40px;
	    font-size: 37px;
	    top: 15px;
	    position: relative;
	    padding-left: 10px;
	}
    #hamburger {
        height: 33px;
        width: 35px;
        position: absolute;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        float: right;
        padding-left: 10px;
        padding-top: 10px;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 9999;
        margin-top: 10px;
        cursor: pointer;
        right: 25px;
    }
    .burger,
    .burger::before,
    .burger::after {
        position: absolute;
        top: 20px;
        right: 10px;
        width: 24px;
        height: 3px;
        background: #606060;
        -webkit-transition: background 0.3s, -webkit-transform 0.3s, top 0.3s;
        -ms-transition: background 0.3s, transform 0.3s, top 0.3s;
        transition: background 0.3s, transform 0.3s, top 0.3s;
    }
    .burger:before {
        top: -8px;
        left: 0;
        content: "";
    }
    .burger:after {
        top: 8px;
        left: 0;
        content: "";
    }
    .burger-box:hover .burger,
    .burger-box:hover .burger:before,
    .burger-box:hover .burger:after {
        background: #7c7c7c;
    }
    .open .burger {
        background: transparent !important;
        right: auto;
        left: 10px !important;
    }
    .open .burger:before {
        top: 0;
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        background-color: #fff;
    }
    .open .burger:after {
        top: 0;
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        background-color: #fff;
    }
    #contatti{
	    display: none;
    }
    #header.open #contatti{
	    display: block;
	    text-align: center;
    }
	#menu .icon{
		fill: #fff;
	    width: 60px;
		height: 60px;
		cursor: pointer;
	}
	
	#btn_login {
	    position: absolute;
	    top: 7px;
	    left: 50%;
	    transform: translate(-50%);
	    margin: 0;
	    width: 50px;
	    height: 50px;
	    cursor: pointer;
	}
	
	#btn_login .icon {
	    fill: #fff;
	    width: 50px;
	    height: 50px;
	}
}
@media screen and (max-width: 960px) {
    #header, #header .header {
        height: 140px;
    }
    .home{
	    width: 100vw;
	    margin: 0 auto;
	    min-height: 980px;
    }
    .home .intro {
	    display: none;
    }
    .booking_area {
    }
    .booking_area {
        margin: 0 auto;
        display: block;
        width: 60vw;
    }
    #menu ul.menu {
        width: 400px;
    }
    #menu ul.menu li {
        padding: 0 20px 0 0;
    }
    .icon-login {
        margin-left: 10px;
    }
    #features .feature {
	    font-size: 12px;
	    display: inline-block;
    }
    #features .feature #ico {
        font-size: 30px;
		padding-top: 10px;
    }
    #signin {
        top: 140px;
    }
    #features .block {
	    display: block;
	    width: 80%;
	    margin: 0 auto;
    }
    body.responsive_menuopen {
	    overflow: hidden;
	    height: 100vh;
	}
	#powered {
    	padding-bottom: 120px;
    }
	#mobileContatti .telephone {
		position: fixed;
	    left: 50%;
	    bottom: 10px;
	    width: 190px;
	    height: 69px;
	    background-image: url(/images/numero-verde.jpg);
	    background-color: #FFF;
	    background-size: contain;
	    background-repeat: no-repeat;
	    z-index: 999;
	    border-radius: 10px;
	    border: 5px solid #FFF;
	    display: block;
	    transform: translate(-50%);
	}
    
}
@media screen and (max-width: 768px) {
	body.responsive_booking #body .scrollmobile {
		display: none;
	}
	body.responsive_booking #hamburger {
		display: none;
	}
	#body {
        margin-top: 60px;
    }
    #header .header {
		padding-left: 25px;
		padding-right: 25px;
		width: calc(100vw - 50px);
    }
    #headerfix {
        height: 60px;
    }
    #arrowleft, #arrowright {
        top: 20px;
    }
    section {
        padding: 80px 0;
    }
    #home {
        height: auto;
    }
    #impressum {
        height: auto;
        padding: 0;
    }
    #impressum .impressum {
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
    }
    #mezzo {
        width: 24%;
        margin-right: 0%;
        background-size: 100%;
        height: auto;
        padding-bottom: 20px;
    }
    #mezzo.hover {
        width: 28%;
        margin-top: -5px;
    }
    .resume {
        position: relative;
	    top: 0px;
	    right: 0;
	    left: 0;
	    bottom: 0;
	    background: none;
    }
    .resume .wrapper {
	    background: white;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
    }
    .resume #head {
	    background-color: #b9c0c1;
		line-height: 60px;
		height: 50px;
		position: relative;
		height: 60px;
    }
    #logo {
        width: 110px;
        height: 57px;
        top: 5px;
    }
    .fixmobile {
        z-index: 99;
    }
    .intro {
        display: none;
    }
    section#home {
        padding: 0px;
    }
    .home {
		margin-bottom: 40px;
		min-height: 980px;
    }
    #logo {
        display: inline-block;
    }
    .close {
        height: 0;
        overflow: hidden;
    }
    #booking {
        display: none;
    }
    #colonna {
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
        border-right: 0 !important;
        margin: 0 auto;
        display: block;
    }
    #colonna.right {
        padding-top: 50px;
        border: none;
    }
    #colonna button.login, #colonna button.loginuser, button#procedi {
        height: 44px !important;
        line-height: 44px !important;
    }
    
    .icon-login {
        position: absolute;
	    top: 0px;
	    left: 50%;
	    margin-left: -16px;
	    text-align: center;
    }
	.fleets {
	    padding: 0px;
	}
    #signin {
        top: 145px;
        width: 96%;
        z-index: 1;
        height: 60px;
        padding: 5px 2%;
        z-index: 999;
    }
    #signin.up {
        width: 98%;
        height: 60px;
        top: 235px;
        left: -1000px;
    }
    #accesso {
        width: 45%;
    }
    #accesso input {
        width: 98%;
        padding-left: 2%;
        height: 44px;
    }
    #accesso.signin {
        width: 3%;
        height: 45px;
        background-position: center;
    }
    .data input {
        font-size: 15px;
    }
    #features {
        padding-bottom: 0;
        width: 100%;
    }
    #service,
    #service:last-child {
        width: 90%;
        margin-right: auto !important;
        margin: 0 auto;
        padding-bottom: 30px;
        display: block;
    }
    #impressum .impressum {
        padding-top: 30px;
    }
    .booking_area {
        width: 95vw;
        margin: 0 auto;
        top: 45px;
    }
    .responsive_menuopen .booking_area #header_intro.fixed {
		width: 75vw;
		margin: 0 auto;
		top: 85px;
		border-radius: 30px;   
		height: 60px;
		overflow: hidden;
		z-index: 99999;
		position: fixed;
	    left: 50%;
		transform: translate(-50%);
	}
    /* .booking_area #header_intro.fixed {
		height: 60px;
		overflow: hidden;
		z-index: 99999;
		position: fixed;
		top: 60px;
		width: 100vw;
		left: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
    } */
    .booking_area h2 {
        font-size: 30px;
        line-height: 30px;
    }
    header .button {
        width: 48%;
        padding-left: 2%;
    }
    header .button:last-child {
        margin-left: 0;
    }
    .fleet {
        width: 90%;
        display: block;
        margin-right: 0;
        margin: 50px auto;
        font-size: 20px;
        border-right: 0;
        color: #000 !important;
        border-bottom: 2px solid #4e6571;
        padding-bottom: 30px;
    }
    .fleet:last-child {
        border-bottom: 0;
    }
    .fleet span {
        font-size: 20px !important;
    }
    #mezzi {
        margin: 30px auto;
        height: auto;
        background-size: 80%;
    }
    ._70 {
        width: 5%;
        display: inline-block;
    }
    .contatto {
        text-align: center !important;
        margin: 0 auto;
        font-size: 18px;
        padding-top: 0;
        margin: 10px 0;
    }
    #freccia {
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		right: 0px;
		top: 0px;
		width: 60px;
		height: 60px;
		font-size: 60px;
		position: absolute;
		line-height: 60px;
    }
    #freccia.arrowup {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    #header.open #languages {
        padding-top: 10px;
    }
    section#mission {
        padding: 20px 0 20px;
    }
    #riepilogo .data {
	    width: 98%;
	}
    #riepilogo .data:nth-child(2n) {
	    margin-left: 0px;
    }
    button.payservice {
		width: 100%;
		margin-bottom: 15px;
		display: block;
    }
    .staylog {
		font-size: 16px;
    }
	#header.close #contatti {
		position: absolute;
	    top: -57px;
	    right: 60px;
	    margin-left: 0px;
	}
	#header.close #contatti .contatto span {
		font-size: 35px;
		padding-left: 20px;
		color: #b9c0c1;	
	}
	/* clockpicker */
	.popover {
	    top: 215px !important;
	    left: 5vw !important;
	    width: 90vw;
	    max-width: 90vw;
	    z-index: 999;
	    display: none;
	    padding: 1px;
	    margin: !important;
	}
	.clockpicker-align-left.popover > .arrow {
		display: none;
	}
	.clockpicker-popover .popover-title .clockpicker-span-hours, .clockpicker-popover .popover-title .clockpicker-span-minutes {
		font-size: 30px;
	}
	.clockpicker-plate {
		width: 200px;
		height: 200px;
		margin: 0 auto;
	}
	/* datepicker */
	.datepicker {
		top: 215px !important;
		width: 90vw !important;
		max-width: 90vw;
	}
	.datepicker.active {
		left: 5vw !important;
	}
	.datepicker--cell {
		height: 9vw !important;
		font-size: 19px;
	}	
	.contatti .home {
		display: none;
	}
}
@media screen and (max-width: 640px) {
    .login {
        z-index: 999;
    }
    #home,
    #booking {
        height: auto !important;
    }
    #features .feature {
        font-size: 10px;
        padding-right: 0;
    }
    #features .feature #ico {
        font-size: 30px;
        padding-top: 10px;
    }
    #impressum {
        height: auto;
    }
    .intro {
        font-size: 25px;
        line-height: 30px;
        padding: 10px 0;
    }
    #riepilogo #square {
        width: 35%;
    }
    #hamburger {
        margin-top: 10px;
    }
    #_booking {
        background-color: #f6f5f5;
        padding: 15px 0px 15px;
    }
    #mezzi {
        margin: 10px auto;
    }
    #mezzo {
    	padding-bottom: 40px;
    }
    #mezzo.hover {
    	height: 70px;
    }
    .data.day input {
        font-size: 13px;
    }
    #button_resume {
        width: 30%;
        margin-right: 1%;
    }
    #riepilogo.conferma {
        height: 537px;
        padding-top: 0 !important;
    }
    #riepilogo #square.top {
        width: 90%;
        position: relative;
        display: block;
        margin-bottom: 5px;
        top: 0;
    }
    .data.day, data.day:last-child {
    	width: 96%;
    	margin-left: 0 !important;
    	margin-right: 0;
    }
    #arrowleft, #arrowright {
    	top: 70px;
    }
    .schermata {
	    padding-left: 2.5vw;
	    padding-right: 2.5vw;
	}
	.contatti .form .user_data div {
	    display: table;
	    width: calc(100% - 40px);
	}
	#footer .footer .contatti {
	    height: 690px;
	}
	#home {
		background-image: url(../images/homepage_mobile.jpg);
	    background-attachment: unset;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	}
	#_booking {
    	background-color: rgba(239,239,239,0.9);
	}
	.booking_area {
    	width: 100vw;
	    min-height: 300px;
    }
    #bookingarea {
	    transform: scale(0.4) translateY(-50%);
    }
    #bookingarea.open {
	    transform: scale(1) translateY(0);
    }
	.home .intro {
		width: 80%;
		display: block;
		vertical-align: middle;
		text-align: center;
		margin: 0 auto;
		margin-top: 60px;
		color: #000;
	}
	.home .contatti {
		display: block;
	}
	.home .contatti .contatto {
	    display: -moz-inline-stack;
	    display: inline-block;
	    zoom: 1;
		display: inline;
	    text-align: center;
	    background-position: center;
	    text-align: right;
	}
	.home .contatto .icon {
		fill: #00C655;
	    width: 84px;
	    height: 84px;
	    cursor: pointer;
	}
	.home .contatto.email .icon {
	    fill: #1486ED;
	}	
}
@media screen and (max-width: 500px) {
	.checkarea {
		position: relative;
	    min-height: 46px;
	}
	.contatti .text {
	    font-size: 10px !important;
	}
	.contatti .form .privacy a{
		font-size: 10px !important;
	}
}
@media screen and (max-width: 460px) {
	#footer .footer .contatti {
	    height: 730px;
	}
}
@media screen and (max-width: 400px) {
    #header_intro {
        font-size: 20px;
    }
    .data.day input {
        font-size: 11px;
        width: 77%;
    }
    #features .feature{
	    margin: 25px 0px;
    }
    #header.open .header{
	    padding-top: 90px;
    }
    #menu ul.menu.down li, #menu ul.menu.down li:last-child{
	    height: 30px;
    }
    #menu ul.menu.down{
	    padding-bottom: 0px;
    }
    #header_intro .title, #services h1, #fleet h1{
	    font-size: 18px;
    }
}

/* ui css */
/* Layout helpers */
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}
.ui-front {
    z-index: 100;
}
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* UI Icons */
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    background-repeat: no-repeat;
    color: #728990;
}
.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    cursor: default;
}
.ui-autocomplete-input {
    color: #000 !important;
}
.ui-menu {
    list-style: none;
    padding: 20px;
    margin: 0;
    display: block;
    outline: 0;
    font-size: 30px;
}
.ui-menu .ui-menu {
    position: absolute;
    left: 0;
    right: 0;
}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    font-size: 30px;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
    font-size: 30px;
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    width: 300px;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
    font-size: 30px;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}
.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}
.ui-checkboxradio-disabled {
    pointer-events: none;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background-color: #FFF;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Datepicker Icons */
.ui-datepicker .ui-icon {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}
.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}
.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}
.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}
.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}
.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}
.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}
.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}
.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}
.ui-tabs {
    position: relative;
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}
body .ui-tooltip {
    border-width: 2px;
}

/* Component containers */
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
    display: block;
}
#ui-id-1,
#ui-id-2 {
    padding: 0;
    z-index: 9999999;
    width: 564px !important;
}
#ui-id-2 {
    width: 588px !important;
}
#ui-id-1 a,
#ui-id-2 a {
    font-size: 25px;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    butt color: #333333;
    font-weight: bold;
}
.ui-widget-header a {
    color: #333333;
}

/* Interaction states */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}
.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}
/* Interaction Cues */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

/* Icons - states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../images/img_previous.png) !important;
}
.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("../images/ui-icons_777777_256x240.png");
}
.ui-icon .ui-icon-circle-triangle-e {
    text-align: right !important;
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}
.ui-icon-caret-1-n {
    background-position: 0 0;
}
.ui-icon-caret-1-ne {
    background-position: -16px 0;
}
.ui-icon-caret-1-e {
    background-position: -32px 0;
}
.ui-icon-caret-1-se {
    background-position: -48px 0;
}
.ui-icon-caret-1-s {
    background-position: -65px 0;
}
.ui-icon-caret-1-sw {
    background-position: -80px 0;
}
.ui-icon-caret-1-w {
    background-position: -96px 0;
}
.ui-icon-caret-1-nw {
    background-position: -112px 0;
}
.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}
.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-on {
    background-position: -96px -144px;
}
.ui-icon-radio-off {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
    text-align: right;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals - Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}
.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}
@media screen and (max-width: 768px) {
    #ui-id-1,
    #ui-id-2 {
        padding: 0;
        z-index: 9999999;
        width: 76% !important;
    }
    #ui-id-2 {
        width: 79%!important;
    }
}
.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}
.datepicker--cell.-focus- {
    background: #f0f0f0
}
.datepicker--cell.-current- {
    color: #4EB5E6
}
.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}
.datepicker--cell.-current-.-in-range- {
    color: #4EB5E6
}
.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}
.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, .2)
}
.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}
.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}
.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}
.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}
.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}
.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 0 4px 4px 0
}
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}
.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}
.datepicker--cell.-selected- {
    border: none
}
.datepicker--cell.-selected-.-focus- {
    background: #45bced
}
.datepicker--cell:empty {
    cursor: default
}
.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}
.datepicker--day-name {
    color: #FF9A19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}
.-only-timepicker- .datepicker--content,
.datepicker--body,
.datepicker-inline .datepicker--pointer {
    display: none
}
.datepicker--cell-day {
    width: 14.28571%
}
.datepicker--cells-months {
    height: 170px
}
.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}
.datepicker--cells-years,
.datepicker--years {
    height: 170px
}
.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}
.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}
@media print {
    .datepickers-container {
        display: none
    }
}
.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease;
    z-index: 100
}
.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}
.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}
.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}
.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}
.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease
}
.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}
.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}
.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1;
    display: none;
}
.datepicker--nav-action:hover,
.datepicker--nav-title:hover {
    background: #f0f0f0
}
.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}
.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}
.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
    left: 10px
}
.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    right: 10px
}
.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}
.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 10px
}
.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 10px
}
.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}
.datepicker--body.active {
    display: block
}
.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}
.-only-timepicker- .datepicker--nav {
    display: none
}
.datepicker--nav-action,
.datepicker--nav-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.datepicker--nav-action.-disabled- {
    visibility: hidden
}
.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}
.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}
.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}
.datepicker--buttons,
.datepicker--time {
    border-top: 1px solid #efefef;
    padding: 4px
}
.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}
.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}
.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}
.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}
.datepicker--time {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}
.-only-timepicker- .datepicker--time {
    border-top: none
}
.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}
.datepicker--time-label {
    display: none;
    font-size: 12px
}
.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}
.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}
.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}
.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}
.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}
.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat
}
.datepicker--time-row:first-child {
    margin-bottom: 4px
}
.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}
.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}
.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}
.datepicker--time-row input[type=range]:focus {
    outline: 0
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}
.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s;
    margin-top: -6px
}
.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}
.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}
.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}
.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}
.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}
.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}
.datepicker--time-row span {
    padding: 0 12px
}
.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}
.datepicker--time-icon:after,
.datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}
.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}
.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}
.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}
.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .2)
}
.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

/* Facebook */
#fb-container {
	display: none !important;
}

/* Google login */
#g-signin {
	display: none !important;
}

/* Car Shake */
@-webkit-keyframes car-shake {
	1% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	2% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	3% { -webkit-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	4% { -webkit-transform: rotateZ(-8deg); transform-origin: 50% 0%;}
	5% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	6% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	7% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
	8% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	9% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	10% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
	11% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	12% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	13% { -webkit-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	14% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	15% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	16% { -webkit-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	17% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
	20% { -webkit-transform: rotateZ(-8deg); transform-origin: 50% 0%;}
	21% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	22% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	23% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	24% { -webkit-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	25% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
	30% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	35% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
	40% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	45% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	50% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
	55% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	60% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	65% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
	70% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	75% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	80% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	85% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
	90% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	92% { -webkit-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	95% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%;   }
	97% { -webkit-transform: rotateZ(-8deg); transform-origin: 50% 0%; }
	100% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;   }
}
@-moz-keyframes car-shake {
	1% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	2% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	3% { -moz-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	4% { -moz-transform: rotateZ(-8deg); transform-origin: 50% 0%;}
	5% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	6% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	7% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
	8% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	9% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	10% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
	11% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	12% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	13% { -moz-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	14% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	15% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	16% { -moz-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	17% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
	20% { -moz-transform: rotateZ(-8deg); transform-origin: 50% 0%;}
	21% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	22% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	23% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	24% { -moz-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	25% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
	30% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	35% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
	40% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	45% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	50% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
	55% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	60% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	65% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
	70% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	75% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	80% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
	85% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
	90% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	92% { -moz-transform: rotateZ(8deg); transform-origin: 50% 0%; }
	95% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%;   }
	97% { -moz-transform: rotateZ(-8deg); transform-origin: 50% 0%; }
	100% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;   }
}
@keyframes car-shake {
	1% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	2% { transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	3% { transform: rotateZ(8deg); transform-origin: 50% 0%; }
	4% { transform: rotateZ(-8deg); transform-origin: 50% 0%;}
	5% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	6% { transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	7% { transform: rotateZ(0); transform-origin: 50% 0%;   }
	8% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	9% { transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	10% { transform: rotateZ(0); transform-origin: 50% 0%;   }
	11% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	12% { transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	13% { transform: rotateZ(8deg); transform-origin: 50% 0%; }
	14% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	15% { transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	16% { transform: rotateZ(8deg); transform-origin: 50% 0%; }
	17% { transform: rotateZ(0); transform-origin: 50% 0%;   }
	20% { transform: rotateZ(-8deg); transform-origin: 50% 0%;}
	21% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	22% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	23% { transform: rotateZ(-5deg); transform-origin: 50% 0%;}
	24% { transform: rotateZ(8deg); transform-origin: 50% 0%; }
	25% { transform: rotateZ(0); transform-origin: 50% 0%;   }
	30% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	35% { transform: rotateZ(0); transform-origin: 50% 0%;   }
	40% { transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	45% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	50% { transform: rotateZ(0); transform-origin: 50% 0%;   }
	55% { transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	60% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	65% { transform: rotateZ(0); transform-origin: 50% 0%;   }
	70% { transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	75% { transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	80% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
	85% { transform: rotateZ(0); transform-origin: 50% 0%;   }
	90% { transform: rotateZ(-5deg); transform-origin: 50% 0%; }
	92% { transform: rotateZ(8deg); transform-origin: 50% 0%; }
	95% { transform: rotateZ(5deg); transform-origin: 50% 0%;   }
	97% { transform: rotateZ(-8deg); transform-origin: 50% 0%; }
	100% { transform: rotateZ(0); transform-origin: 50% 0%;   }
}

/* end of css */