.search-control {
    /* display: block; */
    /* width: 100%; */
    height: 30px;
    padding: .125rem .35rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* OVERRIDE ADMIN STYLE BUTTON FOR FRONTEND */
.btn-admin {
    background-color: #3eb998;
    color: white !important;
}
.btn-admin:hover {
    background-color: #E83561;
}


/*  SPINNING GIF */
/*  Start by setting display:none to make this hidden.
    Then we position it in relation to the viewport window
    with position:fixed. Width, height, top and left speak
    for themselves. Background we set to 80% white with
    our animation centered, and no-repeating */
    .wait-modal {
        display:    none;
        position:   fixed;
        z-index:    1000;
        top:        0;
        left:       0;
        height:     100%;
        width:      100%;
        background: rgba( 255, 255, 255, .8 ) 
                    url('/site/templates/img/spinner_transparent.gif') 
                    50% 50% 
                    no-repeat;
}
/*  When the body has the loading class, we turn
    the scrollbar off with overflow:hidden */
/*  Anytime the body has the loading class, our
    modal element will be visible */
    body.loading .wait-modal {
        overflow: hidden;   
        display: block;
}

/* REGATTA P interlines */
div.ended-event article p, div.regattas article p, article.ongoing p {
    margin-bottom: .25rem;
}

/* REGATTA RESULTS BUTTON LINK */
div.ended-event div.regattas.g-pos-abs {
	position: absolute !important;
	z-index: 100;
	bottom: 10px;
	right: 15px;
	/* background-color: rgba(255,255,255,0.85); */
	padding-right: 6px;
	padding-bottom: 5px;
	/* border-radius: 0px 7px 0px 0px; */
}
div.event div.regattas.g-pos-abs {
	position: absolute !important;
	z-index: 100;
	bottom: 10px;
	right: 23px;
	/* background-color: rgba(255,255,255,0.85); */
	padding-right: 6px;
	padding-bottom: 5px;
	/* border-radius: 7px 0px 0px 0px; */
}
div.Results {
    margin: 1rem 0 3rem 0;
}

/* TIEBREAKER */
.tiebreaker-button {
    height: 28px;
}
.tiebreaker-controls {
    position: relative;
    font-size: 12px;
}
.tiebreaker-dec {
    position: absolute;
    top: -2px;
    left: 0;
    height: 12px;
}
.tiebreaker-inc {
    position: absolute;
    top: 9px;
    left: 0;
    height: 12px;
    overflow: hidden;
    width: 12px;
}
.tiebreaker-inc i {
    position: absolute;
    bottom: 0;
    left: 0;
}
.tiebreaker-val {
    padding-left: 5px;
    position: relative;
    top: 4px;
}

/* STICKY BOARD OF RACES */

.sticky-BOR {
	position: -webkit-sticky;
	position: fixed;
	top: 25px;
    width: 1110px;
    margin: 0px auto;
	z-index: 1000;
    box-shadow: 0px 5px 10px #bbb;
}
@media(min-width:1018px){
    div#BOR h2#BOR-title.smaller{
        font-size: 125% !important;
    }
}
@media(max-width:1199px){
    .sticky-BOR {
        width: 930px;
    }
}
@media(max-width:1017px){
    .sticky-BOR {
        width: auto;
        height: auto;
        position: unset;
        box-shadow: unset; 
    } 
}

div#BOR button.btn.hidden{
    color: transparent !important;
    background-color: transparent !important;
    border: 0px none transparent !important;
    cursor: none;
}
div#BOR button.btn.hidden:hover{
    color: transparent !important;
    background-color: transparent !important;
    border: 0px none transparent !important;
    cursor:unset ;
}

div#BOR span.expand-collapse:hover {
    cursor: pointer;
}
div#BOR h2#BOR-title {
    margin-top: -15px;
}

/* REGATTA Event Schedule
--------------------------*/

