/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* #f66014 */

body {
	font-family: raleway;
	font-size: 17px!important;
}

section#home-banner {
    padding: 20px 0 30px;
}

#home-banner h2 {
	text-transform: uppercase;
	font-weight: 500;
}

input.search{
	background: #3ABC4E!important;
}

@media only screen and (max-width: 410px){
	.input-group {
		display: block;
	}
	.input-group .form-control {
		margin-bottom: 20px;
	}
}

#bannerHome {
	background: #3ABC4E;
	color: white;
	font-size: 25px;
	display: none;
	text-align: center;
	padding: 8px;
	font-style: italic;
}

#bannerHome span{
	/*text-shadow: 0px 0px 3px white;*/
}

a {color: #f66014;}
a:hover {color: #ffce8b;}

div.header-lined h1 {color:#000;}

.navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:focus,
 .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .open > a,
 .navbar-main .navbar-nav > .open > a:focus, .navbar-main .navbar-nav > .open > a:hover,
 .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > li > a:hover {
    color: #f66014;
    background-color: #ffce8b;
}

ul.top-nav > li.primary-action > a.btn {
    background-color: #f66014;
}

.navbar-main {
    background-color: #f66014;
}


section#home-banner {
    background-color: #ffce8b;
}

.home-shortcuts, .home-shortcuts li a {
    background-color: #f66014;
    color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f66014;
    border-color: #f66014;
}

.btn-warning:hover {
    color: #f66014;
    background-color: #fff;
    border-color: #f66014;
}

.containerProdotti {
	text-align: center;
	margin-top: 20px;
}

@media only screen and (min-width: 750px){
.prodotto {
	width: 31%;
	display: inline-grid;
}
}

@media only screen and (max-width: 750px) and (min-width: 420px){
.prodotto {
	width: 48%;
	display: inline-grid;
}
}

.prodotto a {
	display: inherit;
}

.descrProdotto {
	text-align: justify;
	padding: 0 10px;
}

.descrProdotto span {
	font-weight: 900;
	color: #f66014;
	display: block;
	font-size: 20px;
}

section#footer {
	background: #f66014;
	color: white;
}

/* --------------- Sidebar Domini ---------------- */
@media only screen and (min-width: 750px){
.containerDomini {
	position: fixed;
	right: -297px;
	top: 0;
	height: 100%;
	background: white;
	padding: 10px;
	border-left: 2px solid #f66014;
	z-index: 3;
	overflow-y: scroll;
}
}

@media only screen and (max-width: 750px){
.containerDomini {
	position: fixed;
	right: -280px;
	top: 0;
	height: 100%;
	background: white;
	padding: 10px;
	border-left: 2px solid #f66014;
	z-index: 3;
	overflow-y: scroll;
}
}

table.domainpricing {
    width: 260px;
	background-color: #fff;
}

table.domainpricing th {
    padding: 3px;
    background-color: #f66014;
    font-weight: bold;
    text-align: center;
    color: white;
    border: 2px solid white;
    border-radius: 5px;
}
table.domainpricing td {
    padding: 3px;
    text-align: center;
}

.prezziButton {
	position: fixed;
	z-index: 3;
	right: 0px;
	bottom: 20%;
	cursor: pointer;
}


.overlay {
	display: none;
	position: fixed;
	width: 100%;
	background: black;
	opacity: 0;
	height: 100%;
	z-index: 2;
	top:0;
	left:0;
}

/*-------------------- PAGINE DOMINI ----------------------*/

.checkContainer {
	text-align: center;
	background: #f66014;
	color: white;
	padding: 20px;
	border-radius: 10px;
}

.checkDomain p {
	font-size: 30px;
}

.searchBar {
	border: 2px solid #ffce8b;
	padding: 5px;
	width: 50%;
	border-radius: 5px;
}

.checkDomain select {
	border: 2px solid #ffce8b;
	padding: 5px;
	border-radius: 5px;
}

.whiteButton {
	background: white;
	border: 2px solid #ffce8b;
	margin-top: 20px;
	padding: 5px 20px;
	border-radius: 5px;
	color: #f66014;
	font-size: 20px;
}

.whiteButton:hover {
	background: #ffce8b;
	color: #fff;
}

@media only screen and (min-width: 750px){
.tabDominio {
    margin: 20px 0px 20px 20px;
    display: inline-block;
    padding: 20px;
    float: right;
    border: 2px solid #f66014;
    border-radius: 20px;
	width: 50%;
	font-size: 15px;
}
.pageDominio {
	padding: 30px 20px 0 0;
	text-align: justify;
	width: 50%;
}
}

.tabDominio table {margin:0 auto;}

@media only screen and (max-width: 750px){
.tabDominio {
	margin: 20px 0px 20px 0px;
	display: block;
	padding: 10px 5px 10px 5px;
	float: none;
	border: 2px solid #f66014;
    border-radius: 20px;
	overflow-X: scroll;
}
.pageDominio {
	padding: 30px 20px 0 20px;
	text-align: justify;
	width: 100%;
}
}

.pageDominio div {
	padding: 15px 0;
}

.tabDominio table th:nth-child(2),.tabDominio table th:nth-child(3),
.tabDominio table tr td:first-child {
	background: #f66014;
	color: white;
	border-left: 2px solid white;
	border-bottom: 2px solid white;
	border-radius: 5px;
}

.tabDominio table th:nth-child(1){
	color: #f66014;
}

td.linkTabella a, td.linkTabella a:hover, th.linkTabella a, th.linkTabella a:hover{
	color: white;
}

.tabDominio table tr td.bandiere background{
	background: #fff;
}


.tabDominio th, .tabDominio td{
	text-align: center;
	padding: 5px;
	width: 150px;
}

.pageDominio ul {
	padding: 10px 0;
}

.sectionTitle {
	color: #f66014;
	font-size: 25px;
	text-align: left;
}

.tabella-condizioni .main-content h3 {
font-weight: 600;
}

.tabella-condizioni .main-content p {
margin: 0 0 10px;
font-size: initial;
}


.tabella-condizioni .main-content ol li ol li {
font-size: initial;
}


.tabella-condizioni .main-content ol li {
font-size: 1.8em;
}

.tabella-condizioni .main-content ol li ul li {
font-size: initial;
}


.justify {
	text-align:justify;
}

.distanzaY {margin: 40px 0;display:block;}

.pulsante {
	background: #f66014;
	border-radius: 10px;
	color: white;
	border: 1px solid #fff;
	padding: 10px;
	font-size: 20px;
	font-family: "Raleway";
}

.pulsante:hover {
	background: #fff;
	border-radius: 10px;
	color: #f66014;
	border: 1px solid #f66014;
	padding: 10px;
	font-size: 20px;
	font-family: "Raleway";
}

@media only screen and (min-width: 975px){
.imgEnter {
	width: 48%;
	display: inline-block;
	margin: 0 0 0 2%;
	float: right;
}

.halfPage {
	display: inline-block;
	width: 48%;
}
}

@media only screen and (max-width: 975px){
.imgEnter {
	width: 100%;
	margin: 30px 0;
}

.halfPage {
	width: 100%;
}
}

#highlightsContainer {
	display: none;
	margin-top: 20px;
	padding: 5px 10px;
	background-color: white;
	opacity: 0;
}

.row-domains {
	display: flex;
	justify-content: space-around;
	overflow: hidden;
	align-content: center;
	width: 100%;
}

.hiddenDomains {display: none;}

.col-domain {
    text-align: center;
    padding: 10px 0px 20px;
    background: white;
    border-radius: 20px;
}

.domain-name {
    font-size: 25px;
    color: #f66014;
    font-weight: bold;
    line-height: 1em;
}

.domain-price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
	color: #f66014;
}

.arrowLeft, .arrowRight {
	color: #f66014;
	font-size: 4rem;
	display: flex;
	align-items: center;
	cursor: pointer;
}

div.newgtdlsRestriction {
	background-color: rgb(246, 96, 20);
	color: white;
	padding: 5px 10px;
	border-radius: 10px;
	margin: 5px;
	cursor: pointer;
	display: inline-block;
}

div.newgtdlsRestriction:hover {
	color: rgb(246, 96, 20);
	background-color: rgb(255, 206, 139)
}

.modal-content {
	padding: 15px !important;
}


  #client-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.logoportfolio {
max-width:10%;

  filter: grayscale(100%);
	transition-property:filter;
	transition-duration: 0.5s; 
}
.logoportfolio:hover {
  filter: grayscale(0%);
}