﻿html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Roboto', sans-serif;
	color: #282827;
	font-weight:300;
}

.btn:focus {
	outline: 0;
	box-shadow:none!important;
}


.navbar-light .navbar-nav .nav-link {
	color: #1d1d1b;
}

.navbar-light .navbar-toggler {
	color: #1d1d1b!important;
	border-color: #1d1d1b!important;
}



.rosa {
	color: #ff397b !important;
}


@media (min-width: 0px) {
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (max-width: 992px) {
	ul.navbar-nav {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	img#logo {
		width: 150px!important;
	}
}

@media (min-width: 1200px) {
}

.fontLato {
	font-family: 'Roboto', sans-serif;
}
.fontMontserrat {
	font-family: 'Century Gothic','Montserrat', sans-serif;
}
.fontArapey {
	font-family: 'Roboto', sans-serif;
}
.fontRoboto {
	font-family: 'Roboto', sans-serif;
}

.fontSize10 {
	font-size: 10px;
}
.fontSize12 {
	font-size: 12px;
}
.fontSize14 {
	font-size: 14px;
}
.fontSize16 {
	font-size: 16px;
}
.fontSize18 {
	font-size: 18px;
}
.fontSize21 {
	font-size: 21px;
}
.fontSize22 {
	font-size: 22px;
}
.fontSize24 {
	font-size: 26px;
}
.fontSize26 {
	font-size: 26px;
}
.fontSize30 {
	font-size: 30px;
}
.fontSize40 {
	font-size: 40px;
}
.fontSize60 {
	font-size: 60px;
}

.fontinitial{
	text-transform:initial!important;
}

.grassetto {
	font-weight: 600 !important;
}
.regular {
	font-weight: 500 !important;
}
.slim {
	font-weight: 300 !important;
}


.txtgrigio{
	color:#777777;
}

.bg-light{
	background:#FFFFFF!important;
}

.nav-item{
	padding-right:70px;
}

a.neutroscat{
   color:#FFFFFF!important;
   text-decoration:none;
}

a.neutrocat {
	color: #000000 !important;
	text-decoration: none;
}

a.nav-ico:link {
	color: #444444;
	text-decoration: none;
}

/* visited link */
a.nav-ico:visited {
	color: #444444;
	text-decoration: none;
}

/* mouse over link */
a.nav-ico:hover {
	color: #444444;
	text-decoration: none;
}

/* selected link */
a.nav-ico:active {
	color: #444444;
	text-decoration: none;
}

#navbar {
	transition: 0.4s; /* Adds a transition effect when the padding is decreased */
	padding:5px 0px 5px 20px;
}
#logo {
	transition: 0.4s; /* Adds a transition effect when the padding is decreased */
}


a.lkfooter:link {
	font-size: 14px;
	color: #444444;
	text-decoration: none;
}

/* visited link */
a.lkfooter:visited {
	color: #444444;
	text-decoration: none;
}

/* mouse over link */
a.lkfooter:hover {
	color: #000000;
	text-decoration: none;
}

/* selected link */
a.lkfooter:active {
	color: #444444;
	text-decoration: none;
}

a.lkdefault:link {
	font-size: 14px;
	color: #444444;
	text-decoration: none;
}

/* visited link */
a.lkdefault:visited {
	color: #444444;
	text-decoration: none;
}

/* mouse over link */
a.lkdefault:hover {
	color: #000000;
	text-decoration: none;
}

/* selected link */
a.lkdefault:active {
	color: #444444;
	text-decoration: none;
}

.no-br {
	white-space: nowrap!important;
}

input.form-control {
	/*border-top: hidden !important;
	border-left: hidden !important;
	border-right: hidden !important;*/
	box-shadow: none !important;
}

	input.form-control:hover {
		border-color: #000;
	}
	input.form-control:focus {
		border-color: #000;
	}

.btn {
	border-radius:20px !important;
	border: 1px solid #FFFFFF !important;
	background:#ff397b;
	text-transform:uppercase;
	color: #FFFFFF !important;
	font-weight: 300;
}
	.btn:hover {
		border: 1px solid #000000 !important;
		background: initial !important;
		color: #000 !important;
		font-weight: 300;
	}

.btnstandard {
	min-width: 200px;
}

.dropdownsearch {
	min-width: 320px;
	border: 0;
	padding: 0 4px;
}
.dropdownsearchbox {
	display: inline-block;
	margin: 0 20px 0 0;
	/*float: right;*/
	white-space: nowrap;
	float:right;
}

div#logotop {
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 40px;
}
	div#logotop img {
		width: 250px;
	}
	@media screen and (max-width: 480px) {
		div#logotop img {
			width: 150px;
		}
	}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
#intro {
	width: 100%; /*height: 65vh;*/
	background-size: inherit;
	position: relative;
	margin-top:60px;
	overflow: hidden;
}

.img-responsive {
	width: 100%
}



@media (max-width: 767px) {
	.carousel-control-prev-icon, .carousel-control-next-icon {
		display: none !important;
	}
	div#carosellohomepage {
		margin-top: 78px!important;
	}
}