cell {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.timeline {
    padding-bottom: 1rem;
}
.timeline__title {
    max-width: 5rem;
    margin: 0;
    padding-bottom: 1rem;
    font-size: 1rem;
    position: relative;
}
.timeline__title::before {
    border-right: 3px solid #c9d7e6;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
}
.timeline__title:first-of-type::before {
    top: 8px;
}
.timeline__title::after {
    background-color: #fefefe;
    border-radius: 50%;
    border: 3px solid #4a637e;
    content: "";
    height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 3px;
    -webkit-transform: translate(6px);
    -ms-transform: translate(6px);
    transform: translate(6px);
    width: 15px;
}
.timeline__row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.timeline__row:last-of-type .timeline__activity,
.timeline__row:last-of-type .timeline__day {
    padding-bottom: 0;
}
.timeline__day {
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    border-right: 3px solid #c9d7e6;
    position: relative;
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding-bottom: 1rem;
    color: #93b1ce;
}
.timeline__day::after {
    content: "";
    border: 3px solid #c9d7e6;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 0;
    -webkit-transform: translate(9px);
    -ms-transform: translate(9px);
    transform: translate(9px);
    border-radius: 50%;
    text-align: center;
    top: 3px;
    background-color: #fefefe;
}

div.timeline .timeline__row:last-of-type .timeline__day:first-of-type {
    border: 3px solid transparent;
	position: relative;
	bottom: 5px;
}

div.timeline .timeline__row:last-of-type .timeline__day:first-of-type::after {
    content: "";	
    border: 8px solid #4a637e;
	right: -1px;
}

.timeline__activity {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-bottom: 1rem;
    padding-left: 1rem;
}
.timeline__activity p {
    font-size: 0.9rem;
    line-height: 1rem;
    margin-bottom: 0;
}
.timeline__view-all {
    margin-top: 4rem;
    text-align: center;
}
.footer__signup .timeline__view-all #btnsubmit,
.pc4u_address .ginput_container_address.ginput_complex .timeline__view-all .Pc4uGfLookup,
.timeline__view-all .announcement__button,
.timeline__view-all .button,
.timeline__view-all .footer__signup #btnsubmit,
.timeline__view-all .pc4u_address .ginput_container_address.ginput_complex .Pc4uGfLookup {
    margin-bottom: 0;
}
.timeline-reveal {
    padding: 2rem;
}
@media print, screen and (min-width: 64em) {
    .timeline-reveal {
        padding: 3rem 2rem;
    }
}
.timeline-reveal .timeline {
    margin-top: 3rem;
    margin-bottom: 0;
    padding-bottom: 0;
}
/* REGATTA Event Schedule END
--------------------------*/

/* CLASSIFICHE COLORED FLEETS FOR BOAT RACE */

table.dataTable tbody td {
	border-bottom: 2px solid #ccc;
}

main.classifica span.rule {
    display: block;
}
/* 
table.ranking td.fleet-yellow, table.assignment td.fleet-yellow{
    background-image : url('/site/templates/img/fleets/yellow.png') !important;
} 
table.ranking td.fleet-blue, table.assignment td.fleet-blue{
    background-image : url('/site/templates/img/fleets/blue.png') !important;
}
table.ranking td.fleet-red, table.assignment td.fleet-red{
    background-image : url('/site/templates/img/fleets/red.png') !important;
}
table.ranking td.fleet-green, table.assignment td.fleet-green{
    background-image : url('/site/templates/img/fleets/green.png') !important;
}
table.ranking td.fleet-gold, table.assignment td.fleet-gold{
    background-image : url('/site/templates/img/fleets/gold.png') !important;
}
table.ranking td.fleet-silver, table.assignment td.fleet-silver{
    background-image : url('/site/templates/img/fleets/silver.png') !important;
}
table.ranking td.fleet-bronze, table.assignment td.fleet-bronze{
    background-image : url('/site/templates/img/fleets/bronze.png') !important;
}

table.ranking td.fleet-medal, table.assignment td.fleet-medal{
    background-image : url('/site/templates/img/fleets/bronze.png') !important;
}

table.ranking td[class*='fleet-'], table.assignment td[class*='fleet-']{
    background-size: 10px !important;
    background-position: 75% 10px;
    background-repeat: no-repeat;
} */

/* Classifiche EDIT */

table[id*='table-editing-yellow'] thead tr, table[id*='table-editing-yellow'] tfoot tr, div.u-accordion.children a.g-bg-light-yellow {
    background-color: lightyellow;
}
table[id*='table-editing-blue'] thead tr, table[id*='table-editing-blue'] tfoot tr, div.u-accordion.children a.g-bg-light-blue {
    /* background-color: lightblue; */
    background-color: #ddeef4;
}
table[id*='table-editing-red'] thead tr, table[id*='table-editing-red'] tfoot tr, div.u-accordion.children a.g-bg-light-red {
    /* background-color: lightcoral; */
    background-color: #ffdfdf;
}
table[id*='table-editing-green'] thead tr, table[id*='table-editing-green'] tfoot tr, div.u-accordion.children a.g-bg-light-green {
    background-color: #d0f4d0;
}

table[id*='table-editing-gold'] thead tr, table[id*='table-editing-gold'] tfoot tr, div.u-accordion.children a.g-bg-light-gold {
    background-color:  #fff09e;
}
table[id*='table-editing-silver'] thead tr, table[id*='table-editing-silver'] tfoot tr, div.u-accordion.children a.g-bg-light-silver {
    background-color:  #d8d8d8;
}
table[id*='table-editing-bronze'] thead tr, table[id*='table-editing-bronze'] tfoot tr, div.u-accordion.children a.g-bg-light-bronze {
    background-color:  #d8c7ac;
}
table[id*='table-editing-medal'] thead tr, table[id*='table-editing-medal'] tfoot tr, div.u-accordion.children a.g-bg-light-medal {
    background-color: palegoldenrod;
}

td span.g-color-gold {
    color: #e8b923;
}
td span.g-color-silver {
    color: silver;
}
td span.g-color-bronze {
    color: #b1703a;
}
td span.g-color-medal {
    color: #af9500;
}

/* FLEETS DISPLAY IN OVERALL TABLE */

table#results_table_overall td.position{
    position: relative;
}
table#results_table_overall span[class*='g-color-']{
    position:absolute;
    right: 15px;
}
table#results_table_overall span.g-color-gold{
    color: goldenrod;
}
table#results_table_overall span.g-color-silver{
    color: silver;
}
table#results_table_overall span.g-color-bronze{
    color: #6a3805;
}
table#results_table_overall span.g-color-medal{
    /* color: #c9b037; */
    color: #af9500;
}


