/**
 * @package   Loyale Joomla! 3 Template
 * @version   1.0
 * @author    7Studio Tomasz Herudzinski http://www.7studio.eu
 * @copyright Copyright (C) 2009 - 2014 7Studio Tomasz Herudzinski
 * @license   Commercial - ThemeForest Regular License - http://themeforest.net/licenses/regular_extended
**/


 /* 
 * 
 * IMPORTANT!
 *
 * Please paste here css rules which you would like to override and change.
-----------------------------------------------------------------------------------*/

@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) { 
    .nivoSlider {margin-bottom:30px!important;}
    .item-page h1 {line-height:15px!important;}
  }
  
  #bonckolen {float:right;margin-top:9px;}
  
  @media (max-width:700px){
    #bonckolen {display:none!important;}
  }

.item-page {
    margin-right:50px;
}

/*html[lang="IT-it"] .item-page h1 {margin-top:30px;}*/

#top-a {
    margin-bottom: -35px!important;
}

#top-a .row-fluid {
    margin:0px!important;
}

.logo img {
    width:205px;
}

.moduletable.theform, .module.theform {
    background: #ddd;
    padding: 20px;
    border: 1px solid #ccc;
}

.module.theform input[type="text"]{
    width:85%;
}

.module.theform textarea{
    width:85%;
}

.theform input[type="text"]{
    width:93%;
}

.theform textarea{
    width:93%;
}

.custom img {width:100%;}

.moduletable.bigform {
     background: #ddd;
    padding: 20px;
    border: 1px solid #ccc;
}

.bigform form, .bigform table {
    width:100%;
}

.bigform select {
    height: 43px!important;
}

.bigform .rsform-calendar-button{
    height: 43px;
    margin-top: -13px;
}

.bigform input[type="text"]{
    width:87%;
}

.bigform select{
    width:93%;
}

.bigform textarea{
    width:90%;
}

.bigform .rsform-calendar-box {
    width:81%!important;
}

.bigform .formTableLeft {
    width:50%;
}

@media (max-width:979px){
    .logo img {
        width:136px;
    }
}

@media (min-width:451px){
    .mob {display:none;}
    .nomob {display:block;}
}

@media (max-width:450px){
    .mob {display:block;}
    .nomob {display:none;}
}

