/*
**
***
**** HEADER
***
**
 */

/*
fonts 
*
font-family: 'Dosis', sans-serif;
font-family: 'Istok Web', sans-serif;
font-family: 'Happy Monkey', cursive;
font-family: 'Satisfy', cursive;

* <link href='http://fonts.googleapis.com/css?family=Dosis:300,400,600,700,800|Istok+Web:400,700|Happy+Monkey|Satisfy' rel='stylesheet' type='text/css'>
* yellow #F3EB2C
*
* [module-164] -> offerte jammin party hostel
*
/* 16px = 1em
/* 14px = 0.875em
/* 12px = 0.75em
/* 10px = 0.625em
/* 8px = 0.5em
*/


* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}


.header-wrap {margin-top: -20px}
.logo-big {display: none;}
.make-sticky .logo-big {display: block !important; width: 190px;float: left;}
.logo-image {margin: -10px 0 10px -17px;}
.make-sticky .share {position: absolute; top: 0px;right: 0px; display: none }

.home .t3-mainbody {display: none}

.backbutton a {display: inline-block; padding: 5px 10px; background: #F3EB2C;}
  .backbutton a:hover { background: #99CC00; text-decoration: none}

/* font-size:50px;*/
h1 {font-size: 3.125em }



.t3-footnav h2 {font-size: 18px; letter-spacing: -1px;line-height: 1.2em;font-weight: bold;color: #3B6E39;margin-bottom: 10px;margin-top: 15px;}
.t3-footnav p {margin: 0}
.t3-footnav a:hover { color: #000}

.article-content a {
    background: #008E2F;
    padding: 5px 10px;
    color: #ffffff;
}

.article-content .sprocket-mosaic a{
    background: none !important;
    padding: 0px !important;
    color: inherit !important;
}

.article-content .plan-details a{    
    padding: 0px !important;    
}

.article-content a:hover {
    background: #99CC00;
    text-decoration: none;
}

.sprocket-mosaic-text a:hover { color: #000000; text-decoration: none}


/*
* MENU
*/
.nav .open {background: #ffffff; color: #000}
.nav .open span {color: #000000}
.nav .active { background: #ffffff}

.nav > li > a {
  padding-left: 10px;
  padding-right: 10px ;
}

/*MENU MOBILE*/
.t3-off-canvas {}
.t3-off-canvas .dropdown-menu { font-size: 14px}
.t3-off-canvas .dropdown-toggle  {border: 1px solid rgba(0, 114, 38, 0.45)}
.t3-off-canvas .nav-header,
.t3-off-canvas > li {
  border: 1px solid rgba(0, 114, 38, 0.45);
  padding: 5px 2px;
  display: block;
  border-radius: 4px;
}
.t3-off-canvas .nav > li > a {padding: 5px}


/*
* SLIDER
*/

.relative {position: relative;}
.bgslider {display: none}
.home .bgslider {position: relative; z-index:0; top: 0; left: 0; max-width: 100%; width: 100%; max-height: 710px; display: block}
.forcefullwidth_wrapper_tp_banner {position: absolute !important; top: 0; left: 0; z-index: 1}

#rev_slider_3_1_wrapper .tp-caption{font-family: 'Satisfy', cursive !important; text-shadow: 1px 1px 10px #000000;background: none;padding: 10px !important;font-size: 4em !important;color: #ffffff;}
#rev_slider_3_1_wrapper .th-subtitle-title{font-family: 'Satisfy', cursive !important;}


.showcase-wrapper { overflow: hidden}


/*
* SOCIAL HEADER
*/
.fa-facebook {color: #45619D}
.fa-google-plus {color: #dc4a38}
.fa-twitter {color: #58ccff}
.fa-youtube {color: #c61423}
.fa-instagram {color: #665344}

.numero-verde.mobile {display: none}
.numero-verde {padding: 10px 0 0 0px;margin: 0 0 0 5px;}
  .numero-verde img{ width: 100%; max-width: 196px;}

/*
* LANGUAGE SWITCHER
*/
.languageswitcherload {position: absolute; top: -25px; right: 0}


/*
* BOOKING
*/
#booking {background: #99cc00; font-family: Arial, Helvetica, sans-serif;}
    #booking .booking_container { width: 100%; margin: 0 auto}
    #booking .booking_container label {color: #ffffff; text-transform: uppercase; background: none;padding: 0 10px;height: 50px;line-height: 50px;margin: 0px;}
    #booking .booking_container input { background: #fff; border:0px; border-radius: 0px; color: #BD0022; width: 100px; font-weight: bold; box-shadow:0 0 0 0; height: 52px; line-height: 52px; padding: 0 5px;}
    #booking .booking_container select { background: #fff; border:0px; border-radius: 0px; color: #BD0022; font-weight: bold; box-shadow:0 0 0 0; height: 52px; line-height: 52px; padding: 0 5px; letter-spacing: -1px; max-width: 240px;}

    ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #BD0022;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color:    #BD0022;
       opacity:  1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color:    #BD0022;
       opacity:  1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
       color:    #BD0022;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #BD0022 !important;}
    input:-moz-placeholder, textarea:-moz-placeholder {color: #BD0022 !important;}

    #booking button { border: 0px; background: none; color: #fff; font-weight: bold; font-size: 120%; padding: 0 5px; letter-spacing: -1px;}

    .container-inline div, .container-inline label {display: inline}
    .container-inline-date {clear: both}

    #block-hworld_booking-1 .form-item-arrivo {margin-right: 10px; padding: 0 !important;}
    #block-hworld_booking-1 .form-item-arrivo label {
        float: left;
        padding-top: 11px;
        padding-left: 10px;
        padding-right: 3px;
        }
    #block-hworld_booking-1 .form-item-arrivo #edit-arrivo { padding: 0; }    

    #edit-arrivo #edit-arrivo-datepicker-popup-0 {
        background: none repeat scroll 0 0 #BD0022;
        border: medium none;
        color: #FFFFFF;
        font-family: 'dosis-bold';
        font-size: 17.99px;
        height: 38px;
        margin-left: 3px;
        text-align: center;
        width: 92px;
        }    

        .ui-datepicker-trigger {display: none}


/*
* MODULI PARALLASSE
*/
.parallasse {/* border-bottom: 15px solid #F3EB2C; */}
  .parallasse .aikon-parallax-outer-container {border-bottom: 15px solid #F3EB2C; height: auto !important}
    .parallasse .aikon_paralax {height: auto !important}
        .parallasse a {color: #ffffff; text-decoration: none}
        .parallasse a:hover {color: #ffffff; text-decoration: none; text-shadow: 0px 0px 0px #000000;}       


.jamminrimini {
            position: relative;
            /* top: 50%; */
            /* left: 50%; */
            /* width: 100%; */
            padding: 3% 0px;
            z-index: 1;
        }

    .home.jamminrimini .col-md-4.circle1{
        margin: 0px 0;        
        background: rgba(189, 0, 34, 0.2); 
       -moz-border-radius: 70px; 
       -webkit-border-radius: 70px; 
       border-radius: 100%; 
        width: 320px; height: 320px; 
        padding: 60px 20px;
   }     
    .home.jamminrimini .col-md-4.circle2{
        margin: 0px 0;        
        background: rgba(243, 235, 44, 0.2); 
       -moz-border-radius: 70px; 
       -webkit-border-radius: 70px; 
       border-radius: 100%; 
        width: 320px; height: 320px; 
        padding: 60px 20px;
   }       

   

   .jamminrimini .col-md-8,
   .jamminrimini .col-md-4{ margin: 5% 0}      

.home.jamminrimini h1 {font-family: "Dosis", Helvetica, Arial, sans-serif; margin-bottom: 10px; padding-bottom: 10px;margin-top: 0;}
.home.jamminrimini h2 {font-family: 'Satisfy', cursive; margin: 0; padding: 0; line-height: 1.2em;  }

    .jamminrimini h1 {font-family: 'Satisfy', cursive; margin-bottom: 10px; padding-bottom: 10px;margin-top: 0; text-shadow: 2px 2px 0px #000000;}

.home.jamminrimini h1,
.home.jamminrimini h2 { text-shadow: 2px 2px 0px #000000; /* font-size: 60px; */ font-size: 3.625em; text-align: center;   }
.jamminrimini br {display: none;}


.jamminriccione {
            position: relative;
            /* top: 50%; */
            /* left: 50%; */
            width: 100%;
            padding: 3% 0;
            z-index: 1;
        }
        
    .jamminriccione .col-md-4.intro{ margin-top: 40px}
        
    .jamminriccione .col-md-4.circle1{
        margin: 0px 0;        
       -moz-border-radius: 70px; 
       -webkit-border-radius: 70px; 
       border-radius: 100%; width: 320px; height: 320px; 
        padding: 60px 20px;   
        background: rgba(243, 235, 44, 0.2);
    }

    .jamminriccione .col-md-4.circle2{
        margin: 0px 0;        
       -moz-border-radius: 70px; 
       -webkit-border-radius: 70px; 
       border-radius: 100%; width: 320px; height: 320px; 
        padding: 60px 20px;   
        background: rgba(189, 0, 34, 0.2);
    }

    .jamminriccione .col-md-8{ margin: 5% 0;}

.home.jamminriccione h1 {font-family: "Dosis", Helvetica, Arial, sans-serif; margin-bottom: 10px; padding-bottom: 10px;margin-top: 0;}
.home.jamminriccione h2 {font-family: 'Satisfy', cursive; margin: 0; padding: 0;   line-height: 1.2em; }

.home.jamminriccione h1,
.home.jamminriccione h2 { text-shadow: 1px 1px 0px #000000; /* font-size: 56px; */ font-size: 3.5em; text-align: center; }
.jamminriccione br {display: none;}


.aikon_paralax h1,
.aikon_paralax h2{ border-bottom: 0px solid #fff; text-align: center; margin-bottom: 10px; padding-bottom: 10px}
    .home .aikon_paralax h2 {border-bottom: 0}

.aikon_paralax p {text-shadow:2px 2px rgba(0, 0, 0, 0.35); text-align: center;  /*font-size: 20px;*/ font-size: 1.25em; font-weight: bold; margin: 0; padding: 0 }
.aikon_paralax ul li {list-style: none; background: #BD0022;margin: 10px 0;font-weight: bold;padding: 5px 0; text-align: center;border-radius: 10px;}



/*
* MODULI POSIZIONE TESTIMONIALS (OFFERTE, RECENSIONI, GOOGLE MAPS)
*/
.testimonial-wrapper {padding: 0 80px}
.testimonial-wrapper h2,
.offerte h2 
{font-family: 'Satisfy', cursive; margin: 0; padding: 0; text-shadow: 1px 1px 1px #000000; color: #F3EB2C; text-align: center; margin: 20px auto 10px auto; font-size: 2.8em; }


/*
* OFFERTE HOME
*/
.testimonial-wrapper .sprocket-mosaic h2 a {text-transform: capitalize !important; text-shadow: 0px 0px 0px #000000;}
.testimonial-wrapper .sprocket-mosaic-text {padding: 10px;}

.sprocket-mosaic li{border: 10px solid #ffffff}
.sprocket-mosaic-text {padding: 0}
.sprocket-mosaic-item .sprocket-mosaic-text {margin: 0}

.home .sprocket-mosaic-item .sprocket-mosaic-image,
.itemid-612 .sprocket-mosaic-item .sprocket-mosaic-image,
.itemid-616 .sprocket-mosaic-item .sprocket-mosaic-image{  width: 100%;  /*height: 250px !important;*/}

h3.sprocket-mosaic-title { margin-top: 10px}
h3.sprocket-mosaic-title a {}
  h3.sprocket-mosaic-title a:hover { color: #000; text-decoration: none;}

/*titolo offerte sempre visibile*/
h3.fixed {position: absolute; bottom: 20px;z-index: 1;text-align: center;margin-left: -40%;background: #F3EB2C;padding: 10px 10px;display: block;/* margin-right: auto; */width: 80%;left: 50%;text-transform: uppercase !important;font-weight: bold; font-size: 0.875em }

.home h3.fixed {font-size: 1.125em !important}

.cat-children {display: none}


/*
* OFFERTE SINGOLE STRUTTURE
*/
.offerte {margin-bottom: 20px}

.view-article h3.fixed {bottom: 0px;z-index: 1;}
.view-article .sprocket-mosaic-item .sprocket-mosaic-image {  width: 100%;  height: 180px;}
.view-article h3.sprocket-mosaic-title {  font-size: 0.875em; font-weight: bold}
.view-article .sprocket-mosaic-text {font-size: 0.875em;}

.view-article .pull-left {margin-right: 30px}

.tags {margin-bottom: 20px}
.tags span {margin-right:5px}


/*
* FOTO VIDEO
*/

.foto_video {margin-bottom: 0px; overflow: hidden;border-bottom: 10px solid #fff;}
.foto_video::after {/*content: '.'; display: block;width: 100%;background: #fff;position: absolute;bottom: 50px;color: #fff;*/}

/*
* MODULI BOTTOM
*/

    /*DOVESIAMO*/
    #dovesiamo {padding: 0 20px;}

    .bottom-before .col-xs-12 div.custom{ margin: 15px 0;}
    .bottom-before .sprocket-mosaic { margin-bottom: 25px}

.facebook {margin:20px 0 }
.t3-wrapper {}


    /*MENU*/
    .bottom-wrapper .module-inner h3 { background: #F3EB2C; color: #000; padding: 10px 20px; margin-bottom: 10px;}
    .bottom-wrapper .module-ct { margin-left: 25px}
    .bottom-wrapper .dropdown-menu{ display: block !important}
    .bottom-wrapper .dropdown-menu > li {list-style: square; margin-left: 25px;white-space: nowrap;letter-spacing: -1px;}
    .dropdown-menu > li > a { padding: 2px; height: 25px}

    .bottom-wrapper .dropdown-menu {
          position: relative;
          top: 100%;
          left: 0;
          z-index: 1000;
          display: none;
          float: none;
          min-width: inherit;
          padding: 5px 0;
          margin: 0;
          list-style: none;
          font-size: 16px;
          background-color: #ffffff;
          border: 1px solid transparent;
          /* border: 1px solid rgba(0, 0, 0, 0.15); */
          /* border-radius: 4px; */
          /* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); */
          /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); */
          /* background-clip: padding-box; */
        }




/*
* BOX SINGOLE PAGINE
*/

.itemid-619 h1 {font-family: 'Satisfy', cursive; margin-bottom: 10px; padding-bottom: 10px;margin-top: 0; letter-spacing: -1px; font-size: 3.4em; text-align: center;}

.box.servizi { margin-bottom: 20px}

.box p:first-child, .box p:last-child {margin: 0}
.box h2 {font-family: 'Satisfy', cursive; margin: 0; padding: 0; text-shadow: 1px 1px 1px #000000; text-align: center; margin: 10px auto 10px auto; font-size: 2.6em; letter-spacing: -2px }
.box h3 { font-weight: bold; margin: 15px 0 20px 0;}
.box li { margin: 5px 0;}
  .pricing-details li { margin: 0px 0 !important;}
  .pricing-details .col-md-3 {position: relative;}
  .pricing-details .plan-action {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    margin-left: -50px !important;
    width: 100px;
  }
  .pricing-details ul {min-height: 150px}


    /*COLORI STRUTTURE RIMINI*/
    .col-md-3 h2{color: #F3EB2C;line-height: 1.2em; margin-top: 0px}


.share.mobile {display: none}

/*
* 
* RESPONSIVE
* 
*/


@media (min-width: 769px) {

  .visible-xs,
  tr.visible-xs,
  th.visible-xs,
  td.visible-xs {display: none !important;}
}


@media (max-width: 969px) {

  .menumobile {display: block !important}

  .pricing-details ul .plan-details img {  max-height: inherit;  width: 100%;  }
  .pricing-details ul .plan-details a[data-lightbox] {width: 100% !important}

}



@media (max-width: 768px) {

  #t3-header .col-sm-4{ padding-right: 0}
  #t3-header .col-sm-8{ padding-left: 0}
  .share {display: none}
  .numero-verde {padding: 10px 0}
  .nav {font-size: 14px}
    .nav > li > a,
    .nav > li > .separator {padding: 10px 6px;}
  .navbar-collapse {padding: 0}

  .#aikon_paralax_250-outer-container {max-height: 400px}
  .jamminrimini .col-md-4,
  .jamminriccione .col-md-4 {margin: 0 auto !important}

  .testimonial-wrapper {padding: 0 20px}
  .home .sprocket-mosaic-item .sprocket-mosaic-image,
  .itemid-612 .sprocket-mosaic-item .sprocket-mosaic-image,
  .itemid-616 .sprocket-mosaic-item .sprocket-mosaic-image{  width: 100%;  height: 190px !important;}
  .home h3.fixed { bottom: 5px;  font-size: 0.875em !important; }
  .testimonial-wrapper .sprocket-mosaic-text {padding: 0}
  .sprocket-mosaic-item .sprocket-mosaic-text {margin: 0 0 10px 0 !important; line-height: 20px}
  h3.sprocket-mosaic-title {display: none}

  .bottom-after { padding: 30px 0px;}
  .bottom-after .container {padding: 0}
  .bottom-wrapper .module-ct {  margin-left: 0px;}
  .col-sm-6 .row .t3-spotlight-bottom-1 .col-sm-6{width: 100%; padding: 0}
  
}


@media (max-width: 767px) {
  .languageswitcherload {
    position: absolute;
    top: 15px;
    right: 70px
  }
  div.mod-languages ul.lang-inline li {/*display: block !important;*/ margin: 2px 5px 2px;padding: 0;}
    div.mod-languages a {margin: 0 !important;padding: 0 !important;}
      div.mod-languages img {margin: 0 !important;padding: 0 !important;}


  #booking .booking_container select { width: 100%; font-size: 16px; max-width: 200px;}
  #booking .booking_container input { font-size: 16px; width: 100%; max-width: 90px }
}


@media (max-width: 767px) and (min-width: 480px) {    
  .logo-image { margin: 0px; }
}


@media (max-width: 640px) {
  #booking .booking_container label {float: left; height: 40px;margin-top: -10px;}
  #booking .booking_container select {  width: 100%;  font-size: 16px;  max-width: inherit;  border-right: 0px solid #9C0;  border-left: 0px solid #9C0;}
  #booking .booking_container .arrivo { float: left; width: 50%; display: block;}
  #booking .booking_container .partenza { float: left; width: 50%; display: block}
  #booking .booking_container input {width: 100%; max-width: inherit; border-right: 10px solid #9C0;border-left: 10px solid #9C0;}

  .home.jamminrimini .col-md-4.circle1,
  .home.jamminrimini .col-md-4.circle2 {
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 100%;
    width: 250px;
    padding: 40px 20px;
    font-size: 80%;
    height: 250px;
  }

  .home.jamminriccione .col-md-4.circle1,
  .home.jamminriccione .col-md-4.circle2 {
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 100%;
    width: 250px;
    padding: 40px 30px;
    font-size: 90%;
    height: 250px;
  }

}


@media (max-width: 480px) {

    .home .sprocket-mosaic-item .sprocket-mosaic-image,
    .itemid-612 .sprocket-mosaic-item .sprocket-mosaic-image,
    .itemid-616 .sprocket-mosaic-item .sprocket-mosaic-image,
    .view-article .sprocket-mosaic-item .sprocket-mosaic-image {height: auto !important}

    .t3-spotlight { padding: 0 25px; margin-top: 10px;}

   
   .logo-big {
      display: block !important;
      width: 180px;
      float: left;
      margin-top: 5px;
  }
      .logo-image {display: none}

   .pull-right {margin-right: 0px;}   
   #t3-header .col-xs-3 { position: absolute; bottom: 0; right: 0}

     .languageswitcherload {
      position: absolute;
      top: 4px;
      right: 15px;
      z-index: 999
    }

    .share.mobile {display: block;position: absolute;top: 17px;right: -10px; z-index: 999}

    .share .sp_social ul li {
      margin: 0 2px;
      text-align: center;
      display: inline-block;
  }

}




@media (max-width: 420px) {

  body{font-size: 14px}
  
  #t3-header .col-sm-4{ padding-right: 0}
  #t3-header .col-sm-8{ padding-left: 0}
  .share {display: none}
  .numero-verde {padding: 10px 0}
  .header-wrapper .th-navbar {margin-top: -10px}
  .nav {font-size: 14px}
    .nav > li > a,
    .nav > li > .separator {padding: 10px 6px;}
  .navbar-collapse {padding: 0}


  .numero-verde.mobile {display: block; max-width: inherit; width: 220px; padding: 10px; margin: 10px auto;top: 10px;} 
    .numero-verde.mobile img {margin-top: 10px}
  .numero-verde {display: none}

  languageswitcherload {
    left: inherit;
    right: 20px;
    top: 10px;
  }

  .row.home.jamminriccione {padding: 0;margin: 0;}
  .jamminriccione .col-md-8 {margin: 0}

  .jamminriccione .col-md-4,
  .jamminrimini .col-md-4 {  
    margin: 0px 0;  
    width: 100%;  
    height: auto;
    padding: 60px 20px;
    }

    .tp-caption {display: none}
  
}