/* DATATABLES OVERRIDE */

main.classifica div.dataTables_wrapper {
    margin-bottom: 50px !important;
}

main.classifica div.dataTables_wrapper div.dataTables_filter,
main.classifica div.dataTables_wrapper div.dataTables_length,
main.classifica div.dataTables_wrapper div.dataTables_info,
main.classifica div.dataTables_wrapper div.dataTables_paginate,
main.classifica div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current
{
    font-size: 80%;
}

/*   GRABBING PW UI FOR FRONTEND  */
.ui-button, .ui-button.ui-state-default, .ui-button.ui-state-hover {
	white-space: nowrap;
	margin: 0;
	overflow: visible;
	text-transform: none;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 30px;
	vertical-align: middle;
	line-height: 38px;
	text-align: center;
	transition: .1s ease-in-out;
	border: 1px solid transparent;
	background: #3eb998;
	color: #fff!important;
	font-size: 16px;
	border-radius: 4px;
}


.pw-AdminThemeUikit .ui-button, .pw-AdminThemeUikit button.ui-button.ui-state-default, .pw-AdminThemeUikit .ui-button.ui-state-default, .pw-AdminThemeReno .ui-button, .pw-AdminThemeReno button.ui-button.ui-state-default, .pw-AdminThemeReno .ui-button.ui-state-default {
	line-height: 1.2em;
	text-shadow: none !important;
	color: #fff;
	background: #3eb998;
	border: 1px solid #3eb998;
	border-radius: 3px;
	transition: all 120ms ease-in;
}