.thebtn {
  background: #b0a590;
  background-image: -webkit-linear-gradient(top, #b0a590, #968D7B);
  background-image: -moz-linear-gradient(top, #b0a590, #968D7B);
  background-image: -ms-linear-gradient(top, #b0a590, #968D7B);
  background-image: -o-linear-gradient(top, #b0a590, #968D7B);
  background-image: linear-gradient(to bottom, #b0a590, #968D7B);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.thebtn:hover {
  background: #968D7B;
  text-decoration: none;
}

.thebtn.large {
    display: block;
    text-align:center;
}

.nn_tabs-toggle {
    font-size:14px;
}

.row.theimage {
    padding: 22px;
}

.imgsor {width:100%;}

.sb-search-form {
    background: #ddd;
    padding: 20px;
    border: 1px solid #ccc;
}

.sb-search-form select {
    margin-right:3px;
    height:38px;
}

#social img {
   width: 25px!important;
margin-right: 5px;
}

#marketing{width:105px;}
#lock {width:14px;}

@media (min-width:980px){
    .item-991 a, .item-771 a, .item-991 a:hover, .item-771 a:hover{
        border-top: 1px dashed #fff!important;
    border-bottom: 1px dashed #fff!important;
    padding: 5px 0px!important;
   background: rgb(1,173,237)!important; /* Old browsers */
    color: #fff!important;
        margin-top:20px!important;
    }
    
}

.sequence .subtitle-block {
background-color: #01aded!important;
}

.sequence .subtitle-block h4 {
color: #ffffff!important;
}

.sequence .subtitle-block h4::before {
  content:url('../images/check.png');
  position:relative;
  left: -10px;
  top: 6px;
}

.sequence .subtitle-block a {
    color: #01aded!important;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-arrow {
    border:0px solid #01aded!important;
    position: relative;
    right: 5px;
    margin-left:0px!important;
}

strong {
    color:#01aded;
}

@media (min-width:1400px){
    .nn_tabs-toggle span {text-transform:uppercase;font-size:12px;}
}

@media (min-width:1230px) and (max-width:1399px){
    .nn_tabs-toggle span {text-transform:uppercase;font-size:11px;}
}

@media (min-width:1155px) and (max-width:1229px){
    .nn_tabs-toggle span {text-transform:uppercase;font-size:10px;}
}

@media (max-width:1154px){
    .nn_tabs-toggle span {text-transform:uppercase;font-size:9px;}
}


.servizi ul {
    list-style:none!important;
    margin: 0 0 12px -10px!important;
}

.servizi ul li {
    margin-bottom:10px;
    border-bottom:1px dashed #01aded;
    display: block;
    padding: 5px 0px;
    height: 50px;
}

.servizi ul li:last-child {
    border-bottom:0px dashed #01aded!important;
}

#bonckolen img {display:none;}

.table-wrap {background:rgba(255,255,255,1);}

.nav-child a {
    font-size: 18px;
}

@media (max-width:979px){
    #main-sidebar {
        background: rgba(255,255,255,1);
    }
}

.servizi li {color:#01aded;}

body .nn_tabs-tab.active a{
    color: #fff!important;
    background: rgba(1,173,277,1)!important;
}

body .nn_tabs-tab a{
    color: #fff!important;
    background: rgba(204,204,204,1)!important;
}

@media(min-width:768px){
    .theform .module-title {
        padding: 12px 0px 12px 21px;
        margin-bottom: 24px;
        border-bottom: 1px solid #eaeaea;
        background: url(../images/lingua.png) no-repeat;
        height: 50px;
        color: #fff;
        width: 100%;
    }

    .theform .module-title h3 {
        color: #fff;
        text-indent:5px;
    }
    
    .bigform h3{
        padding: 4px 0px 12px 16px;
        margin-bottom: 24px;
        border-bottom: 1px solid #eaeaea;
        background: url(../images/linguab.png) no-repeat;
        height: 50px;
        color: #fff;
        width: 100%;
        margin-left: -20px;
    }

    .bigform h3 {
        color: #fff;
        text-indent:5px;
    }
    
    .cont h3{
        padding: 4px 0px 12px 16px;
        margin-bottom: 24px;
        border-bottom: 1px solid #eaeaea;
        background: url(../images/linguac.png) no-repeat top left;
        height: 50px;
        color: #fff;
        width: 100%;
        margin-left: -20px;
    }

    .cont h3 {
        color: #fff;
        text-indent:5px;
    }
    
     .RSWS_form_heading h3 {
        padding: 4px 0px 0px 18px;
        margin-bottom: 24px;
        border-bottom: 1px solid #eaeaea;
        background: url(../images/linguac.png) no-repeat;
        height: 50px;
        color: #fff;
        width: 100%;
        margin-left: -10px;
    }

    .RSWS_form_heading h3 {
        color: #fff;
        text-indent:5px;
    }
}

.RSWS_testmonial_subtext em  {
    color:rgba(1,173,277,0.8);
}

.RSWS_testi_block {
    background: #ddd!important;
    border: 1px solid #ccc!important;
}

@media (max-width:550px){
    img[src="/miramare/cache/mod_st_slider/sorrento-hotel-ressidence-miramare-006.jpg"]{
        position:relative;
        left:150px;
    }
}

/*
@media (min-width:980px){
    html[lang="en-gb"] #background-mob {display:none;}
}

@media (max-width:979px){
    html[lang="en-gb"] #background {display:none;}
}*/

.acymailing_module form {
    background: #ddd;
    padding: 20px;
    border: 1px solid #ccc;
}

@media (min-width:600px){
    .acymailing_form .fieldacyname, .acymailing_form  .fieldacyemail{
        display:block;
        float:left;
        width:50%;
    }
}

.fieldacyterms a{
    background: #eee;
    padding: 10px;
}

@media (min-width:980px) and (max-width:1350px){
img[src="/cache/mod_st_slider/sorrento-hotel-ressidence-miramare-006.jpg"]{
    margin-left: 250px!important;
}
    
    img[src="/cache/mod_st_slider/sorrento-hotel-ressidence-miramare-002.jpg"]{
    margin-left: 125px!important;
}
    
        img[src="/cache/mod_st_slider/sorrento-hotel-ressidence-miramare-003.jpg"]{
    margin-left: 125px!important;
}
    
            img[src="/cache/mod_st_slider/sorrento-hotel-ressidence-miramare-004.jpg"]{
    margin-left: 125px!important;
}
    
                img[src="/cache/mod_st_slider/sorrento-hotel-ressidence-miramare-007.jpg"]{
    margin-left: 150px!important;
}
}

@media (min-width:980px) {
    .phone {
    border-radius: 10px;
    height: 70px;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 200px;
    z-index: 999999;
}
}

@media (max-width:979px) {
    .phone {
        display:none;
    }
}

.djslider {
    margin-bottom:20px!important;
}

.prev-button, .next-button { /*margin-top:162px;*/ margin-top: 25%;}
#cust-navigation691 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 5px;
}

span.load-button {
    background: none repeat scroll 0 0 #01aded !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    opacity: 0.8 !important;
}

span.load-button-active {
    border: 3px solid #01aded !important;
    border-radius: 50% !important;
    opacity: 1 !important;
}

@media (max-width: 900px) {
  div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
      width: 120px;
  }
}


@media (max-width: 700px) {
  div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
      width: 100px;
  }
}


@media (max-width: 500px) {
  div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
      width: 80px;
  }
}

