/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

* {outline: none; box-sizing: border-box;}

html,
button,
input,
select,
textarea {
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
    border: none;
}
p {
    margin:0px 0px 15px 0px;
}
a {
    text-decoration: none;
}
ul {
    margin:0px;
    padding:0px;
    list-style: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
HACK per modificare checkbox e radio button
========================================================================== */

.check_modified input[type='radio'], /* Nasconde checkbox e radio button */
.check_modified input[type='checkbox'] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}
.check_modified input[type='radio'] + label {
    margin: 0;/* Azzera i margini */
    padding: 2px 0 0px 24px; /* Crea spazio con il padding sinistro per ospitare l'immagine di sfondo */
    cursor: pointer; /* Imposta il cursore */
    background-image: url('../img/asset/check_start.png'); /* Imposta lo sfondo iniziale per checkbox e radio button */
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
}
.check_modified input[type='checkbox'] + label {
    margin: 0;/* Azzera i margini */
    padding: 2px 0 0px 24px; /* Crea spazio con il padding sinistro per ospitare l'immagine di sfondo */
    cursor: pointer; /* Imposta il cursore */
    background-image: url('../img/asset/radio_start.png'); /* Imposta lo sfondo iniziale per checkbox e radio button */
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
}
.check_modified input[type='radio']:hover + label { /*Modifica lo sfondo del radio button quando viene attivato */
    background-image: url('../img/asset/radio_selected.png');
}

.check_modified input[type='checkbox']:hover + label { /*Modifica lo sfondo del checkbox quando viene attivato */
    background-image: url('../img/asset/check_selected.png');
}
.check_modified input[type='radio']:checked + label { /*Modifica lo sfondo del radio button quando viene attivato */
    background-image: url('../img/asset/radio_selected.png');
}

.check_modified input[type='checkbox']:checked + label { /*Modifica lo sfondo del checkbox quando viene attivato */
    background-image: url('../img/asset/check_selected.png');
}

/* ==========================================================================
HACK per display inline-block
   ========================================================================== */
* html .inl-b { display:inline; }  /* hack per IE 6 */
* + html .inl-b { display:inline; }  /* hack per IE 7 */

/* ==========================================================================
Box Cookies Policy Style
   ========================================================================== */
.cc-cookies{position: static;}/* default fixed top lef*/
.cookiePolicy{}/*in caso di box "cookies" fisso, definire uno spazio dal top*/

/* ==========================================================================
Box Alert analytics
   ========================================================================== */
.analytics { width: 0; height: 0; border-style: solid; border-width: 0 0 70px 70px; border-color: transparent transparent #cc0000 transparent; position: fixed; bottom: 0; right: 0; color: #fff; z-index: 99999; }
.analytics:after { content: "Analytics"; position: absolute; top: 53px; right: 5px; font-size: 10px; font-family: sans-serif; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.privacy_txt{max-width: 980px; width: 94%; text-align: justify; line-height: 18px; font-size: 14px; margin: auto; padding: 20px 0;}

body { font-family: 'Figtree', sans-serif; font-size: 18px; color: #000; line-height: 24px; margin-top: 60px;}
strong, b { font-family: 'Figtree', sans-serif; font-weight:700!important; }
input{ font-family: 'Figtree', sans-serif; }

.centered{ text-align: center; }

.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; }

.right-align{ text-align: right; }

.results{ background-image: url('../img/background_lista.jpg'); background-size: cover; background-attachment: fixed; }
.checkout { background-image: url('../img/checkout-back.jpg'); background-size: contain;}

.navbar{ padding-right:15px;color:#fff; border:none; border-radius:0; background: #ffffff; color:white!important; }
.navbar-nav a{ color: #333!important; text-transform: uppercase;}
.navbar-nav>li{ padding:0px 20px; display: inline-block;  }
.navbar-nav>li>a{ padding:20px 0px 20px 0px; }
.navbar-nav>li>a:hover{ color: #f58220!important; }
.navbar-nav li.active a{ padding: 20px 0px; background-color:#fff!important; }
.navbar-nav li.active a:after, #mobileMenu li.active a:after, .period-filter li.active span:after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:5px; background-color:#f58220; }

.navbar-brand{ height:60px; padding:10px; position: relative; width: 300px;}
.navbar-brand img{ margin-left: 20px; }


.claim{ display: block; font-size: 12px; color: white; bottom: 3px; right: 0; position: absolute; }
.brand{ font-size: 39px; color: white; text-align: right; float: right; width: 100%; right: 0; position: absolute; top: 14px; }

#mobileMenu{ z-index: 50; margin-top:62px; }
#mobileMenu li.active a{ padding-left:20px; }

#mobileMenu{ background-color: #fff; color:white; }

#menuToggle{ position: relative; display:none; float: right; margin-top: 6px; }

.c-hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 50px; height: 50px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; }

.c-hamburger:focus { outline: none; }

.c-hamburger span { display: block; position: absolute; top: 21px; left: 5px; right: 5px; height: 5px; background: #000; }

.c-hamburger span::before,
.c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 5px; background-color: #000; content: ""; }

.c-hamburger span::before { top: -12px; }

.c-hamburger span::after { bottom: -12px; }

.c-hamburger--htx {  }

.c-hamburger--htx span { transition: background 0s 0.3s; }

.c-hamburger--htx span::before,
.c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }

.c-hamburger--htx span::before { transition-property: top, transform; }

.c-hamburger--htx span::after { transition-property: bottom, transform; }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {  }

.c-hamburger--htx.is-active span { background: none; }

.c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); }

.c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); }

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; }