/* Iscrizione - override Boostrap 3
--------------------------------------- */
main.register div.Inputfields div.Inputfield {
    margin-bottom: 1em;
    min-height: 2em;
}

main.register .col-sm-4, main.register .col-md-3, main.register .col-sm-8, main.register .col-md-9 {
    float: left;
}

@media (max-width: 577px) {
    main.register div.Inputfields div.Inputfield {    
        min-height: 4em;
    }
}

main.register div#wrap_Inputfield_stato {
    display: none;
}

/* End iscrizione - override
--------------------------------------- */

/* CHECk Out 
-------------------- */
main.carrello div.avviso {
    background-color: lightgray;
    padding: 8px 15px;
    background-color:#17a2b8;
    background-color:#ffc107;
/*    color:white;*/
}

main.carrello div.avviso-nonstripe {

}


/* TABELLA ENTRY LIST
-------------------- */
@media (max-width: 767px) {
    table.iscritti td.club, table.iscritti th.club
        {
        display:none;
    }
}

/* REGATA PRICES 
-------------------- */
table.prezzi-regata { 
  width: 100%; 
  border-collapse: collapse; 
  margin-bottom: 1.5em;
    
}

/* Striping */
table.prezzi-regata tr:nth-of-type(odd) { 
  background: #eee; 
}

table.prezzi-regata th { 
  background: #555; 
  color: white; 
  font-weight: bold; 
}

table.prezzi-regata td, table.prezzi-regata th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  /* text-align: right;  */
}
table.prezzi-regata tr.sold-out { 
    text-decoration-line: line-through;
    color: #aaa;
}


/* Prezzi Responsive */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.prezzi-regata, table.prezzi-regata thead, table.prezzi-regata tbody, table.prezzi-regata th, table.prezzi-regata td, table.prezzi-regata tr { 
		display: block; 
	}
	
	/* Nascondo table headers (but not display: none;, for accessibility) */
	table.prezzi-regata thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.prezzi-regata tr { border: 1px solid #ccc; }
	
	table.prezzi-regata td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.prezzi-regata td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
    
}
/* END regate implementation */

/* REV SLIDER OVERRIDE
-------------------- */
.tp-bannertimer{
    bottom: 0;
    top: auto;
    background: rgba(255,255,255,.45);
}

/* FONT OVERRIDE 
-------------------- */
html{
    font-size: 16px;
}

body {
/*    font-weight: 500;*/
    font-family: 'Muli', sans-serif ;
}

.h1, .h2, .h3, h1, h2, h3, .tp-caption.NotGeneric-Title, .NotGeneric-Title {
    font-family: 'Oswald', sans-serif ;
    letter-spacing: 2px;
}

.g-bg-secondary{
/*    background-color: #ECEFF1 !Important;*/
}

/* Color Override 
-----------------*/
.g-bg-secondary{
    background-color: #F5F5F5 !Important;
}

/* embedded GMap VT with original size and responsive behaviour */
div.virtual_tour iframe.iframe-fluid {
    max-width: 100%;
}

/* Corsi
-----------------*/

div.course h3.info-v5-3__info-title  {
    font-size: 0.94286rem !important
}

div.course .summary  {
    min-height: 100px;
    display: none !Important;
}

div.drag {
    margin-top: -50px;
    
}

div.drag img{
    position: relative;
    width: 80px; 
    animation: play 2s 4 linear;
}

@keyframes play {
  0% {left: 0px;}
  25% {left: 50px;}
  50% {left: 0px;}
  75% {left: -50px;}
  100% {left: 0px;}
}

div.course-owner img{
    margin: 0 auto;
}

div.course-owner img.andrewsimpson{
    width: 70%;
}

