*, html, body{font-family:'Open Sans', sans-serif;}
a, a:hover, a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{outline: none;border:0;cursor: pointer;text-decoration: none;}

#content{margin-top:130px;}
h1,h2,h3,h4,h5,h6{font-family:'Open Sans', sans-serif;font-weight: 100;}
#logo img:hover{cursor: pointer;}
.clear{clear: both;}
.orange{color:#ff5600;}
.bkorange{background:#ff5600;color:#fff;}
.nocorners{border-radius: 0;}
.nopadding{padding:0;}
.nomargin{margin:0;}
.nomargintop{margin-top:0;}
.paddingLeft0{padding-left:0px;}
.paddingLeft10 a{padding-left:10px;}
.marginBottom100{margin-bottom: 100px;}
.marginBottom20{margin-bottom: 20px;}
.floatleft{float:left;}
.blue{background: #204691; color: #fff;}
.white{background: #FFF; color: #204691;}
#logo{padding-top:15px}
.contacts{margin: 15px 0 0 0;}
.upper{text-transform: uppercase;}
.margintopminus40{margin-top: -40px;}
#image-gallery-button{cursor:pointer;}
#packsGroup{
    margin-top:15px;
    float:left;
}
#trip{position: absolute;
  width: 32px;
  float: left;
  height: 32px;
  top: 45px;
  right: 20px;}
#trip ul {list-style: none;}
#partners img{margin:0px 20px 20px 0px;}

#packsGroup .pack{
    float:left;
    border: 3px solid #FFF;
    padding: 15px;
    margin: 0px 5px 5px 0px;
    text-transform: uppercase;
    color:#fff;
    border-radius: 5px;
}
#packsGroup .pack a{color:#fff;}
#packsGroup .pack:hover{
    color:#204691;
    background: #fff;
    cursor:pointer;
}
#packsGroup .pack a:hover{
    color:#204691;
    text-decoration: none;
    cursor:pointer;
}
#packsCircleGroup{
    margin-top:15px;
    float:left;
}
#packsCircleGroup .circlePack{
    float:left;
    margin-bottom: 5px;
    text-align: center;
    position:relative;
padding:0px 5px 0px 0px;
}
.circlePack{cursor:pointer;}
#packsCircleGroup .circlePack .title{
    position: absolute;
    top: 40%;
    left: 29%;
    width: 42%;
    height: 130px;
    margin: 0 auto;
}

#packsCircleGroup .circlePack .title a, #packsCircleGroup .circlePack .title a:hover, #packsCircleGroup .circlePack .title a:visited{
    text-align: center;
    color:#FFF;
    font-weight: 500;
    font-size: 18pt;
    text-align: center;
    text-transform: uppercase;
}
.makeMyReserve img, .makeMyReserve{
    cursor: pointer;
}
#reserveForm{display:none;}
#lookAlSchema{
    position:relative;
    margin-left: 0;
}
#fb_share{
    position: absolute;
    bottom: 145px;
    right: 85px;
    width: 120px;
    height: 120px;
    cursor: pointer;
}


#stopImages{
    position: fixed;
    bottom: 30px;
    left: 10px;
    width: 70px;
    font-size: 7pt;
    cursor:pointer;
}
#myLangs{
    position: fixed;
    bottom: 30px;
    right: 20px;
    width: 80px;
    margin: 0;
    padding: 0;
    color:#FFF;
}
#myLangs a{
    color:#fff;
}
#myLangs .active{
    font-weight: 700;
}
.myLangsBlue, .myLangsBlue a, .myLangsBlue a:hover, .myLangsBlue a:visited{
    color:#204691 !important;
}

#footer{
    position: fixed;
    bottom:0;
    background: #e2e3e4;
    line-height: 25px;
    font-size: 8pt;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    color:#204691;
}