@media (max-width: 350px) {
  div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img {
      width: 60px;
  }
}

/*** BOOKING ***/
#simplebooking-container select, #simplebooking-container input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin: 0 1%;
    width: 30%;
    padding: 1px;
}
/*** BOOKING ***/
#simplebooking-container .persons-rooms, #simplebooking-container .rooms-adults-kids, #simplebooking-container .button-search {
    margin: 0 1%;
    width: 30%;
    float: left;
}

#simplebooking-container .persons-rooms select, #simplebooking-container .rooms-adults-kids select, #simplebooking-container .button-search input {width: 100%; }

#simplebooking-container .button-search input {
  margin-top: 35px; 
  border-radius: 5px;
  color: #0188BA;
  background: #fff;
}

#simplebooking-container .button-search input:hover {
 background: #01ADED;
 color: #fff;
}

#Calendario0, Calendario1 { width: 5%; }

.nav-tabs > li { min-width: 145px; }
body .nn_tabs-tab a { background: none repeat scroll 0 0 #fff !important;color:#01aded!important;}
body .nn_tabs-tab a:hover { background: none repeat scroll 0 0 rgba(1,173,277,1)!important !important;color:#fff;}

/** icon **/

.icon-dove {
    border-radius: 50%;
    margin: 0 10px 0 0;
    width: 50px;
    height: auto;
}

.p-dove {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    padding: 5px;
}







@media (max-width: 600px) {
  #simplebooking-container .persons-rooms, #simplebooking-container .rooms-adults-kids{ width: 48%;  } 
  #simplebooking-container .button-search { width: 98%;  }
  .nav-tabs > li { min-width: 50%; }
}
  
@media (max-width: 500px) {
  #simplebooking-container select, #simplebooking-container input { width: 90% }
  #bookingh { font-size: 1.5em !important; line-height: 1em;}
  .item-page { margin-right: 0;}
  
  div.mod-languages {
     position: absolute;
     right: 90px;
     top: 22px;
    }
  
  .theform input[type="text"], .theform select { width: 90%;}
  
}

@media (max-width: 400px) {
    .nav-tabs > li { min-width: 100%; }
  .page-header h2, header h2, .item-page h1, .item-page h2 { font-size:24px; text-align: center;}
  
}

@media (max-width: 337px) {
    div.mod-languages {
     position: absolute;
     right: 35px;
     top: 22px;
    }
  #st-mobile-toggle  { padding: 10px; border: none; }
}


@media (min-width: 401px) and (max-width: 1200px) { 
   #btnSearch  {     
    font-size: 12px;
    width: 45%; 
  }  
}

body #main-container .content-column { max-width:99% !important; }

.servizi ul li { min-height: 50px; height: auto; }

.sigplus-gallery a[title]{
    display: inline;
    position: relative;
}


.sigplus-gallery a[title]:hover:after {
  content: attr(title);
  background: #23ABE2;
    background: rgba(35,171,226,.8);
    border-radius: 5px;
    bottom: 76px;
    color: #fff;
    left: 0%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}



.sigplus-gallery a[title]:hover:before{
    border: solid;
    border-color: #23ABE2 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 70px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}


#mobile-menu-wrap.st-overlay {
    background-color: rgba(1, 173, 237, 0.8) !important;
    max-width: 73%;
    width: auto;
}

#st-mobile-menu ul li > .nav-item {
    border-top: 1px solid #007daf;
    padding: 10px;
}
#st-mobile-menu ul li {
    font-size: 20px;
}
#st-mobile-menu ul ul > li > .nav-item {
    padding-left: 30px;
}

#st-mobile-menu ul ul li > .nav-item:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 7px;
    position: absolute;
    top: 50%;
    width: 15px;
}

@media (max-width: 1229px) and (min-width: 1155px){
.servizi .nn_tabs-toggle span {
text-transform: uppercase;
font-size: 14px;
}
}