div.cta_info_bn {
    padding: 0.592rem 0.992rem;
    border: 1px #eee dotted;
}

/* Home Custom
-----------------*/
div.cta.booking .js-result.form-control  {
    padding: 0.592rem;
}

select.form-control:not([size]):not([multiple]){
    height: auto;
}

div.cta.booking select#adults {
    height: calc(2.25rem + 12px);
}

button.check  {
    height: calc(2.25rem + 11px);
}


/* Logo Img ed Svg
--------------------*/

.navbar-brand-h svg {
    width: 340px;
    height: auto;
    fill: white;
}
.navbar-brand-h svg:hover {
    fill: #999;
}

.navbar-brand-h img {
    width: 300px;
    height: auto;
}

div.strcontent{
    min-height: 700px;
    height: auto;
}

div.strcontent {
	margin-top:0px;
}

@media (max-width: 1201px) {
.navbar-brand-h img {
    width: 300px;
    }
    div.strcontent {
/*	margin-top:105px;*/
    }    
}
    
@media (max-width: 769px) {
.navbar-brand-h img, .navbar-brand-h svg {
    width: 300px;
    }
    div.strcontent {
	margin-top:135px;
    } 
} 
    
@media (max-width: 577px) {
.navbar-brand-h img, .navbar-brand-h svg {
    width: 200px;
    }
    div.strcontent {
	margin-top:118px;
}
}

/* Avatar Hero Quote */
div img.avatar-fluid {
	max-width: 100%;
	height: 100%;
}
    

/* Top Br Items 
--------------------*/
div.topbar a, div.topbar i, div.topbar li{
    
}

div.topbar a:hover, div.topbar a:focus, div.topbar i:hover{
   
}

/* HP Page Banner text
-------------------------------- */
.tp-caption.NotGeneric-Title, .NotGeneric-Title, section.dzsparallaxer div.container h1{
 text-shadow: 3px 2px 5px rgba(0,0,0,0.7);
}

/* Altezza responsive per Page Banner 
-------------------------------- */
@media (max-width: 769px) {
    /*Altezza Banner*/
    div.basic_page_banner section.dzsparallaxer .g-py-200, div.front_page_regate section.dzsparallaxer .g-py-200{
    padding-top: 50px !Important;
    padding-bottom: 100px !Important;
}
 /*Font */
    div.basic_page_banner section.dzsparallaxer .g-py-200 h1, div.front_page_regate section.dzsparallaxer .g-py-200{
    }   
}

div.u-header__section{
    box-shadow: 0 0 8px #ddd;
}

/* REGATE
-------------------- */
div.embed-reggattas .date{
    display: inline-block;
    margin-right: 0.5rem;
}

/* Change BG on Hovers 
-----------------------*/
    
section.hero-box:hover, div.children .child-box .child-line-content:hover, div.embed-reggattas .regatta_line:hover{
	cursor: pointer;
    background-color: #eee !Important;
    background-image:linear-gradient(45deg, #fff, #dbdbdb);
	}
    
section.hero-box:hover{
	cursor: pointer;
    background-image:linear-gradient(45deg, #fff, #dbdbdb);
	}

div.img_boxes .thumbnails:hover, div.icon_boxes .icon-block:hover, section.cards .card-item:hover, section#ourCourses div.course:hover {
	cursor: pointer;
	}



/* COMMON DEFAULT  
-------------------- */

.overflow-hidden {
    overflow: hidden;
}

/* FCK EDITOR */
@media (min-width: 576px) {
.align_right, .align_left {display: block;} 
}

@media (min-width: 768px) {
.align_right {float: right; margin-left: 25px;}
.align_left {float: left; margin-right: 25px;}
}

/* Responsive Utility Order */
@media (max-width: 991px) {
    section.dzsparallaxer div.container.g-py-200{
    padding-top: 11rem !Important;
    padding-bottom: 11rem !Important;}    
}

@media (max-width: 769px) {
.order-1, .order-2, .order-3 {order: inherit !important;} 
    
    section.dzsparallaxer div.container.g-py-200{
    padding-top: 8rem !Important;
    padding-bottom: 8rem !Important;}   
}

/* Correzione mistero Flex nont working
--------------------------------------- */
@media (max-width: 991px) {
.navbar > .container {display: block;}

}    
}