@media (max-width: 992px) {
		span.navbar-text {
			width: 100%!important;
		}
}
/******** VIDEO *********/

.boxvideo {
	height: 80vh;
	width: 100%;
	position: relative;
	overflow: hidden;
}

video#bgvid {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*z-index: -100;*/
	background-size: cover;
}

@media screen and (max-width: 1380px) {
	.boxvideo {
		height: 60vh;
	}
}

@media (min-width: 480px) and (max-width: 940px) {
	.boxvideo {
		height: 40vh;
	}
}

@media screen and (max-width: 480px) {
	.boxvideo {
		display: none;
	}
}

@media screen and (max-width: 980px) {
	div.caption2 {
		/*
		display: none;
	*/
		padding:10px;
	}
	html, body {
		overflow-x: hidden;
	}
}

/**************************/


/**** CAROSELLO ****/

.carousel-item {
	/*height: 65vh;
    min-height: 300px;*/
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#caroselloscheda ol.carousel-indicators {
	display:initial !important;
	top:5%;
	left:-40px;
}
#caroselloscheda li {
	margin: 3px 0 0 0;
}

.carousel-control-next,
.carousel-control-prev {
	filter: invert(100%);
}

.carousel-indicators li {
	width: 10px;
	height: 0px;
	border-top: 0;
	border-radius: 5px;
	background: #CCC;
	color: #282827;
}

div.caption2 {
	position: initial !important;
	left: 0;
	top: 0;
	padding-bottom: 50px;
	background: #FFF;
}

	div.caption2 h1 {
		text-transform: uppercase;
		color: #282827;
	}

		div.caption2 div {
			margin-bottom:10px;
			color: #282827;
		}

div.caption2 {
	top: 30% !important;
	bottom: initial !important;
}

.carousel-indicators li {
}

/*******************/
/*** SEZIONE DATI ***/

section.box-sezione {
	padding: 40px;
}

section.box-sezione h1{
	text-transform:uppercase;
	font-weight:400;
}

div.contenuti-section {
	padding: 0 20%;
}
div.contenuti-section-3 {
	padding: 0 20%;
	text-align:center;
}
/*** TESTO VERTICALE ***/
h2.vertical {
	font-size: 16px;
	text-orientation: mixed;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	writing-mode: vertical-lr;
	color: #000000;
	font-weight: 500;
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 576px) {
	h2.vertical {
		font-size: 16px;
		text-orientation: initial;
		-webkit-transform: initial;
		-moz-transform: initial;
		-ms-transform: initial;
		-o-transform: initial;
		transform: initial;
		writing-mode: initial;
		color: #000000;
		font-weight: 500;
	}

	.vertical-center {
		margin: 0;
		position: initial;
		-ms-transform: initial;
		transform: initial;
	}
}

.boxhome{
   padding:30px 0 30px 0;
   max-width:500px;
   margin:auto;
}
/***********************/
/** SOTTOCATEGORIE **/

.gallery-wrapper {
	overflow: hidden;
}

.grid-item {
	padding: 3px;
}

.img-100 {
	width: 100%;
}
.labelsottocat {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #FFF;
	padding: 10px;
}

/***********************/
/** PATH **/

a.breadcrumb-item:link {
	font-size: 14px;
	color: #444444;
	text-decoration: none;
}

/* visited link */
a.breadcrumb-item:visited {
	color: #444444;
	text-decoration: none;
}

/* mouse over link */
a.breadcrumb-item:hover {
	color: #000000;
	text-decoration: none;
}

/* selected link */
.breadcrumb-item {
	font-size: 14px;
}
a.breadcrumb-item:active {
	color: #444444;
	text-decoration: none;
}

.btn-group{
	margin-top:5px;
}

/**********/
/** CATALOGO PRODOTTI **/

.uppercase{
	text-transform:uppercase!important;
}

.imgprod {
	display: inline-block;
	max-width: 400px;
	width: 100%;
	/*min-height:500px;*/
	border: 0 !important;
}

.boxelencoprod {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	position: relative;
	border: 1px solid #FFF !important;
	transition: all 1s ease;
}

.panel-heading {
	border-bottom:1px solid #000000;
	padding:0;
}

.panel-title{
	margin:0;
	padding:0;
}

.panel-scheda {
	display: inline-block;
	width: 100%;
	padding: 20px 20px 20px 0;
}

.panel-title a {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: 300;
}
.panel-title a:hover{
	text-decoration:none;
}
.panel-body{
	padding:10px 0;
}

/**** TAGLIA *****/

.imgButton {
	float: left;
	margin: 0 5px 5px 0;
	min-width: 45px;
	height: 45px;
	border: 1px solid #000;
	text-align: center;
	padding-top:10px;
	color:#000000;
	text-decoration:none;
}
	.imgButton:hover {
		background: #ff397b !important;
		border: 1px solid #ff397b;
		color: #FFF !important;
		text-decoration: none;
	}

.imgButtonSelected {
	background: #ff397b !important;
	border: 1px solid #ff397b;
	color: #FFF !important;
}

/*****************/

.btn-dark {
	color: #FFF !important;
	background: #000 !important;
}

.no-border{
	border:1px solid #FFF!important;
}

