@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

.little-padding{padding:0 15px!important;}
.little-margin{margin:0 15px!important;}
.slide-arrow-icon{transition:all 250ms ease-in;z-index:9998;font-size:70px!important;color:white;position:absolute;top:175px;}
.slide-arrow-icon:hover{cursor:pointer;color:#bbb;transform:scale(1.05);}
.slide-arrow-icon.ar-l{left:0;}
.slide-arrow-icon.ar-r{right:0;}
.spot-desc-font{font-size:17px;}
.fixed-booking{transition:all 300ms ease-in;position:fixed!important;top:60px;z-index:9999;}
.bbgrey{border-bottom:2px solid #eee;}
.space-booking{padding-top:0px!important}
.p40imp{padding-top:40px!important;}
.p144imp{padding-top:144px!important;}

@media (max-width: 980px) {
.strange_pd{padding:19px!important;}
.slide-arrow-icon{display:none!important;}
}
.pre-input-booking{position: absolute;
top: 26px;
left: 25px;
color:#006699;
}
.section{padding-top:50px!important;padding-bottom:50px!important;}
.calendar{width:50%!important;margin:0!important}
.ranges{float:right!important;}
.box-pren-auto{padding:20px;background:#f5f5f5;}
.flr{float:right;}
.daterangepicker_input .glyphicon-calendar{display:none!important;}
.input-mini{display:none!important;}
.pdinput{padding-left:3px;padding-right:3px;}
.sl-dot:hover{cursor:pointer;}
.date-inp{width:100%;border:1px solid #eee;text-overflow: ellipsis;white-space:nowrap;color:#006699;margin:3px 0;padding:20px;font-family:'Quicksand', sans-serif!important;}
body, h1,h2,h3,h4,h5,h6,button{font-family:'Quicksand', sans-serif!important;}
html,body{padding:0!important;}
.serv-txt{padding:80px;color:white;font-family:'Quicksand', sans-serif}
#container{width:100%;margin:0 auto;overflow: hidden;height:auto;}
#container ul {
overflow: hidden;
margin:0px;
padding:0px;
width:500%; 
}
#container ul li { 
height:500px; 
width:10%;
list-style:none;float:left;
margin-right: 0%;
}
#container ul li a:hover{text-decoration:none!Important;}
#container ul .h2-box-slide{text-align:left!important;position:absolute!important;top:175px;border-left:1px solid #ddd;
text-align:center;padding:15px;margin:0 30px 30px 30px;
color:black;background:rgba(240, 240, 240, .9);}
.h2-box-slide h2{font-size:16px!Important;margin-top:15px;}
#container ul li img{width:100%; height:400px;padding:30px 30px 0px 30px;}
@media (max-width: 980px) {
.daterangepicker{width:100%;}
#container ul .h2-box-slide{margin:0!important;width:50%;}
#container ul li img{padding:0px!important;}
#container ul li{width:30%;}
}
@media (max-width: 615px) {
.calendar{width:100%!important;}
}


.nopd{padding-left:0!important;padding-right:0!important;}
.date-inp-submit:hover{cursor:pointer;background:#007788}
.date-inp-submit{width:100%;border:none;margin:3px 0;transition:all 300ms ease-in;background:#006699;letter-spacing:1px;text-transform:uppercase;color:white!important;padding:20px;font-family:'Quicksand', sans-serif!important;}
.bg-secondary{background:#000000}
.box-serv{min-height:300px!important;margin:20px 0;border-bottom:2px solid #8a4b19!important;border:2px solid #ccc;border-radius:5px;background:#eee;text-align:center;box-shadow: 3px 3px 5px #888888;padding:0!important;}
.box-serv img{border:3px solid #ddd;border-radius:55px;margin-top:30px;}
.topmrg{margin-top:50px;}
.box-serv h3{text-align:center;color:#777;}
.box-serv h5 {color:#aaa; font-style:italic;}
.box-serv i{font-size:30px!important; color:#c00b58;}
.box-serv h4{color:#555;}
.motivi{margin-top:30px;padding-bottom:20px;background:#f5f5f5;padding-left:0!important;padding-right:0!important;}
@keyframes beat{
	0% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	30% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	40% { transform: scale(1.50);-moz-transform: scale(1.50);-webkit-transform: scale(1.50);-o-transform: scale(1.50); }
	50% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	60% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	70% { transform: scale(1.47);-moz-transform: scale(1.47);-webkit-transform: scale(1.47);-o-transform: scale(1.47); }
	80% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	100% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
}
@-webkit-keyframes beat{
	0% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	30% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	40% { transform: scale(1.50);-moz-transform: scale(1.50);-webkit-transform: scale(1.50);-o-transform: scale(1.50); }
	50% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	60% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	70% { transform: scale(1.47);-moz-transform: scale(1.47);-webkit-transform: scale(1.47);-o-transform: scale(1.47); }
	80% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
	100% { transform: scale(1);-moz-transform: scale(1); -webkit-transform: scale(1);-o-transform: scale(1); }
}
.loader img{
	animation:beat 2s infinite linear;
  -webkit-animation:beat 2s infinite linear;
  width:150px;
}
}
.toupper{text-transform:uppercase;}
.butn{width:100%;color:#8a4b19}
.form-group input{font-size:15px;  font-family: 'Raleway',sans-serif!important;}
textarea{font-size:15px!important;  font-family: 'Raleway',sans-serif!important;}
button {font-size:15px!important;  font-family: 'Raleway',sans-serif!important;}
button:hover{background:#000000;color:white;}
.text-muted{color:white!important;margin:10px 0; font-size:30px;}
.service span{color:#c00b58}
body {
    margin: 0;
  font-family: 'Raleway',sans-serif!important;
}
input {
    outline: none!important;
}
.no-padding {	
    padding: 0px!important
}
.no-margin {
    margin: 0px!important
}
@media (max-width:767px){
	.mobile-text-center{text-align:center}
	.no-desktop{display:inline}
}
@media (min-width:768px){
	.no-desktop{display:none}
}
.toupper {
    text-transform: uppercase;
}
.section{
	margin:0px!important;
	padding:0px!important;
}
.section h1 {
    text-transform: uppercase;
}
.service i{
	font-size:70px;
	padding-top:10px;
}
.section5{
	background:#79c539;
	color:white;
}
@media (min-width:969px){
	.mt{margin-top:60px;}
}


.service{padding:50px 0;}
}
.service h5{color:#000}
@media (max-width:767px){
	.service i{ font-size: 50px }
	.service h3,.service h5{ text-align:left; }
}

/* Nav Bar */
.boostar-navbar{
  font-family: 'Open Sans Condensed', sans-serif;
  letter-spacing:2px;
  color:#000;
  width:100%;
  position:fixed;
  top:0;
  z-index:999999;
  list-style-type:none;
  transition: all 300ms ease-in-out;
}

.boostar-navbar .brand{
  transition: all 300ms ease-in-out;
}

.boostar-navbar ul{
  transition: all 300ms ease-in-out;
}

.boostar-navbar.scrolled {
	background-color: rgba(255, 255, 255, 0.8);
	transition: all 300ms ease-in-out;
	color:#000!important;
}
.boostar-navbar.scrolled ul {
	color:#000!important;
}

.boostar-navbar.scrolled ul li {
	color:#000!important;
}
.boostar-navbar.scrolled ul li a {
	color:#000!important;
}


.boostar-navbar.scrolled2 {
color:#000!important;
	background-color: #fff;
	transition: all 300ms ease-in-out;
}
.boostar-navbar.scrolled2 .brand{
	max-height:52px;
	padding:0 40px;
	transition: all 300ms ease-in-out;
}
.boostar-navbar.scrolled2 ul{
	padding-top:12px;
    transition: all 300ms ease-in-out;
}
.boostar-navbar.scrolled2 ul li{
	padding:10px 0;
		color:#000!important;

}
.boostar-navbar.scrolled2 a{
	font-size:15px;
	color:#000!important;
}
@media (max-width:767px){
   .menu-opt a{ color:#000!important};
}
.boostar-navbar ul{
	list-style-type:none;
	padding-top:42px;
	color:#fff;
}
.boostar-navbar li {
	float:left;
	text-align:center;
	font-size:18px;
	padding: 10px 0;
	text-transform:lowercase;
	
}
.boostar-navbar li a{
	text-decoration:none;
	color:white;
	outline: none;
	display:block;
}
.boostar-navbar li a:hover{
	color:#ddd;
}
.boostar-navbar li:hover {
	cursor:pointer;
}
.boostar-navbar .row{
	float:right;
	margin-right:30px;
}
.boostar-navbar .brand{
	float:left;
	width:auto;
	height: 120px;
	padding:20px 40px;
}
.active{
}
/* Responsive */
#mainmenu {display:none;width:100%;}
#mainmenu ul        {margin:0;float:left;width:100%; list-style: none;}
#mainmenu ul li     {margin:0;position: relative; width:100%;display: block;}
#mainmenu a         {color: #000; display: block;font-size: 14px;padding: 14px 20px;}
.menu-resp{
	display:none;
}
@media (max-width: 800px) {
.boostar-navbar {background:#fff!important;}
.boostar-navbar .row{margin-right:0px!important;}
.boostar-navbar ul{padding:15px 0px 0px 0px!important;}
.menu-resp{display:block;}
.menu-opt ul li span{display:none;} 
.brand{height: 52px !important;padding:0 10px!important;}
}


/* section1 */
.section1{
  padding:25px;
  background:#8a4b19;
  color:white;
}

/* section2 */
.section2{
  padding:35px 0px!important;
  background:white;
  color:#c00b58;
}


/* section3 */
.section3{
  padding:10px 0px!important;
}
.section3 i{color:#c00b58;text-align:center}
.section3 h3{color:#c00b58}

/* section4 */
.section4{
  background:#000000;
  text-shadow: 2px 2px #888;
  padding:25px;
  color:white;
}

@media (min-width:767px){
	.border-left{border-left:2px solid #c00b58;}
	.border-right{border-right:2px solid #c00b58;}
	
}
@media (max-width:767px){
	.border-left,.border-right{padding-top:20px}
	.no-mobile{display:none}
}

.logo-project{
	width:auto;
	height:86px
}
.row-project{
	padding:35px 0px!important;
}
.box-logo-project{
	height:90px;
	width:100%;	
}
.row-project h3{ line-height:30px }
.pack{ padding:15px }


.pack-walkin{ color:#006699; }
.pack-walkin .logo-project{ padding:20px; }
.pack-walkin .box-logo-project{ border: 2px solid #006699; }


.pack-cityboost{ color:green; }
.pack-cityboost .logo-project{ padding:20px; }
.pack-cityboost .box-logo-project{ border: 2px solid green; }

.pack-smartyhotel{ color:#ff449e; }
.pack-smartyhotel .box-logo-project{ border: 2px solid #ff449e; }

.pack-gosanital{ color:#18baeb; }
.pack-gosanital .logo-project{ padding:20px; }
.pack-gosanital .box-logo-project{ border: 2px solid #18baeb; }
@media (max-width:980px){
#footer{padding:0!important;}
}
/* Footer */
#footer{
	background-color:#000;
	padding:40px;
	color:#fff;
}
#footer a{color:#c00b58;}

.service a{text-decoration:none!important}