/* Downloads */

.size{
    display: inline-block;
}

div.downloads i{
    margin-right: 10px;
}

/* FORM ed input Fields 
-------------------- */
label{
    font-weight: bold;
}

.InputfieldRadios ul li label {
    font-weight: normal;
}

/* Google Map
--------------------*/
div#GMapRoadmap{
    height: 450px;
}

/* General Pagelayout
--------------------*/
.article .date{
    color: #999;
}

.agenda_date{
    padding: 4px;
    background-color: #f1f1f1;
}
.agenda_date .year{
    
}

.breadcrumbs {
	clear: both; 
}

.breadcrumbs span:after {
    content: ">";
    color: #999; 
    padding-left: 0.5em;
    padding-right: 0.25em; 
}

.visually-hidden{
    display:none;
}

footer div.socials i, div.topbar .socials i{
    font-size: 16px;
}

/* Children Types 
--------------------*/
@media (min-width: 768px) {
    div.children .child-box .child-line-content{
	height: 170px;
	}
}

.who li {
    margin-bottom: 8px;
}

.who li i {
    color: #d1d1d1;
    font-size: 18px;
    min-width: 13px;
    margin-right: 10px;
    text-align: center;
    position: relative;
}


/* SiteMap */

.sitemap .children .viewline{
    margin-left: 10px;
    margin-bottom: 10px;
}
.sitemap .children .viewline .children .viewline{
    margin-bottom: 0px;
}

ul.sitemap li{
    display: block;
}

ul.sitemap li ul{
    display: block;
    padding: 0 0 0 15px;
}

ul.sitemap li ul li ul{
    margin-bottom: 1rem;
}


.hover-style-v1 { 
	padding: 5px;
}

.hover-style-v1:hover { 
    cursor: pointer;
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

figure{ 
	overflow: hidden;
}

/* Include Boxes Kern Burn 
------------------------------------*/
a.thumbnail {
	padding: 0;
	border: none;
	margin-bottom: 15px;
}

.thumbnail-style:hover { 
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.1s ease-in-out;
    -moz-transition: box-shadow 0.1s ease-in-out;
    -o-transition: box-shadow 0.1s ease-in-out;
    transition: box-shadow 0.1s ease-in-out;
}

.thumbnail h3,
.thumbnail-style h3 {
	margin: 6px 0 8px 0;
}

.thumbnail h3 a,
.thumbnail-style h3 a {
	color: #585f69;
	font-size: 18px;
}

.thumbnail h3 a:hover,
.thumbnail-style h3 a:hover {
	color: #72c02c;
	text-decoration: none;
}

.thumbnail-style .thumbnail-img {
	position: relative;
	margin-bottom: 11px;
}

.thumbnail-style a.btn-more {
	right: 0px;
/*	bottom: 10px;*/
	color: #fff;
	padding: 8px 16px;
	position: absolute;
	display: inline-block; 
}
.thumbnail-style a.btn-more:hover {
	text-decoration: none;
}

.thumbnail-style:hover a.btn-more {
	right: 10px;
}

.thumbnail-kenburn img {
	position: relative;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.1) ;
   -moz-transform: scale(1.1) ;
   -o-transform: scale(1.1) ;
   -ms-transform: scale(1.1) ;
   transform: scale(1.1) ;
}