li.filled{ background-color: #00aeef; position:relative;}
li.filled.offerte{background-color: #f58220;}
li.filled.login{background:none; background-color: #fdb813;}
li.filled.active:after, li.filled.login:hover:after, li.filled.offerte:hover:after,li.filled:hover:after,{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
}
li.filled a{color: #fff!important}
li.filled:hover{ color: #fff; }
li.filled a:hover{ color:#fff!important; }

.main-slider,
.main-slider .sing-main-slider{height: 600px}
.main-slider .sing-main-slider{background-size: cover; background-position: center}
.main-slider .sing-main-slider .container{position: relative}
.main-slider .slick-prev{left: 0; z-index: 99; width: 60px; height: 90px; background: #666}
.main-slider .slick-next{right: 0; z-index: 99; width: 60px; height: 90px; background: #666	}
.main-slider .slick-prev:before {font-family: 'FontAwesome'; content: '\f104'; color:#fff; font-size: 60px; opacity: 1}
.main-slider .slick-next:before {font-family: 'FontAwesome'; content: '\f105'; color:#fff; font-size: 60px; opacity: 1}
.main-slider .slick-prev:hover,
.main-slider .slick-next:hover{background: #666}
.main-slider .slick-dots{bottom: 15px; z-index: 999}
.main-slider .slick-dots li button:before{border-radius: 20px; border: 2px solid #ccc; content: ''; background: #fff; opacity: 1}
.main-slider .slick-dots li.slick-active button:before{ border: 2px solid #fff; background: #f58220; opacity: 1}
.box-offerta { width: 450px; position: absolute; border: 2px solid #fff; background: rgba(0,0,0,.8); color: #fff; padding: 30px; right: 0; top: 150px; }
.box-offerta .tit-box-offerta {font-family: 'Laila'; font-size: 36px; font-weight: 700}
.box-offerta .txt-box-offerta {font-family: 'Figtree', sans-serif; font-weight:300; font-size: 28px; line-height: 1.2}
.box-offerta .link-box-offerta {font-family: 'Figtree', sans-serif; font-weight:600; font-size: 18px; padding: 20px; background: #00aeef; color: #fff; display: inline-block;}
.box-offerta .link-box-offerta:hover {background-color:#f58220; color:#fff;}
.box-offerta.sx{left: 0px; right: auto;}
.box-offerta.sx .link-box-offerta{background-color: #f58220;}
.box-offerta.sx .link-box-offerta:hover{background-color: #00aeef;}

.header-form input[type=submit]{ border: none; width: 100%; height: 84px; color:white; background-color:#00aeef; font-weight:bold; }
.header-form input[type=submit]:hover{ background-color:#f58220; color:#fff;  }
.form-text{ position: relative; }
.form-text h1, .form-text h2{ position:relative; width:80%; margin:auto; color:white; text-align: center; padding:10px; z-index:20; }
.form-text h1{ padding-top: 25px; font-family:'Laila'; font-size:36px; font-weight: 700}
.form-text h2{ padding-top:0px; padding-bottom: 20px; font-family: 'Figtree', sans-serif; font-weight:300; font-size:26px; }
.form-text:before{ z-index:2; content:''; position: absolute; top: 0; left:0; width:90%; height:85px; background-color: #fdb813;}
.form-text:after{ z-index:2; content:''; position: absolute; bottom: 0; right:0; width:90%; height:85px; background-color: #fdb813;}

.modulo{ width:82%; margin: auto; background-color:white;  }
.modulo label{ position: relative; display: inline; width:100%; font-size:16px; }
.modulo .cella{ border: 2px solid #00aeef; margin-top:15px;}
.modulo .cella a{padding: 20px 5px; text-transform: uppercase; text-align: center; cursor: pointer; color: #00aeef; display: block; background-color: #fff;}
.modulo .cella a:hover{background-color: #00aeef; color: #fff;}
.modulo .cella span label{ position: absolute; top:0; font-size: 13px; color: red; }
.modulo .cella input, #contact-form .box input{ display:block; width:85%; margin-left: 25px; border:none; font-size:14px; }
.modulo .cella .easy-autocomplete input, #contact-form .box .easy-autocomplete input{ box-shadow: none; padding:2px;  }
.modulo .cella img{ margin-right: 4px; display:inline-block; }
.modulo .submit{ padding:0px;}
.modulo .submit-button{ position: relative; width:100%; height:100%; background-color:#47596e; color:white; font-weight:bold;}
.modulo .search:before{ content:''; position: absolute; top:0; left:0; background-color:#47596e; }
.modulo .easy-autocomplete-container, .signup .easy-autocomplete-container{ margin-left:20px; }
/*.header-image img { max-width:100%; }*/


#description{ text-align: center; margin-top: 30px; font-size:23px; }
#description p{ line-height: 28px; }
#description h2{ margin-bottom:15px; font-family: 'Figtree', sans-serif; font-weight:600;font-size:33px; }
#description h3{ margin-top:0px; font-family: 'Figtree', sans-serif; font-weight:600;font-size:30px; }

#destinations{ position:relative; text-align: center; }
#destinations .container { margin-top:50px; margin-bottom:0px; }
#destinations img{ width:100%; }
#destinations h2{ position:relative; color:white; font-size:36px; z-index:20; width: 60%; margin: auto; }
#destinations h2 span{ position:relative; z-index:3; font-family:'Laila'; font-weight:600;}
#destinations h2:before{ z-index:2; content:''; position: absolute; top: 0; right:0; width:90%; height:55px; background-color: #f58525;}
#destinations h2:after{ z-index:2; content:''; position: absolute; bottom: 0; left:0; width:90%; height:55px; background-color: #f58525; }

#destinations .image-title{ position: absolute; top:100px; left:0; text-align:left; color:white; font-size: 26px;}
#destinations .image-title h4, #destinations .image-title h5{ margin:0; padding: 5px 10px; }
#destinations .image-title h4{ font-weight:bold; }
#destinations .image-title h5{  }
#destinations .saving{border: 70px solid; border-bottom-color: transparent !important; border-left-color: transparent !important; position: absolute; background-color: transparent !important; right: 0}
#destinations .saving span{position: absolute;right: -50px; top: -35px; color: #fff; font-family: 'Figtree', sans-serif; font-weight:600; font-size: 21px}
#destinations .orange{background-color: #e04f00; border-color: #e04f00 }
#destinations .green{background-color: #85b568; border-color: #85b568 }
#destinations .fuxia{background-color: #b01e66; border-color: #b01e66 }
#destinations .lightblue{background-color: #82b7f3; border-color: #82b7f3 }
#destinations .lightbrown{background-color: #b5a668; border-color: #b5a668 }
#destinations .brown{background-color: #ab4c45; border-color: #ab4c45 }
#destinations .image-title .orange,
#destinations .image-title .green,
#destinations .image-title .fuxia,
#destinations .image-title .lightblue,
#destinations .image-title .lightbrown,
#destinations .image-title .brown{ display: table; }
#destinations .slider-offerte { padding: 70px 40px; background: #e6e6e6; margin: 0 0px; }
#destinations .slider-offerte .slick-prev{left: 15px; width: 30px; height: 60px}
#destinations .slider-offerte .slick-prev:before{font-family: 'FontAwesome'; content: '\f104'; color:#666666; font-size: 60px}
#destinations .slider-offerte .slick-next{right: 15px; width: 30px; height: 60px}
#destinations .slider-offerte .slick-next:before{font-family: 'FontAwesome'; content: '\f105'; color:#666666; font-size: 60px}
#destinations .slider-offerte .sing-offerta{position: relative;margin: 0 20px}
#destinations .offerta-desc{background: #fff; padding: 15px; text-align: left; height: 100px;}
#destinations .offerta-desc .discover{background-color: #00aeef; font-family: 'Figtree', sans-serif; font-weight:700; color: #fff}
#destinations .offerta-desc .discover:hover{background-color: #e04f00}
#destinations .price{position: absolute; top:115px; width: 160px; line-height: 30px; color: #fff; padding-left: 15px; text-align: left;}

.cta{background-color: #00aeef; font-family: 'Figtree', sans-serif; font-weight:700; color: #fff; display: inline-block; width: auto; padding: 14px;}
.cta:hover{background-color: #e04f00; color: #fff;}

#businness{ margin-top:80px; text-align:center; }
#businness h2{ margin:auto; font-family:'Laila'; font-size: 33px; font-weight:bold; }
#businness h3{ margin:auto; margin-top: 5px; font-size: 1.5em; font-size: 30px; font-family: 'Figtree', sans-serif; font-weight:600;}
#businness p{ margin-top:190px; font-size:22px; line-height: 28px; }
#businness .cells{ margin-top:80px; margin-bottom:60px;}
#businness .cell{ text-align: center; font-family: 'Figtree', sans-serif; font-weight:700; font-size:20px;}
#businness .cell img{ position:relative; display: block; margin:auto; margin-bottom:20px; }
#businness .cell span{ color: #fdb813 }
#businness .cell p{margin-top:0px;}
#businness button{ padding: 15px 50px; background-color:white; border:2px solid #00aeef; font-size:22px; }
#businness span{ position:relative; display: block; color: #00aeef; font-weight:bold;  }
#businness button.right:hover, #businness button.left:hover{ background-color: #00aeef; color:white; }
#businness button.right:hover span, #businness button.left:hover span{ color:white; }
.infos{padding-bottom: 60px;}
#register{background-image: url(../img/bg-register.jpg); background-size: cover; background-position: center; padding: 50px 0 50px; color: #fff;}
#register h2{ margin:0 auto 20px; font-family:'Laila'; font-size: 33px; font-weight:bold; text-align: center;}
#register .registrati{background-color: #00aeef; font-family: 'Figtree', sans-serif; font-weight:700; color: #fff; font-size: 20px}
#register .registrati:hover{background-color:#f58220; color:#fff;}
#register .registrati.btn{padding: 13px 12px}
#register .form-control{height: 56px}


/*** about-us ***/
.header-image-aboutus { position:relative; width: 100%; min-height:800px;  background-image: url('../img/header_aboutus.jpg'); background-size:cover; background-position: center;}
.aboutus{ background-color:#fff; }
.aboutus .form-text{ margin-top:-60px; }
.aboutus .form-text:after{ z-index:2; content:''; position: absolute; bottom: -30px; right:0; width:90%; height:170px; background-color: #fdb813;}
.aboutus #description{ margin-top:80px; }
.aboutus .interior{ position: relative; margin-top:95px; background: url(../img/interior.jpg) center center no-repeat; background-size: cover; padding: 100px 0; }
.aboutus .interior img{ width:100%; }
.aboutus .interior .payoff{ max-width: 550px; width: 80%; margin: auto; /*position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);*/  background-color: white; padding: 50px 70px; border:1px solid #e2e3e4; }
.aboutus .interior .payoff h2{ margin: 0px; font-family: 'Laila'; font-size:35px; font-weight: 700}
.aboutus .interior .payoff p{ margin: 15px 0px; font-size:21px; }
.aboutus #contact-bar{ margin-top:0px; }
.aboutus #description h2{ margin-bottom:15px; font-family:'Laila'; font-size:36px; font-weight: 700}
.bms-for{ width:48%!important; margin-top:80px; background-color: #e4e3e3; padding: 20px 45px; color: black; font-size: 18px; border:1px solid #e4e3e3; }
.bms-for.l{ margin-right:22px; }
.bms-for.r{ margin-left:22px; }
.bms-for h2{ color:#00aeef; font-family: 'Figtree', sans-serif; font-weight:600;font-size: 23px; }
.bms-for p{ font-family:'Figtree', sans-serif; }
.bms-for .circle{ position: absolute; top:-60px; right:45px; width:120px; height:120px; background-color: white; border-radius: 50%; border:1px solid #e2e3e4; text-align: center; }
.bms-for .circle img{ transform: translateY(50%); }

#contact-bar { margin-top:0px; padding:50px 0px 50px 0px; background-color:#fdb813; color:white; }
#contact-bar .contact-text{ display: inline-block; margin-right:30px; font-size:30px; vertical-align: middle;}
#contact-bar .contact-form{ display: inline-block; vertical-align: middle; }
#contact-bar .contact-form button, #contact-bar input[type=submit], #footer .empty-leg input[type=submit]{ background-color: #00aeef; padding: 13px 20px; border: none; color: white; font-size: 15px; font-weight: bold;}
#contact-bar .contact-form button:hover, #contact-bar input[type=submit]:hover, #footer .empty-leg input[type=submit]:hover{ background-color: white; color: #00aeef;}
#contact-bar .row{ text-align: center; }
/*** about-us ***/


/*** rivendi ***/
.header-image-rivendi { position:relative; width: 100%; min-height:800px;  background-image: url('../img/header-rivendi.jpg'); background-size:cover; background-position: center;}
.rivendi h1{font-family: 'Laila'; font-size:42px; font-weight: 700; color:#fff; text-align: center}
.container-steps{position: relative; width: 680px;height: 580px;margin-left: auto;margin-right: 0; overflow: hidden;}
.container-cyrcle{ background: url(../img/arrow-cyrcle.png) no-repeat; background-position: center; position: absolute; width: 100%; height: 100%;
	-webkit-animation-name: rotate-bms;
  -webkit-animation-duration:5s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotate;
  -moz-animation-duration:5s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
}

@-webkit-keyframes rotate-bms {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(360deg);}
}

@-moz-keyframes rotate-bms {
  from {-moz-transform:rotate(0deg);}
  to {  -moz-transform:rotate(360deg);}
}
.sing-step {background: #fdb813; width: 280px; height: 190px;position: absolute; }
.sing-step .up{position: relative;}
.sing-step .down{color: #fff; text-align: right; font-size: 22px; font-family: 'Figtree', sans-serif; font-weight:600; padding: 10px 10px 0}
.sing-step .step-ico{background: url(../img/sprite-rivendi.png) no-repeat; width: 86px;height: 80px}
.sing-step.step-1 {left: 0}
.sing-step.step-2 {right: 0; top: 0}
.sing-step.step-3 {bottom: 0; right: 0}
.sing-step.step-4 {bottom: 0}
.sing-step.step-1 .step-ico{background-position: 0 bottom }
.sing-step.step-2 .step-ico{background-position: -164px bottom }
.sing-step.step-3 .step-ico{background-position: -256px bottom }
.sing-step.step-4 .step-ico{background-position: -86px bottom }
.sing-step .step-number{background: #f58220; position: absolute; width: 80px; height: 80px; text-align: center; color: #fff; font-family: 'Laila'; font-size: 44px; right: -10px; line-height: 80px; top: 0; font-weight: 700}
.how-work{ display: table; position: absolute; z-index: 9;}
.how-work img{display: none}
.how-work img{position: relative;z-index: 9;}
.how-work h2:before{    background-color: #f58220; content: ''; display: inline-block; width: 100%; height: 120px; position: absolute; left: -50%; bottom: 120px; }
.how-work h2:after{    background-color: #f58220; content: ''; display: inline-block; width: 30px; height: 80px; position: absolute; bottom: 120px; right: -25px}
.how-work h2{display: inline-block; font-family: 'Laila'; font-size: 55px; font-weight: 700; background: #f58220; padding: 30px; color: #fff; margin-left: -60px; vertical-align: bottom; margin-bottom: 120px}
/*** rivendi ***/


/*** assistenza ***/
.assistenza .cont-faq{background: url(../img/bg-faq.jpg) no-repeat; background-size: cover; padding: 50px 0}
.assistenza .cont-faq .faq-accordion{background: #fff}
.assistenza .cont-faq .faq-accordion h1{font-family: 'Figtree', sans-serif; font-weight:700; font-size: 2rem; text-align: center;}
.assistenza .cont-faq .faq-accordion h2{font-family: 'Figtree', sans-serif; font-weight:300; font-size: 1.375rem; text-align: center;}
.assistenza .cont-faq .faq-accordion .panel-title a{color:#00aeef; font-family: 'Figtree', sans-serif; font-weight:700; display: block; position: relative;;}
.assistenza .cont-faq .faq-accordion .panel-title a:after{content: '\f106'; font-family: 'FontAwesome'; position: absolute; right: 0;-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;}
.assistenza .cont-faq .faq-accordion .panel-title a.collapsed:after{transform: rotate(90deg);}
.faq-contatti{background: #fdb813; color: #fff; text-align: center;padding: 20px; margin-top: 40px;}
.faq-contatti h3{font-family: 'Figtree', sans-serif; font-weight:700; font-size: 1.875rem;margin: 0}
.faq-contatti h4{font-family: 'Figtree', sans-serif; font-weight:300; font-size: 1.375rem; margin: 0}

#contact-form .box input{ display:block; width:85%; margin-left: 25px; border:none; font-size:14px; }
#contact-form .box .easy-autocomplete input{ box-shadow: none; padding:2px;  }
#contact-form{ background-color: white; text-align: center; }
#contact-form h2{ font-family: 'Figtree', sans-serif; font-weight:800; font-size:30px; }
#contact-form .fill-text{ font-family: 'Figtree', sans-serif; font-weight:300; font-size:24px; }
#contact-form .fly-data{ margin-top: 50px; }
#contact-form .form-data{ margin-top: 40px; margin-bottom: 70px;}
#contact-form .form-data input{ margin-left:0!important; }
#contact-form .form-data input[type="checkbox"]{ margin-right: 5px}
#contact-form .box{ margin-top:20px; padding: 20px; border: 1px solid #b9b9b9; text-align: left;}
#contact-form .box select{border: none; box-shadow: none; padding: 0; height: auto}
#contact-form .checkbox{text-align: left;}
#contact-form .box input{ display: block; margin-left: 30px; color:#b9b9b9; font-size: 17px; font-weight:normal;}
#contact-form .box label{ margin-left: 10px; font-size: 19px; }
#contact-form .box label.error{ color:red; margin-left:0!important; padding:0!important; }
#contact-form .box textarea{ border:none; font-weight:normal; width: 100%;}
#contact-form  button{ padding-left:20px; padding-right:20px; background: #00aeef; color: #fff; font-size: 20px; float: right; font-family: 'Figtree', sans-serif; font-weight:700;}
#contact-form  button:hover{background-color:#f58220; color:#fff;}
#contact-form .box .easy-autocomplete-container{ left:30px; }
/*** assistenza ***/

/**** ricerca ***/
.results{ background-image: url('../img/header-ricerca.jpg'); background-size: cover; background-attachment: fixed; }
#results-form{ margin-top:100px }

#flight-list{ margin-top:30px; }
#flight-list .single-flight{ position:relative; display: block; margin-bottom: 30px; background-color:white; }
#flight-list .intestazione{ padding: 6px 10px; border-bottom: 1px solid #d6d6d6; }
#flight-list .intestazione h3{ margin: 5px 0px 0px 0px;  font-size: 16px; font-weight:bold; }
#flight-list .flighthours{ margin-bottom:-1px; padding: 6px 10px; color: #00aeef; font-family: 'Figtree', sans-serif; font-weight:700; font-size: 1.375rem}
#flight-list .flight-feature { position:relative; display: inline-block; vertical-align: middle; }
#flight-list .flight-feature.wifi{ width:25px; height:25px; margin:0px 5px; background-image: url('../img/wifi-icon.png'); background-size:cover; }
#flight-list .flight-feature.pet{ width:25px; height:25px; margin:0px 5px; background-image: url('../img/dog-icon.png'); background-size:cover; }
#flight-list .flight-feature.bed{ width:25px; height:25px; margin:0px 5px; background-image: url('../img/bed-icon.png'); background-size:cover; }
.flight-icons{ display: inline-block; }

/*#flight-list .flight-feature  img{ margin:0px 5px; }*/
.from, .destination { padding:13px; text-align: center; }
.from h4, .destination h4{ margin: 0px; text-transform: uppercase; font-size:30px; font-weight:bold; color:#00aeef;  }
.time{ padding:13px; font-size:15px; color: #9e9e9e; text-align: center; }
.time span{ display: block; }
.time .start{ margin-top: 5px; font-size: 18px; font-weight: bold; color: black; }
.time .start span{ display: inline-block; margin: 0px 15px; }
#flight-list .availability{ position:relative; height: 83px; padding:15px; text-align: left; }
.seats.full, .seats.partial{ font-size:14px; }
.service .full{ content: ''; position:relative; display: inline-block; top:0; left:0; margin-right:5px; background-image: url('../img/airplane_disabled.svg'); background-size:cover; width: 27px; height: 17px; }
.seats.full:before{ content: ''; position:relative; display: inline-block; top:0; left:0; margin-right:5px; background-image: url('../img/airplane_enabled.svg'); background-size:cover; width: 27px; height: 17px; }
.service .seats{ content: ''; position:relative; display: inline-block; top:0; left:0; margin-right:15px; background-image: url('../img/seats_enabled.svg'); background-size: cover; width: 17px; height: 22px;  }
.seats.partial:before{ content: ''; position:relative; display: inline-block; top:0; left:0; margin-right:15px; background-image: url('../img/seats_enabled.svg'); background-size: cover; width: 17px; height: 22px;  }
#flight-list .buy { position: absolute; top: 0; right: 0; bottom: 0; background-color: #ebebeb; text-align: center; font-weight:bold; }
#flight-list .buy .passengers-tot, .availability .seats-container{ /* Mixin */ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#flight-list .buy .passengers-tot{padding: 0 10px}
#flight-list .person{display: block}
#flight-list .buy button{ background-color: #f58525; border: none; margin-top:10px; padding: 10px 15px; border-radius: 7px; color: white; font-weight: bold; }

.passengers-tot a{ font-family: 'Figtree', sans-serif; color:white; }

.map-icon{ padding-top:20px; }
.map-icon img{ display: block; margin: auto; }
/**** ricerca ***/


/**** login ****/
.login {background-image: url('../img/header-login.jpg'); background-size: cover; background-attachment: fixed; padding: 50px 0}
.login .panel-login { padding-top: 0; border: none; box-shadow: none; -web-box-shadow: none;}
.login .panel-login .panel-heading { background-color: #fff; border-color: #fff; padding-top: 0}
.login .panel-login .panel-heading .sing-tab{ background-color: #eef5fb; padding-top: 35px}
.login .panel-login .panel-heading .sing-tab.active{ background-color: #fff;}
.login .panel-login .panel-heading a{ font-family: 'Figtree', sans-serif; font-weight:700; text-decoration: none; color:#000; font-weight: bold; font-size: 1.875rem; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.login .panel-login input[type="text"],
.login .panel-login input[type="email"],
.login .panel-login input[type="password"] { height: 45px; border: 1px solid #ddd; font-size: 16px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.login .panel-login input:hover,
.login .panel-login input:focus { outline:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ccc; }
.btn-login { background-color: #59B2E0; outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px; text-transform: uppercase; border-color: #59B2E6; }
.btn-login:hover,
.btn-login:focus { color: #fff; background-color: #53A3CD; border-color: #53A3CD; }
.login .forgot-password { color: #f58220; }
.login .forgot-password:hover,
.login .forgot-password:focus { text-decoration: underline; color: #666; }

.login .btn-register { background-color: #1CB94E; outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: #1CB94A; }
.login .btn-register:hover,
.login .btn-register:focus { color: #fff; background-color: #1CA347; border-color: #1CA347; }
/**** login ****/


/*** dettaglio singolo risultato */
.sing-result{ background-image: url('../img/header-result.jpg'); background-size: cover; background-attachment: fixed; }
#chartdiv { width: 100%; height: 500px; margin: 70px 0px 80px 0px; }

#flight-details{ margin-top:100px; margin-bottom: 100px}
#flight-details h2, #checkout h2{ color:white; font-weight:bold; }
#flight-details time{ background-color:#eef5fa; }
#flight-details .seats-container{ width:100%; position:absolute; bottom:0; }
#flight-details .seats-container .seats{ display: inline-block; width: 48%; text-align: center; padding: 15px; }
#flight-details .hours{ margin-top:40px; }
.flight-image {}
.flight-image .sing-image{background-position: center;background-size: cover;}
.flight-image.slick-dotted.slick-slider {
     margin-bottom: 0px;
}
.flight-image .slick-slide{height: auto !important;}
.flight-image .slick-dots{bottom: 5px; z-index: 999}
.flight-image .slick-dots li button:before{border-radius: 20px; border: 2px solid #ccc; content: ''; background: transparent; opacity: 1}
.flight-image .slick-dots li.slick-active button:before{ border: 2px solid #fff; background: #fff; opacity: 1}
#flight-details .time img{ margin-top: 20px; }


#flight-details .from, #flight-details .to, #flight-details .destination{ font-size:20px; text-align:left; }
#flight-details .from h4, #flight-details .destination h4{ font-size:45px; }
.hours .arrival-dep{ padding-left:30px!important; }

.top-element{ position: relative; }
.top-element:before{ content:''; position:absolute; background-color:#eef5fa; bottom:0; width:50%; top:65px;}
.top-element:after{ content:''; position:absolute; background-color:#fff; bottom:0; right: 0; width:50%; top:65px; z-index: -1;}

.airports{ margin:20px !important; }
.airports h1{color: #00aeef; font-size: 1.875rem; font-family: 'Figtree', sans-serif; font-weight:700;}
.persone-notte{display: table; width: 100%; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 30px 0}
.persone-notte strong{display: block;}
.persone-notte .persone,.persone-notte .notte{display: table-cell; width: 50%; vertical-align: middle;}
.persone-notte .persone{border-right: 2px solid #fff}
.persone-notte .notte{padding-left: 20px}
.proposto{margin-top: 30px}
.proposto .rivenduto{}
.proposto .recensione{}
.proposto .recensione a{float: right; color: inherit; text-decoration: underline;}
.proposto .recensione a:before{content:''; background: url(../img/ico-recensioni.png); width: 45px; height: 12px; display: inline-block;margin-right: 10px}
.airports .from, .airports .to, .airports .destination{ padding:0px; padding-left: 30px!important; }

.airports .departure, .airports .arrival, .list.details .arrival, .list.details .departure, #contact-form .departure{ font-size:16px; font-weight:bold; color:#00aeef;}
.airports .departure span, .airports .arrival span{ margin-left: 10px; }
.airports .departure:before{  }
.airports .arrival:before{  }

.bottom-bar{ line-height:48px; }
.bottom-bar .back{ padding: 15px; }
.bottom-bar .back a{ color:white; }
.bottom-bar .total, #checkout .bottom-bar{ padding:15px; background-color:#fdb813; text-align: right; color:white; font-size:18px; font-weight:bold;}
.bottom-bar .total span{ margin-left: 20px; font-size: 50px; font-weight:bold; vertical-align: middle; }
.bottom-bar .total span#currency{ margin-left: 10px; margin-right:15px; }
.bottom-bar .buy-now{ padding: 15px; text-align:center; color:white; background-color: #00aeef; font-size:24px; font-weight:bold; cursor:pointer;}

#flight-data{ background-color:white; margin:0; padding: 20px}
#flight-data h2{ color:#000; font-size: 1.375rem;}
#flight-data .descrizione h2{ border-bottom: 1px solid #d6d6d6; margin: 0 0 10px}
#flight-data span.type{ text-transform: uppercase; background-color: #cccccc; padding: 10px 15px; font-weight: bold; }
#flight-data .row{ padding-top:20px;}
#flight-data .flight-images{ padding-top:0; margin-bottom:0;}
#flight-data .flight-images img{ max-width:100%; padding:5px; }
#flight-data .flight-images img:nth-of-type(2){ padding:5px 0; }
#flight-data .loader{ position:fixed; display:none; top:0; bottom:0; left:0; right:0; background-color: rgba(0,0,0,0.5); z-index:400; }
#flight-data .loader .message{ position:absolute; padding:30px; top:50%; left:50%; transform: translate( -50%, -50%); background-color: #428bca; font-size: 30px; color:white; }
.location {height: 300px; background: #fff}
.location #map{height: 100%; margin-right: 20px}
.location .info-soggiorno {margin-right: 20px}
.location .info-soggiorno .soggiorno-main-info{background: #eef5fa; font-family: 'Figtree', sans-serif; font-weight:700; padding: 10px}
.location .info-soggiorno .soggiorno-main-info ul{float:right;}
.location .info-soggiorno .soggiorno-main-info ul li{display: inline-block; padding: 0 5px}
.location .info-soggiorno .soggiorno-main-info ul li img{}
.location .location-info{margin-top: 10px}
.location .location-photo img{padding-right: 10px}
.location .location-name{font-size: 1.3125rem; color:#00aeef; font-family: 'Figtree', sans-serif; font-weight:700; margin-bottom: 5px}
.location .location-star{margin-bottom: 5px}
.location .location-star li{display: inline-block; padding: 0px 1px}
.location .location-place{text-decoration: underline;margin-bottom: 5px}
.location .location-must span{background: #c4df9b; font-family: 'Figtree', sans-serif; font-weight:600; padding: 2px 4px;margin-bottom: 5px}
.location .location-rate{color:#333}
.location .location-rate span{color:#00aeef; font-family: 'Figtree', sans-serif; font-weight:700;}
/*** dettaglio singolo risultato */

/**** checkout ****/
.checkout{ background-image: url('../img/header-result.jpg'); background-size: cover; background-attachment: fixed; }
#checkout h2{ text-align: center; font-weight: normal; padding-bottom: 20px;}
#checkout .top-element{ margin-top: 100px; }
#checkout .top-element:before{ display: none; }
#checkout .row .list{ width: 75%; margin: auto;}
#checkout #mapCeck{height: 247px; margin: 5px}
.top-element #flightdata{ margin:0; }
.list.details li{ padding-left:25px; }
.list.details .arrival, .list.details .departure{ margin-left:20px;margin-bottom:20px; font-size:22px; font-weight:bold; }
.list.details .arrival span, .list.details .departure span{ margin-left:10px; }
.flight-details .inner-detail { background-color:#eef5fa; margin:10px; padding:20px; text-align: center; font-weight:bold; }
.flight-details .inner-detail h3{ top: 50%; transform: translateY(-50%); font-weight:bold; margin-bottom:0;}
.bottom-bar .details li{ padding: 20px 0px; border-bottom: 1px solid white; border-top:none; text-align: left;}
.bottom-bar .details li span{ float:right; font-size:25px;}
.bottom-bar .details button{ width:50%; float:right;}

.bottom-bar .details .tot{ font-size:35px; }
.terms{ padding:10px; }
.terms label{ font-weight:normal; font-size:16px; line-height:20px;}
.terms.check_modified input[type='checkbox'] + label{ padding:0 0 0 40px; text-align: left;}
.soggiorno-recap{background: #eef5fa; font-family: 'Figtree', sans-serif; font-weight:700; text-align: center;padding: 20px; margin-top: 40px; display: block; width: 250px; margin: 20px auto 10px;}
.soggiorno-recap span{display: block; margin-bottom: 0px; text-transform: uppercase;}
#contact-form.f-checkout{background: #eef5fa}
#contact-form.f-checkout .box{background: #fff}
#contact-form .f-checkout-info{font-size: 1.125rem; margin-top: 20px}
#contact-form .f-checkout-info strong{font-size: 1.875rem; font-family: 'Figtree', sans-serif; font-weight:700; display: block; margin-bottom: 10px}
#contact-form .sing-customer{margin-top: 20px}
#contact-form .sing-customer .box{margin-top: 10px}
#contact-form.f-checkout .condizioni{text-align: left;}
#modalTitle{font-family: 'Figtree', sans-serif!important; font-weight:700!important;}
.md-close{font-family: 'Figtree', sans-serif !important;}
#modalBody{font-family: 'Figtree', sans-serif!important; font-weight:300!important;}
.categoria-scelta{text-align: center; color: #00aeef; font-family: 'Figtree', sans-serif; font-weight:600; font-size: 20px;}
#contact-form{padding-bottom: 50px;}
/**** checkout ****/

/* PAGINE PROFILO UTENTE */
.filter{ position:relative; background-color: #fdb813; }
.filter .period-filter { position: relative; display: inline-block; margin:12px; }
.filter .period-filter span { position:relative; display: block; padding: 10px 20px; color:black; }
.filter .period-filter li{ display: inline-block; background-color: white; font-weight:bold; cursor:pointer; font-size:15px; }
.filter .period-filter #period-selector { display: none; }
.filter .period-filter #period-selector ul{ display: none; position: absolute; z-index: 200; }
.filter .period-filter #period-selector li{ display: block; padding: 10px; }
.filter .period-filter .period-selector{ display: none!important; }
.filter .icons{ position:absolute; top:0; right:0; height:68px; float: right; }
.filter .filter-icon{ position: relative; display:inline-block; width:65px; height: 64px; padding: 13px 18px;  }
.filter .filter-icon{ background-color: #d3e0e9; }
.list-icon{ position:relative; display: block; }
.list-icon{ position:relative; display: block; padding: 13px 18px;}
.list-icon span{ display: block; top: 21px; left: 5px; right: 5px; margin-top: 7px; height: 4px; background: #4194cb; }
.icons li{ display: inline-block; width: 65px; height:65px; cursor:pointer; }
.icons li.active{  background-color: #d3e0e9; }

.profilo-utente{
    padding-top: 50px;
}
.box-user{
    padding: 40px 50px;
    background-color: #fff;
    margin-bottom: 50px;
}
.tit-page{margin-bottom: 15px; font-family: 'Figtree', sans-serif; font-weight:700; font-size: 2rem; text-align: center;}
.sub-tit-page{margin-top: 0px; font-size: 22px; font-family: 'Figtree', sans-serif; font-weight:300; text-align: center; line-height: 120%; margin-bottom: 40px;}
.input-user{line-height: 50px; height: 50px; border-radius: 0px; border:1px solid #ccc; font-size: 16px;}
.user-detail{width: 80%; margin: auto;}
.user-detail .form-group{margin-bottom: 25px;}
.send-form{background-color: #00aeef; color: #fff; padding-left:20px; padding-right: 20px; font-size: 20px; font-family: 'Figtree', sans-serif; font-weight:700; }
.addDestination{display: inline-block; padding: 15px 20px; border:2px solid #00aeef; border-radius: 5px; font-size: 20px; font-family: 'Figtree', sans-serif; font-weight:700;}
.my-location{padding-bottom: 0;}
.my-location input[readonly]{cursor: default; background-color: #fff;}
.change-psw{}
.single-notification{padding: 5px 25px; margin: 2px 0;}
.single-notification.unread{background: #ebebeb}
.tit-notification{width: 70%; font-size: 16px; line-break: 16px; float: left;}
.tit-notification svg{margin-right: 15px;}
.tit-notification a{color: #000;}
.tit-notification a:hover{color: #00aeef;}
.single-notification.unread .tit-notification{font-family: 'Figtree', sans-serif; font-weight:700;}
.time-notification{width: 30%; text-align: right; float: left;}
.time-notification .date{margin-right: 15px;}
.tit-notification-detail{margin-left: -49px; margin-right: -49px; background: #ebebeb; padding: 8px 49px; font-family: 'Figtree', sans-serif; font-weight:700; font-size: 18px; line-height: 18px;}
.date-notification-detail{padding: 20px 50px 10px; border-bottom: 1px solid #ebebeb; margin-left: -50px; margin-right: -50px; margin-bottom: 30px;}
.date-notification-detail span{margin-right: 15px;}
.text-notification-detail{padding-bottom: 50px;}
.back-notification-detail{font-family: 'Figtree', sans-serif; font-weight:700;}
.md-close{background: #00aeef !important;}
.box-helpdesk{background: #fff; padding: 40px 1px; margin-bottom: 50px;}
.row-tipology{background: #00aeef; padding: 5px; margin-bottom: 30px;}
.row-tipology select{color: #00aeef; font-family: 'Figtree', sans-serif; font-weight:700; font-size: 18px;}
.common-question{padding: 0 20px 20px; font-family: 'Figtree', sans-serif; font-weight:700; font-size: 18px;}
.list-question{border: 1px solid #ebebeb; border-bottom: none;}
.single-question{position: relative; border-bottom: 1px solid #ebebeb; padding: 12px 19px; line-height: 18px;}
.single-question:hover .question{font-family: 'Figtree', sans-serif; font-weight:700;}
.single-question .chevron{position: absolute; top: 12px; right: 15px; color: #00aeef; cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.single-question.open .chevron{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
.single-question .question{cursor: pointer;}
.single-question .answer{font-size: 16px; line-height: 18px; display: none; padding-top: 15px;}
.row-contact-us{text-align: center; padding: 25px; background: #ebebeb; font-family: 'Figtree', sans-serif; font-weight:600;font-size: 18px; margin: 45px 0 30px; line-height: 18px;}
textarea.input-user{line-height: 120%; height: 100px; padding: 10px 12px;}
.price-my-flight{font-size: 24px; color: #00aeef; display: block; padding: 5px 0;}
.noMarginTop{margin-top: 0px !important;}
.single-flight-detail {padding: 0 40px; display: none;}
.close-detail-flight{text-align: right; font-size: 18px; color: #00aeef; font-family: 'Figtree', sans-serif; font-weight:700; cursor: pointer; padding-bottom: 40px;}
.list-favourites{padding: 0 29px;}
.single-favouties{position: relative; margin-bottom: 30px;}
.single-favouties .image-title{position: absolute; top: 0px !important; left: 0px; width: 100%; font-family: 'Figtree', sans-serif; font-weight:700; color: #fff;}
.single-favouties .image-title h4{margin: 0px; display: block !important;  padding: 5px 10px; font-size: 24px; line-height: 24px; }
.removeFavourites{color: rgba(255,255,255,.75); position: absolute; top: 7px; right: 10px; z-index: 3; cursor: pointer;}

.voce-profilo{background: #fdb813; color: #fff; padding-left: 5px !important; width: 300px; height: 60px; line-height: 18px; padding-top: 10px !important; position: relative; display: block; cursor: pointer;}
.voce-profilo span.ico-user{font-size: 35px; float: left; display: block; padding-right: 10px; padding-top: 3px;}
.voce-profilo span.hello{font-size: 11px;}
.voce-profilo span.user-name{font-size: 18px;}
.menu-user{position: absolute; width: 280px; left: 50%; top: 100%; margin-left: -140px; background: #fff; border:1px solid #dddddd; border-top: none; margin-top: 20px; display: none;}
.menu-user:after, .menu-user:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.menu-user:after {
    margin-bottom: -1px;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}
.menu-user:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #dddddd;
    border-width: 16px;
    margin-left: -16px;
}
.menu-user li{display: block; padding: 5px 0; border-top:1px solid #dddddd;}
.menu-user a{display: block; color: #00aeef !important; padding: 5px 20px; text-transform: inherit; line-height: 18px;}
.menu-user a:hover{background: #d9eaf5;}
.menu-user svg{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
/***************************/



footer{background: #e6e6e6; padding: 40px 0 }
footer .aligner{ height:80px; margin-bottom: 30px;}
footer img.logo{ display: inline-block; padding:10px; }
footer .social{text-align: right;}
footer .social span{font-size: 24px; font-family: 'Figtree', sans-serif; font-weight:600; color: #333; padding-top: 25px; display: block}
.footer-1{border-bottom: 1px solid #fff; margin-bottom: 40px}
.footer-menu-1{}
.footer-menu-1 li{}
.footer-menu-1 li a{color:#00aeef; font-family: 'Figtree', sans-serif; font-weight:600;}
.footer-menu-1 li a.active{color:#f58220}
.footer-2{}
.footer-2 ul{}
.footer-2 li{display: inline-block; color: #666666}
.footer-2 li:after{content: '|'; display: inline-block; padding: 0 10px}
.footer-2 li:last-child::after{display: none}
.footer-2 li a{color: inherit;}
.form-nl{text-align: center;}
.check-nl .checkbox{max-width: 432px; margin: auto; margin-top: 20px; font-size: 14px; line-height: 120%;}
.form-nl input, .form-nl button{display:inline-block; vertical-align: top; padding: 7px 20px !important;}
.form-nl input{ width:67%; max-width: 300px; border:none; padding: 11px; background-color:#fff; border: 1px solid #7d92b0; color:#333; height: 44px;}

.ui .ui-menu-item, .ui .ui-menu-item:hover, .ui .ui-menu-item a, .ui .ui-menu-item:hover a{
  background: none;
  border:none;
}
.ui-widget-content a, .ui-widget-content a:hover {
  text-decoration: none !important;
  display: inline-block;
  padding: 5px;
  font-size:80%;
}

.fileinput-remove{
    display: none !important;
}
.full-home{
    width: 100%;
}
.full-home .columns{float: left; width: 20%; padding: 0 10px;}
/* ==========================================================================
   Griglia di bootstrap senza padding/margin
   ========================================================================== */

.no-gutters .row {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters  [class^="col-"],
.no-gutters  [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row.no-gutter {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutter > [class^="col-"],
.row.no-gutter > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.nopadding{ padding:0px; }

.rivendi-soggiorno{
    background: url(../img/rivendi-soggiorno.jpg) center 10% no-repeat;
    background-size: cover;
    padding: 50px 0 160px;
}
.tit-rivendi-soggiorno{
    padding-bottom: 150px;
}
.tit-rivendi-soggiorno h1{
    font-family:'Laila';
    font-weight: bold;
    font-size: 42px;
    line-height: 42px;
    color: #fff;
    margin: 0px;
    padding-bottom: 15px;
}
.btn.blu{
    background-color: #00aeef;
    font-family: 'Figtree', sans-serif; font-weight:700;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
    padding: 12px 25px;
}
.btn.blu:hover{
    background-color: #fdb813;
}
.image-rivendi{
    float: left;
    position: relative;
    z-index: 2;
    max-width: 50%;
}
.image-rivendi img{
    position: relative;
    z-index: 2;
}
.frase-come{
    position: absolute;
    width: 170%;
    background-color: #f58220;
    padding-bottom:15px;
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    font-family: 'Laila';
    line-height: 55px;
    padding-right: 65px;
    top: 50%;
    left: 0px;
    text-align: right;
    margin-top: -20px;
}
.frase-come span{
    position: relative;
    z-index: 1;
}
.frase-come:before{
    background-color: #f58220;
    position: absolute;
    top: -40px;
    right: 40px;
    height: 50px;
    content: "";
    width: 100%;
    z-index: 0;
}

.come-rivendi{
    z-index: 1;
    position: relative;
    width: 685px;
    text-align: center;
    float: left;
    margin-left: 150px;
    height: 460px;
    max-width: 50%;
}
.box-come-rivendere{
    position: absolute;
    width: 280px;
    height: 190px;
    background-color: #fdb813;
    color: #fff;
    padding: 17px 25px;
    text-align: left;
}
#box1.box-come-rivendere{
    top: -40px;
    left: -40px;
}
#box2.box-come-rivendere{
    top: -40px;
    right: -40px;
}
#box3.box-come-rivendere{
    bottom: -40px;
    right: -40px;
}
#box4.box-come-rivendere{
    bottom: -40px;
    left: -40px;
}
.num-box{
    position: absolute;
    top: 0px;
    right: -10px;
    background-color: #f58220;
    font-size: 44px;
    font-family: 'Laila';
    font-weight: bold;
    line-height: 44px;
    padding: 22px;
}
.txt-come-rivendere{
    padding-top: 20px;
    text-align: right;
}
.effettua-login{
    background:#fdb813;
    padding: 40px 0;
}
.effettua-login h2{
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    margin: 0px;
}
.effettua-login h2 a{
    margin-left: 20px;
}

.rivendi-viaggio{
    background-color: #eef5fa;
    padding: 60px 0;
}
.rivendi-viaggio .container{
    max-width: 1035px;
}
.padB0{padding-bottom: 0px !important;}
.tit-rivendi-viaggio{
    margin: 0px;
    font-family: 'Figtree', sans-serif; font-weight:700;
    font-size: 25px;
    color: #00aeef;
    padding-bottom: 20px;
    line-height: 25px;
    text-align: center;
}
.content-form-rivendi-viaggio{
    padding: 40px 0;
    background-color: #fff;
}
.detail-tit-rivendi-viaggio{
    font-family: 'Figtree', sans-serif; font-weight:700;
    font-size: 30px;
    text-align: center;
    margin: 0px;
    padding-bottom: 20px;
}
.detail-subtit-rivendi-viaggio{
    font-family: 'Figtree', sans-serif; 
    font-weight:300;
    font-size: 18px;
    text-align: center;
    margin: 0px;
    padding-bottom: 40px;
}
.inner-form-rivendi{
    width: 80%;
    margin: auto;
}
.header-step{
    padding-bottom: 15px;
}
.single-step{
    float: left;
    width: 33.3334%;
    padding: 0px 0 0px 60px;
    background-color: #e0e1e1;
    color:#999;
    font-family: 'Figtree', sans-serif; font-weight:700;
    font-size: 21px;
    position: relative;
    border-right: 20px solid #fff;
    height: 66px;
    line-height: 66px;
}
.single-step:first-child{
    padding-left: 30px;
}
.single-step:before{
    content: "";
    width: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0;
    border-style: solid;
    border-width: 33px 0 33px 20px;
    border-color: transparent transparent transparent #fff;
}
.single-step:after{
    content: "";
    width: 0;
    position: absolute;
    top: 0px;
    right: -20px;
    height: 0;
    border-style: solid;
    border-width: 33px 0 33px 20px;
    border-color: transparent transparent transparent #e0e1e1;
}
.single-step:first-child:before{
    display: none;
}
.single-step.current{background-color: #00aeef; color:#fff;}
.single-step.current:after{border-color: transparent transparent transparent #00aeef;}
.inner-form-rivendi .form-control{
    padding: 15px;
    border-radius: 0px;
    height: auto;
    border:1px solid #999;
    font-size: 16px;
}
div.btn-file{height: 54px !important; line-height: 54px !important; padding-top:0px; background-color: #cccccc; font-size: 16px; color:#666;}
.extra-text-form{font-style: italic;}
.section-form{padding-bottom: 20px;}
.btn-next{
    padding: 15px 45px;
    border:none;
    font-family: 'Figtree', sans-serif; font-weight:700;
    font-size: 20px;
    color: #fff;
    background-color: #00aeef;
}
.inner-form-rivendi textarea.form-control{height: 130px;}
.back-step{
    color: #00aeef;
    float: left;
    padding-top: 15px;
    font-family: 'Figtree', sans-serif; font-weight:700;
    font-size: 20px;}
.grazie-viaggio{
    margin: 0px;
    font-family: 'Figtree', sans-serif; font-weight:700;
    font-size: 25px;
    color: #00aeef;
    padding-bottom: 20px;
    line-height: 25px;
    text-align: center;
}
.blu{color: #00aeef;}
.giallo{color:#fdb813;}
.inner-form-rivendi .riepilogo{color: #333;}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}
@media screen and (max-width: 1600px) {
    .header-image-aboutus { position:relative; width: 100%; min-height:540px;  background-image: url('../img/header_aboutus_1600.jpg'); background-size:cover; }
    .come-rivendi{margin-left: 20px;}
}
@media screen and (max-width: 1280px) {
    .header-image { background-image: url('../img/header_1280.jpg'); }
    .navbar-nav>li{ padding: 0px 10px; font-size:14px;}
    .seats{ font-size: 15px; }
    .modulo label{ font-size:14px; }
    .signup .data-container { width: 70%; }
    .header-image-aboutus { position:relative; width: 100%; min-height:430px;  background-image: url('../img/header_aboutus_1280.jpg'); background-size:cover; }
}
@media screen and (max-width: 1200px) {
    .bms-for{ margin-left:0!important; margin-right:0!important; width:100%!important; }
    .form-text h1{ font-size:24px; line-height: 31px; }
    .form-text h2{ font-size:21px; }
	.flight-image {height: 346px}
}
@media screen and (max-width: 1024px) {
	.form-text h1{ font-size:20px!important; line-height: 22px; }
    .form-text h2{ font-size:18px; }
	.aboutus .form-text:after {
	    height: 85px;
	}
    #destinations .offerta-desc{font-size: 14px; line-height: 120%; min-height: 90px;}
    #destinations .price{top: 85px;}
}

@media screen and (max-width: 992px) {
    .form-text h1{ font-size:22px; }
    .form-text h2{ font-size:18px; }
	.footer-1{text-align: center;}
	footer .social{text-align: center;}
	footer .aligner{margin-bottom: 0; height: auto}
	.footer-1 .col-md-4{margin-bottom: 20px}
	#menuToggle {
	    display: block;
	}
	#navbar {
	    display: none!important;
	}
	.navbar-toggle.collapsed {
	    display: none;
	}
    .header-image-aboutus { position:relative; width: 100%; min-height:330px; margin-top: 60px; background-image: url('../img/header_aboutus_990.jpg'); background-size:cover; }
    #contact-bar { text-align: center; }
	#contact-bar .col-md-6{ margin: 30px 0px; }
    .aboutus .interior .payoff{ padding: 30px 50px; }
    .aboutus .interior .payoff h2{ margin: 0px; font-size:28px; }
    .aboutus .interior .payoff p{ margin: 10px 0px; font-size:18px; line-height:20px; }
	.container-steps{height: 480px; margin-bottom: 30px}
	.how-work{position: relative; margin-left: -250px}
	.how-work img{width: 630px}
	.how-work h2{font-size: 45px}
    .single-flight img.img-responsive{ width:100%; }
	#flight-list .intestazione h3{ text-align: center; }
    .right-align{ text-align: center; padding:10px;}
    .from, .time, .to{ display: inline-block; }
    .to{text-align:center;}
    .flight-data{ vertical-align: top; height:227px;}
    .right-align{ text-align: left; }
    .right-align{ text-align: left; }
    #flight-list .intestazione h3{ text-align: left; font-size: 22px; }
    #flight-list .availability{ display:inline-block; width:100%; padding: 0px 15px;}
    #flight-list .buy{ position:relative; display: inline-block; }
    #flight-list .buy .passengers-tot{ top:initial; transform: initial; -webkit-transform:initial; padding:10px; }
    #flight-list .intestazione h3{ text-align: left; }
    #flight-details .seats-container{ position:relative; margin-top:30px; }
    #flight-details .seats, #flight-details .full{ display: none; }
    .flight-data{ display: inline-block; width:49%; }
    .buy { width: 100%; }
    .seats{ display:inline-block; width:49%; font-size: 18px; text-align: center; }
    .passengers-tot button{ display: inline-block; margin-top:0!important; float:right; font-size: 20px; width: auto !important}
    .passengers-tot span{ display: inline-block; float: left; padding: 15px; }
    .flight-image{ display: inline-block; width:50%; }
	#flight-details .flight-image{ width:100%; }
    .flight-feature{ font-size:22px; }
    .flight-icons{ display: block; margin-top:35px; text-align:center;}
    #flight-list .intestazione{ height:100%; }

    .top-element:before{ width:100%;}
	.location{height: auto;}
	.location #map{margin-right: 0}
	.location #map {height: 300px}
	.location .info-soggiorno { margin-right: 0px; }
    .mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin: 0px !important;}
    .menu-user li{border-top:none !important;}
    .menu-user{width: auto;}
    .voce-profilo{width: 100%;}
    .mm-listview>li:not(.mm-divider):after{left: 0px !important;}
    .navbar-nav>li{float: none !important;}
    .mm-panels>.mm-panel>.mm-listview{width: 100%; float: none !important;}
    .nav>li.voce-profilo>a:hover, .nav>li.voce-profilo>a:focus{background: transparent !important; color: #fff !important;}
    .nav>li.voce-profilo br{display: none;}
    /*.nav>li.voce-profilo .hello{display: none;}*/
    .mm-listview .mm-next.mm-fullsubopen+span{padding-right: 0px !important;}
    .menu-user a{color:#000!important; text-transform: uppercase;}
    .mm-panels>.mm-panel{padding-left: 0px !important; padding-right: 0px !important;}
    .mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{display: block; width: 100%;}
    .menu-user a:hover{color:#f58220!important; background: #eee;}
}
@media screen and (max-width: 768px) {
    .form-text h1{ font-size:20px!important; }
    .form-text h2{ font-size:18px!important; }
    .form-text:before{ height:115px; }
    .form-text:after{ height:115px; }
	#description p { font-size:22px;line-height:26px; }
	#description h2,
	.aboutus #description h2{ font-size: 26px; }
	#description h3{ font-size: 20px; padding: 0px 20px; }
	.header-image-aboutus { position:relative; width: 100%; min-height:260px;  background-image: url('../img/header_aboutus_768.jpg'); background-size:cover; }
    #contact-bar .contact-text, #contact-bar .contact-form{ display: block; margin:auto; line-height:24px;}
	.contact-form{ margin-top:30px!important; margin-bottom:15px; }
    .aboutus .interior .payoff{ padding: 15px 25px; }
    .aboutus .interior .payoff h2{ margin: 0px; font-size:22px; }
    .aboutus .interior .payoff p{ margin: 10px 0px; font-size:16px; line-height:20px; }
	.how-work{margin-left: auto}
	.how-work h2:before{display: none}
	.how-work h2:after{display: none}
	.container-steps{width: 98%; margin:0 auto 30px;}
	.proposto .recensione a{float: none; margin-top: 10px; display: block;}
    .mm-panels>.mm-panel.mm-hasnavbar{padding-top: 65px !important;}
    .menu-user li{border-top: none;}
    .menu-user{width: auto;}
    .voce-profilo{width: 100%;}
    .mm-listview>li:not(.mm-divider):after{left: 0px !important;}
    .navbar-nav>li{float: none !important;}
    .mm-panels>.mm-panel>.mm-listview{width: 100%; float: none !important;}

    .nav>li.voce-profilo>a:hover, .nav>li.voce-profilo>a:focus{background: transparent !important; color: #fff !important;}

    .voce-profilo span.user-name{padding-top: 0px !important;}
    .voce-profilo span.hello{padding: 0 20px !important;}
    .mm-panels>.mm-panel.mm-hasnavbar{padding-top: 65px !important;}
    .menu-user li{border-top: none;}
    .menu-user{width: auto;}
    .voce-profilo{width: 100%;}
    .mm-listview>li:not(.mm-divider):after{left: 0px !important;}
    .navbar-nav>li{float: none !important;}
    .mm-panels>.mm-panel>.mm-listview{width: 100%; float: none !important;}
    /*.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
        border-color: #fff !important;
    */}
    .mm-btn.mm-prev{background: transparent !important;}
    /*.mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{color:  #fff !important; width: 100%; display: block; background: #000;}*/
    /*.mm-panels>.mm-panel:after, .mm-panels>.mm-panel:before{display: none !important;}*/
    /*.menu-user a{color: #fff !important; text-transform: uppercase}*/
    /*.menu-user a:hover{color: #4194cb!important; background: #eee !important;}*/
}
@media screen and (max-width: 560px) {
    .header-image-aboutus { position:relative; width: 100%; min-height:260px;  background-image: url('../img/header_aboutus_560.jpg'); background-size:cover; }
	.aboutus .interior .payoff{ position:relative; display: block; margin-bottom:0; text-align:center; }
	.container-steps{width: auto;height: auto;}
	.container-cyrcle{display: none}
	.how-work {margin: auto}
	.how-work h2{margin-bottom: 30px; margin-left: 0}
	.sing-step{position: relative; margin: 0 auto 30px}
	.flight-image { width: 100%; }
	.flight-data { width: 100%; height: auto}
}
@media screen and (max-width: 480px) {
    .form-text{ background-color: #fdb813; }
    .form-text h1{ padding-top:15px; font-size: 16px; line-height: 22px; }
    .form-text h2{ font-size: 15px; }
    .form-text:before{ height:65px; }
    .form-text:after{ height:65px; }
    .cc-cookies { position: fixed;}
    #description h2,
	.aboutus #description h2{ font-size: 27px; }
    #description h3{ font-size:19px; }
	.bms-for {padding-top: 50px}
    .bms-for .circle{ left: 20px; }
    #contact-bar input[name=alert]{ padding:14px; }
}


@media screen and (min-width: 768px) {
	.navbar-header {
	    float: none !important;
	}
	.how-work img{display:inline-block;}
	.how-work{margin-left: -250px}
}
@media screen and (min-width: 992px) {
	.navbar-header {
	    float: left !important;
	}
	.how-work{margin-left: -500px}
}
@media screen and (min-width: 1200px) {
	.how-work{margin-left: -340px}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
HACK per centrare in verticale
   ========================================================================== */
/* The ghost, nudged to maintain perfect centering */
.center1:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* The element to be centered, can
   also be of any width and height */
.center2 {
  display: inline-block;
  vertical-align: middle;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }*/

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