.dropdown > .dropdown-menu {


	transition: 0.3s all ease-in-out;
}

.dropdown:hover > .dropdown-menu {
	display: block;
	top:35px;
}

.dropdown-menuhome {
	border: 0;
	padding-top: 30px;
}

@media (max-width: 991px) {
	.dropdown-menuhome {
		border: 0;
		padding-top: 0px;
	}
}

a.dropdown-item:active {
	background: none!important;
	color:#000!important;
}

li.active {
	color: #000 !important;
	font-weight:bold;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
	-webkit-transform: translate3d(0,-100%, 0);
	transform: translate3d(0,-100%, 0);
}

.no-round{
    border-radius:0!important;
}

.pointer {
	cursor:pointer;
}

.przscheda {
	color: #000000;
	font-size: 16px;
}

.przschedascontato {
	color: #000000;
	font-size: 16px;
	text-decoration: line-through;
}

.clear{
	clear:both;
}

.imgvariante{
	max-width:60px;
}
.left{
	float:left;
}

.minuscolo{
	text-transform:lowercase;
}


.golfwercontainer {
	margin-top: 80px;
	padding: 20px;
}
/** CARRELLO **/

.nobr {
	white-space: nowrap
}

.bold {
	font-weight: bold;
}

.txtqta {
	width: 50px;
	border: 1px solid #CCCCCC;
	font-size: 18px;
}

.boxheader {
	background: #FAFAFA;
}

.boxheader2 {
	background: #FAFAFA;
	margin-bottom:20px;
}

.center {
	text-align: center;
}

.alignright {
	text-align: right;
}

.boxheaderin {
	color: #000000;
	font-size: 18px;
	padding: 10px;
	position: relative;
	margin-bottom: 10px;
}

.spedgratuita {
	padding-top: 5px;
}

div#carrello {
	line-height: 250%;
	padding-left: 20px;
	display: inline;
	text-align: right;
}

table.carrello {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

	table.carrello td {
		padding: 5px;
		margin: 0;
		border: 0;
	}

.separatore {
	border-bottom: 1px solid #CCCCCC;
}

.evidenza{
	color:#FF0000;
}
/**************/

.card{
	padding:10px;
}

.marginTesto{
	padding:20px 10px;
}

.rosso{
	color:#ff0000;
}

.box2{
	padding:10px;
}

.tab-golfwer {
	min-height: 200px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 40px;
}

#tabprofilo .nav-item{
	padding-right:2px;
}

a.nav-link:link {
	/*font-size: 14px;*/
	color: #1d1d1b;
	text-decoration: none;
}

/* visited link */
a.nav-link:visited {
	color: #1d1d1b;
	text-decoration: none;
}

/* mouse over link */
a.nav-link:hover {
	color: #ff397b!important;
	text-decoration: none;
}

/* selected link */
a.nav-link:active {
	color: #1d1d1b;
	text-decoration: none;
}

.radio{
	margin-top:5px;
}
.boxricamo{
	padding:20px 0;
}
.dropdown{
	margin-bottom:5px;
}
.widthstandard{
	width:260px!important;
}

.boxscelta {
	line-height: 40px;
}
.boxsceltain {
	margin-top:19px;
}

.caricamento {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 400;
	background: url(../img/backgroundcaricamento.png) repeat top left;
}

.caricamentocheckout {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 400;
	background: url(../img/backgroundcaricamento.png) repeat top left;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #FFFFFF;
	color: #000000;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	border: 2px solid #000000;
}

	#myBtn:hover {
		background-color: #23272B;
		color: #FFFFFF;
	}

.boxelencoprod:hover {
	border: 1px solid #CCC !important;
}

.imgcat {
	transition: all 1s ease;
	border: 1px solid #FFF !important;
}
	.imgcat:hover {
		border: 1px solid #CCC !important;
	}

.boxaddcart {
	width: 300px;
	height: 200px;
	margin: auto;
	background: #FAFAFA;
	color: #000;
	padding: 20px;
	z-index: 9999;
	-webkit-box-shadow: -1px 0px 5px 2px #CCC;
	-moz-box-shadow: -1px 0px 5px 2px #CCC;
	-o-box-shadow: -1px 0px 5px 2px #CCC;
	box-shadow: -1px 0px 5px 2px #CCC;
}

.boxfiltro {
	position: fixed;
	bottom: 100px;
	right: 0;
	background: #EEE;
	z-index: 100;
}

.golf_idenity {
	position: absolute;
	bottom: 150px;
	right: 10%;
	max-width: 400px;
	z-index: 900;
}
@media screen and (max-width: 1200px) {
	.golf_idenity {
		position: absolute;
		bottom: 50px;
		right: 10%;
		max-width: 200px;
		z-index: 900;
	}
}

@media screen and (max-width: 480px) {
		.golf_idenity {
			position: absolute;
			bottom: 20px;
			right: 10%;
			max-width: 100px;
			z-index: 900;
		}

		.boxfiltro {
			position: fixed;
			bottom: 0;
			left: 0;
			background: #EEE;
			z-index: 100;
			width: 100%;
		}

		.totali {
			text-align: left !important;
		}
	}