/*CSS3 Hover Effects*/
.hover-effect {
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.hover-effect-kenburn {
   left:10px;
   margin-left:-10px;
   position:relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.hover-effect-kenburn:hover {
   -webkit-transform: scale(2) rotate(5deg);
   -moz-transform: scale(2) rotate(5deg);
   -o-transform: scale(2) rotate(5deg);
   -ms-transform: scale(2) rotate(5deg);
   transform: scale(2) rotate(5deg);
}

/* PAGINATION
------------------------------------*/
.MarkupPagerNav {
        clear: both;
        margin: 1em 0;
        font-family: Arial, sans-serif;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;
	color: #fff;
	background: #2f4248;
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #db1174;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: #d2e4ea;
	padding-left: 3px;
	padding-right: 3px;
}


/* Override Go-To button */

/* GO TO STACK */

div.hide-in-stack i.fa {
    color:white;
}

div.hide-in-stack a.u-go-to-stack {
    text-decoration: none !important;
}

div.hide-in-stack a.u-go-to-stack::hover {
    text-decoration: none !important;
}

div.show-go-to-stack {
    display: none;
    position: fixed;
/*
    bottom: 55px;
    right: 55px;
*/
    bottom: 5%;
    right: 5%;

    width: 55px;
    height: 55px;
    border-radius: 100%;
    z-index: 10;
    box-shadow: 2px 2px 2px rgba(125, 125, 125, 0.75);
    overflow: hidden;
}

div.show-go-to-stack a:hover {
    cursor: pointer;
}

div.hide-in-stack {
    display: none;
    position: fixed;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    z-index: 10;
    box-shadow: 2px 2px 2px rgba(125, 125, 125, 0.75);
    background-color: white;
    text-align: center;
    color:red;
}


#close_logo {
    border: 2px #E95A0C solid;
    cursor: pointer;    
    display: none;
/*
    bottom: 55px;
    right: 55px;
*/
    bottom: 5%;
    right: 5%;
}
#close_logo i.fa {
    color: #E95A0C;
    position: absolute;
    top:20%;
}

#show_logo {
    background-color: #374A5E !important;    
}

#show_logo img {
    position: absolute;
    top: 10px;
    height: 35px !important;
}

#show_phone {
    cursor: pointer;
    display: none;
/*
    bottom: 55px;
    right: 120px;
*/
    bottom: 5%;
    right: calc(5% + 75px);
    background-color: #374A5E;
    animation: fadein 0.75s;
}

#show_phone i.fa {
    color: white;
    position: absolute;
    top:20%;
}

#show_book {
    width: 130px;
    border-radius: 50px;
    cursor: pointer;
    display: none;
/*
    bottom: 120px;
    right: 55px;
*/
    bottom: calc(5% + 65px);
    right: 5%;
    background-color: #ffc107;
    animation: fadein 0.75s;
}

#show_book i.fa {
    color: white;
    position: absolute;
    top:20%;
    left:15%;
}

#show_book span {
    position: absolute !important;
    top: 17px !important;
    left: 50px !important;
}

#show_book span.first-line {
    position: absolute !important;
    top: 7px !important;
    left: 50px !important;
}

#show_book span.second-line {
    position: absolute !important;
    top: 23px !important;
    left: 50px !important;
}

#show_mail {
    cursor: pointer;
    display: none;
    bottom: calc(5% + 70px);
    right: calc(5% + 70px); 
    background-color: #374A5E;
    animation: fadein .75s;
}


#show_mail i.fa {
    color: white;
    position: absolute;
    top:20%;
}

#show_map {
    cursor: pointer;
    display: none;
    bottom: 5%;
    right: calc(5% + 55px + 15px); 
    background-color: #374A5E;    
    animation: fadein .5s;
}

#show_map i.fa {
    color: white;
    position: absolute;
    top:20%;
}

#show_fb {
    background-color: #4267B2;
    cursor: pointer;
    display: none;
    bottom: calc(5% + 140px);
    right: 5%;
    animation: fadein 1s;
}


#show_fb i.fa {
    color: white;
    position: absolute;
    top:20%;
}

#show_insta {
    cursor: pointer;
    display: none;
    bottom: calc(5% + 140px);    
    right: calc(5% + 70px); 
    background: #d6249f;
    background: radial-gradient(
        circle at 30% 107%, 
        #fdf497 0%, 
        #fdf497 5%, 
        #fd5949 45%,
        #d6249f 60%,
        #285AEB 90%
    );    
    animation: fadein 1s;
}