#footer a,#footer a:hover, #footer a:visited {
    color:#204691;
}
.marginRight50{margin-right:50px;}
.navbar{
    background:#204691;
    height: 110px;
    border:#204691;
}
.navbar .ul{height: 130px;}
.nav>li{
    background:#204691;
    height: 110px;
    line-height: 110px;
    text-align: center;
    font-size: 11pt;
    letter-spacing: 1px;
    margin:0px;
}
.nav>li>a{
    height: 110px;
    line-height: 110px;
    padding-top:0px;
    padding-bottom:0px;
    font-family:'Open Sans', sans-serif;
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:visited  {
    font-family:'Open Sans', sans-serif;
    color: #FFF;
    font-weight: 400;
    text-transform: uppercase;
}

.smallReverse{
    float:left;
    font-size:8pt;
    clear: both;
    margin: 3px 0;
    width:350px
}
textarea{
border:none;
    outline: 0;
    background: white;
    border-radius: 2px;
    padding:5px;
    margin:0px 5px 5px 0px;
    color: #000;
}
input[type='text']{
    border:none;
    outline: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    padding:5px;
    margin:0px 5px 5px 0px;
    color: #FFF;
}
select{
    border:none;
    outline: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    height: 30px;
    width: 177px;
    margin:0px 5px 5px 0px;
    color: #FFF;
}

div.noBK{
    border:none;
    outline: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    padding:5px 10px;
    margin: -3px 0 0 0;
    color: #FFF;
}

  
.stopPlayer{
    cursor: pointer;
    width: 22px;
    height: 19px;
    position:fixed;
    bottom:40px;
    left:20px;
    background: url('../images/som_off.png') no-repeat;
}


.ui-widget{
z-index:4000 !important;
}

@media (max-width: 1200px) {
  
  .navbar-brand img{
      margin-left:90px;
  }
  
  .navbar-brand-mini{display:none;}
  
  .navbar>.container .navbar-brand{
      margin: 0px 0px 0px 10px;
      text-align: center;
  }
  
  .nav>li{
    height: 110px;
    line-height: 110px;
    width: auto;
    text-align: center;
    font-size: 11pt;
    margin:0px;
    padding:0px;
   }
   
   .navbar-nav>li{
   margin:0px;
    padding:0px;
   }
   
   .noBK{
       width: 178px
   }
   
   #stopImages{bottom: 65px;left: 15px;width: 150px;}
   #myLangs{bottom: -40px;right: -95%;position:relative;width: 80px;margin: 0;padding: 0;}
}

@media (min-width: 900px){
.navbar-brand img{
	margin-left: 155px;
	margin-top: 20px;
	
    }
}

@media (max-width: 820px){
.nav>li{
    height: 110px;
    line-height: 110px;
    width: 140px;
    text-align: center;
    font-size: 9pt;
    margin:0px;
    padding:0px;
   }
   
   .nav>li a {
   margin:0px;
    padding:0px;
    }
    
    .navbar-brand img{
	margin-left: 50px;
	margin-top: 20px;
    }
}

@media (min-width: 770px){
    .navbar-brand-mini{display:none;}
    
    
     .navbar>.container .navbar-brand {
	margin-left: -30px;
	}
	
	.navbar-brand{
	margin:0px;
	padding:0px;
	}
	
	.navbar-brand img {
	width:190px;
	margin-top: 35px;
	}
	
	#footer{padding:0;position: inherit;}
}



@media (max-width: 768px) {
  
  .navbar-brand img{
      width: 250px;
      margin-left: 0px;
  }
 
  .navbar{
      height: 60px;
      padding:0px 15px;
  }
  .navbar-nav{
    margin: 0px -15px;
  }
  .navbar-header{
      height: 60px;
  }
  
  .navbar-toggle{
        top: -55px;
        right: 5px;
        outline: none;
  }
  
  #content{margin-top: -20px;}
  
  .navbar-brand-mini{display:block;margin-top: 0px;}
  
  .navbar>.container .navbar-brand{
      margin: 0px 0px 0px 15px;
      text-align: center;
      display:none;
  }
  .nav{z-index: 10;position:relative;}
  .nav>li{
    height: 35px;
    width: auto;
    line-height: 35px;
    text-align: left;
    padding: 5px 0px 5px 30px;
   }
   .nav>li>a{
    height: 25px;
    width: auto;
    text-align: center;
    line-height: 25px;
    text-align: left !important;
    padding-left:0;
   }
   
   #fb_share{
       display:none;
   }
   
   .noBK{
       width: 178px
   }
   
   #stopImages{bottom: -100px;left: 0px;width: 170px;position:relative;}
   #myLangs{bottom: -85px;right: -75%;position:relative;width: 80px;margin: 0;padding: 0;}
   #footer{padding:0;position: inherit;}
   #trip{  top: 20px;
  right: 70px;
  z-index: 1000000;}
    #packsCircleGroup .circlePack .title a{
        top: 80px;
        left: 16%;
    }
}

@media (max-width: 600px) {
    #footer .col-sm-3, #footer .col-sm-4, #footer .col-sm-5{font-size: 6pt;padding:0px;text-align: left !important;}
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
.ui-timepicker-select{width:100%;}