@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700');

html,
body { height: 100%; width: 100%;}
body { font-family: 'Titillium Web', sans-serif;}
hr {  border-color: #F05F40;  border-width: 3px;  max-width: 50px;}
hr.light {  border-color: white;}
a {  -webkit-transition: all 0.35s;  -moz-transition: all 0.35s;  transition: all 0.35s;  color: #ff9e16;}
a:hover,
a:focus {  color: #f5a528;}
h1,
h2,
h3,
h4,
h5,
h6 {  font-family: 'Titillium Web', sans-serif;}
p {  font-size: 16px;  line-height: 1.5;  margin-bottom: 20px;}

section { padding: 20px 0;}
aside { padding: 50px 0;}
.no-padding { padding: 0;}

.navbar{ border: 0px !important;}

.navbar-default { background: #b42525; color:#fff !important; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s;}
.navbar-default .navbar-header .navbar-brand { color: #FFF; font-weight: normal; text-transform: uppercase;}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus { color: #FFF;}

.navbar-default .navbar-header .navbar-brand  i{font-size:1.5em !important;	}
.navbar-default .navbar-header .navbar-toggle {  font-weight: 700;  font-size: 12px;  color: #FFF;  text-transform: uppercase;  }
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {  text-transform: uppercase;  font-weight: 400;  font-size: 13px;  color: #FFF;}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover { color: #ff9e16 !important;}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {  color: #fff !important;  background-color: transparent;}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {  background-color: transparent;}

@media (min-width: 768px) {
.navbar-default {   background-color: #b42525;  !important;   /*border-color: rgba(255, 255, 255, 0.3);*/  }
  .navbar-default .navbar-header .navbar-brand { color: rgba(255, 255, 255, 0.95);  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus { color: #FFF;  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus { color: rgba(255, 255, 255, 0.95); }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover { color: white; }
  .navbar-default.affix { background: #f5a528 !important;  /*border-color: rgba(34, 34, 34, 0.05);*/  }
  .navbar-default.affix .navbar-header .navbar-brand {  color: #342e1f; font-size: 14px;  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {color: #342e1f;  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {color: #fff;  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover { color: #fff;}

}



header {position: relative; width: 100%; background: #b42525; text-align: center; color: #ffffff; margin-bottom:50px;}
header .header-content { position: relative; text-align: center; padding: 75px 15px 100px; width: 100%;}

.head-h1 { font-size: 30px !important; font-weight: 400 !important;  line-height: 0em;  color: #ff9e16;}
.head-h2 {  font-size: 30px !important; font-weight: 400 !important;  line-height: 1em;  color: #FFF;}
.h2{	font-size: 24px;}
.features-grid{	font-size:14px;	color:#666;}

#credits{	padding:25px 0 35px 0;	font-size:0.8em;	background: #000;	color:#fff;}


@media (max-width: 480px) {
	@media (max-height:567px){
		header {height: 100% !important; }
	}
	@media (min-height:568px){
		header {height: 60% !important; }
	}
	#showmore { display:none;}
	.head-h1 {font-size: 20px !important;line-height: 0.85em;padding: 10px !important;}
	.head-h2 {font-size: 20px !important;font-weight: 400 !important;	line-height: 0em;color: #FFF;}
	.header-content-inner { height: 100%; }
	.header-content-inner > img {width:250px;margin-left:auto;margin-left:auto;margin-top:60px !important;}
	.scrollToTop {display:none !important;}
	#promogrid { padding-top:65px;}
}


@media (min-width: 481px) and (max-width: 640px) {
	@media (max-height:600px){
		header {height: 100% !important; }
	}
	@media (min-height:601px){
		header {height: 50% !important; }
	}
	#showmore { display:none;}

	.head-h1 {font-size: 20px !important;line-height: 1em;}
	.head-h2 {font-size: 20px !important;font-weight: 400 !important;	line-height: 1em;color: #FFF;}
	.header-content-inner { height: 100%; }
	.header-content-inner > img {width:260px;margin-left:auto;margin-left:auto;margin-top:45px !important;}
	.scrollToTop {width: 100px;height: 100px;bottom: 5px !important;right: 5px !important;background: url(https://www.netsons.com/404.php) no-repeat 0px 20px;}
}

@media (min-width: 641px) and (max-width: 767px) {
	#showmore { display:none;}

	header {height: 100%;}
	header .header-content {   position: absolute;   top: 50%;   -webkit-transform: translateY(-50%);   -ms-transform: translateY(-50%);   transform: translateY(-50%);   padding: 0 50px;}
	.head-h1 {font-size: 20px !important;line-height: 1em;}
	.head-h2 {font-size: 20px !important;font-weight: 400 !important;	line-height: 1em;color: #FFF;}
	.header-content-inner { height: 205px !important; }
	.header-content-inner > img {width:320px;margin-top: 45px;}
	#promogrid { padding-top:50px;}
}

@media (min-width: 768px) {

	#showmore { display:none;}
	header {  height: 405px;  }
	header .header-content { position: absolute;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  padding: 0 50px; }
	.header-content-inner { height: 450px !important; }
	.header-content-inner > img {height: 60% !important;  margin-top: 35px; }
}

.section-heading { margin-top: 0;}
.service-box { max-width: 400px; margin: 50px auto 0;}

@media (min-width: 992px) {
	.service-box {    margin: 20px auto 0;  }
}

.service-box p { margin-bottom: 0;}
.portfolio-box {  position: relative;  display: block;  max-width: 650px;  margin: 0 auto;}
.portfolio-box .portfolio-box-caption {  color: white;  opacity: 0;  display: block;  background: rgba(240, 95, 64, 0.9);  position: absolute;  bottom: 0;  text-align: center;  width: 100%;  height: 100%;  -webkit-transition: all 0.35s;  -moz-transition: all 0.35s; transition: all 0.35s;}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {  width: 100%;  text-align: center;  position: absolute;  top: 50%;  transform: translateY(-50%);}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;  padding: 0 15px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {  text-transform: uppercase;  font-weight: 600;  font-size: 14px;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {  font-size: 18px;}
.portfolio-box:hover .portfolio-box-caption {  opacity: 1;}
.portfolio-box:focus {  outline: none;}


@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {    font-size: 16px;  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {    font-size: 22px;  }
}

.btn {  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;  border-radius: 5px;  font-weight: 700;  text-transform: uppercase;}
.btn-xl {  padding: 15px 30px;}

::-moz-selection {  color: white;  text-shadow: none;  background: #222222;}
::selection {  color: white;  text-shadow: none;  background: #222222;}
img::selection {  color: white;  background: transparent;}
img::-moz-selection {  color: white;  background: transparent;}

body {  webkit-tap-highlight-color: #222222;}


.list-unstyled{	border-left: 1px #ccc solid;	padding-left:8px;}

#page-scroll-link {	text-decoration: none;	color:#333414c;}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {    -webkit-transform: translateY(0);            transform: translateY(0);  }
  40% {    -webkit-transform: translateY(-30px);            transform: translateY(-30px);  }
  60% {    -webkit-transform: translateY(-15px);            transform: translateY(-15px);  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {    -webkit-transform: translateY(0);            transform: translateY(0);  }
  40% {    -webkit-transform: translateY(-30px);            transform: translateY(-30px);  }
  60% {    -webkit-transform: translateY(-15px);            transform: translateY(-15px);  }
}


.scrollToTop{	width:100px; 	height:100px;	padding:10px; 	text-align:center; 	background: whiteSmoke;	font-weight: bold;	font-size:40px;	color: #444;	text-decoration: none;	position:fixed;	bottom:25px;	right:25px;	background: url('https://www.netsons.com/404.php') no-repeat 0px 20px; }
.scrollToTop:hover{	text-decoration:none;}


.panel.panel-bf17 {	border: 1px #b42525 solid !important;	border-radius: 0px !important;	margin-bottom:50px;}

.panel.panel-bf17 > .panel-heading{	font-weight: 700;	color:#000;	font-size:1.7em;	line-height:1.1em;}
.panel.panel-bf17 > .panel-heading > img { margin-bottom: 3px;}
.panel.panel-bf17 > .panel-body{	font-size: 0.95em;	padding-top:0px;}

.panel.panel-bf17 > .panel-footer {	background: #fff !important;	border:0px;	padding-top: 0px;	padding-bottom:10px;}

span.bf-price {	display:block;	margin-top:12px;	line-height: 0.35em;	font-weight: 700 !important;	font-size: 2.2em !important;	width:55%;	float:left;	text-align:center;}

span.bf-price > small {	font-weight: normal !important;	margin-top:0px;	font-size: 12px !important;}

span.price {	display:block;	margin-top:18px;	line-height: 0.8em;	font-weight: normal !important;	font-size: 1.4em !important;	width:30%;	float:right;	text-align:center;}

span.price > small {	font-weight: normal !important;	margin-top:0px;	font-size: 10px !important;}


.btn-bf {  color: #FFF;  background-color: #fd9d2e;  border-color: #fd9d2e;  -webkit-transition: all 0.35s;  -moz-transition: all 0.35s;  transition: all 0.35s;}
.btn-bf:hover,
.btn-bf:focus,
.btn-bf.focus,
.btn-bf:active,
.btn-bf.active,
.open > .dropdown-toggle.btn-bf {
  color: #ff9e16;
  background-color: #000;
  /*border-color: #ededed;*/
}
.btn-bf:active,
.btn-bf.active,
.open > .dropdown-toggle.btn-bf {
  background-image: none;
}
.btn-bf.disabled,
.btn-bf[disabled],
fieldset[disabled] .btn-bf,
.btn-bf.disabled:hover,
.btn-bf[disabled]:hover,
fieldset[disabled] .btn-bf:hover,
.btn-bf.disabled:focus,
.btn-bf[disabled]:focus,
fieldset[disabled] .btn-bf:focus,
.btn-bf.disabled.focus,
.btn-bf[disabled].focus,
fieldset[disabled] .btn-bf.focus,
.btn-bf.disabled:active,
.btn-bf[disabled]:active,
fieldset[disabled] .btn-bf:active,
.btn-bf.disabled.active,
.btn-bf[disabled].active,
fieldset[disabled] .btn-bf.active {
  background-color: #fd9d2e;
  border-color: #fd9d2e;
}
.btn-bf .badge {
  color: white;
  background-color: #fd9d2e;
}

.promoball {
	width: 70px;
    height: 70px;
    position: absolute;
    right: 35px;
    top: -35px;
}

.promoball.promoball-20{
	background: url("../img/bf-ball-20.png") no-repeat 0 0 ;
}

.promoball.promoball-30{
	background: url("../img/bf-ball-30.png") no-repeat 0 0 ;
}

.promoball.promoball-40{
	background: url("../img/bf-ball-40.png") no-repeat 0 0 ;
}

.pull-top.head-h2 { color: #000 !important;}

#contact { background: #e6e6e6; padding-bottom:50px;}
#contact a{ color: #000 !important}
#contact a:hover{ color: #ff9e16 !important;text-decoration: none;}
#regolamento {}

.mt50 { margin-top: 50px !important;}


#footer {
	background:#111111;
	padding-top:25px;
	font-size:12px;
	color:#fff;
}


#hotel {
  padding-bottom: 50px;
}

@media (max-width: 770px) {
.bm-phone {
  width: 50%;
  float:left;
   background: #B42525;
  z-index: 3;
  text-align: center;
  position: fixed;
  bottom: 0;
}
.bm-mail {
  width: 50%;
  float:left;
  background: #FFFFFF;
  z-index: 3;
  text-align: center;
  position: fixed;
  bottom: 0;
  margin-left: 50%;
  color: #b42525;
}
.banner-desktop {display:none;}
h1 {
    font-size: 2rem;}
}    
 .banner-mobile a , .banner-mobile a:hover {color:#fff;}
.banner-mobile {
  font-size: 35px; }

@media (min-width: 771px) {
.banner-mobile {
  display:none;
}