#show_insta i.fa {
    color: white;
    position: absolute;
    top:20%;
}

#show_be {
    background-color: #003ecb;
    cursor: pointer;
    display: none;
    bottom: calc(5% + 140px);
    right: calc(5% + 70px); 
    animation: fadein 1s;
}


#show_skype i.fa {
    color: white;
    position: absolute;
    top:20%;
}

#show_skype {
    background-color: #00aff0;
    cursor: pointer;
    display: none;
    bottom: calc(5% + 140px);
    right: calc(5% + 70px); 
    animation: fadein 1s;
}


#show_skype i.fa {
    color: white;
    position: absolute;
    top:20%;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* HP regattas e blinking */

main.home div.regattas p.small{
    margin-bottom: 0.5rem;
}

.ongoing div.ongoing-bg {
	background-color: rgba(115, 155, 208, 0.5);
}

/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.25;}
}
.ongoing{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

/*
Children Option Views
*/

div.detail-price {
    position: absolute;
    top: 0px;
    right: 15px;
}

div.article.detail-date {
    position: absolute;
    top: 0px;
    left: 15px;
}

section.child-big-cards div.article.detail-date, section.child-small-cards div.article.detail-date  {
    position: absolute;
    top: 16px;
    left: 15px;
}

div.article.detail-date-detail-date-onbelow {
    position: absolute;
    top: 0px;
    left: 15px;
}

section.child-big-cards div.article.detail-date, section.child-small-cards div.article.detail-date  {
    position: absolute;
    top: 60px;
    left: 15px;
}

div.regata.detail-date-onbelow {
    position: relative;
    bottom: 80px;
}

div.event.detail-date {
    position: absolute;
    top: 16px;
    left: 15px;
}

span.price-onbelow{
    position: absolute;
    bottom: 55px;
    left: 25px;   
    font-size: 12px !important;
    background-color: #b99470 !important; 
} 
div .content.regata-info{
	position: relative;
	bottom: 78px;
}
.title-onbelow {
    min-height: 78px;
    width: 100%;
    text-shadow: 2px 2px 4px black;
    font-weight: 600;
    color: white; 
}

@media (max-width:767px) {
	.title-onbelow {
    position: relative;
    bottom: 0px;
    left: 0px;   
    text-shadow: none;
}
	div.regata-info span {
	display: none !important;
}
}

/* custom FontAwesome Size */
i.fa.fa-1_25x {
    font-size: 1.25em !important;
}
i.fa.fa-1_5x {
    font-size: 1.5em !important;
}
i.fa.fa-1_75x {
    font-size: 1.75em !important;
}
i.fa.fa-2_25x {
    font-size: 2.25em !important;
}
i.fa.fa-2_5x {
    font-size: 2.5em !important;
}
i.fa.fa-2_75x {
    font-size: 2.75em !important;
}
i.fa.fa-3x {
    font-size: 3em !important;
}

/* custom OVERRIDES other icon size */

/* general sizes */
i.icon-1_25x {
    font-size: 1.25em !important
}
i.icon-1_5x {
    font-size: 1.5em !important
}
i.icon-1_75x {
    font-size: 1.75em !important
}
i.icon-2x {
    font-size: 2em !important
}
i.icon-2_25x {
    font-size: 2.25em !important
}
i.icon-2_5x {
    font-size: 2.5em !important
}
i.icon-2_75x {
    font-size: 2.75em !important
}
i.icon-3x {
    font-size: 3em !important
}

/* SISTEMAZIONE ALCUNE ICONE */

i.icon-food-083 {
    margin-left: 8px !important;
}

/* COLORE BOTTONI PIU' CHIARO */
.lighter-hover:hover {
    color: #959595 !important;
}

.lighter-button:hover {
    background-color: #959595 !important;
}